@anionex/dsh-pinned-sessions 0.1.0 → 0.1.2

package/lib/client.js

@@ -28,6 +28,7 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 var import_react3 = require("react");
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react2 = require("react");
@@ -100,6 +101,54 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
+// node_modules/lucide-react/dist/esm/icons/archive.js
+var Archive = createLucideIcon("Archive", [
+  ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
+  ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
+  ["path", { d: "M10 12h4", key: "a56b0p" }]
+]);
+
+// node_modules/lucide-react/dist/esm/icons/ellipsis.js
+var Ellipsis = createLucideIcon("Ellipsis", [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+]);
+
+// node_modules/lucide-react/dist/esm/icons/git-branch.js
+var GitBranch = createLucideIcon("GitBranch", [
+  ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
+  ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
+  ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
+  ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
+]);
+
+// node_modules/lucide-react/dist/esm/icons/pencil.js
+var Pencil = createLucideIcon("Pencil", [
+  [
+    "path",
+    {
+      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+      key: "1a8usu"
+    }
+  ],
+  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
+]);
+
+// node_modules/lucide-react/dist/esm/icons/pin-off.js
+var PinOff = createLucideIcon("PinOff", [
+  ["path", { d: "M12 17v5", key: "bb1du9" }],
+  ["path", { d: "M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89", key: "znwnzq" }],
+  ["path", { d: "m2 2 20 20", key: "1ooewy" }],
+  [
+    "path",
+    {
+      d: "M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11",
+      key: "c9qhm2"
+    }
+  ]
+]);
+
 // node_modules/lucide-react/dist/esm/icons/pin.js
 var Pin = createLucideIcon("Pin", [
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -112,10 +161,13 @@ var Pin = createLucideIcon("Pin", [
   ]
 ]);
 
-// node_modules/lucide-react/dist/esm/icons/x.js
-var X = createLucideIcon("X", [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+// node_modules/lucide-react/dist/esm/icons/trash-2.js
+var Trash2 = createLucideIcon("Trash2", [
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
+  ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
+  ["line", { x1: "10", x2: "10", y1: "11", y2: "17", key: "1uufr5" }],
+  ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
 ]);
 
 // src/client/index.tsx
@@ -135,7 +187,7 @@ var defaultAttributes2 = {
 };
 
 // node_modules/lucide/dist/esm/icons/pin-off.js
-var PinOff = [
+var PinOff2 = [
   "svg",
   defaultAttributes2,
   [
@@ -271,7 +323,7 @@ function updateSessionMenuItem(target, pinned, label) {
   target.label.textContent = label;
   target.icon.replaceChildren(createLucideIcon2(
     target.menu.ownerDocument,
-    pinned ? PinOff : Pin2,
+    pinned ? PinOff2 : Pin2,
     pinned ? "pin-off" : "pin"
   ));
 }
@@ -429,23 +481,69 @@ function sessionDisplayTitle(session, workspaceTitle) {
 
 // src/client/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+var BooleanStore = class {
+  value = false;
+  listeners = /* @__PURE__ */ new Set();
+  getSnapshot = () => this.value;
+  subscribe = (listener) => {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  };
+  set(value) {
+    if (value === this.value) return;
+    this.value = value;
+    for (const listener of this.listeners) listener();
+  }
+};
 var NS = "pinnedSessions";
 var STYLE_ID = "@anionex/dsh-pinned-sessions";
 var MENU_ASSOCIATION_MS = 2e3;
 var zh = {
-  "menu.pin": "\u7F6E\u9876\u4F1A\u8BDD",
-  "menu.unpin": "\u53D6\u6D88\u7F6E\u9876",
+  "menu.rename": "\u91CD\u547D\u540D",
+  "menu.fork": "\u5206\u53C9\u4F1A\u8BDD",
+  "menu.pin": "\u7F6E\u9876\u5230\u9876\u90E8\u5206\u7EC4",
+  "menu.unpin": "\u4ECE\u9876\u90E8\u5206\u7EC4\u53D6\u6D88\u7F6E\u9876",
+  "menu.archive": "\u5F52\u6863\u4F1A\u8BDD",
+  "menu.delete": "\u5220\u9664\u4F1A\u8BDD",
   "section.label": "\u7F6E\u9876\u4F1A\u8BDD",
   "session.open": "\u6253\u5F00\u7F6E\u9876\u4F1A\u8BDD\u201C{name}\u201D",
+  "session.actions": "\u7F6E\u9876\u4F1A\u8BDD\u201C{name}\u201D\u7684\u64CD\u4F5C",
+  "session.archiveFailed": "\u5F52\u6863\u4F1A\u8BDD\u5931\u8D25\uFF1A{detail}",
+  "session.forkFailed": "\u5206\u53C9\u4F1A\u8BDD\u5931\u8D25\uFF1A{detail}",
   "session.unpin": "\u53D6\u6D88\u7F6E\u9876\u201C{name}\u201D",
+  "dialog.close": "\u5173\u95ED",
+  "dialog.cancel": "\u53D6\u6D88",
+  "rename.title": "\u91CD\u547D\u540D\u4F1A\u8BDD",
+  "rename.field": "\u4F1A\u8BDD\u540D\u79F0",
+  "rename.confirm": "\u91CD\u547D\u540D",
+  "delete.title": "\u5220\u9664\u4F1A\u8BDD",
+  "delete.description": "\u5C06\u6C38\u4E45\u5220\u9664\u4F1A\u8BDD\u201C{name}\u201D\u53CA\u5176\u5B50\u4EE3\u7406\uFF08\u542B\u6B63\u5728\u8FD0\u884C\u7684\uFF09\u548C\u5168\u90E8\u8BB0\u5F55\uFF08\u5BF9\u8BDD\u5185\u5BB9\u3001\u7EDF\u8BA1\u3001\u7F13\u5B58\uFF09\uFF0C\u6B64\u64CD\u4F5C\u4E0D\u53EF\u6062\u590D\u3002",
+  "delete.pending": "\u6B63\u5728\u5220\u9664\u4F1A\u8BDD\u2026",
   "workspace.ungrouped": "\u672A\u5206\u7EC4"
 };
 var en = {
-  "menu.pin": "Pin session",
-  "menu.unpin": "Unpin session",
+  "menu.rename": "Rename",
+  "menu.fork": "Fork session",
+  "menu.pin": "Pin to top section",
+  "menu.unpin": "Unpin from top section",
+  "menu.archive": "Archive session",
+  "menu.delete": "Delete session",
   "section.label": "Pinned sessions",
   "session.open": "Open pinned session \u201C{name}\u201D",
+  "session.actions": "Actions for pinned session \u201C{name}\u201D",
+  "session.archiveFailed": "Could not archive session: {detail}",
+  "session.forkFailed": "Could not fork session: {detail}",
   "session.unpin": "Unpin \u201C{name}\u201D",
+  "dialog.close": "Close",
+  "dialog.cancel": "Cancel",
+  "rename.title": "Rename session",
+  "rename.field": "Session name",
+  "rename.confirm": "Rename",
+  "delete.title": "Delete session",
+  "delete.description": "This permanently deletes session \u201C{name}\u201D, its child agents (including any that are still running), and all of its records (conversation, stats, cache). This cannot be undone.",
+  "delete.pending": "Deleting session\u2026",
   "workspace.ungrouped": "Ungrouped"
 };
 var styles = `
@@ -455,19 +553,58 @@ var styles = `
 .dsh-pins-header svg{flex:none;color:var(--dsw-alias-state-business-primary)}
 .dsh-pins-list{box-sizing:border-box;max-height:192px;min-width:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;list-style:none}
 .dsh-pins-row{box-sizing:border-box;display:flex;align-items:center;gap:0;height:32px;min-width:0;border-radius:6px;color:var(--dsw-alias-label-primary)}
-.dsh-pins-row:hover,.dsh-pins-row[data-current="true"]{background:var(--dsw-alias-interactive-bg-hover)}
+.dsh-pins-row:hover,.dsh-pins-row[data-current="true"],.dsh-pins-row[data-menu-open="true"]{background:var(--dsw-alias-interactive-bg-hover)}
 .dsh-pins-open{box-sizing:border-box;display:flex;align-items:center;gap:6px;min-width:0;height:32px;padding:0 4px 0 8px;border:0;background:transparent;color:inherit;cursor:pointer;flex:1;text-align:left}
-.dsh-pins-open:focus-visible,.dsh-pins-remove:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px}
+.dsh-pins-open:focus-visible,.dsh-pins-actions:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px}
 .dsh-pins-open>svg{flex:none;color:var(--dsw-alias-state-business-primary)}
 .dsh-pins-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px;flex:1}
 .dsh-pins-workspace{max-width:34%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:18px;flex:none}
-.dsh-pins-remove{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:3px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-tertiary);cursor:pointer;opacity:0;flex:none}
-.dsh-pins-row:hover .dsh-pins-remove,.dsh-pins-remove:focus-visible{opacity:1}
-.dsh-pins-remove:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
-.dsh-pins-menu-button{letter-spacing:0}
-@media (max-width:767px){.dsh-pins-workspace{display:none}.dsh-pins-remove{opacity:1}}
+.dsh-pins-actions{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:3px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-tertiary);cursor:pointer;opacity:0;pointer-events:none;flex:none}
+.dsh-pins-row:hover .dsh-pins-actions,.dsh-pins-row:focus-within .dsh-pins-actions,.dsh-pins-row[data-menu-open="true"] .dsh-pins-actions{opacity:1;pointer-events:auto}
+.dsh-pins-actions:hover,.dsh-pins-row[data-menu-open="true"] .dsh-pins-actions{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.dsh-pins-action-menu{display:inline-flex;flex:none}
+.dsh-pins-rename-input{box-sizing:border-box;width:100%;height:36px;padding:0 11px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;outline:0;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit}
+.dsh-pins-rename-input:focus{border-color:var(--dsw-alias-state-business-primary)}
+.dsh-pins-dialog-error{margin-top:8px;color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:18px}
+.dsh-pins-dialog-status{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}
+.dsh-pins-delete-action{color:var(--dsw-alias-state-error-primary)!important;border-color:var(--dsw-alias-state-error-primary)!important}
+@media (max-width:767px){.dsh-pins-workspace{display:none}}
+@media (hover:none),(max-width:767px){.dsh-pins-actions{opacity:1;pointer-events:auto}}
 `;
-var inject = ["slots", "sessions", "locale"];
+var inject = ["slots", "sessions", "workspaces", "locale"];
+function deleteSessionService(ctx) {
+  try {
+    const service = ctx.get("remote.workspaceRegistry");
+    return typeof service?.deleteSession === "function" ? service : null;
+  } catch {
+    return null;
+  }
+}
+function makePinnedSessionActions(ctx, deleteAvailability) {
+  const workspaces = ctx.get("workspaces");
+  return {
+    renameSession: async (sessionId, title) => {
+      const session = ctx.sessions.binding(sessionId)?.session;
+      if (session === void 0) throw new Error(`unknown session "${sessionId}"`);
+      const result = await session.rename(title);
+      if (!result.ok) throw new Error(result.error?.message ?? "Session rename failed");
+    },
+    forkSession: async (sessionId) => {
+      const childId = await ctx.sessions.fork({ sessionId, increaseTitle: true });
+      ctx.sessions.open(childId);
+    },
+    archiveSession: async (sessionId) => {
+      await workspaces.archiveSession(sessionId);
+    },
+    deleteAvailability,
+    deleteSession: async (sessionId) => {
+      const service = deleteSessionService(ctx);
+      if (service === null) throw new Error("Session deletion is unavailable");
+      const result = await service.deleteSession(sessionId);
+      if (!result.ok) throw new Error(result.error?.message ?? "Session deletion failed");
+    }
+  };
+}
 function apply(ctx) {
   let storage;
   try {
@@ -476,6 +613,53 @@ function apply(ctx) {
     storage = void 0;
   }
   const store = new PinStore(storage);
+  const deleteAvailability = new BooleanStore();
+  const actions = makePinnedSessionActions(ctx, deleteAvailability);
+  const modernMenus = new BooleanStore();
+  let openSession = (sessionId) => {
+    ctx.sessions.open(sessionId);
+  };
+  const navigationActions = {
+    ...actions,
+    openSession: (id) => {
+      openSession(id);
+    },
+    forkSession: async (id) => {
+      openSession(await ctx.sessions.fork({ sessionId: id, increaseTitle: true }));
+    }
+  };
+  ctx.inject(["uiWorkspace"], (navigation) => {
+    const service = navigation.get("uiWorkspace");
+    openSession = (id) => {
+      service.openSession(id);
+    };
+    navigation.effect(() => () => {
+      openSession = (id) => {
+        ctx.sessions.open(id);
+      };
+    });
+  });
+  ctx.slots.inject("sidebar.workspaces.session.menu.item", () => {
+    modernMenus.set(true);
+    const dispose = ctx.slots.register({
+      name: "sidebar.workspaces.session.menu.item",
+      id: "pinned-sessions",
+      order: 90,
+      locale: NS,
+      inject: () => ({ store })
+    }, PinTopSectionMenuItem);
+    return () => {
+      dispose();
+      modernMenus.set(false);
+    };
+  });
+  ctx.inject(["remote.workspaceRegistry"], (serviceCtx) => {
+    const available = deleteSessionService(serviceCtx) !== null;
+    deleteAvailability.set(available);
+    serviceCtx.effect(() => () => {
+      deleteAvailability.set(false);
+    }, "pinned-sessions: delete capability");
+  });
   ctx.effect(() => {
     const onStorage = (event) => {
       if (event.key === PIN_STORAGE_KEY || event.key === null) store.reload();
@@ -503,10 +687,19 @@ function apply(ctx) {
     id: "pinned-sessions-bridge",
     order: 40,
     locale: NS,
-    inject: () => ({ store, sessions: ctx.sessions })
+    inject: () => ({ store, sessions: ctx.sessions, actions: navigationActions, modernMenus })
   }, PinnedSessionsBridge));
 }
-function PinnedSessionsBridge({ store, sessions, useSessions, useWorkspaces, t }) {
+function PinTopSectionMenuItem({ sessionId, store, useMenuOpenState, t }) {
+  (0, import_react3.useSyncExternalStore)(store.subscribe, store.getSnapshot, store.getSnapshot);
+  const [, setMenuOpen] = useMenuOpenState();
+  const pinned = store.isPinned(sessionId);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.MenuItemButton, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PinIcon, {}), onSelect: () => {
+    store.toggle(sessionId);
+    setMenuOpen(false);
+  }, children: t(pinned ? "menu.unpin" : "menu.pin") });
+}
+function PinnedSessionsBridge({ store, sessions, actions, useSessions, useWorkspaces, t, modernMenus }) {
   const sessionSnapshot = useSessions((snapshot) => snapshot);
   const workspaceSnapshot = useWorkspaces((snapshot) => snapshot);
   const pins = (0, import_react3.useSyncExternalStore)(store.subscribe, store.getSnapshot, store.getSnapshot);
@@ -514,7 +707,7 @@ function PinnedSessionsBridge({ store, sessions, useSessions, useWorkspaces, t }
   const [sidebarWide, setSidebarWide] = (0, import_react3.useState)(true);
   const pending = (0, import_react3.useRef)(null);
   const activeMenu = (0, import_react3.useRef)(null);
-  const focusAfterUnpin = (0, import_react3.useRef)(null);
+  const focusAfterRemoval = (0, import_react3.useRef)(null);
   (0, import_react3.useLayoutEffect)(() => {
     let active = true;
     let queued = false;
@@ -603,6 +796,7 @@ function PinnedSessionsBridge({ store, sessions, useSessions, useWorkspaces, t }
     }
     const onClickCapture = (event) => {
       pending.current = null;
+      if (modernMenus?.getSnapshot()) return;
       const target = findSessionActionTarget(event.target);
       if (target === null) return;
       const sessionId = captureSessionId(target.row, sessions);
@@ -646,7 +840,7 @@ function PinnedSessionsBridge({ store, sessions, useSessions, useWorkspaces, t }
       disposeActiveMenu();
       removeBridgeArtifacts(document);
     };
-  }, [sessions, store, t]);
+  }, [sessions, store, t, modernMenus]);
   (0, import_react3.useLayoutEffect)(() => {
     if (sidebarHost === null) return;
     const root = sidebarHost.parentElement;
@@ -684,22 +878,30 @@ function PinnedSessionsBridge({ store, sessions, useSessions, useWorkspaces, t }
     });
   }, [pins, sessionSnapshot.byId, t, workspaceSnapshot.items]);
   (0, import_react3.useLayoutEffect)(() => {
-    const removedIndex = focusAfterUnpin.current;
-    if (removedIndex === null) return;
-    focusAfterUnpin.current = null;
-    focusAfterPinnedRemoval(document, sidebarHost, removedIndex);
+    const pendingRemoval = focusAfterRemoval.current;
+    if (pendingRemoval === null || rows.some((row) => row.session.id === pendingRemoval.sessionId)) return;
+    focusAfterRemoval.current = null;
+    focusAfterPinnedRemoval(document, sidebarHost, pendingRemoval.index);
   }, [rows, sidebarHost]);
   return sidebarHost !== null && sidebarHost.isConnected && sidebarWide && rows.length > 0 ? (0, import_react_dom.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       PinnedSessionSection,
       {
+        actions,
+        cancelRemoval: (sessionId) => {
+          if (focusAfterRemoval.current?.sessionId === sessionId) focusAfterRemoval.current = null;
+        },
         currentId: sessionSnapshot.current,
         rows,
         open: (sessionId) => {
-          sessions.open(sessionId);
+          if (actions.openSession) actions.openSession(sessionId);
+          else sessions.open(sessionId);
+        },
+        prepareRemoval: (sessionId, index) => {
+          focusAfterRemoval.current = { sessionId, index };
         },
         unpin: (sessionId, index) => {
-          focusAfterUnpin.current = index;
+          focusAfterRemoval.current = { sessionId, index };
           store.toggle(sessionId);
         },
         t
@@ -708,24 +910,213 @@ function PinnedSessionsBridge({ store, sessions, useSessions, useWorkspaces, t }
     sidebarHost
   ) : null;
 }
-function PinnedSessionSection({ currentId, rows, open, unpin, t }) {
+function PinnedSessionSection({ actions, cancelRemoval, currentId, rows, open, prepareRemoval, unpin, t }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dsh-pins-section", "aria-label": t("section.label"), children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-pins-header", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PinIcon, { size: 13 }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("section.label") })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "dsh-pins-list", children: rows.map(({ session, title, workspace }, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "dsh-pins-list", children: rows.map(({ session, title, workspace }, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      PinnedSessionRow,
+      {
+        actions,
+        cancelRemoval,
+        current: session.id === currentId,
+        index,
+        open,
+        prepareRemoval,
+        session,
+        t,
+        title,
+        unpin,
+        workspace
+      },
+      session.id
+    )) })
+  ] });
+}
+function PinnedSessionRow({ actions, cancelRemoval, current, index, open, prepareRemoval, session, t, title, unpin, workspace }) {
+  const [menuOpen, setMenuOpen] = (0, import_react3.useState)(false);
+  const [renameOpen, setRenameOpen] = (0, import_react3.useState)(false);
+  const [renameDraft, setRenameDraft] = (0, import_react3.useState)("");
+  const [renaming, setRenaming] = (0, import_react3.useState)(false);
+  const [renameError, setRenameError] = (0, import_react3.useState)(null);
+  const [deleteOpen, setDeleteOpen] = (0, import_react3.useState)(false);
+  const [deleting, setDeleting] = (0, import_react3.useState)(false);
+  const [deleteError, setDeleteError] = (0, import_react3.useState)(null);
+  const [actionToast, setActionToast] = (0, import_react3.useState)(null);
+  const toastSeq = (0, import_react3.useRef)(0);
+  const composing = (0, import_react3.useRef)(false);
+  const trigger = (0, import_react3.useRef)(null);
+  const menusBeforeOpen = (0, import_react3.useRef)(/* @__PURE__ */ new Set());
+  const focusMenuEdge = (0, import_react3.useRef)(null);
+  const actionLabel = t("session.actions", { name: title });
+  const renameTrimmed = renameDraft.trim();
+  const renameBlocked = renaming || renameTrimmed === "";
+  const canDelete = (0, import_react3.useSyncExternalStore)(
+    actions.deleteAvailability.subscribe,
+    actions.deleteAvailability.getSnapshot,
+    actions.deleteAvailability.getSnapshot
+  );
+  const showDesktopActionError = (key, reason) => {
+    if (!canDelete) return;
+    toastSeq.current += 1;
+    setActionToast({
+      text: t(key, { detail: reason instanceof Error ? reason.message : String(reason) }),
+      seq: toastSeq.current
+    });
+  };
+  const restoreTriggerFocus = () => {
+    queueMicrotask(() => {
+      trigger.current?.focus({ preventScroll: true });
+    });
+  };
+  const openActionMenu = (focusEdge) => {
+    menusBeforeOpen.current = new Set(document.querySelectorAll('[role="menu"]'));
+    focusMenuEdge.current = focusEdge;
+    setMenuOpen(true);
+  };
+  (0, import_react3.useLayoutEffect)(() => {
+    if (!menuOpen) return;
+    let menu;
+    let observer;
+    let disposed = false;
+    const items = () => menu === void 0 ? [] : [...menu.querySelectorAll('[role="menuitem"]:not(:disabled)')];
+    const onMenuKeyDown = (event) => {
+      if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) return;
+      const available = items();
+      if (available.length === 0) return;
+      const currentIndex = available.indexOf(document.activeElement);
+      let nextIndex;
+      if (event.key === "Home") nextIndex = 0;
+      else if (event.key === "End") nextIndex = available.length - 1;
+      else if (event.key === "ArrowDown") nextIndex = currentIndex < 0 ? 0 : (currentIndex + 1) % available.length;
+      else nextIndex = currentIndex <= 0 ? available.length - 1 : currentIndex - 1;
+      event.preventDefault();
+      available[nextIndex]?.focus({ preventScroll: true });
+    };
+    const onDocumentKeyDown = (event) => {
+      if (event.key === "Escape") restoreTriggerFocus();
+    };
+    const install = () => {
+      if (disposed) return;
+      menu = [...document.querySelectorAll('[role="menu"]')].find((candidate) => !menusBeforeOpen.current.has(candidate));
+      if (menu === void 0) return;
+      observer?.disconnect();
+      menu.addEventListener("keydown", onMenuKeyDown);
+      const edge = focusMenuEdge.current;
+      focusMenuEdge.current = null;
+      if (edge === null) return;
+      const available = items();
+      const target = edge === "first" ? available[0] : available.at(-1);
+      queueMicrotask(() => {
+        if (!disposed && target?.isConnected === true) target.focus({ preventScroll: true });
+      });
+    };
+    document.addEventListener("keydown", onDocumentKeyDown, true);
+    install();
+    if (menu === void 0) {
+      observer = new MutationObserver(install);
+      observer.observe(document.body, { childList: true, subtree: true });
+      install();
+    }
+    return () => {
+      disposed = true;
+      observer?.disconnect();
+      menu?.removeEventListener("keydown", onMenuKeyDown);
+      document.removeEventListener("keydown", onDocumentKeyDown, true);
+    };
+  }, [menuOpen]);
+  const menuItems = [
+    { id: "rename", label: t("menu.rename"), icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pencil, { size: 16 }) },
+    { id: "fork", label: t("menu.fork"), icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitBranch, { size: 16 }) },
+    { id: "unpin", label: t("menu.unpin"), icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PinOff, { size: 16, strokeWidth: 1.8, "aria-hidden": "true" }) },
+    { id: "archive", label: t("menu.archive"), icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Archive, { size: 16 }) },
+    ...canDelete ? [{ id: "delete", label: t("menu.delete"), icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2, { size: 16 }), danger: true }] : []
+  ];
+  const closeRename = () => {
+    if (renaming) return;
+    setRenameOpen(false);
+    setRenameError(null);
+    restoreTriggerFocus();
+  };
+  const confirmRename = () => {
+    if (renameBlocked) return;
+    setRenaming(true);
+    setRenameError(null);
+    void actions.renameSession(session.id, renameTrimmed).then(() => {
+      setRenaming(false);
+      setRenameOpen(false);
+      restoreTriggerFocus();
+    }).catch((reason) => {
+      setRenaming(false);
+      setRenameError(reason instanceof Error ? reason.message : String(reason));
+    });
+  };
+  const closeDelete = () => {
+    if (deleting) return;
+    setDeleteOpen(false);
+    setDeleteError(null);
+    restoreTriggerFocus();
+  };
+  const confirmDelete = () => {
+    if (deleting) return;
+    prepareRemoval(session.id, index);
+    setDeleting(true);
+    setDeleteError(null);
+    void actions.deleteSession(session.id).then(() => {
+      setDeleting(false);
+      setDeleteOpen(false);
+      restoreTriggerFocus();
+    }).catch((reason) => {
+      cancelRemoval(session.id);
+      setDeleting(false);
+      setDeleteError(reason instanceof Error ? reason.message : String(reason));
+    });
+  };
+  const onSelect = (id) => {
+    setMenuOpen(false);
+    if (id === "rename") {
+      setRenameDraft(session.title ?? title);
+      setRenameError(null);
+      setRenameOpen(true);
+    }
+    if (id === "fork") {
+      restoreTriggerFocus();
+      void actions.forkSession(session.id).catch((reason) => {
+        showDesktopActionError("session.forkFailed", reason);
+      });
+    }
+    if (id === "unpin") unpin(session.id, index);
+    if (id === "archive") {
+      prepareRemoval(session.id, index);
+      restoreTriggerFocus();
+      void actions.archiveSession(session.id).catch((reason) => {
+        cancelRemoval(session.id);
+        restoreTriggerFocus();
+        showDesktopActionError("session.archiveFailed", reason);
+        if (!canDelete) console.warn("session archive rejected:", reason);
+      });
+    }
+    if (id === "delete" && canDelete) {
+      setDeleteError(null);
+      setDeleteOpen(true);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "li",
       {
         className: "dsh-pins-row",
-        "data-current": session.id === currentId ? "true" : "false",
+        "data-current": current ? "true" : "false",
+        "data-menu-open": menuOpen ? "true" : void 0,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
             "button",
             {
               type: "button",
               className: "dsh-pins-open",
-              "aria-current": session.id === currentId ? "page" : void 0,
+              "aria-current": current ? "page" : void 0,
               "aria-label": t("session.open", { name: title }),
               onClick: () => {
                 open(session.id);
@@ -738,38 +1129,135 @@ function PinnedSessionSection({ currentId, rows, open, unpin, t }) {
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "button",
+            import_dsh_client_ui_primitives.Menu,
             {
-              type: "button",
-              className: "dsh-pins-remove",
-              "aria-label": t("session.unpin", { name: title }),
-              title: t("session.unpin", { name: title }),
-              onClick: () => {
-                unpin(session.id, index);
+              className: "dsh-pins-action-menu",
+              open: menuOpen,
+              onClose: () => {
+                setMenuOpen(false);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CloseIcon, {})
+              items: menuItems,
+              onSelect,
+              portal: true,
+              closeOnPointerLeave: true,
+              anchor: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "button",
+                {
+                  ref: trigger,
+                  type: "button",
+                  className: "dsh-pins-actions",
+                  "aria-expanded": menuOpen,
+                  "aria-haspopup": "menu",
+                  "aria-label": actionLabel,
+                  title: actionLabel,
+                  onClick: (event) => {
+                    event.stopPropagation();
+                    if (menuOpen) setMenuOpen(false);
+                    else openActionMenu(null);
+                  },
+                  onKeyDown: (event) => {
+                    if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+                    event.preventDefault();
+                    openActionMenu(event.key === "ArrowDown" ? "first" : "last");
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ellipsis, { size: 16 })
+                }
+              )
             }
           )
         ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_dsh_client_ui_primitives.Modal,
+      {
+        open: renameOpen,
+        onClose: closeRename,
+        closeLabel: t("dialog.close"),
+        title: t("rename.title"),
+        footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", disabled: renaming, onClick: closeRename, children: t("dialog.cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", disabled: renameBlocked, onClick: confirmRename, children: t("rename.confirm") })
+        ] }),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              className: "dsh-pins-rename-input",
+              value: renameDraft,
+              "aria-label": t("rename.field"),
+              autoFocus: true,
+              disabled: renaming,
+              onFocus: (event) => {
+                event.currentTarget.select();
+              },
+              onChange: (event) => {
+                setRenameDraft(event.currentTarget.value);
+                setRenameError(null);
+              },
+              onCompositionStart: () => {
+                composing.current = true;
+              },
+              onCompositionEnd: () => {
+                composing.current = false;
+              },
+              onKeyDown: (event) => {
+                if (event.key !== "Enter" || composing.current) return;
+                event.preventDefault();
+                confirmRename();
+              }
+            }
+          ),
+          renameError !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-pins-dialog-error", role: "alert", children: renameError })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_dsh_client_ui_primitives.Modal,
+      {
+        open: deleteOpen,
+        onClose: closeDelete,
+        closeLabel: t("dialog.close"),
+        title: t("delete.title"),
+        description: t("delete.description", { name: title }),
+        footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", autoFocus: true, disabled: deleting, onClick: closeDelete, children: t("dialog.cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", className: "dsh-pins-delete-action", disabled: deleting, onClick: confirmDelete, children: t("delete.title") })
+        ] }),
+        children: [
+          deleting && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-pins-dialog-status", role: "status", children: t("delete.pending") }),
+          deleteError !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-pins-dialog-error", role: "alert", children: deleteError })
+        ]
+      }
+    ),
+    actionToast !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dsh_client_ui_primitives.Toast,
+      {
+        text: actionToast.text,
+        onDone: () => {
+          setActionToast(null);
+        }
       },
-      session.id
-    )) })
+      actionToast.seq
+    )
   ] });
 }
 function PinIcon({ size = 16 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pin, { size, strokeWidth: 1.8, "aria-hidden": "true" });
 }
-function CloseIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { size: 14, strokeWidth: 2, "aria-hidden": "true" });
-}
 /*! Bundled license information:
 
 lucide-react/dist/esm/shared/src/utils.js:
 lucide-react/dist/esm/defaultAttributes.js:
 lucide-react/dist/esm/Icon.js:
 lucide-react/dist/esm/createLucideIcon.js:
+lucide-react/dist/esm/icons/archive.js:
+lucide-react/dist/esm/icons/ellipsis.js:
+lucide-react/dist/esm/icons/git-branch.js:
+lucide-react/dist/esm/icons/pencil.js:
+lucide-react/dist/esm/icons/pin-off.js:
 lucide-react/dist/esm/icons/pin.js:
-lucide-react/dist/esm/icons/x.js:
+lucide-react/dist/esm/icons/trash-2.js:
 lucide-react/dist/esm/lucide-react.js:
   (**
    * @license lucide-react v0.468.0 - ISC