diff --git a/apps/web/src/pages/Shell.tsx b/apps/web/src/pages/Shell.tsx
index 2f9b136..e846e08 100644
--- a/apps/web/src/pages/Shell.tsx
+++ b/apps/web/src/pages/Shell.tsx
@@ -72,10 +72,7 @@ import {
   AvatarStyleProvider,
   BotAvatar,
   Button,
-  DropdownMenu,
-  DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuTrigger,
   GroupAvatar,
   type GroupAvatarMember,
   InputGroup,
@@ -214,6 +211,7 @@ import {
 } from "./shell/dialogs";
 import { FullscreenComputerOverlay } from "./shell/fullscreen-computer-overlay";
 import { MainConversationRow } from "./shell/main-conversation-row";
+import { PointerMenu } from "./shell/pointer-menu";
 import { cleanRosterPreview, formatRosterTime, stripSpaceTitlePrefix } from "./shell/roster-format";
 import { rosterRowClass } from "./shell/roster-row-style";
 import { ProjectRosterRow, TeamRosterRow } from "./shell/roster-rows";
@@ -4552,43 +4550,23 @@ export function ShellPage() {
         ) : null}
 
         {spaceMenu ? (
-          <DropdownMenu
-            open
-            onOpenChange={(open) => {
-              if (!open) closeSpaceMenu();
-            }}
+          <PointerMenu
+            position={spaceMenu.position}
+            label={t`Actions for space`}
+            onClose={closeSpaceMenu}
           >
-            {/* Invisible anchor at the pointer position, mirroring the bot menu. */}
-            <DropdownMenuTrigger
-              render={
-                <button
-                  type="button"
-                  tabIndex={-1}
-                  aria-hidden
-                  className="fixed size-0 p-0 opacity-0"
-                  style={{ left: spaceMenu.position.x, top: spaceMenu.position.y }}
-                />
-              }
-            />
-            <DropdownMenuContent
-              aria-label={t`Actions for space`}
-              align="start"
-              sideOffset={0}
-              className="w-[220px]"
+            <DropdownMenuItem
+              variant="destructive"
+              onClick={() => {
+                const target = spaces.find((space) => space.id === spaceMenu.id);
+                if (target) setDeleteSpaceTarget(target);
+                setSpaceMenu(null);
+              }}
             >
-              <DropdownMenuItem
-                variant="destructive"
-                onClick={() => {
-                  const target = spaces.find((space) => space.id === spaceMenu.id);
-                  if (target) setDeleteSpaceTarget(target);
-                  setSpaceMenu(null);
-                }}
-              >
-                <Trash2 />
-                {t`Delete space`}
-              </DropdownMenuItem>
-            </DropdownMenuContent>
-          </DropdownMenu>
+              <Trash2 />
+              {t`Delete space`}
+            </DropdownMenuItem>
+          </PointerMenu>
         ) : null}
 
         {deleteTarget ? (
@@ -4679,43 +4657,24 @@ export function ShellPage() {
         ) : null}
 
         {sectionMenu ? (
-          <DropdownMenu
-            open
-            onOpenChange={(open) => {
-              if (!open) closeSectionMenu();
-            }}
+          <PointerMenu
+            position={sectionMenu.position}
+            label={t`Actions for ${sectionMenu.section.name}`}
+            onClose={closeSectionMenu}
           >
-            <DropdownMenuTrigger
-              render={
-                <button
-                  type="button"
-                  tabIndex={-1}
-                  aria-hidden
-                  className="fixed size-0 p-0 opacity-0"
-                  style={{ left: sectionMenu.position.x, top: sectionMenu.position.y }}
-                />
-              }
-            />
-            <DropdownMenuContent
-              aria-label={t`Actions for ${sectionMenu.section.name}`}
-              align="start"
-              sideOffset={0}
-              className="w-[220px]"
+            <DropdownMenuItem
+              onClick={() => {
+                setRenameSectionTarget({
+                  section: sectionMenu.section,
+                  spaceId: sectionMenu.spaceId,
+                });
+                setSectionMenu(null);
+              }}
             >
-              <DropdownMenuItem
-                onClick={() => {
-                  setRenameSectionTarget({
-                    section: sectionMenu.section,
-                    spaceId: sectionMenu.spaceId,
-                  });
-                  setSectionMenu(null);
-                }}
-              >
-                <Pencil />
-                {t`Rename section`}
-              </DropdownMenuItem>
-            </DropdownMenuContent>
-          </DropdownMenu>
+              <Pencil />
+              {t`Rename section`}
+            </DropdownMenuItem>
+          </PointerMenu>
         ) : null}
 
         <CommandPalette
diff --git a/apps/web/src/pages/shell/pointer-menu.tsx b/apps/web/src/pages/shell/pointer-menu.tsx
new file mode 100644
index 0000000..522fbbf
--- /dev/null
+++ b/apps/web/src/pages/shell/pointer-menu.tsx
@@ -0,0 +1,41 @@
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "@rakazo/ui-web";
+import type { ReactNode } from "react";
+import type { ContextMenuPosition } from "../BotContextMenu";
+
+/** A dropdown menu opened at the pointer, for sidebar context menus. */
+export function PointerMenu({
+  position,
+  label,
+  onClose,
+  children,
+}: {
+  position: ContextMenuPosition;
+  label: string;
+  onClose: () => void;
+  children: ReactNode;
+}) {
+  return (
+    <DropdownMenu
+      open
+      onOpenChange={(open) => {
+        if (!open) onClose();
+      }}
+    >
+      {/* Invisible anchor at the pointer position, mirroring the bot menu. */}
+      <DropdownMenuTrigger
+        render={
+          <button
+            type="button"
+            tabIndex={-1}
+            aria-hidden
+            className="fixed size-0 p-0 opacity-0"
+            style={{ left: position.x, top: position.y }}
+          />
+        }
+      />
+      <DropdownMenuContent aria-label={label} align="start" sideOffset={0} className="w-[220px]">
+        {children}
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}