dsh-session-manager 0.4.11 → 0.5.2

package/lib/client.js

@@ -1,1196 +1,2772 @@
-/**
- * @dsh-session-manager — Client half.
- *
- * Renders the title-bar action cluster (Archive / Unarchive, Move to
- * workspace, Delete session) and the sidebar-foot Session manager panel
- * (Open / Archive / Unarchive / Move / Migrate preset / Delete per row,
- * plus the panel's own filter pills and toggle-close behaviour). No build
- * step: DSH loads the file as a Cordis client bundle via its inject
- * declaration in package.json.
- */
-window.__ModuleLoader__.load({
-  id: "dsh-session-manager",
-  factory: (require) => {
-    var module = { exports: {} };
-    var exports = module.exports;
-    Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-
-    const React = require("react");
-    const { useState, useEffect, useMemo, useRef, useSyncExternalStore } = React;
-    const P = require("@deepseek-ai/dsh-client-ui-primitives");
-    if (typeof window !== "undefined") {
-      window.__smReact = React;
-      window.__smReactDOM = React.createPortal ? React : null;
-      // Tiny imperative portal helper: takes a React element + a host
-      // DOM node, creates a React root on the host (lazily), and re-renders
-      // the element into it on each call. Used by ConfirmDialog to escape
-      // the sidebar overflow:hidden ancestor.
-      try {
-        const RDOM = require("react-dom/client");
-        if (RDOM && typeof RDOM.createRoot === "function") {
-          window.__smRenderInto = (tree, host) => {
-            if (!tree || !host) return;
-            try {
-              if (!host.__smRoot) host.__smRoot = RDOM.createRoot(host);
-              host.__smRoot.render(tree);
-            } catch (_) { /* ignore render failure */ }
-          };
-        }
-      } catch (_) { /* react-dom/client not available */ }
-    }
-
-    const NS = "session-manager";
-    const API = "/session-manager/api";
-
-    const zh = {
-      "header.aria": "会话操作",
-      "menu.open": "打开",
-      "menu.archive": "归档会话",
-      "menu.unarchive": "移出归档",
-      "menu.delete": "删除会话…",
-      "menu.move": "移动到工作区…",
-      "menu.manage": "打开会话管理…",
-      "footer.aria": "会话管理",
-      "footer.label": "会话管理",
-      "panel.title": "会话管理",
-      "panel.filter.all": "全部",
-      "panel.filter.active": "未归档",
-      "panel.filter.archived": "已归档",
-      "panel.empty": "暂无会话",
-      "panel.empty.archived": "归档为空",
-      "panel.archived": "已归档",
-      "panel.running": "运行中",
-      "panel.current": "当前",
-      "panel.session.new": "新建会话",
-      "panel.close": "关闭",
-      "row.open": "打开",
-      "row.archive": "归档",
-      "row.unarchive": "移出归档",
-      "row.move": "移动至工作区",
-      "row.delete": "删除会话",
-      "row.migrate": "迁移预设",
-      "migrate.title": "迁移 Agent 预设",
-      "migrate.current": "当前预设",
-      "migrate.target": "目标预设",
-      "migrate.noPresets": "没有可用的目标预设",
-      "migrate.same": "请选择与当前预设不同的目标预设",
-      "migrate.confirm": "确认迁移",
-      "migrate.completed": "Agent 预设已迁移为 {preset}",
-      "confirm.delete.title": "删除会话",
-      "confirm.delete.desc": "会话「{title}」将被永久删除，包括其全部消息记录与磁盘文件，此操作不可撤销。",
-      "confirm.delete.running": "该会话正在运行，删除将立即中断它。",
-      "confirm.delete.confirm": "确认删除",
-      "confirm.move.title": "移动会话到工作区",
-      "confirm.move.desc": "将会话「{title}」移动到目标工作区。",
-      "confirm.move.running": "该会话正在运行，移动会中断并关闭它；之后可在目标工作区重新打开继续。",
-      "confirm.move.empty": "没有可移动到的其他工作区。",
-      "confirm.move.select": "选择目标工作区",
-      "confirm.move.current": "当前工作区：{name}",
-      "confirm.move.confirm": "确认移动",
-      "confirm.cancel": "取消",
-      "busy.processing": "处理中…",
-      "error.operation": "操作失败：{message}",
-      "workspace.default": "默认工作区",
-      "workspace.sessions": "{count} 个会话"
-    };
-    const en = {
-      "header.aria": "Session actions",
-      "menu.open": "Open",
-      "menu.archive": "Archive session",
-      "menu.unarchive": "Unarchive session",
-      "menu.delete": "Delete session…",
-      "menu.move": "Move to workspace…",
-      "menu.manage": "Open session manager…",
-      "footer.aria": "Session manager",
-      "footer.label": "Sessions",
-      "panel.title": "Session manager",
-      "panel.filter.all": "All",
-      "panel.filter.active": "Active",
-      "panel.filter.archived": "Archived",
-      "panel.empty": "No sessions",
-      "panel.empty.archived": "No archived sessions",
-      "panel.archived": "Archived",
-      "panel.running": "Running",
-      "panel.current": "Current",
-      "panel.session.new": "New session",
-      "panel.close": "Close",
-      "row.open": "Open",
-      "row.archive": "Archive",
-      "row.unarchive": "Unarchive",
-      "row.move": "Move to workspace",
-      "row.delete": "Delete session",
-      "row.migrate": "Migrate preset",
-      "migrate.title": "Migrate Agent preset",
-      "migrate.current": "Current preset",
-      "migrate.target": "Target preset",
-      "migrate.noPresets": "No target presets are available",
-      "migrate.same": "Choose a target preset different from the current preset",
-      "migrate.confirm": "Migrate",
-      "migrate.completed": "Agent preset migrated to {preset}",
-      "confirm.delete.title": "Delete session",
-      "confirm.delete.desc": "Session \"{title}\" will be permanently deleted, including all its messages and files on disk. This cannot be undone.",
-      "confirm.delete.running": "This session is running; deleting will interrupt it immediately.",
-      "confirm.delete.confirm": "Delete",
-      "confirm.move.title": "Move session to workspace",
-      "confirm.move.desc": "Move session \"{title}\" to the target workspace.",
-      "confirm.move.running": "This session is running; moving will interrupt and close it; you can reopen it from the target workspace to continue.",
-      "confirm.move.empty": "No other workspaces to move to.",
-      "confirm.move.select": "Select target workspace",
-      "confirm.move.current": "Current workspace: {name}",
-      "confirm.move.confirm": "Move",
-      "confirm.cancel": "Cancel",
-      "busy.processing": "Working…",
-      "error.operation": "Operation failed: {message}",
-      "workspace.default": "Default workspace",
-      "workspace.sessions": "{count} sessions"
-    };
-
-    const css = [
-      ".sm-header{display:flex;align-items:center;gap:6px}",
-      ".sm-headerBtn{box-sizing:border-box;min-height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;line-height:18px;display:inline-flex;white-space:nowrap}",
-      ".sm-headerBtn:hover:not(:disabled),.sm-headerBtn:focus-visible{background:var(--dsw-alias-interactive-bg-hover)}",
-      ".sm-headerBtn:disabled{opacity:.5;cursor:not-allowed}",
-      ".sm-headerBtn svg{flex:none}",
-      ".sm-busy{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:28px;margin-left:4px}",
-      ".sm-footer{display:flex}",
-      ".sm-footerBtn{min-height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;line-height:18px;display:inline-flex}",
-      ".sm-footerBtn:hover,.sm-footerBtn:focus-visible{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-hover)}",
-      ".sm-footerBtn svg{flex:none}",
-      ".sm-panel{display:flex;flex-direction:column;gap:10px;min-height:280px;max-height:min(70vh,640px);min-width:480px}",
-      ".sm-filter{display:flex;gap:4px;flex-wrap:wrap}",
-      ".sm-filterBtn{cursor:pointer;color:var(--dsw-alias-label-secondary);background:0 0;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;padding:3px 12px;font-size:12px;line-height:18px}",
-      ".sm-filterBtn:hover{background:var(--dsw-alias-interactive-bg-hover)}",
-      ".sm-filterBtn.sm-on{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-fill-l2);border-color:transparent}",
-      ".sm-list{display:flex;flex-direction:column;gap:4px;min-height:0;overflow:auto;flex:1}",
-      ".sm-row{box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px}",
-      ".sm-row:hover{background:var(--dsw-alias-interactive-bg-hover)}",
-      ".sm-rowCurrent{border-color:var(--dsw-alias-accent-primary,var(--dsw-alias-label-secondary))}",
-      ".sm-rowMain{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1 1 280px}",
-      ".sm-rowTitle{color:var(--dsw-alias-label-primary);font-size:13px;line-height:18px;display:flex;align-items:center;gap:6px;min-width:0}",
-      ".sm-rowTitle>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}",
-      ".sm-rowMeta{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}",
-      ".sm-rowActions{display:flex;gap:4px;flex:none;flex-wrap:wrap;justify-content:flex-end}",
-      ".sm-badge{flex:none;border-radius:999px;padding:0 6px;font-size:10px;line-height:16px}",
-      ".sm-badgeArchived{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-fill-l2)}",
-      ".sm-badgeRunning{color:var(--dsw-alias-state-warning-primary,#d97706);background:rgba(217,119,6,.12)}",
-      ".sm-badgeCurrent{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-fill-l2)}",
-      ".sm-danger{color:var(--dsw-alias-state-error-primary) !important;border-color:var(--dsw-alias-state-error-primary) !important}",
-      ".sm-dangerText{color:var(--dsw-alias-state-error-primary) !important}",
-      ".sm-warn{display:flex;align-items:flex-start;gap:8px;color:var(--dsw-alias-label-secondary);background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.25);border-radius:8px;padding:8px 10px;margin-top:4px}",
-      ".sm-warn svg{flex:none;margin-top:1px}",
-      ".sm-error{color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:18px;min-height:0;margin-top:4px}",
-      ".sm-foot{display:flex;justify-content:flex-end;align-items:center;gap:8px;width:100%}",
-      ".sm-footError{color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:18px;margin-right:auto}",
-      ".sm-empty{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px;text-align:center;padding:24px 0}",
-      ".sm-moveSection{display:flex;flex-direction:column;gap:8px}",
-      ".sm-moveLabel{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}",
-      ".sm-moveList{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow:auto}",
-      ".sm-moveItem{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;cursor:pointer;transition:all .15s}",
-      ".sm-moveItem:hover{background:var(--dsw-alias-interactive-bg-hover)}",
-      ".sm-moveItemSelected{border-color:var(--dsw-alias-accent-primary);background:var(--dsw-alias-accent-primary-bg)}",
-      ".sm-moveItemName{color:var(--dsw-alias-label-primary);font-size:13px;line-height:18px}",
-      ".sm-moveItemMeta{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.sm-panelModal{width:760px;max-width:92vw}.sm-panelModal .sm-rowActions{flex-wrap:wrap;justify-content:flex-end}.sm-headerMenu{position:absolute;right:0;top:100%;z-index:50;display:flex;flex-direction:column;min-width:160px;padding:4px;background:var(--dsw-alias-surface-l1);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12)}.sm-headerMenuItem{display:flex;align-items:center;width:100%;text-align:left;background:0 0;border:0;border-radius:6px;color:var(--dsw-alias-label-primary);cursor:pointer;padding:6px 10px;font-size:13px;line-height:18px}.sm-headerMenuItem:hover{background:var(--dsw-alias-interactive-bg-hover)}.sm-headerMenuItemDanger{color:var(--dsw-alias-state-error-primary)}.sm-headerBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;height:auto;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-fill-l2);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;cursor:pointer;padding:4px 12px;font-size:13px;line-height:18px;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.sm-headerBtn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l1)}.sm-headerBtn:focus-visible{outline:2px solid var(--dsw-alias-accent-primary);outline-offset:1px}.sm-headerBtn svg{width:16px;height:16px}.sm-migratePanel{display:flex;flex-direction:column;gap:14px;min-width:480px}.sm-migrateRow{display:flex;flex-direction:column;gap:8px}.sm-migrateRow>label{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:16px;font-weight:500}.sm-migrateChips{display:flex;flex-wrap:wrap;gap:6px}.sm-migrateChip{padding:6px 12px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);background:transparent;cursor:pointer;font-size:13px;line-height:18px;color:var(--dsw-alias-label-primary);white-space:nowrap}.sm-migrateChip:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.sm-migrateChip:disabled{opacity:.5;cursor:not-allowed}.sm-migrateChipOn{background:var(--dsw-alias-accent-primary);color:#fff;border-color:var(--dsw-alias-accent-primary)}.sm-migrateEmpty{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.sm-migratePreview{padding:10px 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-fill-l2);color:var(--dsw-alias-label-primary);font-size:13px;line-height:18px}.sm-migrateWarn{padding:10px 12px;border:1px solid rgba(217,119,6,.25);border-radius:8px;background:rgba(217,119,6,.08);color:var(--dsw-alias-label-secondary);font-size:13px;line-height:18px}.sm-migrateList{max-height:200px;overflow:auto;border:1px solid var(--dsw-alias-border-l2);border-radius:8px}.sm-headerBtn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l1)}.sm-headerBtnDanger{background:var(--dsw-alias-state-error-tertiary);color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary);font-weight:500}.sm-headerBtnDanger:hover:not(:disabled){background:#d92d20!important;color:#fff!important;border-color:#d92d20!important}.sm-header{display:inline-flex;align-items:center;gap:6px}.sm-headerBtnActive{background:var(--dsw-alias-fill-l3);color:var(--dsw-alias-label-primary)}",
-      ".sm-panelDialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:560px;max-width:calc(100vw - 32px);max-height:540px;height:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:0;background:var(--dsw-alias-surface-l1,#fff);color:var(--dsw-alias-label-primary,#111);border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.25);overflow:hidden;z-index:9999;opacity:1}.sm-panelDialog .sm-nativeDialogHeader{padding:10px 16px;border-bottom:1px solid var(--dsw-alias-border-l2,#eee);flex:none}.sm-panelDialog .sm-nativeDialogTitle{margin:0;font-size:14px;line-height:20px;font-weight:600}.sm-panelDialog .sm-nativeDialogFooter{padding:10px 16px;border-top:1px solid var(--dsw-alias-border-l2,#eee);flex:none;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:0}.sm-panelDialog .sm-panel{display:flex;flex-direction:column;gap:6px;min-height:0;flex:1 1 auto;overflow:auto;padding:8px 12px}.sm-panelDialog .sm-list{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-height:0;overflow:auto}.sm-panelDialog .sm-row{display:flex;align-items:center;gap:8px;padding:0 10px;height:36px;min-height:36px;border:1px solid transparent;border-radius:8px;background:transparent}.sm-panelDialog .sm-row:hover{background:var(--dsw-alias-interactive-bg-hover)}.sm-panelDialog .sm-rowCurrent{background:var(--dsw-alias-fill-l2);border-color:var(--dsw-alias-accent-primary,#356ae6)}.sm-panelDialog .sm-rowMain{display:flex;align-items:stretch!important;gap:8px;min-width:0;flex:1 1 auto;overflow:hidden;text-align:left!important}.sm-panelDialog .sm-rowTitle{min-width:0;flex:1 1 0%;width:100%;align-self:stretch;display:flex;align-items:center;justify-content:flex-start;gap:6px;font-size:12px;line-height:16px;overflow:hidden;text-align:left!important;direction:ltr!important}.sm-confirmDialog{z-index:10000}.sm-confirmDialog.sm-nativeDialogLayer{position:fixed;left:calc(50vw + 184px);top:calc(50vh - 90px);width:300px;max-width:calc(100vw - 32px);max-height:none;display:block;align-items:initial;justify-content:initial;box-sizing:border-box;background:transparent;border:0;box-shadow:none;padding:0;inset:calc(50vh - 90px) auto auto calc(50vw + 308px)}.sm-confirmDialog.sm-nativeDialogLayer .sm-nativeDialogBackdrop{display:none}.sm-confirmDialog.sm-nativeDialogLayer .sm-nativeDialog{position:relative;left:auto;top:auto;transform:none;width:auto;box-sizing:border-box;background:var(--dsw-alias-surface-l1,#fff);color:var(--dsw-alias-label-primary,#111);border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.25);padding:0;overflow:hidden;animation:sm-confirmPop .14s ease-out}.sm-confirmDialog .sm-nativeDialogHeader{padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l2,#eee)}.sm-confirmDialog .sm-nativeDialogTitle{margin:0;font-size:14px;line-height:20px;font-weight:600}.sm-confirmDialog .sm-nativeDialogBody{padding:10px 16px;display:flex;flex-direction:column;gap:8px;min-height:0}.sm-confirmDialog .sm-nativeDialogDescription{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary);white-space:pre-wrap}.sm-confirmDialog .sm-warn{padding:6px 10px;font-size:12px;line-height:16px;margin-top:0}.sm-confirmDialog .sm-nativeDialogFooter{padding:10px 16px;border-top:1px solid var(--dsw-alias-border-l2,#eee);flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:0}.sm-confirmDialog .sm-nativeDialogButton{min-height:28px;padding:3px 14px;font-size:12px;line-height:20px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;cursor:pointer;background:transparent;color:var(--dsw-alias-label-primary)}.sm-confirmDialog .sm-nativeDialogCancel:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.sm-confirmDialog .sm-nativeDialogConfirm{background:var(--dsw-alias-state-error-primary);color:#fff;border-color:var(--dsw-alias-state-error-primary)}.sm-confirmDialog .sm-nativeDialogConfirm:hover:not(:disabled){filter:brightness(.94)}@keyframes sm-confirmPop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sm-confirmDialog.sm-nativeDialog{padding:0;width:auto;max-width:none}.sm-panelDialog .sm-rowTitle>span:first-child{display:block;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1 1 auto;width:auto;text-align:left!important;direction:ltr!important;unicode-bidi:plaintext}.sm-panelDialog .sm-rowMeta{display:none}.sm-panelDialog .sm-rowActions{display:flex;gap:2px;flex:none;justify-content:flex-end}.sm-panelDialog .sm-rowActions .sm-rowBtn{min-height:22px;height:22px;padding:0 8px;font-size:11px;line-height:14px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer}.sm-panelDialog .sm-rowActions .sm-rowBtn:hover{background:var(--dsw-alias-fill-l2);color:var(--dsw-alias-label-primary)}.sm-panelDialog .sm-rowActions .sm-rowBtnDanger{color:var(--dsw-alias-state-error-primary)}.sm-panelDialog .sm-filter{flex:none;padding:6px 12px 4px;gap:4px;display:flex;flex-wrap:wrap}.sm-panelDialog .sm-filterBtn{min-height:24px;padding:2px 10px;font-size:11px;line-height:16px;border-radius:4px;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer}.sm-panelDialog .sm-filterBtn.sm-on{background:var(--dsw-alias-fill-l2);color:var(--dsw-alias-label-primary)}.sm-panelDialog .sm-badge{font-size:10px;line-height:14px;padding:0 5px;border-radius:6px;flex:none}.sm-panelDialog .sm-error{padding:6px 10px;margin:0;font-size:12px;line-height:16px}.sm-panelDialog .sm-nativeDialogButton{min-height:28px;padding:3px 12px;font-size:12px;line-height:18px;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;background:transparent;color:var(--dsw-alias-label-primary);cursor:pointer}.sm-panelDialog .sm-nativeDialogCancel{background:transparent}.sm-panelDialog .sm-nativeDialogGhost{background:transparent;border-color:var(--dsw-alias-border-l2)}.sm-panelDialog .sm-nativeDialogConfirm{background:var(--dsw-alias-accent-primary,#356ae6);color:#fff;border-color:var(--dsw-alias-accent-primary,#356ae6)}.sm-panelDialog .sm-empty{padding:18px 0;font-size:12px;color:var(--dsw-alias-label-tertiary);text-align:center}.sm-panelDialog .sm-footError{font-size:11px;color:var(--dsw-alias-state-error-primary);margin-right:auto;line-height:20px}.sm-panelDialog .sm-moveLabel{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}.sm-migrateDialog .sm-nativeDialogFooter{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px}.sm-migrateDialog .sm-migrateChip{cursor:pointer;pointer-events:auto;position:relative;z-index:1}.sm-migrateDialog .sm-migrateChip[disabled]{opacity:.5;cursor:not-allowed}.sm-migrateDialog.sm-nativeDialogLayer{position:fixed;left:50vw;top:auto;bottom:48px;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));max-height:none;display:block;align-items:initial;justify-content:initial;box-sizing:border-box;background:transparent;border:0;box-shadow:none;padding:0;inset:auto;z-index:10001}.sm-migrateDialog.sm-nativeDialogLayer .sm-nativeDialogBackdrop{display:none}.sm-migrateDialog.sm-nativeDialogLayer .sm-nativeDialog{position:relative;left:auto;top:auto;transform:none;width:auto;max-height:min(70vh,520px);box-sizing:border-box;background-color:#ffffff;background-color:var(--dsw-alias-surface-l1,#fff);color:var(--dsw-alias-label-primary,#111);border:1px solid #d4d4d8;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.45);overflow:hidden;padding:0;display:flex;flex-direction:column;gap:0;opacity:1}.sm-migrateDialog{position:fixed;left:50vw;top:auto;bottom:48px;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));max-height:min(70vh,520px);box-sizing:border-box;display:flex;flex-direction:column;gap:0;background-color:#ffffff;background-color:var(--dsw-alias-surface-l1,#fff);color:var(--dsw-alias-label-primary,#111);border:1px solid #d4d4d8;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.45);overflow:hidden;opacity:1;z-index:10001;backdrop-filter:none;-webkit-backdrop-filter:none}.sm-migrateDialog .sm-nativeDialogHeader{padding:12px 18px;border-bottom:1px solid #eee;border-bottom:1px solid var(--dsw-alias-border-l2,#eee);flex:none;background-color:#fff;background-color:var(--dsw-alias-surface-l1,#fff)}.sm-migrateDialog .sm-nativeDialogTitle{margin:0;font-size:15px;line-height:22px;font-weight:600;color:#111;color:var(--dsw-alias-label-primary,#111)}.sm-migrateDialog .sm-migratePanel{padding:12px 18px;display:flex;flex-direction:column;gap:14px;background-color:#fff;background-color:var(--dsw-alias-surface-l1,#fff)}.sm-migrateDialog .sm-nativeDialogBody{padding:0;background-color:#fff;background-color:var(--dsw-alias-surface-l1,#fff)}.sm-migrateDialog .sm-nativeDialogFooter{padding:12px 18px;border-top:1px solid #eee;border-top:1px solid var(--dsw-alias-border-l2,#eee);flex:none;flex-wrap:wrap;justify-content:flex-end;gap:8px;background-color:#fff;background-color:var(--dsw-alias-surface-l1,#fff)}.sm-migrateDialog .sm-migrateRow>label{color:#444;color:var(--dsw-alias-label-secondary,#444)}.sm-migrateDialog .sm-migrateChip{padding:6px 12px;border-radius:999px;border:1px solid #d4d4d8;border:1px solid var(--dsw-alias-border-l2,#ddd);background-color:#f5f5f5;background-color:var(--dsw-alias-fill-l2,#f5f5f5);color:#111;color:var(--dsw-alias-label-primary,#111);font-size:13px;line-height:18px;cursor:pointer;pointer-events:auto;position:relative;z-index:1;white-space:nowrap}.sm-migrateDialog .sm-migrateChip:hover:not(:disabled){background-color:#e8e8e8;background-color:var(--dsw-alias-interactive-bg-hover,#e8e8e8)}.sm-migrateDialog .sm-migrateChipOn{background-color:#356ae6;background-color:var(--dsw-alias-accent-primary,#356ae6);color:#fff;border-color:#356ae6;border-color:var(--dsw-alias-accent-primary,#356ae6)}.sm-migrateDialog .sm-migrateChip.sm-migrateChipOn:hover:not(:disabled){background-color:#4576f0;background-color:var(--dsw-alias-accent-primary-hover,#4576f0);color:#fff;border-color:#4576f0;border-color:var(--dsw-alias-accent-primary-hover,#4576f0);filter:none}.sm-migrateDialog .sm-migrateChipOn:hover:not(:disabled){filter:brightness(.92)}.sm-migrateDialog .sm-migrateChip[disabled]{opacity:.5;cursor:not-allowed}.sm-migrateDialog .sm-migrateEmpty{color:#888;color:var(--dsw-alias-label-tertiary,#888)}.sm-migrateDialog .sm-migratePreview{padding:10px 12px;border:1px solid #d4d4d8;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;background-color:#f5f5f5;background-color:var(--dsw-alias-fill-l2,#f5f5f5);color:#111;color:var(--dsw-alias-label-primary,#111);font-size:13px;line-height:18px}.sm-migrateDialog .sm-migrateWarn{padding:10px 12px;border:1px solid rgba(217,119,6,.25);border-radius:8px;background-color:rgba(217,119,6,.08);color:#444;color:var(--dsw-alias-label-secondary,#444);font-size:13px;line-height:18px}.sm-migrateDialog .sm-nativeDialogButton{min-height:32px;padding:4px 14px;font-size:13px;line-height:20px;border:1px solid #d4d4d8;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;cursor:pointer;background-color:#fff;background-color:var(--dsw-alias-fill-l2,#fff);color:#111;color:var(--dsw-alias-label-primary,#111)}.sm-migrateDialog .sm-nativeDialogButton:hover:not(:disabled){background-color:#e8e8e8;background-color:var(--dsw-alias-interactive-bg-hover,#e8e8e8)}.sm-migrateDialog .sm-nativeDialogConfirm{background-color:#356ae6;background-color:var(--dsw-alias-accent-primary,#356ae6);color:#fff;border-color:#356ae6;border-color:var(--dsw-alias-accent-primary,#356ae6)}.sm-migrateDialog .sm-nativeDialogConfirm:hover:not(:disabled){filter:brightness(.94)}",
-      ".sm-panelDialog .sm-nativeDialogHeader{display:flex;align-items:center;gap:8px}.sm-panelHeaderClose{min-height:26px;padding:2px 9px;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:7px;background:transparent;color:var(--dsw-alias-label-secondary,#555);cursor:pointer;font-size:12px;line-height:18px}.sm-panelHeaderClose:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#eee);color:var(--dsw-alias-label-primary,#111)}.sm-panelHeaderClose:disabled{opacity:.5;cursor:not-allowed}.sm-migrateCurrent{padding:8px 10px;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;background:var(--dsw-alias-fill-l2,#f5f5f5);font-size:13px;line-height:18px;color:var(--dsw-alias-label-primary,#111)}.sm-migrateConfirmLayer.sm-confirmDialog.sm-nativeDialogLayer{width:300px;inset:calc(50vh - 90px) auto auto calc(50vw + 308px)}.sm-migrateConfirmLayer.sm-confirmDialog.sm-nativeDialogLayer .sm-migrateDialog{position:relative;left:auto;top:auto;bottom:auto;transform:none;width:100%;max-width:none;max-height:min(70vh,520px);z-index:auto}.sm-migrateConfirmLayer .sm-migratePanel{min-width:0}.sm-migrateConfirmLayer .sm-nativeDialogButton.sm-nativeDialogConfirm:hover:not(:disabled){background-color:#4576f0;background-color:var(--dsw-alias-accent-primary-hover,#4576f0);color:#fff;border-color:#4576f0;border-color:var(--dsw-alias-accent-primary-hover,#4576f0);filter:none}",
-
-      // Theme colors are scoped to the plugin dialogs. DSH exposes its
-      // actual theme through `body[data-ds-dark-theme]` and color-scheme;
-      // keeping these values local avoids changing DSH's global variables.
-      "[data-sm-theme=light] .sm-panelDialog,[data-sm-theme=light] .sm-confirmDialog.sm-nativeDialogLayer .sm-nativeDialog,[data-sm-theme=light] .sm-migrateDialog.sm-nativeDialogLayer .sm-nativeDialog{--dsw-alias-surface-l1:#fff;--dsw-alias-label-primary:#1f1f1f;--dsw-alias-label-secondary:#555;--dsw-alias-label-tertiary:#888;--dsw-alias-border-l1:#d4d4d8;--dsw-alias-border-l2:#e5e5e5;--dsw-alias-fill-l2:#f5f5f5;--dsw-alias-interactive-bg-hover:#eee;--dsw-alias-state-error-primary:#d92d20;--dsw-alias-state-warning-primary:#d97706;--dsw-alias-accent-primary:#356ae6;--dsw-alias-accent-primary-bg:rgba(53,106,230,.12);background:#fff!important;background-color:#fff!important;color:#1f1f1f!important;border-color:#e5e5e5!important}",
-      "[data-sm-theme=dark] .sm-panelDialog,[data-sm-theme=dark] .sm-confirmDialog.sm-nativeDialogLayer .sm-nativeDialog,[data-sm-theme=dark] .sm-migrateDialog.sm-nativeDialogLayer .sm-nativeDialog{--dsw-alias-surface-l1:#1f1f23;--dsw-alias-label-primary:#ececec;--dsw-alias-label-secondary:#b3b3b3;--dsw-alias-label-tertiary:#999;--dsw-alias-border-l1:#555;--dsw-alias-border-l2:#3a3a40;--dsw-alias-fill-l2:#2a2a30;--dsw-alias-interactive-bg-hover:rgba(255,255,255,.06);--dsw-alias-state-error-primary:#f47171;--dsw-alias-state-warning-primary:#f0a040;--dsw-alias-accent-primary:#5d8aff;--dsw-alias-accent-primary-bg:rgba(93,138,255,.18);background:#1f1f23!important;background-color:#1f1f23!important;color:#ececec!important;border-color:#3a3a40!important}",
-      "[data-sm-theme=light] .sm-panelDialog .sm-nativeDialogHeader,[data-sm-theme=light] .sm-panelDialog .sm-nativeDialogFooter,[data-sm-theme=light] .sm-confirmDialog .sm-nativeDialogHeader,[data-sm-theme=light] .sm-confirmDialog .sm-nativeDialogFooter,[data-sm-theme=light] .sm-migrateDialog .sm-nativeDialogHeader,[data-sm-theme=light] .sm-migrateDialog .sm-nativeDialogBody,[data-sm-theme=light] .sm-migrateDialog .sm-nativeDialogFooter{background:#fff!important;background-color:#fff!important;border-color:#e5e5e5!important}",
-      "[data-sm-theme=dark] .sm-panelDialog .sm-nativeDialogHeader,[data-sm-theme=dark] .sm-panelDialog .sm-nativeDialogFooter,[data-sm-theme=dark] .sm-confirmDialog .sm-nativeDialogHeader,[data-sm-theme=dark] .sm-confirmDialog .sm-nativeDialogFooter,[data-sm-theme=dark] .sm-migrateDialog .sm-nativeDialogHeader,[data-sm-theme=dark] .sm-migrateDialog .sm-nativeDialogBody,[data-sm-theme=dark] .sm-migrateDialog .sm-nativeDialogFooter{background:#1f1f23!important;background-color:#1f1f23!important;border-color:#3a3a40!important}",
-    ].join("");
-
-    // Auto-follow DSH's theme. We detect DSH's current theme from
-    // body[data-ds-dark-theme] / color-scheme / data-theme / class tokens,
-    // mirror it onto <html data-sm-theme>, and apply inline dialog colors.
-    // The dialogs use that attribute via the scoped CSS rules above, and
-    // inline styles guarantee an opaque background even when DSH's tokens
-    // resolve to `unset` / `transparent`.
-    const SM_THEME_ATTR = "data-sm-theme";
-    function smReadDshTheme() {
-      try {
-        const html = document.documentElement;
-        const body = document.body;
-        if (body && body.hasAttribute("data-ds-dark-theme")) return "dark";
-        const elements = [html, body].filter(Boolean);
-        const dark = /\b(dark|dim)\b/i;
-        const light = /\b(light|bright)\b/i;
-        for (const el of elements) {
-          const value = ["theme", "data-theme", "data-bs-theme", "color-scheme", "data-color-mode", "data-mode"]
-            .map((name) => String(el.getAttribute(name) || ""))
-            .join(" ");
-          if (dark.test(value)) return "dark";
-          if (light.test(value)) return "light";
-        }
-        for (const el of elements) {
-          const scheme = String(getComputedStyle(el).colorScheme || "").toLowerCase();
-          if (scheme.includes("dark")) return "dark";
-          if (scheme.includes("light")) return "light";
-        }
-        const bg = body ? getComputedStyle(body).backgroundColor : "";
-        const match = bg.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
-        if (match) {
-          const luminance = (Number(match[1]) * 299 + Number(match[2]) * 587 + Number(match[3]) * 114) / 1000;
-          return luminance < 128 ? "dark" : "light";
-        }
-      } catch (_) { /* ignore */ }
-      return "light";
-    }
-    function smApplyInlineTheme(theme) {
-      try {
-        const values = theme === "dark"
-          ? { background: "#1f1f23", color: "#ececec", border: "#3a3a40" }
-          : { background: "#fff", color: "#1f1f1f", border: "#e5e5e5" };
-        const roots = document.querySelectorAll(
-          ".sm-panelDialog," +
-          ".sm-confirmDialog.sm-nativeDialogLayer .sm-nativeDialog," +
-          ".sm-migrateDialog.sm-nativeDialogLayer .sm-nativeDialog"
-        );
-        for (const el of roots) {
-          el.style.setProperty("background", values.background, "important");
-          el.style.setProperty("background-color", values.background, "important");
-          el.style.setProperty("color", values.color, "important");
-          el.style.setProperty("border-color", values.border, "important");
-        }
-      } catch (_) { /* ignore */ }
-    }
-    function smApplyTheme() {
-      try {
-        const theme = smReadDshTheme();
-        document.documentElement.setAttribute(SM_THEME_ATTR, theme);
-        smApplyInlineTheme(theme);
-      } catch (_) { /* ignore */ }
-    }
-    smApplyTheme();
-    if (typeof MutationObserver === "function") {
-      try {
-        const observer = new MutationObserver(() => smApplyTheme());
-        const options = { attributes: true, attributeFilter: ["class", "theme", "data-theme", "data-bs-theme", "data-ds-dark-theme", "data-color-mode", "data-mode", "color-scheme", "style"] };
-        if (document.documentElement) observer.observe(document.documentElement, options);
-        if (document.body) observer.observe(document.body, options);
-        observer.observe(document.body || document.documentElement, { childList: true, subtree: true });
-      } catch (_) { /* ignore */ }
-    }
-
-    const CSS_ID = "dsh-session-manager/session-manager";
-    if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(CSS_ID) + "]") === null) {
-      const tag = document.createElement("style");
-      tag.dataset.plugin = "dsh-session-manager";
-      tag.dataset.pluginCss = CSS_ID;
-      tag.textContent = css;
-      document.head.appendChild(tag);
-    }
-
-
-    // Anchor the session manager panel to the sidebar right edge so it
-    // always fits within the sidebar area, regardless of viewport size.
-    const SM_PANEL_CSS_ID = "dsh-session-manager/session-manager-anchor";
-    const installAnchor = () => {
-      if (typeof document === "undefined") return;
-      if (document.querySelector("style[data-plugin-css=" + JSON.stringify(SM_PANEL_CSS_ID) + "]") !== null) return;
-      const tag = document.createElement("style");
-      tag.dataset.plugin = "dsh-session-manager";
-      tag.dataset.pluginCss = SM_PANEL_CSS_ID;
-      tag.textContent = ":root{--sm-panel-left:8px}";
-      document.head.appendChild(tag);
-      const updateLeft = () => {
-        let right = 8;
-        const candidates = [
-          "[data-dsh-sidebar]",
-          "[data-testid=sidebar]",
-          "[aria-label=会话][role=navigation]",
-          "aside",
-          ".dsw-sidebar"
-        ];
-        for (const sel of candidates) {
-          const el = document.querySelector(sel);
-          if (el !== null) {
-            const rect = el.getBoundingClientRect();
-            if (rect.right > 100 && rect.right < window.innerWidth - 40) {
-              right = Math.round(rect.right) + 8;
-              break;
-            }
-          }
-        }
-        document.documentElement.style.setProperty("--sm-panel-left", right + "px");
-      };
-      updateLeft();
-      window.addEventListener("resize", updateLeft);
-    };
-    try { installAnchor(); } catch (_) {}
-
-    const h = (type, props, ...children) => React.createElement(type, props, ...children);
-    const callApi = (path, payload) => fetch(API + path, { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify(payload || {}) }).then((r) => r.json());
-    const fetchApi = (path) => fetch(API + path).then((r) => r.json());
-    const formatRelative = (ts, now) => {
-      const diff = Math.max(0, now - ts);
-      const s = Math.floor(diff / 1000);
-      if (s < 60) return s + "s";
-      const m = Math.floor(s / 60);
-      if (m < 60) return m + "m";
-      const hr = Math.floor(m / 60);
-      if (hr < 24) return hr + "h";
-      const d = Math.floor(hr / 24);
-      if (d < 30) return d + "d";
-      const mo = Math.floor(d / 30);
-      if (mo < 12) return mo + "mo";
-      return Math.floor(mo / 12) + "y";
-    };
-    const shortPath = (cwd) => {
-      if (!cwd) return "";
-      const parts = cwd.replace(/[\\\/]+$/, "").split(/[\\\/]/);
-      const last = parts[parts.length - 1] || "";
-      return last.length > 26 ? last.slice(0, 24) + "\u2026" : last;
-    };
-
-    function ConfirmDialog(props) {
-      const open = props.open === true;
-      const onCancel = typeof props.onCancel === "function" ? props.onCancel : () => {};
-      const onConfirm = typeof props.onConfirm === "function" ? props.onConfirm : () => {};
-      const busy = props.busy === true;
-      const title = props.title || "";
-      const description = props.description || "";
-      const warning = props.warning || "";
-      const confirmLabel = props.confirmLabel || "确认";
-      const cancelLabel = props.cancelLabel || "取消";
-      // Esc is handled at window level (issue #7): the layer-bound
-      // onKeyDown was unreachable when the row button that opened
-      // the dialog stayed focused. ConfirmDialog's portal to body
-      // makes it a separate subtree from the panel section, so
-      // keydown never bubbles through it. Enter was previously on
-      // the layer too, but that races with the focused Cancel /
-      // Confirm button's native Enter handler -- removing the layer
-      // Enter leaves Enter handling purely to the focused button.
-      const escStateRef = useRef({});
-      escStateRef.current = { busy, onCancel };
-      useEffect(() => {
-        if (!open) return;
-        const handler = (e) => {
-          if (e.key !== "Escape") return;
-          if (e.defaultPrevented) return;
-          const s = escStateRef.current;
-          if (s.busy) return;
-          e.preventDefault();
-          e.stopPropagation();
-          s.onCancel();
-          // See SessionManagerPanel for the rationale.
-          const ae = document.activeElement;
-          if (ae && typeof ae.blur === "function" && ae !== document.body) ae.blur();
-        };
-        window.addEventListener("keydown", handler);
-        return () => window.removeEventListener("keydown", handler);
-      }, [open]);
-      const R = (typeof window !== "undefined") ? window.__smReact : null;
-      const createPortal = (R && typeof R.createPortal === "function") ? R.createPortal : null;
-      const body = (typeof document === "undefined") ? null : document.body;
-      if (!open) return null;
-      if (!body) return tree || null;
-      const tree = h("div", {
-        className: "sm-nativeDialogLayer sm-confirmDialog",
-        style: props.anchor && typeof props.anchor.top === "number"
-          ? { position: "fixed", top: props.anchor.top + "px", left: props.anchor.left + "px", zIndex: 10001 }
-          : null,
-        role: "presentation"
-      },
-
-        h("section", {
-          className: "sm-nativeDialog",
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-labelledby": "sm-confirm-dialog-title"
-        },
-          h("div", { className: "sm-nativeDialogHeader" },
-            h("h2", { id: "sm-confirm-dialog-title", className: "sm-nativeDialogTitle" }, title)
-          ),
-          h("div", { className: "sm-nativeDialogBody" },
-            description ? h("div", { className: "sm-nativeDialogDescription" }, description) : null,
-            warning ? h("div", { className: "sm-warn" }, h("span", null, warning)) : null
-          ),
-          h("div", { className: "sm-nativeDialogFooter" },
-            h("button", {
-              type: "button",
-              className: "sm-nativeDialogButton sm-nativeDialogCancel",
-              disabled: busy,
-              onClick: () => { if (!busy) onCancel(); }
-            }, cancelLabel),
-            h("button", {
-              type: "button",
-              className: "sm-nativeDialogButton sm-nativeDialogConfirm",
-              disabled: busy,
-              onClick: () => { if (!busy) onConfirm(); }
-            }, confirmLabel)
-          )
-        )
-      );
-      if (createPortal) return createPortal(tree, body);
-      // Default: render inline. position:fixed escapes the sidebar
-      // overflow:hidden ancestor at the DOM/CSS level, so the dialog
-      // appears next to the panel. Keeping the dialog in the same
-      // React tree as the panel preserves the onClick wiring (cancel /
-      // confirm call setConfirmFor, which only works when the click
-      // handler lives in the same root).
-      return tree;
-    }
-
-    function MoveDialog(props) {
-      const t = typeof props.t === "function" ? props.t : (key) => key;
-      const open = props.open === true;
-      const onCancel = typeof props.onCancel === "function" ? props.onCancel : () => {};
-      const onConfirm = typeof props.onConfirm === "function" ? props.onConfirm : () => {};
-      const busy = props.busy === true;
-      const title = props.title || t("confirm.move.title");
-      const description = props.description || "";
-      const currentWorkspaceId = props.currentWorkspaceId || "";
-      const confirmLabel = props.confirmLabel || t("confirm.move.confirm");
-      const cancelLabel = props.cancelLabel || t("confirm.cancel");
-      const error = props.error || "";
-      const [selectedWorkspaceId, setSelectedWorkspaceId] = useState("");
-      // Esc handled at window level (issue #7) -- Enter stays on the
-      // layer because (a) it gates on selectedWorkspaceId which is set
-      // only by clicking a listbox item, and (b) racing Enter on the
-      // Cancel / Confirm buttons is benign since the layer Enter
-      // handler only fires when focus is inside the dialog subtree,
-      // which is exactly when the focused button's native Enter has
-      // already triggered its own click -- and in MoveDialog that
-      // click just toggles selection, never cancels or confirms.
-      const escStateRef = useRef({});
-      escStateRef.current = { busy, onCancel };
-      useEffect(() => {
-        if (!open) return;
-        const handler = (e) => {
-          if (e.key !== "Escape") return;
-          if (e.defaultPrevented) return;
-          const s = escStateRef.current;
-          if (s.busy) return;
-          e.preventDefault();
-          e.stopPropagation();
-          s.onCancel();
-          // See SessionManagerPanel for the rationale.
-          const ae = document.activeElement;
-          if (ae && typeof ae.blur === "function" && ae !== document.body) ae.blur();
-        };
-        window.addEventListener("keydown", handler);
-        return () => window.removeEventListener("keydown", handler);
-      }, [open]);
-      if (!open) return null;
-
-      const list = (Array.isArray(props.workspaces) ? props.workspaces : [])
-        .filter((ws) => ws && typeof ws === "object" && typeof ws.id === "string" && ws.id !== currentWorkspaceId);
-      const body = h("div", { className: "sm-nativeDialogBody" },
-        h("div", { className: "sm-nativeDialogDescription" }, description),
-        list.length === 0
-          ? h("div", { className: "sm-moveLabel" }, t("confirm.move.empty"))
-          : h("div", { className: "sm-moveSection" },
-              h("div", { className: "sm-moveLabel" }, t("confirm.move.select")),
-              h("div", { className: "sm-moveList", role: "listbox", "aria-label": t("confirm.move.select") },
-                list.map((ws) => h("button", {
-                  key: ws.id,
-                  type: "button",
-                  role: "option",
-                  "aria-selected": selectedWorkspaceId === ws.id,
-                  className: "sm-moveItem" + (selectedWorkspaceId === ws.id ? " sm-moveItemSelected" : ""),
-                  disabled: busy,
-                  onClick: () => setSelectedWorkspaceId(ws.id)
-                },
-                  h("span", { className: "sm-moveItemName" }, String(ws.title || ws.name || ws.id)),
-                  h("span", { className: "sm-moveItemMeta" }, ws.path ? String(ws.path) : "")
-                ))
-              )
-            ),
-        error ? h("div", { className: "sm-error", role: "alert" }, String(error)) : null
-      );
-      // Single cancel button (footer) + ESC handler. No "x" close button so the
-      // user only sees one cancel entry point.
-      const onKeyDown = (e) => {
-        // Enter only -- Esc moved to a window-level listener (see above).
-        if (e.key === "Enter" && !busy && selectedWorkspaceId && list.length > 0) {
-          e.preventDefault();
-          onConfirm(selectedWorkspaceId);
-        }
-      };
-      return h("div", {
-        className: "sm-nativeDialogLayer sm-confirmDialog",
-        style: props.anchor && typeof props.anchor.top === "number"
-          ? { position: "fixed", top: props.anchor.top + "px", left: props.anchor.left + "px", zIndex: 10001 }
-          : null,
-        role: "presentation",
-        onKeyDown
-      },
-
-        h("section", {
-          className: "sm-nativeDialog",
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-labelledby": "sm-move-dialog-title"
-        },
-          h("div", { className: "sm-nativeDialogHeader" },
-            h("h2", { id: "sm-move-dialog-title", className: "sm-nativeDialogTitle" }, title)
-          ),
-          body,
-          h("div", { className: "sm-nativeDialogFooter" },
-            h("button", {
-              type: "button",
-              className: "sm-nativeDialogButton sm-nativeDialogCancel",
-              disabled: busy,
-              onClick: onCancel
-            }, cancelLabel),
-            h("button", {
-              type: "button",
-              className: "sm-nativeDialogButton sm-nativeDialogConfirm",
-              disabled: busy || !selectedWorkspaceId || list.length === 0,
-              onClick: () => { if (!busy && selectedWorkspaceId) onConfirm(selectedWorkspaceId); }
-            }, confirmLabel)
-          )
-        )
-      );
-    }
-
-    function MigratePresetDialog(props) {
-      const t = typeof props.t === "function" ? props.t : (key) => key;
-      const open = props.open === true;
-      const onCancel = typeof props.onCancel === "function" ? props.onCancel : () => {};
-      const onRun = typeof props.onRun === "function" ? props.onRun : () => {};
-      const busy = props.busy === true;
-      const sessionId = props.sessionId || "";
-      const fallbackPreset = props.currentPreset || "";
-      const [scan, setScan] = useState(null);
-      const [target, setTarget] = useState("");
-      useEffect(() => {
-        if (!open || !sessionId) return;
-        let alive = true;
-        setScan(null);
-        setTarget("");
-        fetchApi("/preset-scan?sessionId=" + encodeURIComponent(sessionId)).then((d) => {
-          if (!alive) return;
-          if (d && d.ok) {
-            const result = d.result || {};
-            const rows = Array.isArray(result.rows)
-              ? result.rows
-              : (result.rows && Array.isArray(result.rows.rows) ? result.rows.rows : []);
-            const availablePresets = Array.isArray(result.availablePresets)
-              ? result.availablePresets
-              : (result.rows && Array.isArray(result.rows.availablePresets) ? result.rows.availablePresets : []);
-            const row = rows.find((item) => item && item.sessionId === sessionId) || null;
-            setScan({ ok: true, row, availablePresets });
-          } else {
-            setScan({ ok: false, error: (d && d.error) || "scan failed" });
-          }
-        }).catch((error) => {
-          if (alive) setScan({ ok: false, error: error instanceof Error ? error.message : String(error) });
-        });
-        return () => { alive = false; };
-      }, [open, sessionId]);
-      // Esc handled at window level (issue #7). MigratePresetDialog is
-      // a sibling of the panel layer in the panel's render tree, so
-      // the layer-bound onKeyDown (which the dialog relied on for
-      // Esc) was dead code -- focus never reached the dialog's own
-      // subtree because the row Migrate button stayed focused.
-      const escStateRef = useRef({});
-      escStateRef.current = { busy, onCancel };
-      useEffect(() => {
-        if (!open) return;
-        const handler = (e) => {
-          if (e.key !== "Escape") return;
-          if (e.defaultPrevented) return;
-          const s = escStateRef.current;
-          if (s.busy) return;
-          e.preventDefault();
-          e.stopPropagation();
-          s.onCancel();
-          // See SessionManagerPanel for the rationale.
-          const ae = document.activeElement;
-          if (ae && typeof ae.blur === "function" && ae !== document.body) ae.blur();
-        };
-        window.addEventListener("keydown", handler);
-        return () => window.removeEventListener("keydown", handler);
-      }, [open]);
-      if (!open) return null;
-
-      const currentPreset = (scan && scan.ok && scan.row && (scan.row.finalPreset || scan.row.headerPreset)) || fallbackPreset || "—";
-      const presets = scan && scan.ok
-        ? Array.from(new Set((scan.availablePresets || []).filter((preset) => typeof preset === "string" && preset.length > 0))).sort()
-        : [];
-      const targets = presets.filter((preset) => preset !== currentPreset);
-      const ready = target !== "" && target !== currentPreset;
-      const body = h("div", { className: "sm-migratePanel" },
-        scan === null
-          ? h("div", { className: "sm-empty" }, t("busy.processing"))
-          : !scan.ok
-            ? h("div", { className: "sm-error", role: "alert" }, scan.error || "scan failed")
-            : h(React.Fragment, null,
-                h("div", { className: "sm-migrateRow" },
-                  h("label", null, t("migrate.current")),
-                  h("div", { className: "sm-migrateCurrent" }, currentPreset)
-                ),
-                h("div", { className: "sm-migrateRow" },
-                  h("label", null, t("migrate.target")),
-                  targets.length === 0
-                    ? h("div", { className: "sm-migrateEmpty" }, t("migrate.noPresets"))
-                    : h("div", { className: "sm-migrateChips" }, targets.map((preset) => h("button", {
-                        key: preset,
-                        type: "button",
-                        className: "sm-migrateChip" + (target === preset ? " sm-migrateChipOn" : ""),
-                        disabled: busy,
-                        onClick: () => setTarget(preset)
-                      }, preset)))
-                ),
-                target === currentPreset ? h("div", { className: "sm-migrateWarn" }, t("migrate.same")) : null
-              )
-      );
-      return h("div", {
-        className: "sm-nativeDialogLayer sm-confirmDialog sm-migrateConfirmLayer",
-        role: "presentation"
-      },
-
-        h("section", {
-          className: "sm-nativeDialog sm-migrateDialog",
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-labelledby": "sm-migrate-dialog-title"
-        },
-          h("div", { className: "sm-nativeDialogHeader" },
-            h("h2", { id: "sm-migrate-dialog-title", className: "sm-nativeDialogTitle" }, t("migrate.title"))
-          ),
-          body,
-          h("div", { className: "sm-nativeDialogFooter" },
-            h("button", {
-              type: "button",
-              className: "sm-nativeDialogButton sm-nativeDialogCancel",
-              disabled: busy,
-              onClick: onCancel
-            }, t("confirm.cancel")),
-            h("button", {
-              type: "button",
-              className: "sm-nativeDialogButton sm-nativeDialogConfirm",
-              disabled: busy || !ready,
-              onClick: () => { if (ready) onRun(target); }
-            }, busy ? t("busy.processing") : t("migrate.confirm"))
-          )
-        )
-      );
-    }
-
-    const panelStore = {
-      open: false,
-      listeners: new Set(),
-      getSnapshot() { return this.open; },
-      subscribe(cb) { this.listeners.add(cb); return () => this.listeners.delete(cb); },
-      set(v) { if (this.open === v) return; this.open = v; for (const fn of [...this.listeners]) fn(); },
-      toggle() { this.open = !this.open; for (const fn of [...this.listeners]) fn(); },
-      // Pending action queued by the title-bar buttons (e.g. 移动至工作区).
-      // The SessionManagerPanel consumes this on mount so it can pre-open
-      // the matching inner dialog (move / delete / migrate) next to itself.
-      pendingMove: null,
-      pendingListeners: new Set(),
-      _emitPending() { for (const fn of [...this.pendingListeners]) fn(); },
-      subscribePending(cb) { this.pendingListeners.add(cb); return () => this.pendingListeners.delete(cb); },
-      setPendingMove(v) { this.pendingMove = v; this._emitPending(); },
-      consumePendingMove() { const v = this.pendingMove; this.pendingMove = null; return v; }
-    };
-
-    function SessionManagerPanel(props) {
-      const t = props.t;
-      const open = props.open;
-      const onClose = props.onClose;
-      const useSessions = props.useSessions;
-      const useWorkspaces = props.useWorkspaces;
-      const onOpen = props.onOpen;
-      const onArchive = props.onArchive;
-      const onUnarchive = props.onUnarchive;
-      const onRemove = props.onRemove;
-      const onMove = props.onMove;
-      const onMigrate = props.onMigrate;
-      const list = useSessions((s) => s);
-      const archivedIds = useWorkspaces((s) => s.archivedSessionIds);
-      const [filter, setFilter] = useState("all");
-      const [busyId, setBusyId] = useState(null);
-      const [error, setError] = useState(null);
-      const [now, setNow] = useState(() => Date.now());
-      const [moveFor, setMoveFor] = useState(null);
-      const [confirmFor, setConfirmFor] = useState(null);
-      const [workspaces, setWorkspaces] = useState([]);
-      const [migrating, setMigrating] = useState(false);
-      const [migrateFor, setMigrateFor] = useState(null);
-      useEffect(() => {
-        const timer = setInterval(() => setNow(Date.now()), 30000);
-        return () => clearInterval(timer);
-      }, []);
-      useEffect(() => {
-        if (!open) return;
-        let alive = true;
-        fetchApi("/workspaces").then((data) => {
-          if (alive && data.ok) setWorkspaces(data.result.workspaces || []);
-        });
-        return () => { alive = false; };
-      }, [open]);
-      // Drain any pending action queued by a header button. The panel is
-      // the single owner of every inner dialog, so opening it with a
-      // pending action pre-populates the corresponding dialog state.
-      useEffect(() => {
-        if (!open) return;
-        const pending = panelStore.consumePendingMove();
-        if (pending && pending.sessionId) {
-          setMoveFor({ id: pending.sessionId, displayTitle: pending.displayTitle || pending.sessionId, workspaceId: pending.workspaceId || "" });
-        }
-      }, [open]);
-      useEffect(() => {
-        if (moveFor) {
-          fetchApi("/workspaces").then((data) => {
-            if (data.ok) setWorkspaces(data.result.workspaces || []);
-          });
-        }
-      }, [moveFor]);
-      const archived = useMemo(() => new Set(archivedIds), [archivedIds]);
-      const rows = useMemo(() => {
-        const all = list.ids
-          .map((id) => list.byId[id])
-          .filter((s) => s !== undefined && s.origin !== "subagent" && (!s.blank || s.id === list.current));
-        if (filter === "active") return all.filter((s) => !archived.has(s.id));
-        if (filter === "archived") return all.filter((s) => archived.has(s.id));
-        return all;
-      }, [list, archived, filter]);
-      const runRow = async (sessionId, fn) => {
-        if (busyId !== null) return;
-        setBusyId(sessionId);
-        setError(null);
-        try {
-          await fn();
-        } catch (e) {
-          setError(e instanceof Error ? e.message : String(e));
-        } finally {
-          setBusyId(null);
-        }
-      };
-      const filterBtn = (id, label) => h("button", {
-        type: "button",
-        key: id,
-        className: "sm-filterBtn" + (filter === id ? " sm-on" : ""),
-        onClick: () => setFilter(id)
-      }, label);
-      const renderRow = (s) => {
-        const isArchived = archived.has(s.id);
-        const isCurrent = s.id === list.current;
-        const busy = busyId === s.id;
-        return h("div", {
-          key: s.id,
-          className: "sm-row" + (isCurrent ? " sm-rowCurrent" : "")
-        },
-          h("div", { className: "sm-rowMain" },
-            h("div", { className: "sm-rowTitle" },
-              h("span", null, s.blank ? t("panel.session.new") : (s.displayTitle || s.id)),
-              isArchived ? h("span", { className: "sm-badge sm-badgeArchived" }, t("panel.archived")) : null,
-              s.running ? h("span", { className: "sm-badge sm-badgeRunning" }, t("panel.running")) : null,
-              isCurrent ? h("span", { className: "sm-badge sm-badgeCurrent" }, t("panel.current")) : null
-            ),
-            h("div", { className: "sm-rowMeta" }, shortPath(s.cwd) + (s.cwd ? " · " : "") + formatRelative(s.updatedAt, now))
-          ),
-          h("div", { className: "sm-rowActions" },
-            h("button", { type: "button", className: "sm-rowBtn", disabled: busy, onClick: () => onOpen(s.id) }, t("row.open")),
-            h("button", { type: "button", className: "sm-rowBtn", disabled: busy, onClick: () => runRow(s.id, () => isArchived ? onUnarchive(s.id) : onArchive(s.id)) }, t(isArchived ? "row.unarchive" : "row.archive")),
-            h("button", { type: "button", className: "sm-rowBtn", disabled: busy, onClick: () => { if (moveFor && moveFor.id === s.id) setMoveFor(null); else setMoveFor(s); } }, t("row.move")),
-            h("button", { type: "button", className: "sm-rowBtn", disabled: busy, onClick: () => { if (migrateFor && migrateFor.id === s.id) setMigrateFor(null); else setMigrateFor(s); } }, t("row.migrate")),
-            h("button", { type: "button", className: "sm-rowBtn sm-rowBtnDanger", disabled: busy, onClick: () => { if (confirmFor && confirmFor.id === s.id) setConfirmFor(null); else setConfirmFor(s); } }, t("row.delete"))
-          )
-        );
-      };
-      const rowsList = rows.length === 0
-        ? h("div", { className: "sm-empty" }, filter === "archived" ? t("panel.empty.archived") : t("panel.empty"))
-        : h("div", { className: "sm-list" }, rows.map(renderRow));
-      const onPanelClose = () => {
-        if (busyId !== null) return;
-        setConfirmFor(null);
-        setMoveFor(null);
-        setMigrateFor(null);
-        onClose();
-      };
-      // Esc is handled at window level (issue #7): the original layer-
-      // bound onKeyDown was unreachable when focus stayed on the sidebar
-      // toggle button that opened the panel -- that button is a sibling
-      // of the panel layer, so keydown never bubbles into the panel
-      // subtree. The state ref lets the listener see the latest values
-      // without re-subscribing on every render. The panel listener
-      // returns early when any inner dialog is open so the child
-      // dialog's own window listener gets the first shot at Esc.
-      const escStateRef = useRef({});
-      escStateRef.current = { busyId, confirmFor, moveFor, migrateFor, onPanelClose };
-      useEffect(() => {
-        if (!open) return;
-        const handler = (e) => {
-          if (e.key !== "Escape") return;
-          if (e.defaultPrevented) return;
-          const s = escStateRef.current;
-          if (s.busyId !== null) return;
-          if (s.confirmFor || s.moveFor || s.migrateFor) return;
-          e.preventDefault();
-          e.stopPropagation();
-          s.onPanelClose();
-          // Esc after a keyboard-driven close leaves the originally-
-          // focused trigger button (sidebar toggle / row button) with
-          // :focus-visible still active -- blur it so no focus ring
-          // lingers after the panel closes. Mouse-driven closes are
-          // not affected: :focus-visible only activates for keyboard
-          // focus, so the ring never shows in that path.
-          const ae = document.activeElement;
-          if (ae && typeof ae.blur === "function" && ae !== document.body) ae.blur();
-        };
-        window.addEventListener("keydown", handler);
-        return () => window.removeEventListener("keydown", handler);
-      }, [open]);
-      const panelModal = h("div", {
-        className: "sm-nativeDialogLayer",
-        role: "presentation"
-      },
-        h("section", {
-          className: "sm-nativeDialog sm-panelDialog",
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-labelledby": "sm-panel-dialog-title"
-        },
-          h("div", { className: "sm-nativeDialogHeader" },
-            h("h2", { id: "sm-panel-dialog-title", className: "sm-nativeDialogTitle" }, t("panel.title")),
-            h("button", {
-              type: "button",
-              className: "sm-panelHeaderClose",
-              disabled: busyId !== null || migrating,
-              onClick: onPanelClose
-            }, t("panel.close"))
-          ),
-          h("div", { className: "sm-panel" },
-            h("div", { className: "sm-filter" },
-              filterBtn("all", t("panel.filter.all")),
-              filterBtn("active", t("panel.filter.active")),
-              filterBtn("archived", t("panel.filter.archived"))
-            ),
-            error ? h("div", { className: "sm-error", role: "alert" }, t("error.operation", { message: error })) : null,
-            rowsList
-          )
-        )
-      );
-      const deleteDialog = confirmFor === null ? null : h(ConfirmDialog, {
-        open: true,
-        onClose: () => { if (busyId === null) setConfirmFor(null); },
-        title: t("confirm.delete.title"),
-        description: t("confirm.delete.desc", { title: confirmFor.displayTitle || confirmFor.id }),
-        warning: confirmFor.running ? t("confirm.delete.running") : null,
-        confirmLabel: t("confirm.delete.confirm"),
-        cancelLabel: t("confirm.cancel"),
-        busy: busyId !== null,
-        onCancel: () => { if (busyId === null) setConfirmFor(null); },
-        onConfirm: () => {
-          const target = confirmFor;
-          setConfirmFor(null);
-          runRow(target.id, () => onRemove(target.id));
-        }
-      });
-      const moveDialog = moveFor === null ? null : h(MoveDialog, {
-        open: true,
-        onClose: () => { if (busyId === null) setMoveFor(null); },
-        title: t("confirm.move.title"),
-        description: t("confirm.move.desc", { title: moveFor.displayTitle || moveFor.id }),
-        sessionTitle: moveFor.displayTitle || moveFor.id,
-        currentWorkspaceId: moveFor.workspaceId,
-        workspaces: workspaces,
-        confirmLabel: t("confirm.move.confirm"),
-        cancelLabel: t("confirm.cancel"),
-        busy: busyId !== null,
-        onCancel: () => { if (busyId === null) setMoveFor(null); },
-        onConfirm: (targetWorkspaceId) => {
-          const target = moveFor;
-          setMoveFor(null);
-          runRow(target.id, () => onMove(target.id, targetWorkspaceId));
-        }
-      });
-      const migrateDialog = migrateFor === null ? null : h(MigratePresetDialog, {
-        open: true,
-        t: t,
-        sessionId: migrateFor.id,
-        currentPreset: migrateFor.agentPreset || "",
-        onCancel: () => { if (!migrating) setMigrateFor(null); },
-        busy: migrating,
-        onRun: async (targetPreset) => {
-          const target = migrateFor;
-          setMigrating(true);
-          setError(null);
-          try {
-            await onMigrate(target.id, targetPreset);
-            setMigrateFor(null);
-            try { window.alert(t("migrate.completed", { preset: targetPreset })); } catch (_) {}
-          } catch (error) {
-            setError(error instanceof Error ? error.message : String(error));
-            setMigrateFor(null);
-          } finally {
-            setMigrating(false);
-          }
-        }
-      });
-      // Render the panel AND the inner dialog as siblings so React keeps
-      // both mounted. CSS z-index keeps the right ordering: the inner
-      // dialog (.sm-confirmDialog / .sm-moveDialog / .sm-migrateDialog)
-      // carries z-index 10000 and therefore sits ON TOP OF the panel
-      // (z-index 9999). Clicking inside the panel that the inner dialog
-      // blocks is not possible because the inner backdrop covers the
-      // panel area entirely (the inner modal is centered).
-      const primary = moveDialog || deleteDialog || migrateDialog;
-      return h(React.Fragment, null, panelModal, primary);
-    }
-
-        function HeaderAction(props) {
-      const t = props.t;
-      const sessionId = props.sessionId;
-      // Slot framework spreads inject-factory return into top-level props,
-      // so the action callbacks live directly on props (not under .actions).
-      const onArchive = props.onArchive, onUnarchive = props.onUnarchive;
-      const onMove = props.onMove, onRemove = props.onRemove;
-      // Archive state lives in the workspace registry's archivedSessionIds
-      // (exposed through the global standard kit's useWorkspaces selector).
-      const useWorkspaces = props.useWorkspaces;
-      const archivedIds = (useWorkspaces ? useWorkspaces((s) => s.archivedSessionIds) : null) || [];
-      const isArchived = archivedIds.includes(sessionId);
-
-      const [confirmFor, setConfirmFor] = useState(null);
-      const [confirmAnchor, setConfirmAnchor] = useState(null);
-      const [moveFor, setMoveFor] = useState(null);
-      const [moveAnchor, setMoveAnchor] = useState(null);
-      const [workspaces, setWorkspaces] = useState([]);
-      const runWithAlert = (label, fn) => {
-        return Promise.resolve()
-          .then(() => fn())
-          .catch((e) => {
-            try {
-              const msg = e instanceof Error ? e.message : String(e);
-              window.alert(((t && t("error.operation")) || "操作失败：{message}").replace("{message}", msg));
-            } catch (_) {}
-          });
-      };
-      useEffect(() => {
-        if (!moveFor) { setWorkspaces([]); return; }
-        let alive = true;
-        fetchApi("/workspaces").then((d) => {
-          if (alive && d && d.ok) setWorkspaces(d.result.workspaces || []);
-        });
-        return () => { alive = false; };
-      }, [moveFor ? (moveFor.id || "x") : null]);
-      const anchorFor = (el) => {
-        if (!el || typeof el.getBoundingClientRect !== "function") return null;
-        const r = el.getBoundingClientRect();
-        return {
-          top: Math.round(r.top + r.height + 6),
-          left: Math.max(8, Math.round(r.right - 320))
-        };
-      };
-      const archiveLabelKey = isArchived ? "row.unarchive" : "row.archive";
-      return h(React.Fragment, null,
-        h("div", { className: "sm-header" },
-          h("button", {
-            type: "button",
-            className: "sm-headerBtn" + (isArchived ? " sm-headerBtnActive" : ""),
-            "aria-label": t ? t(archiveLabelKey) : (isArchived ? "移出归档" : "归档会话"),
-            onClick: () => runWithAlert("archive", () =>
-              isArchived ? onUnarchive(sessionId) : onArchive(sessionId)
-            )
-          }, isArchived ? (t ? t("row.unarchive") : "移出归档") : (t ? t("row.archive") : "归档")),
-          h("button", {
-            type: "button",
-            className: "sm-headerBtn" + (moveFor ? " sm-headerBtnActive" : ""),
-            "aria-label": t ? t("row.move") : "移动到工作区",
-            onClick: (e) => {
-              e.stopPropagation();
-              setConfirmFor(null);
-              setConfirmAnchor(null);
-              if (moveFor && moveFor.id === sessionId) {
-                setMoveFor(null);
-                setMoveAnchor(null);
-              } else {
-                setMoveAnchor(anchorFor(e.currentTarget));
-                setMoveFor({ id: sessionId, displayTitle: sessionId, workspaceId: "" });
-              }
-            }
-          }, t ? t("row.move") : "移动"),
-          h("button", {
-            type: "button",
-            className: "sm-headerBtn sm-headerBtnDanger" + (confirmFor ? " sm-headerBtnActive" : ""),
-            "aria-label": t ? t("row.delete") : "删除会话",
-            onClick: (e) => {
-              e.stopPropagation();
-              setMoveFor(null);
-              setMoveAnchor(null);
-              if (confirmFor && confirmFor.id === sessionId) {
-                setConfirmFor(null);
-                setConfirmAnchor(null);
-              } else {
-                setConfirmAnchor(anchorFor(e.currentTarget));
-                setConfirmFor({ id: sessionId, displayTitle: sessionId });
-              }
-            }
-          }, t ? t("row.delete") : "删除")
-        ),
-        confirmFor === null ? null : h(ConfirmDialog, {
-          open: true,
-          anchor: confirmAnchor,
-          onClose: () => setConfirmFor(null),
-          onCancel: () => setConfirmFor(null),
-          onConfirm: () => {
-            const target = confirmFor;
-            setConfirmFor(null);
-            runWithAlert("delete", () => onRemove(target.id));
-          },
-          title: t ? t("confirm.delete.title") : "删除会话",
-          description: (confirmFor && (t ? t("confirm.delete.desc", { title: confirmFor.displayTitle || confirmFor.id }) : ("将删除 " + (confirmFor.displayTitle || confirmFor.id)))) || "",
-          confirmLabel: t ? t("confirm.delete.confirm") : "确认删除",
-          cancelLabel: t ? t("confirm.cancel") : "取消",
-          busy: false
-        }),
-        moveFor === null ? null : h(MoveDialog, {
-          open: true,
-          anchor: moveAnchor,
-          t: t,
-          workspaces: workspaces,
-          currentWorkspaceId: moveFor.workspaceId || "",
-          onClose: () => { setMoveFor(null); setMoveAnchor(null); },
-          onCancel: () => { setMoveFor(null); setMoveAnchor(null); },
-          title: t ? t("confirm.move.title") : "移动会话到工作区",
-          description: (moveFor && (t ? t("confirm.move.desc", { title: moveFor.displayTitle || moveFor.id }) : "")) || "",
-          sessionTitle: moveFor.displayTitle || moveFor.id,
-          confirmLabel: t ? t("confirm.move.confirm") : "确认移动",
-          cancelLabel: t ? t("confirm.cancel") : "取消",
-          busy: false,
-          onConfirm: (targetWorkspaceId) => {
-            const target = moveFor;
-            setMoveFor(null);
-            setMoveAnchor(null);
-            runWithAlert("move", () => onMove(target.id, targetWorkspaceId));
-          }
-        })
-      );
-    }
-
-    class SafePanel extends React.Component {
-      constructor(p) { super(p); this.state = { failed: false }; }
-      getDerivedStateFromError() { return { failed: true }; }
-      componentDidCatch(error) { try { console.error("[dsh-session-manager] SessionManagerPanel crashed:", error); } catch (_) {} }
-      render() {
-        if (this.state.failed) return null;
-        return h(SessionManagerPanel, {
-          open: true,
-          onClose: () => { try { this.props.panelStore.set(false); } catch (_) {} },
-          useSessions: this.props.useSessions,
-          useWorkspaces: this.props.useWorkspaces,
-          t: this.props.t,
-          onOpen: (id) => { try { this.props.panelStore.set(false); this.props.props.onOpen(id); } catch (_) {} },
-          onArchive: this.props.props.onArchive,
-          onUnarchive: this.props.props.onUnarchive,
-          onRemove: this.props.props.onRemove,
-          onMove: this.props.props.onMove,
-          onMigrate: this.props.props.onMigrate
-        });
-      }
-    }
-
-    function FooterAction(props) {
-      const t = props.t;
-      const onOpenPanel = props.onOpenPanel;
-      const open = useSyncExternalStore(
-        (cb) => panelStore.subscribe(cb),
-        () => panelStore.getSnapshot(),
-        () => panelStore.getSnapshot()
-      );
-      return h("div", { className: "sm-footer" },
-        h("button", { type: "button", className: "sm-footerBtn", "aria-label": t("footer.aria"), onClick: () => onOpenPanel() },
-          h(P.IconArchiveOutline20, { size: 14 }),
-          h("span", null, t("footer.label"))
-        ),
-        // The panel is mounted ONLY while the user has the modal open. When
-        // The wrap guards against an in-panel crash by returning null on its
-        // own error boundary rather than letting it bubble up to the slot.
-        open ? h(SafePanel, {
-          panelStore: panelStore,
-          props: props,
-          t: t,
-          useSessions: props.useSessions,
-          useWorkspaces: props.useWorkspaces,
-        }) : null
-      );
-    }
-
-    function apply(ctx) {
-      ctx.effect(() => ctx.locale.register(NS, { zh, en }), "session-manager: dictionaries");
-      const actions = () => ({
-        onOpen: (sessionId) => { ctx.sessions.open(sessionId); },
-        onArchive: async (sessionId) => { await ctx.workspaces.archiveSession(sessionId); },
-        onUnarchive: async (sessionId) => {
-          const response = await callApi("/unarchive", { sessionId });
-          if (!response.ok) throw new Error(response.error || "unarchive failed");
-        },
-        onRemove: async (sessionId) => {
-          const response = await callApi("/delete", { sessionId });
-          if (!response.ok) throw new Error(response.error || "delete failed");
-          const current = ctx.sessions.list.getSnapshot().current;
-          if (current === sessionId) ctx.sessions.clear();
-        },
-        onMove: async (sessionId, targetWorkspaceId) => {
-          const wasCurrent = ctx.sessions.list.getSnapshot().current === sessionId;
-          const response = await callApi("/move", { sessionId, targetWorkspaceId });
-          if (!response.ok) throw new Error(response.error || "move failed");
-          const refreshMovedSession = async () => {
-            await Promise.allSettled([
-              typeof ctx.workspaces?.refresh === "function" ? ctx.workspaces.refresh() : Promise.resolve(),
-              ctx.sessions.refresh()
-            ]);
-            if (wasCurrent && ctx.sessions.list.getSnapshot().byId[sessionId] !== undefined) {
-              ctx.sessions.open(sessionId);
-            }
-          };
-          // The 0.4.6+ move path keeps the live agent/session intact (no
-          // session/disposed, no half-resumed Session object), so the chat
-          // panel keeps the in-memory session as active. We still refresh
-          // the workspace + session-list projections so the destination
-          // workspace and the moved row appear without a manual refresh.
-          await refreshMovedSession();
-          setTimeout(() => { void refreshMovedSession(); }, 250);
-          setTimeout(() => { void refreshMovedSession(); }, 900);
-        },
-        onMigrate: async (sessionId, toPreset) => {
-          const wasCurrent = ctx.sessions.list.getSnapshot().current === sessionId;
-          const response = await callApi("/preset-migrate", { sessionId, toPreset });
-          if (!response.ok) throw new Error(response.error || "preset migration failed");
-          // The current DSH client session store derives agentPreset from
-          // the refreshed projection; older builds exposed noteAgentPreset,
-          // but calling it unconditionally breaks migration on newer builds.
-          await ctx.sessions.refresh();
-          if (wasCurrent) ctx.sessions.open(sessionId);
-          // The migrate rewrite happens in-process on the live session, so
-          // we just need a delayed baseline to let the api-gateway's projection
-          // settle before re-activating the in-memory session.
-          setTimeout(() => {
-            void ctx.sessions.refresh().then(() => {
-              if (wasCurrent) ctx.sessions.open(sessionId);
-            }).catch(() => {});
-          }, 250);
-        },
-        onOpenPanel: () => panelStore.toggle()
-      });
-      ctx.slots.inject("conversation.session.header.actions", () => ctx.slots.register({
-        name: "conversation.session.header.actions",
-        id: "session-manager-header",
-        order: 40,
-        locale: NS,
-        inject: () => actions()
-      }, HeaderAction));
-      ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
-        name: "sidebar.footer.action",
-        id: "session-manager-footer",
-        order: 30,
-        locale: NS,
-        inject: () => actions()
-      }, FooterAction));
-    }
-
-    const inject = ["slots", "sessions", "workspaces", "locale"];
-
-    exports.apply = apply;
-    exports.inject = inject;
-    return module.exports;
-  }
-});
+/**
+ * @dsh-session-manager — Client half.
+ *
+ * Renders the title-bar action cluster (Archive / Unarchive, Move to
+ * workspace, Delete session) and the sidebar-foot Session manager panel
+ * (Open / Archive / Unarchive / Move / Migrate preset / Delete per row,
+ * plus search, workspace/archive/annotation filters, sorting and toggle-close behaviour).
+ * Favorites, review-later flags, tags, notes and priority share a separate metadata store. No build
+ * step: DSH loads the file as a Cordis client bundle via its inject
+ * declaration in package.json.
+ */
+window.__ModuleLoader__.load({
+  id: "dsh-session-manager",
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+    Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+
+    const React = require("react");
+    const { useState, useEffect, useMemo, useRef, useSyncExternalStore } = React;
+    const P = require("@deepseek-ai/dsh-client-ui-primitives");
+    if (typeof window !== "undefined") {
+      window.__smReact = React;
+      window.__smReactDOM = React.createPortal ? React : null;
+      // Tiny imperative portal helper: takes a React element + a host
+      // DOM node, creates a React root on the host (lazily), and re-renders
+      // the element into it on each call. Used by ConfirmDialog to escape
+      // the sidebar overflow:hidden ancestor.
+      try {
+        const RDOM = require("react-dom/client");
+        if (RDOM && typeof RDOM.createRoot === "function") {
+          window.__smRenderInto = (tree, host) => {
+            if (!tree || !host) return;
+            try {
+              if (!host.__smRoot) host.__smRoot = RDOM.createRoot(host);
+              host.__smRoot.render(tree);
+            } catch (_) { /* ignore render failure */ }
+          };
+        }
+      } catch (_) { /* react-dom/client not available */ }
+    }
+// Monotonically-increasing z-index for popup dialogs so the most-recently
+// opened popup always sits on top of any previously opened popup. The
+// CSS-defined z-index values (panel 9999 / confirm 10000 / annotation +
+// bulk 10002) are static; without a counter the user can open an
+// annotation popup (10002) after a confirm popup (10000) and the older
+// confirm stays below. Each dialog component claims a fresh slot from
+// this counter on mount, writes it to inline style.zIndex, and never
+// recycles within a session, so the most-recently opened popup is
+// always the topmost one.
+let dialogZStackCounter = 11000;
+function nextDialogZ() { return ++dialogZStackCounter; }
+
+
+    const NS = "session-manager";
+    const API = "/session-manager/api";
+
+    const zh = {
+      "marks.filter.favorite": "收藏",
+      "marks.filter.favorite.aria": "收藏筛选",
+      "marks.filter.review": "待回看",
+      "marks.filter.review.aria": "待回看筛选",
+      "marks.filter.tags": "按标签筛选",
+      "marks.filter.priority": "按优先级筛选",
+      "marks.favorite.add": "收藏会话",
+      "marks.favorite.remove": "取消收藏",
+      "marks.review.add": "标记待回看",
+      "marks.review.remove": "取消待回看",
+      "marks.edit": "标签/备注",
+      "marks.header.edit": "标签/备注",
+      "marks.edit.aria": "编辑标签、备注和优先级",
+      "marks.title": "会话标记",
+      "marks.favorite": "收藏",
+      "marks.review": "待回看",
+      "marks.tags": "标签",
+      "marks.tags.placeholder": "用逗号分隔，最多 20 个标签，每个 32 字符（重复自动合并）。例如：排障，方案",
+      "marks.tags.help": "最多 20 个标签，每个 32 字符；重复标签会自动合并",
+      "marks.note": "备注",
+      "marks.note.placeholder": "例如：等待 Windows 环境验证；下次继续检查回滚逻辑（最多 2000 字符）",
+      "marks.privacy": "仅用于会话整理，不写入聊天记录，也不会自动发送给模型。",
+      "marks.priority": "优先级",
+      "marks.priority.all": "全部优先级",
+      "marks.priority.1": "1 · 最高",
+      "marks.priority.2": "2 · 高",
+      "marks.priority.3": "3 · 普通",
+      "marks.priority.4": "4 · 低",
+      "marks.priority.5": "5 · 最低",
+      "marks.priority.help": "1 最高，5 最低，默认 3（普通）",
+      "marks.tags.all": "全部标签",
+      "marks.tags.none": "无标签",
+      "marks.tags.missing": "{tag}（无匹配）",
+      "marks.save": "保存标记",
+      "marks.saving": "保存中…",
+      "marks.cancel": "取消",
+      "marks.loading": "正在加载会话标记…",
+      "marks.error": "会话标记加载失败：{message}",
+      "marks.retry": "重试标记加载",
+      "marks.conflict": "标记已在其他窗口更新。当前输入仍保留；请载入最新内容后再编辑。",
+      "marks.reload": "载入最新内容",
+      "marks.discard": "放弃当前未保存的标记修改？",
+      "marks.note.exists": "有备注",
+      "marks.sort": "优先级（1 → 5）",
+"marks.note.exists": "有备注",
+      "marks.import.copy": "复制 Prompt",
+      "marks.import.copy.copied": "已复制，请粘贴到当前对话生成结果",
+      "marks.import.copy.failed": "复制失败：{message}",
+      "marks.import.paste": "导入",
+      "marks.import.paste.label": "AI 返回结果",
+      "marks.import.paste.help": "把模型返回的 JSON 粘贴到下方输入框，再点击“导入”",
+      "marks.import.paste.aria": "AI 返回的 JSON",
+      "marks.import.paste.placeholder": "支持 json 代码块或纯 JSON，例如: { \"tags\": [\"标签1\", \"标签2\"], \"note\": \"会话备注\" }",
+      "marks.import.paste.clear": "清空输入框",
+      "marks.import.empty": "请先把 AI 返回的 JSON 粘贴到上方输入框",
+      "marks.import.unknown": "未知字段",
+      "marks.import.discard": "导入将覆盖当前未保存的修改，是否继续？",
+      "marks.import.failure": "导入失败：{message}",
+      "marks.import.warnings": "已导入，但有以下调整：",
+      "marks.import.success": "已从剪贴板导入 AI 结果",
+      "marks.tags.clear": "清空标签",
+      "marks.note.clear": "清空备注",
+      "header.aria": "会话操作",
+      "menu.open": "打开",
+      "menu.archive": "归档会话",
+      "menu.unarchive": "移出归档",
+      "menu.delete": "删除会话…",
+      "menu.move": "移动到工作区…",
+      "menu.manage": "打开会话管理…",
+      "footer.aria": "会话管理",
+      "footer.label": "会话管理",
+      "panel.title": "会话管理",
+      "panel.github.title": "欢迎Star和Issue",
+      "panel.search": "搜索标题、ID、标签或备注",
+      "panel.workspace": "工作区",
+      "panel.workspace.all": "全部工作区",
+      "panel.workspace.ungrouped": "未分组",
+      "panel.workspace.loading": "正在加载工作区…",
+      "panel.workspace.error": "工作区加载失败：{message}",
+      "panel.workspace.retry": "重试",
+      "panel.sort": "排序",
+      "panel.sort.unavailable": "当前 DSH 未提供创建时间，暂按原顺序显示",
+      "panel.sort.updated-desc": "最近更新",
+      "panel.sort.updated-asc": "最早更新",
+      "panel.sort.created-desc": "最新创建",
+      "panel.sort.created-asc": "最早创建",
+      "panel.count": "显示 {shown} / {total} 个会话",
+      "panel.reset": "重置筛选",
+      "panel.empty.filtered": "没有匹配的会话，请调整搜索或筛选条件",
+      "panel.filter.all": "全部",
+      "panel.filter.active": "未归档",
+      "panel.filter.archived": "已归档",
+      "panel.empty": "暂无会话",
+      "panel.empty.archived": "归档为空",
+      "panel.archived": "已归档",
+      "panel.running": "运行中",
+      "panel.current": "当前",
+      "panel.session.new": "新建会话",
+      "panel.close": "关闭",
+      "row.open": "打开",
+      "row.archive": "归档",
+      "row.unarchive": "移出归档",
+      "row.move": "移动至工作区",
+      "row.delete": "删除会话",
+      "row.migrate": "迁移预设",
+      "migrate.title": "迁移 Agent 预设",
+      "migrate.current": "当前预设",
+      "migrate.target": "目标预设",
+      "migrate.noPresets": "没有可用的目标预设",
+      "migrate.same": "请选择与当前预设不同的目标预设",
+      "migrate.confirm": "确认迁移",
+      "migrate.completed": "Agent 预设已迁移为 {preset}",
+      "confirm.delete.title": "删除会话",
+      "confirm.delete.desc": "会话「{title}」将被永久删除，包括其全部消息记录与磁盘文件，此操作不可撤销。",
+      "confirm.delete.running": "该会话正在运行，删除将立即中断它。",
+      "confirm.delete.confirm": "确认删除",
+      "confirm.move.title": "移动会话到工作区",
+      "confirm.move.desc": "将会话「{title}」移动到目标工作区。",
+      "confirm.move.running": "该会话正在运行，移动会中断并关闭它；之后可在目标工作区重新打开继续。",
+      "confirm.move.empty": "没有可移动到的其他工作区。",
+      "confirm.move.select": "选择目标工作区",
+      "confirm.move.current": "当前工作区：{name}",
+      "confirm.move.confirm": "确认移动",
+      "confirm.cancel": "取消",
+      "busy.processing": "处理中…",
+      "error.operation": "操作失败：{message}",
+      "workspace.default": "默认工作区",
+      "workspace.sessions": "{count} 个会话",
+      "bulk.title": "批量管理",
+      "bulk.selectedFiltered": "已选 {selected} / {filtered} 项",
+      "bulk.selectAllFiltered": "全选当前筛选",
+      "bulk.clear": "清空选择",
+      "bulk.archive": "归档",
+      "bulk.unarchive": "取消归档",
+      "bulk.delete": "删除会话",
+      "bulk.move": "移动至工作区",
+      "bulk.moveBtn": "移动至工作区",
+      "bulk.presetMigrate": "迁移预设",
+      "bulk.favorite": "收藏",
+      "bulk.unfavorite": "取消收藏",
+      "bulk.review": "待回看",
+      "bulk.unreview": "取消待回看",
+      "bulk.tagsAdd": "添加标签",
+      "bulk.tagsRemove": "清空标签",
+      "bulk.priority": "设置优先级",
+      "bulk.tags.placeholder": "用逗号分隔，例如：排障, 方案",
+      "bulk.priority.aria": "选择优先级",
+      "bulk.workspace.aria": "选择目标工作区",
+      "bulk.preset.aria": "选择目标 preset",
+      "bulk.dialog.title": "批量操作：{action}",
+      "bulk.dialog.summary": "将会对 {count} 个会话执行「{action}」。",
+      "bulk.dialog.warning.delete": "删除操作不可撤销，请确认后再继续。",
+      "bulk.confirm.archive": "确认归档",
+      "bulk.confirm.unarchive": "确认还原",
+      "bulk.confirm.favorite": "确认收藏",
+      "bulk.confirm.unfavorite": "确认移除",
+      "bulk.confirm.review": "确认标记",
+      "bulk.confirm.unreview": "确认清除",
+      "bulk.confirm.tagsAdd": "确认添加",
+      "bulk.confirm.tagsRemove": "确认清空",
+      "bulk.confirm.priority": "确认设置",
+      "bulk.confirm.move": "确认移动",
+      "bulk.confirm.presetMigrate": "确认迁移",
+      "bulk.confirm.delete": "确认删除",
+      "bulk.dialog.execute": "执行",
+      "bulk.dialog.cancel": "取消",
+      "bulk.progress.title": "正在执行：{action}",
+      "bulk.progress.current": "处理 {done} / {total}",
+      "bulk.progress.cancel": "取消",
+      "bulk.progress.completed": "已完成 {done} / {total}",
+      "bulk.result.title": "批量操作完成：{action}",
+      "bulk.result.successGroup": "成功 ({count})",
+      "bulk.result.failedGroup": "失败 ({count})",
+      "bulk.result.skippedGroup": "跳过 ({count})",
+      "bulk.result.retry": "重试失败项",
+      "bulk.result.close": "关闭",
+      "bulk.error.tooMany": "批量操作最多支持 200 项，请缩小筛选范围后重试",
+      "bulk.checkbox.aria": "选择 {title}",
+      "bulk.heading": "批量操作",
+      "panel.selectMode": "批量处理",
+      "panel.selectMode.exit": "退出批量处理",
+      "panel.selectMode.aria": "进入批量管理模式",
+      "panel.selectMode.active.aria": "退出批量管理模式",
+    };
+    const en = {
+      "marks.filter.favorite": "Favorites",
+      "marks.filter.favorite.aria": "Favorites filter",
+      "marks.filter.review": "Review later",
+      "marks.filter.review.aria": "Review later filter",
+      "marks.filter.tags": "Filter by tag",
+      "marks.filter.priority": "Filter by priority",
+      "marks.favorite.add": "Favorite session",
+      "marks.favorite.remove": "Remove favorite",
+      "marks.review.add": "Mark for review",
+      "marks.review.remove": "Clear review flag",
+      "marks.edit": "Tags/Notes",
+      "marks.header.edit": "Tags/Notes",
+      "marks.edit.aria": "Edit tags, notes and priority",
+      "marks.title": "Session annotations",
+      "marks.favorite": "Favorite",
+      "marks.review": "Review later",
+      "marks.tags": "Tags",
+      "marks.tags.placeholder": "Separate with commas. Up to 20 tags, 32 chars each (duplicates merged). e.g. bug, design",
+      "marks.tags.help": "Up to 20 tags, 32 characters each; duplicates are merged",
+      "marks.note": "Note",
+      "marks.note.placeholder": "For example: awaiting Windows verification; check rollback next (up to 2000 characters)",
+      "marks.privacy": "For organization only. Not written into chat history or automatically sent to the model.",
+      "marks.priority": "Priority",
+      "marks.priority.all": "All priorities",
+      "marks.priority.1": "1 · Highest",
+      "marks.priority.2": "2 · High",
+      "marks.priority.3": "3 · Normal",
+      "marks.priority.4": "4 · Low",
+      "marks.priority.5": "5 · Lowest",
+      "marks.priority.help": "1 is highest, 5 is lowest. Default is 3 (Normal).",
+      "marks.tags.all": "All tags",
+      "marks.tags.none": "No tags",
+      "marks.tags.missing": "{tag} (no matches)",
+      "marks.save": "Save annotations",
+      "marks.saving": "Saving…",
+      "marks.cancel": "Cancel",
+      "marks.loading": "Loading session annotations…",
+      "marks.error": "Could not load annotations: {message}",
+      "marks.retry": "Retry annotations",
+      "marks.conflict": "Another window changed these annotations. Your draft is preserved; load the latest version before editing again.",
+      "marks.reload": "Load latest",
+      "marks.discard": "Discard unsaved annotation changes?",
+      "marks.note.exists": "Has note",
+      "marks.sort": "Priority (1 → 5)",
+"marks.note.exists": "Has note",
+      "marks.import.copy": "Copy Prompt",
+      "marks.import.copy.copied": "Copied. Paste it into the current conversation to generate the result.",
+      "marks.import.copy.failed": "Copy failed: {message}",
+      "marks.import.paste": "Import",
+      "marks.import.paste.label": "AI response",
+      "marks.import.paste.help": "Paste the JSON returned by the model into the box below, then click Import.",
+      "marks.import.paste.aria": "JSON returned by the model",
+      "marks.import.paste.placeholder": "Supports json code fences or plain JSON, e.g. { \"tags\": [\"tag1\", \"tag2\"], \"note\": \"session note\" }",
+      "marks.import.paste.clear": "Clear input",
+      "marks.import.empty": "Paste the JSON returned by the model into the box above first.",
+      "marks.import.unknown": "unknown field",
+      "marks.import.discard": "Importing will overwrite your unsaved edits. Continue?",
+      "marks.import.failure": "Import failed: {message}",
+      "marks.import.warnings": "Imported, with adjustments:",
+      "marks.import.success": "Imported AI result from the clipboard",
+      "marks.tags.clear": "Clear tags",
+      "marks.note.clear": "Clear note",
+      "header.aria": "Session actions",
+      "menu.open": "Open",
+      "menu.archive": "Archive session",
+      "menu.unarchive": "Unarchive session",
+      "menu.delete": "Delete session…",
+      "menu.move": "Move to workspace…",
+      "menu.manage": "Open session manager…",
+      "footer.aria": "Session manager",
+      "footer.label": "Sessions",
+      "panel.title": "Session manager",
+      "panel.github.title": "Star or open an issue",
+      "panel.search": "Search title, ID, tags or notes",
+      "panel.workspace": "Workspace",
+      "panel.workspace.all": "All workspaces",
+      "panel.workspace.ungrouped": "Ungrouped",
+      "panel.workspace.loading": "Loading workspaces…",
+      "panel.workspace.error": "Could not load workspaces: {message}",
+      "panel.workspace.retry": "Retry",
+      "panel.sort": "Sort by",
+      "panel.sort.unavailable": "Creation times are unavailable in this DSH version; showing source order.",
+      "panel.sort.updated-desc": "Recently updated",
+      "panel.sort.updated-asc": "Least recently updated",
+      "panel.sort.created-desc": "Newest created",
+      "panel.sort.created-asc": "Oldest created",
+      "panel.count": "Showing {shown} / {total} sessions",
+      "panel.reset": "Reset filters",
+      "panel.empty.filtered": "No matching sessions. Adjust your search or filters.",
+      "bulk.title": "Bulk management",
+      "bulk.selectedFiltered": "Selected {selected} / {filtered}",
+      "bulk.selectAllFiltered": "Select all in filter",
+      "bulk.clear": "Clear selection",
+      "bulk.archive": "Archive",
+      "bulk.unarchive": "Unarchive",
+      "bulk.delete": "Delete session",
+      "bulk.move": "Move to workspace",
+      "bulk.moveBtn": "Move",
+      "bulk.presetMigrate": "Migrate preset",
+      "bulk.favorite": "Favorite",
+      "bulk.unfavorite": "Unfavorite",
+      "bulk.review": "Mark for review",
+      "bulk.unreview": "Clear review flag",
+      "bulk.tagsAdd": "Add tags",
+      "bulk.tagsRemove": "Clear tags",
+      "bulk.priority": "Set priority",
+      "bulk.tags.placeholder": "Comma-separated, e.g. bug, design",
+      "bulk.priority.aria": "Choose priority",
+      "bulk.workspace.aria": "Choose target workspace",
+      "bulk.preset.aria": "Choose target preset",
+      "bulk.dialog.title": "Bulk action: {action}",
+      "bulk.dialog.summary": "Apply \"{action}\" to {count} sessions.",
+      "bulk.dialog.warning.delete": "Deletion is permanent and cannot be undone.",
+      "bulk.confirm.archive": "Archive",
+      "bulk.confirm.unarchive": "Unarchive",
+      "bulk.confirm.favorite": "Favorite",
+      "bulk.confirm.unfavorite": "Unfavorite",
+      "bulk.confirm.review": "Mark review",
+      "bulk.confirm.unreview": "Clear review",
+      "bulk.confirm.tagsAdd": "Add tags",
+      "bulk.confirm.tagsRemove": "Clear tags",
+      "bulk.confirm.priority": "Set priority",
+      "bulk.confirm.move": "Move",
+      "bulk.confirm.presetMigrate": "Migrate",
+      "bulk.confirm.delete": "Delete",
+      "bulk.dialog.execute": "Execute",
+      "bulk.dialog.cancel": "Cancel",
+      "bulk.progress.title": "Running: {action}",
+      "bulk.progress.current": "Processing {done} / {total}",
+      "bulk.progress.cancel": "Cancel",
+      "bulk.progress.completed": "Finished {done} / {total}",
+      "bulk.result.title": "Bulk action finished: {action}",
+      "bulk.result.successGroup": "Success ({count})",
+      "bulk.result.failedGroup": "Failed ({count})",
+      "bulk.result.skippedGroup": "Skipped ({count})",
+      "bulk.result.retry": "Retry failed",
+      "bulk.result.close": "Close",
+      "bulk.error.tooMany": "Batch actions support at most 200 sessions; please narrow the filter.",
+      "bulk.checkbox.aria": "Select {title}",
+      "bulk.heading": "Bulk actions",
+      "panel.selectMode": "Batch process",
+      "panel.selectMode.exit": "Exit batch process",
+      "panel.selectMode.aria": "Enter bulk selection mode",
+      "panel.selectMode.active.aria": "Exit bulk selection mode",
+      "panel.filter.all": "All",
+      "panel.filter.active": "Active",
+      "panel.filter.archived": "Archived",
+      "panel.empty": "No sessions",
+      "panel.empty.archived": "No archived sessions",
+      "panel.archived": "Archived",
+      "panel.running": "Running",
+      "panel.current": "Current",
+      "panel.session.new": "New session",
+      "panel.close": "Close",
+      "row.open": "Open",
+      "row.archive": "Archive",
+      "row.unarchive": "Unarchive",
+      "row.move": "Move to workspace",
+      "row.delete": "Delete session",
+      "row.migrate": "Migrate preset",
+      "migrate.title": "Migrate Agent preset",
+      "migrate.current": "Current preset",
+      "migrate.target": "Target preset",
+      "migrate.noPresets": "No target presets are available",
+      "migrate.same": "Choose a target preset different from the current preset",
+      "migrate.confirm": "Migrate",
+      "migrate.completed": "Agent preset migrated to {preset}",
+      "confirm.delete.title": "Delete session",
+      "confirm.delete.desc": "Session \"{title}\" will be permanently deleted, including all its messages and files on disk. This cannot be undone.",
+      "confirm.delete.running": "This session is running; deleting will interrupt it immediately.",
+      "confirm.delete.confirm": "Delete",
+      "confirm.move.title": "Move session to workspace",
+      "confirm.move.desc": "Move session \"{title}\" to the target workspace.",
+      "confirm.move.running": "This session is running; moving will interrupt and close it; you can reopen it from the target workspace to continue.",
+      "confirm.move.empty": "No other workspaces to move to.",
+      "confirm.move.select": "Select target workspace",
+      "confirm.move.current": "Current workspace: {name}",
+      "confirm.move.confirm": "Move",
+      "confirm.cancel": "Cancel",
+      "busy.processing": "Working…",
+      "error.operation": "Operation failed: {message}",
+      "workspace.default": "Default workspace",
+      "workspace.sessions": "{count} sessions"
+    };
+
+    const css = [
+      ".sm-header{display:flex;align-items:center;gap:6px}",
+      ".sm-headerBtn{box-sizing:border-box;min-height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;line-height:18px;display:inline-flex;white-space:nowrap}",
+      ".sm-headerBtn:hover:not(:disabled),.sm-headerBtn:focus-visible{background:var(--dsw-alias-interactive-bg-hover)}",
+      ".sm-headerBtn:disabled{opacity:.5;cursor:not-allowed}",
+      ".sm-headerBtn svg{flex:none}",
+      ".sm-busy{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:28px;margin-left:4px}",
+      ".sm-footer{display:flex}",
+      ".sm-footerBtn{min-height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;line-height:18px;display:inline-flex}",
+      ".sm-footerBtn:hover,.sm-footerBtn:focus-visible{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-hover)}",
+      ".sm-footerBtn svg{flex:none}",
+      ".sm-panel{display:flex;flex-direction:column;gap:10px;min-height:280px;max-height:min(70vh,640px);min-width:480px}",
+      ".sm-filter{display:flex;gap:4px;flex-wrap:wrap}",
+      ".sm-filterBtn{cursor:pointer;display:inline-flex;align-items:center;color:var(--dsw-alias-label-secondary);background:0 0;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;height:28px;padding:3px 10px;font-size:12px;line-height:18px;white-space:nowrap;box-sizing:border-box}",
+      ".sm-filterBtn:hover{background:var(--dsw-alias-interactive-bg-hover)}",
+      ".sm-filterBtn.sm-on{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-fill-l2);border-color:transparent}",
+      ".sm-list{display:flex;flex-direction:column;gap:4px;min-height:0;overflow:auto;flex:1}",
+      ".sm-row{box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px}",
+      ".sm-row:hover{background:var(--dsw-alias-interactive-bg-hover)}",
+      ".sm-rowCurrent{border-color:var(--dsw-alias-accent-primary,var(--dsw-alias-label-secondary))}",
+      ".sm-rowMain{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1 1 280px}",
+      ".sm-rowTitle{color:var(--dsw-alias-label-primary);font-size:13px;line-height:20px;display:flex;align-items:center;gap:6px;min-width:0}",
+      ".sm-rowTitle>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}",
+      ".sm-rowMeta{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}",
+      ".sm-rowActions{display:flex;gap:4px;flex:none;flex-wrap:wrap;justify-content:flex-end}",
+      ".sm-badge{flex:none;border-radius:999px;padding:0 6px;font-size:10px;line-height:16px}",
+      ".sm-badgeArchived{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-fill-l2)}",
+      ".sm-badgeRunning{color:var(--dsw-alias-state-warning-primary,#d97706);background:rgba(217,119,6,.12)}",
+      ".sm-badgeCurrent{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-fill-l2)}",
+      ".sm-danger{color:var(--dsw-alias-state-error-primary) !important;border-color:var(--dsw-alias-state-error-primary) !important}",
+      ".sm-dangerText{color:var(--dsw-alias-state-error-primary) !important}",
+      ".sm-warn{display:flex;align-items:flex-start;gap:8px;color:var(--dsw-alias-label-secondary);background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.25);border-radius:8px;padding:8px 10px;margin-top:4px}",
+      ".sm-warn svg{flex:none;margin-top:1px}",
+      ".sm-error{color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:18px;min-height:0;margin-top:4px}",
+      ".sm-foot{display:flex;justify-content:flex-end;align-items:center;gap:8px;width:100%}",
+      ".sm-footError{color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:18px;margin-right:auto}",
+      ".sm-empty{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px;text-align:center;padding:24px 0}",
+      ".sm-moveSection{display:flex;flex-direction:column;gap:8px}",
+      ".sm-moveLabel{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}",
+      ".sm-moveList{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow:auto}",
+      ".sm-moveItem{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;cursor:pointer;transition:all .15s}",
+      ".sm-moveItem:hover{background:var(--dsw-alias-interactive-bg-hover)}",
+      ".sm-moveItemSelected{border-color:var(--dsw-alias-accent-primary);background:var(--dsw-alias-accent-primary-bg)}",
+      ".sm-moveItemName{color:var(--dsw-alias-label-primary);font-size:13px;line-height:18px}",
+      ".sm-moveItemMeta{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.sm-panelModal{width:760px;max-width:92vw}.sm-panelModal .sm-rowActions{flex-wrap:wrap;justify-content:flex-end}.sm-headerMenu{position:absolute;right:0;top:100%;z-index:50;display:flex;flex-direction:column;min-width:160px;padding:4px;background:var(--dsw-alias-surface-l1);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12)}.sm-headerMenuItem{display:flex;align-items:center;width:100%;text-align:left;background:0 0;border:0;border-radius:6px;color:var(--dsw-alias-label-primary);cursor:pointer;padding:6px 10px;font-size:13px;line-height:18px}.sm-headerMenuItem:hover{background:var(--dsw-alias-interactive-bg-hover)}.sm-headerMenuItemDanger{color:var(--dsw-alias-state-error-primary)}.sm-headerBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;height:auto;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-fill-l2);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;cursor:pointer;padding:4px 12px;font-size:13px;line-height:18px;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.sm-headerBtn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l1)}.sm-headerBtn:focus-visible{outline:2px solid var(--dsw-alias-accent-primary);outline-offset:1px}.sm-headerBtn svg{width:16px;height:16px}.sm-migratePanel{display:flex;flex-direction:column;gap:14px;min-width:480px}.sm-migrateRow{display:flex;flex-direction:column;gap:8px}.sm-migrateRow>label{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:16px;font-weight:500}.sm-migrateChips{display:flex;flex-wrap:wrap;gap:6px}.sm-migrateChip{padding:6px 12px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);background:transparent;cursor:pointer;font-size:13px;line-height:18px;color:var(--dsw-alias-label-primary);white-space:nowrap}.sm-migrateChip:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.sm-migrateChip:disabled{opacity:.5;cursor:not-allowed}.sm-migrateChipOn{background:var(--dsw-alias-accent-primary);color:#fff;border-color:var(--dsw-alias-accent-primary)}.sm-migrateEmpty{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.sm-migratePreview{padding:10px 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-fill-l2);color:var(--dsw-alias-label-primary);font-size:13px;line-height:18px}.sm-migrateWarn{padding:10px 12px;border:1px solid rgba(217,119,6,.25);border-radius:8px;background:rgba(217,119,6,.08);color:var(--dsw-alias-label-secondary);font-size:13px;line-height:18px}.sm-migrateList{max-height:200px;overflow:auto;border:1px solid var(--dsw-alias-border-l2);border-radius:8px}.sm-headerBtn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l1)}.sm-headerBtnDanger{background:var(--dsw-alias-state-error-tertiary);color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary);font-weight:500}.sm-headerBtnDanger:hover:not(:disabled){background:#d92d20!important;color:#fff!important;border-color:#d92d20!important}.sm-header{display:inline-flex;align-items:center;gap:6px}.sm-annotationToggleOpen{position:relative;z-index:10004}.sm-headerBtnActive{background:var(--dsw-alias-fill-l3);color:var(--dsw-alias-label-primary)}",
+      ".sm-panelDialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:600px;max-width:calc(100vw - 32px);max-height:560px;height:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:0;background:var(--dsw-alias-surface-l1,#fff);color:var(--dsw-alias-label-primary,#111);border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.25);overflow:hidden;z-index:9999;opacity:1}.sm-panelDialog .sm-nativeDialogHeader{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--dsw-alias-border-l2,#eee);flex:none}.sm-panelDialog .sm-nativeDialogTitle{margin:0;font-size:14px;line-height:20px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1 1 auto}.sm-panelDialog .sm-nativeDialogHeaderActions{display:flex;align-items:center;gap:6px;flex:none}.sm-panelDialog .sm-nativeDialogTitle{margin:0;font-size:14px;line-height:20px;font-weight:600;text-align:center;flex:1 1 auto}.sm-nativeDialogFooter,.sm-bulkDialog .sm-nativeDialogFooter,.sm-confirmDialog .sm-nativeDialogFooter,.sm-migrateDialog .sm-nativeDialogFooter{display:flex;padding:10px 16px;border-top:1px solid var(--dsw-alias-border-l2,#eee);flex:none;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:0}.sm-panelDialog .sm-panel{display:flex;flex-direction:column;gap:6px;min-height:0;flex:1 1 auto;overflow:auto;padding:8px 12px}.sm-panelDialog .sm-list{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-height:0;overflow:auto}.sm-panelDialog .sm-row{display:flex;align-items:center;gap:8px;padding:6px 10px;min-height:36px;border:1px solid transparent;border-radius:8px;background:transparent;flex-shrink:0}.sm-panelDialog .sm-row:hover{background:var(--dsw-alias-interactive-bg-hover)}.sm-panelDialog .sm-rowCurrent{background:var(--dsw-alias-fill-l2);border-color:var(--dsw-alias-accent-primary,#356ae6)}.sm-panelDialog .sm-rowMain{display:flex;align-items:stretch!important;gap:8px;min-width:0;flex:1 1 auto;overflow:visible;text-align:left!important}.sm-panelDialog .sm-rowTitle{min-width:0;flex:1 1 0%;width:100%;align-self:stretch;display:flex;align-items:center;justify-content:flex-start;gap:6px;font-size:12px;line-height:16px;overflow:hidden;text-align:left!important;direction:ltr!important}.sm-confirmDialog{z-index:10000}.sm-confirmDialog.sm-nativeDialogLayer{position:fixed;left:calc(50vw + 184px);top:calc(50vh - 90px);width:360px;max-width:calc(100vw - 32px);max-height:none;display:block;align-items:initial;justify-content:initial;box-sizing:border-box;background:transparent;border:0;box-shadow:none;padding:0;inset:calc(50vh - 90px) auto auto calc(50vw + 308px)}.sm-confirmDialog.sm-nativeDialogLayer .sm-nativeDialogBackdrop{display:none}.sm-confirmDialog.sm-nativeDialogLayer .sm-nativeDialog{position:relative;left:auto;top:auto;transform:none;width:auto;box-sizing:border-box;background:var(--dsw-alias-surface-l1,#fff);color:var(--dsw-alias-label-primary,#111);border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.25);padding:0;overflow:hidden;animation:sm-confirmPop .14s ease-out}.sm-confirmDialog .sm-nativeDialogHeader{padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l2,#eee)}.sm-confirmDialog .sm-nativeDialogTitle{margin:0;font-size:14px;line-height:20px;font-weight:600;text-align:center;width:100%}.sm-confirmDialog .sm-nativeDialogBody{padding:10px 16px;display:flex;flex-direction:column;gap:8px;min-height:0}.sm-confirmDialog .sm-nativeDialogDescription{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary);white-space:pre-wrap}.sm-confirmDialog .sm-warn{padding:6px 10px;font-size:12px;line-height:16px;margin-top:0}.sm-confirmDialog .sm-nativeDialogFooter{padding:10px 16px;border-top:1px solid var(--dsw-alias-border-l2,#eee);flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:0}.sm-confirmDialog .sm-nativeDialogButton{min-height:28px;padding:3px 14px;font-size:12px;line-height:20px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;cursor:pointer;background:transparent;color:var(--dsw-alias-label-primary);text-align:center}.sm-confirmDialog .sm-nativeDialogCancel:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.sm-confirmDialog .sm-nativeDialogConfirm{background:var(--dsw-alias-accent-primary,#356ae6);color:#fff;border-color:var(--dsw-alias-accent-primary,#356ae6)}.sm-confirmDialog .sm-nativeDialogConfirm:hover:not(:disabled){filter:brightness(.94)}@keyframes sm-confirmPop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sm-confirmDialog.sm-nativeDialog{padding:0;width:auto;max-width:none}.sm-panelDialog .sm-rowTitle>span:first-child{display:block;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1 1 auto;width:auto;text-align:left!important;direction:ltr!important;unicode-bidi:plaintext}.sm-panelDialog .sm-rowMeta{display:none}.sm-panelDialog .sm-rowActions{display:flex;gap:2px;flex:none;justify-content:flex-end}.sm-panelDialog .sm-rowActions .sm-rowBtn{min-height:22px;padding:0 7px;font-size:11px;line-height:18px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap}.sm-rowBtn.sm-markIcon{padding:0 6px;font-size:13px;line-height:18px}.sm-panelDialog .sm-rowActions .sm-rowBtn:hover{background:var(--dsw-alias-fill-l2);color:var(--dsw-alias-label-primary)}.sm-panelDialog .sm-rowActions .sm-rowBtnDanger{color:var(--dsw-alias-state-error-primary)}.sm-panelDialog .sm-filter{flex:none;padding:6px 12px 4px;gap:4px;display:flex;flex-wrap:wrap}.sm-panelDialog .sm-filterBtn{min-height:24px;padding:2px 10px;font-size:11px;line-height:16px;border-radius:4px;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer}.sm-panelDialog .sm-filterBtn.sm-on{background:var(--dsw-alias-fill-l2);color:var(--dsw-alias-label-primary)}.sm-panelDialog .sm-badge{font-size:10px;line-height:14px;padding:0 5px;border-radius:6px;flex:none}.sm-panelDialog .sm-error{padding:6px 10px;margin:0;font-size:12px;line-height:16px}.sm-panelDialog .sm-nativeDialogButton{min-height:28px;padding:3px 12px;font-size:12px;line-height:18px;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;background:transparent;color:var(--dsw-alias-label-primary);cursor:pointer}.sm-panelDialog .sm-nativeDialogCancel{background:transparent}.sm-panelDialog .sm-nativeDialogGhost{background:transparent;border-color:var(--dsw-alias-border-l2)}.sm-panelDialog .sm-nativeDialogConfirm{background:var(--dsw-alias-accent-primary,#356ae6);color:#fff;border-color:var(--dsw-alias-accent-primary,#356ae6)}.sm-nativeDialogDanger{background:var(--dsw-alias-state-error-primary,#d92d20);color:#fff;border-color:var(--dsw-alias-state-error-primary,#d92d20)}.sm-nativeDialogDanger:hover:not(:disabled){filter:brightness(.92)}.sm-confirmDialog .sm-nativeDialogDanger,.sm-migrateDialog .sm-nativeDialogDanger,.sm-bulkDialog .sm-nativeDialogDanger{background:var(--dsw-alias-state-error-primary,#d92d20);color:#fff;border-color:var(--dsw-alias-state-error-primary,#d92d20)}.sm-confirmDialog .sm-nativeDialogDanger:hover:not(:disabled),.sm-migrateDialog .sm-nativeDialogDanger:hover:not(:disabled),.sm-bulkDialog .sm-nativeDialogDanger:hover:not(:disabled){filter:brightness(.92)}.sm-panelDialog .sm-empty{padding:18px 0;font-size:12px;color:var(--dsw-alias-label-tertiary);text-align:center}.sm-panelDialog .sm-footError{font-size:11px;color:var(--dsw-alias-state-error-primary);margin-right:auto;line-height:20px}.sm-panelDialog .sm-moveLabel{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}.sm-migrateDialog .sm-nativeDialogFooter{flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:0}.sm-migrateDialog .sm-migrateChip{cursor:pointer;pointer-events:auto;position:relative;z-index:1}.sm-migrateDialog .sm-migrateChip[disabled]{opacity:.5;cursor:not-allowed}.sm-migrateDialog.sm-nativeDialogLayer{position:fixed;left:50vw;top:auto;bottom:48px;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));max-height:none;display:block;align-items:initial;justify-content:initial;box-sizing:border-box;background:transparent;border:0;box-shadow:none;padding:0;inset:auto;z-index:10001}.sm-migrateDialog.sm-nativeDialogLayer .sm-nativeDialogBackdrop{display:none}.sm-migrateDialog.sm-nativeDialogLayer .sm-nativeDialog{position:relative;left:auto;top:auto;transform:none;width:360px;max-width:calc(100vw - 32px);max-height:min(70vh,520px);box-sizing:border-box;background-color:#ffffff;background-color:var(--dsw-alias-surface-l1,#fff);color:var(--dsw-alias-label-primary,#111);border:1px solid #d4d4d8;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.45);overflow:hidden;padding:0;display:flex;flex-direction:column;gap:0;opacity:1}.sm-migrateDialog{position:fixed;left:50vw;top:auto;bottom:48px;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));max-height:min(70vh,520px);box-sizing:border-box;display:flex;flex-direction:column;gap:0;background-color:#ffffff;background-color:var(--dsw-alias-surface-l1,#fff);color:var(--dsw-alias-label-primary,#111);border:1px solid #d4d4d8;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.45);overflow:hidden;opacity:1;z-index:10001;backdrop-filter:none;-webkit-backdrop-filter:none}.sm-migrateDialog .sm-nativeDialogHeader{padding:12px 18px;border-bottom:1px solid #eee;border-bottom:1px solid var(--dsw-alias-border-l2,#eee);flex:none;background-color:#fff;background-color:var(--dsw-alias-surface-l1,#fff)}.sm-migrateDialog .sm-nativeDialogTitle{margin:0;font-size:14px;line-height:20px;font-weight:600;color:#111;color:var(--dsw-alias-label-primary,#111);text-align:center;width:100%}.sm-migrateDialog .sm-migratePanel{padding:12px 18px;display:flex;flex-direction:column;gap:14px;background-color:#fff;background-color:var(--dsw-alias-surface-l1,#fff)}.sm-migrateDialog .sm-nativeDialogBody{padding:0;background-color:#fff;background-color:var(--dsw-alias-surface-l1,#fff)}.sm-migrateDialog .sm-nativeDialogFooter{padding:10px 16px;border-top:1px solid var(--dsw-alias-border-l2,#eee);flex:none;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:0;gap:8px;background-color:#fff;background-color:var(--dsw-alias-surface-l1,#fff)}.sm-migrateDialog .sm-migrateRow>label{color:#444;color:var(--dsw-alias-label-secondary,#444)}.sm-migrateDialog .sm-migrateChip{padding:6px 12px;border-radius:999px;border:1px solid #d4d4d8;border:1px solid var(--dsw-alias-border-l2,#ddd);background-color:#f5f5f5;background-color:var(--dsw-alias-fill-l2,#f5f5f5);color:#111;color:var(--dsw-alias-label-primary,#111);font-size:13px;line-height:18px;cursor:pointer;pointer-events:auto;position:relative;z-index:1;white-space:nowrap}.sm-migrateDialog .sm-migrateChip:hover:not(:disabled){background-color:#e8e8e8;background-color:var(--dsw-alias-interactive-bg-hover,#e8e8e8)}.sm-migrateDialog .sm-migrateChipOn{background-color:#356ae6;background-color:var(--dsw-alias-accent-primary,#356ae6);color:#fff;border-color:#356ae6;border-color:var(--dsw-alias-accent-primary,#356ae6)}.sm-migrateDialog .sm-migrateChip.sm-migrateChipOn:hover:not(:disabled){background-color:#4576f0;background-color:var(--dsw-alias-accent-primary-hover,#4576f0);color:#fff;border-color:#4576f0;border-color:var(--dsw-alias-accent-primary-hover,#4576f0);filter:none}.sm-migrateDialog .sm-migrateChipOn:hover:not(:disabled){filter:brightness(.92)}.sm-migrateDialog .sm-migrateChip[disabled]{opacity:.5;cursor:not-allowed}.sm-migrateDialog .sm-migrateEmpty{color:#888;color:var(--dsw-alias-label-tertiary,#888)}.sm-migrateDialog .sm-migratePreview{padding:10px 12px;border:1px solid #d4d4d8;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;background-color:#f5f5f5;background-color:var(--dsw-alias-fill-l2,#f5f5f5);color:#111;color:var(--dsw-alias-label-primary,#111);font-size:13px;line-height:18px}.sm-migrateDialog .sm-migrateWarn{padding:10px 12px;border:1px solid rgba(217,119,6,.25);border-radius:8px;background-color:rgba(217,119,6,.08);color:#444;color:var(--dsw-alias-label-secondary,#444);font-size:13px;line-height:18px}.sm-migrateDialog .sm-nativeDialogButton{min-height:28px;padding:3px 14px;font-size:12px;line-height:20px;border:1px solid #d4d4d8;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;cursor:pointer;background-color:#fff;background-color:var(--dsw-alias-fill-l2,#fff);color:#111;color:var(--dsw-alias-label-primary,#111);text-align:center}.sm-migrateDialog .sm-nativeDialogButton:hover:not(:disabled){background-color:#e8e8e8;background-color:var(--dsw-alias-interactive-bg-hover,#e8e8e8)}.sm-migrateDialog .sm-nativeDialogConfirm{background-color:#356ae6;background-color:var(--dsw-alias-accent-primary,#356ae6);color:#fff;border-color:#356ae6;border-color:var(--dsw-alias-accent-primary,#356ae6)}.sm-migrateDialog .sm-nativeDialogConfirm:hover:not(:disabled){filter:brightness(.94)}",
+      ".sm-panelDialog .sm-nativeDialogHeader{display:flex;align-items:center;gap:8px}.sm-panelHeaderClose{min-height:26px;padding:2px 9px;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:7px;background:transparent;color:var(--dsw-alias-label-secondary,#555);cursor:pointer;font-size:12px;line-height:18px;flex:none}.sm-panelHeaderGithub{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:var(--dsw-alias-label-secondary,#555);text-decoration:none;flex:none;transition:background .15s,color .15s;cursor:pointer}.sm-panelHeaderGithub:hover{background:var(--dsw-alias-interactive-bg-hover,#eee);color:var(--dsw-alias-label-primary,#111)}.sm-panelHeaderGithub svg{display:block;width:16px;height:16px;fill:currentColor}.sm-panelHeaderClose:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#eee);color:var(--dsw-alias-label-primary,#111)}.sm-panelHeaderClose:disabled{opacity:.5;cursor:not-allowed}.sm-panelHeaderSelect{min-height:26px;padding:2px 9px;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:7px;background:transparent;color:var(--dsw-alias-label-secondary,#555);cursor:pointer;font-size:12px;line-height:18px;display:inline-flex;align-items:center;gap:4px}.sm-panelHeaderSelect:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#eee);color:var(--dsw-alias-label-primary,#111)}.sm-panelHeaderSelect:disabled{opacity:.5;cursor:not-allowed}.sm-panelHeaderSelect.sm-on{background:var(--dsw-alias-accent-primary-bg,rgba(53,106,230,.12));border-color:var(--dsw-alias-accent-primary,#356ae6);color:var(--dsw-alias-accent-primary,#356ae6)}.sm-migrateCurrent{padding:8px 10px;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;background:var(--dsw-alias-fill-l2,#f5f5f5);font-size:13px;line-height:18px;color:var(--dsw-alias-label-primary,#111)}.sm-migrateConfirmLayer.sm-confirmDialog.sm-nativeDialogLayer{width:360px;inset:calc(50vh - 90px) auto auto calc(50vw + 308px)}.sm-migrateConfirmLayer.sm-confirmDialog.sm-nativeDialogLayer .sm-migrateDialog{position:relative;left:auto;top:auto;bottom:auto;transform:none;width:100%;max-width:none;max-height:min(70vh,520px);z-index:auto}.sm-migrateConfirmLayer .sm-migratePanel{min-width:0}.sm-migrateConfirmLayer .sm-nativeDialogButton.sm-nativeDialogConfirm:hover:not(:disabled){background-color:#4576f0;background-color:var(--dsw-alias-accent-primary-hover,#4576f0);color:#fff;border-color:#4576f0;border-color:var(--dsw-alias-accent-primary-hover,#4576f0);filter:none}",
+
+      // Theme colors are scoped to the plugin dialogs. DSH exposes its
+      // actual theme through `body[data-ds-dark-theme]` and color-scheme;
+      // keeping these values local avoids changing DSH's global variables.
+      "[data-sm-theme=light] .sm-panelDialog,[data-sm-theme=light] .sm-confirmDialog.sm-nativeDialogLayer .sm-nativeDialog,[data-sm-theme=light] .sm-migrateDialog.sm-nativeDialogLayer .sm-nativeDialog{--dsw-alias-surface-l1:#fff;--dsw-alias-label-primary:#1f1f1f;--dsw-alias-label-secondary:#555;--dsw-alias-label-tertiary:#888;--dsw-alias-border-l1:#d4d4d8;--dsw-alias-border-l2:#e5e5e5;--dsw-alias-fill-l2:#f5f5f5;--dsw-alias-interactive-bg-hover:#eee;--dsw-alias-state-error-primary:#d92d20;--dsw-alias-state-warning-primary:#d97706;--dsw-alias-accent-primary:#356ae6;--dsw-alias-accent-primary-bg:rgba(53,106,230,.12);background:#fff!important;background-color:#fff!important;color:#1f1f1f!important;border-color:#e5e5e5!important}",
+      "[data-sm-theme=dark] .sm-panelDialog,[data-sm-theme=dark] .sm-confirmDialog.sm-nativeDialogLayer .sm-nativeDialog,[data-sm-theme=dark] .sm-migrateDialog.sm-nativeDialogLayer .sm-nativeDialog,[data-sm-theme=dark] .sm-bulkDialog.sm-nativeDialogLayer .sm-nativeDialog{--dsw-alias-surface-l1:#1f1f23;--dsw-alias-label-primary:#ececec;--dsw-alias-label-secondary:#b3b3b3;--dsw-alias-label-tertiary:#999;--dsw-alias-border-l1:#555;--dsw-alias-border-l2:#3a3a40;--dsw-alias-fill-l1:#1a1a1e;--dsw-alias-fill-l2:#2a2a30;--dsw-alias-interactive-bg-hover:rgba(255,255,255,.06);--dsw-alias-state-error-primary:#f47171;--dsw-alias-state-warning-primary:#f0a040;--dsw-alias-accent-primary:#5d8aff;--dsw-alias-accent-primary-bg:rgba(93,138,255,.18);background:#1f1f23!important;background-color:#1f1f23!important;color:#ececec!important;border-color:#3a3a40!important}","[data-sm-theme=dark] .sm-header{--dsw-alias-surface-l1:#1f1f23;--dsw-alias-label-primary:#ececec;--dsw-alias-label-secondary:#b3b3b3;--dsw-alias-label-tertiary:#999;--dsw-alias-border-l1:#555;--dsw-alias-border-l2:#3a3a40;--dsw-alias-fill-l1:#1a1a1e;--dsw-alias-fill-l2:#2a2a30;--dsw-alias-interactive-bg-hover:rgba(255,255,255,.06);--dsw-alias-accent-primary:#5d8aff;--dsw-alias-accent-primary-bg:rgba(93,138,255,.18)}",
+      "[data-sm-theme=light] .sm-panelDialog .sm-nativeDialogHeader,[data-sm-theme=light] .sm-panelDialog .sm-nativeDialogFooter,[data-sm-theme=light] .sm-confirmDialog .sm-nativeDialogHeader,[data-sm-theme=light] .sm-confirmDialog .sm-nativeDialogFooter,[data-sm-theme=light] .sm-migrateDialog .sm-nativeDialogHeader,[data-sm-theme=light] .sm-migrateDialog .sm-nativeDialogBody,[data-sm-theme=light] .sm-migrateDialog .sm-nativeDialogFooter{background:#fff!important;background-color:#fff!important;border-color:#e5e5e5!important}",
+      "[data-sm-theme=dark] .sm-panelDialog .sm-nativeDialogHeader,[data-sm-theme=dark] .sm-panelDialog .sm-nativeDialogFooter,[data-sm-theme=dark] .sm-confirmDialog .sm-nativeDialogHeader,[data-sm-theme=dark] .sm-confirmDialog .sm-nativeDialogFooter,[data-sm-theme=dark] .sm-migrateDialog .sm-nativeDialogHeader,[data-sm-theme=dark] .sm-migrateDialog .sm-nativeDialogBody,[data-sm-theme=dark] .sm-migrateDialog .sm-nativeDialogFooter,[data-sm-theme=dark] .sm-bulkDialog .sm-nativeDialogHeader,[data-sm-theme=dark] .sm-bulkDialog .sm-nativeDialogBody,[data-sm-theme=dark] .sm-bulkDialog .sm-nativeDialogFooter{background:#1f1f23!important;background-color:#1f1f23!important;border-color:#3a3a40!important}[data-sm-theme=dark] .sm-bulkDialog .sm-bulkSessionList,[data-sm-theme=dark] .sm-bulkDialog .sm-bulkResultList,[data-sm-theme=dark] .sm-bulkDialog .sm-bulkProgressBar{background:#1a1a1e!important;background-color:#1a1a1e!important;border-color:#3a3a40!important;color:var(--dsw-alias-label-primary,#ececec)}[data-sm-theme=dark] .sm-bulkDialog .sm-bulkSessionItem,[data-sm-theme=dark] .sm-bulkDialog .sm-bulkResultItemTitle,[data-sm-theme=dark] .sm-bulkDialog .sm-bulkResultItem{color:var(--dsw-alias-label-primary,#ececec)}",
+      ".sm-panelDialog{max-height:min(640px,calc(100vh - 32px))}.sm-panelDialog .sm-panel{min-width:0;overflow:hidden}",
+      ".sm-panelTools{display:flex;flex-direction:column;gap:8px;flex:none;padding:2px 0 6px}",
+      ".sm-queryInput,.sm-viewSelect{box-sizing:border-box;width:100%;min-width:0;height:32px;padding:5px 9px;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:7px;background:var(--dsw-alias-surface-l1,#fff);color:var(--dsw-alias-label-primary,#111);font:inherit;font-size:12px;line-height:20px}",
+      ".sm-queryInput::placeholder{color:var(--dsw-alias-label-tertiary,#888)}.sm-queryInput:focus-visible,.sm-viewSelect:focus-visible,.sm-resetFilters:focus-visible{outline:2px solid var(--dsw-alias-accent-primary,#356ae6);outline-offset:2px}.sm-viewSelect:disabled{opacity:.6;cursor:wait}",
+      ".sm-panelSelects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sm-panelSelects .sm-viewField>span{display:none}.sm-panelSelects .sm-viewField .sm-viewSelect{font-size:11px;padding:4px 7px;height:28px;line-height:18px}.sm-viewField{display:flex;flex-direction:column;gap:3px;min-width:0;color:var(--dsw-alias-label-secondary,#666);font-size:11px;line-height:16px}",
+      ".sm-filterBar{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.sm-resultSummary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--dsw-alias-label-tertiary,#888)}.sm-resetFilters{padding:2px 0;border:0;background:none;color:var(--dsw-alias-accent-primary,#356ae6);font:inherit;cursor:pointer}.sm-resetFilters:hover{text-decoration:underline}.sm-workspaceNotice{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--dsw-alias-label-secondary,#666)}",
+      "@media(max-width:540px){.sm-panelSelects{grid-template-columns:minmax(0,1fr)}.sm-panelDialog .sm-row{height:auto;min-height:36px;flex-shrink:0;flex-wrap:wrap;padding:6px 8px}.sm-panelDialog .sm-rowMain{flex-basis:100%}.sm-panelDialog .sm-rowActions{width:100%;min-width:0;flex:1 1 100%;justify-content:flex-start}}",
+      ".sm-panelDialog:not(.sm-annotationSurface){width:680px}.sm-panelDialog .sm-row{flex-shrink:0;padding:5px 8px}.sm-panelDialog .sm-rowMain{flex:1 1 200px;flex-direction:column;gap:4px}.sm-panelDialog .sm-rowActions{max-width:100%}.sm-rowSecondary{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;line-height:18px}.sm-rowBadges{display:flex;align-items:center;gap:5px;min-width:0;flex:1 1 auto;flex-wrap:wrap;font-size:11px;line-height:18px}.sm-rowMeta{color:var(--dsw-alias-label-tertiary,#888);font-size:11px;line-height:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:none}.sm-rowAnnotations{display:flex;align-items:center;gap:5px;min-width:0;font-size:10px;line-height:16px}",
+      ".sm-markIcon{min-width:25px;padding-left:5px;padding-right:5px;font-size:15px}.sm-markIcon.sm-markOn{color:var(--dsw-alias-accent-primary,#356ae6)!important;background:var(--dsw-alias-fill-l2,#eee)}.sm-priorityBadge{padding:0 5px;border-radius:4px;background:var(--dsw-alias-fill-l2,#eee);color:var(--dsw-alias-label-secondary,#666)}.sm-priority-1{color:#c2410c;background:rgba(234,88,12,.12)}.sm-priority-2{color:#a16207;background:rgba(202,138,4,.12)}",
+      "[data-sm-theme=dark] .sm-priority-1{color:#fdba74}[data-sm-theme=dark] .sm-priority-2{color:#fde68a}",
+      ".sm-tagChip,.sm-noteBadge{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:4px;background:var(--dsw-alias-fill-l2,#eee);color:var(--dsw-alias-label-secondary,#666);font:inherit;line-height:16px;padding:0 5px;cursor:pointer}.sm-noteBadge{background:transparent}.sm-tagChip:hover,.sm-noteBadge:hover{color:var(--dsw-alias-accent-primary,#356ae6)}",
+      ".sm-markFilters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sm-markFiltersGroup{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sm-markFiltersSpacer{flex:1 1 auto;min-width:12px}.sm-markFilterToggle{height:28px;padding:3px 10px;white-space:nowrap}.sm-markFilterToggle:disabled{opacity:.5;cursor:not-allowed}.sm-bulkSelectBtn{height:28px;padding:3px 10px;white-space:nowrap}.sm-bulkSelectBtn:disabled{opacity:.5;cursor:not-allowed}.sm-header{flex-wrap:wrap}",
+      ".sm-annotationDialog.sm-nativeDialogLayer{position:fixed;display:block;pointer-events:none;z-index:10002;background:transparent}.sm-annotationDialog .sm-nativeDialogBackdrop{display:none}.sm-annotationDialog.sm-annotationDialog-anchored.sm-nativeDialogLayer{inset:auto;background:transparent}.sm-annotationDialog.sm-confirmDialog.sm-nativeDialogLayer:not(.sm-annotationDialog-anchored){inset:50% auto auto calc(50vw + 308px);transform:translateY(-50%);max-height:calc(100vh - 32px)}.sm-panelDialog.sm-annotationSurface{position:absolute;width:360px;max-height:min(680px,calc(100vh - 32px));pointer-events:auto;z-index:10003;box-shadow:0 16px 48px rgba(0,0,0,.25)}.sm-panelDialog.sm-annotationSurface.sm-annotationSurface-anchored{position:relative;transform:none;left:auto;top:auto;margin:0}.sm-annotationCloseHint{margin:0 16px 8px;font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary)}",
+      ".sm-annotationBody{padding:14px 16px;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto;flex:1 1 auto}.sm-annotationTarget{font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-secondary,#666)}.sm-annotationChecks{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:4px;align-items:center;font-size:13px}.sm-annotationChecks>label{display:flex;gap:6px;align-items:center;cursor:pointer}.sm-annotationChecks .sm-annotationPriority{display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:18px;color:inherit}.sm-annotationChecks .sm-prioritySelectInline{height:24px;padding:2px 6px;font-size:12px;line-height:18px;min-width:104px;width:auto;border-radius:6px;color:var(--dsw-alias-label-primary,#111)}.sm-annotationChecks>small{font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary,#888);justify-self:start}.sm-annotationHint,.sm-annotationBody small{font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary,#888)}",
+      ".sm-noteInput{box-sizing:border-box;width:100%;min-height:60px;resize:vertical;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:7px;padding:8px;background:var(--dsw-alias-surface-l1,#fff);color:var(--dsw-alias-label-primary,#111);font:inherit;font-size:13px;line-height:19px}.sm-noteInput:focus-visible{outline:2px solid var(--dsw-alias-accent-primary,#356ae6);outline-offset:2px}.sm-markConflict{display:flex;flex-direction:column;gap:5px;font-size:12px;padding:8px;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:6px}.sm-fieldWithClear .sm-fieldRow{position:relative;display:flex;align-items:flex-start;gap:4px}.sm-fieldRow .sm-queryInput{flex:1 1 auto;min-width:0}.sm-fieldRowNote{align-items:stretch}.sm-fieldClear{position:absolute;top:5px;right:6px;width:22px;height:22px;border:0;background:transparent;color:var(--dsw-alias-label-tertiary);cursor:pointer;border-radius:4px;font-size:14px;line-height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0}.sm-fieldClear:hover,.sm-fieldClear:focus-visible{color:var(--dsw-alias-accent-primary);background:var(--dsw-alias-interactive-bg-hover);outline:none}.sm-fieldClearNote{top:6px}.sm-importGroup{display:flex;flex-direction:column;gap:8px;padding:10px 16px;border-top:1px solid var(--dsw-alias-border-l2,#eee);background:var(--dsw-alias-fill-l1,#fafbfc)}.sm-importGroupButtons{display:flex;justify-content:space-between;align-items:center;gap:8px}.sm-importBtn{cursor:pointer;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-surface-l1,#fff);border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;padding:5px 12px;font-size:12px;line-height:18px}.sm-importBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.sm-importBtn:disabled{opacity:.5;cursor:not-allowed}.sm-importStatus{margin:0 16px;padding:8px 10px;font-size:12px;line-height:18px;background:var(--dsw-alias-accent-primary-bg,rgba(53,106,230,.08));color:var(--dsw-alias-label-secondary);border-radius:6px;white-space:pre-wrap;word-break:break-word}",
+      ".sm-bulkBar{box-sizing:border-box;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:6px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:10px;background:var(--dsw-alias-fill-l1,#fafbfc)}.sm-bulkBar .sm-bulkSummary{grid-column:1/-1;color:var(--dsw-alias-label-primary,#111);font-size:12px;line-height:18px;font-weight:500;margin:0 0 2px}",
+      ".sm-bulkSummary{color:var(--dsw-alias-label-primary,#111);font-size:12px;line-height:18px;font-weight:500}",
+      "",
+      ".sm-bulkBar .sm-bulkBtn{cursor:pointer;color:var(--dsw-alias-label-secondary,#666);background:var(--dsw-alias-surface-l1,#fff);border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;padding:4px 10px;font-size:12px;line-height:18px;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;text-align:center}",
+      ".sm-bulkBar .sm-bulkBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary,#111)}",
+      ".sm-bulkBar .sm-bulkBtn:disabled{opacity:.5;cursor:not-allowed}",
+      ".sm-bulkBar .sm-bulkBtnDanger{color:var(--dsw-alias-state-error-primary);border-color:rgba(217,80,80,.4)}",
+      ".sm-bulkBar .sm-bulkBtnDanger:hover:not(:disabled){color:#fff;background:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary)}",
+      "",
+      ".sm-bulkRowCheckbox{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none}",
+      ".sm-bulkRowCheckbox input{width:14px;height:14px;cursor:pointer;margin:0}",
+      ".sm-bulkRowCheckbox input:disabled{cursor:not-allowed}",
+      ".sm-rowBulkSelected{border-color:var(--dsw-alias-accent-primary,#356ae6);background:var(--dsw-alias-accent-primary-bg,rgba(53,106,230,.06))}",
+      ".sm-bulkDialog.sm-nativeDialogLayer{position:fixed;left:calc(50vw + 184px);top:calc(50vh - 90px);width:360px;max-width:calc(100vw - 32px);max-height:none;display:block;align-items:initial;justify-content:initial;box-sizing:border-box;background:transparent;border:0;box-shadow:none;padding:0;inset:calc(50vh - 90px) auto auto calc(50vw + 308px);z-index:10002}.sm-bulkDialog.sm-nativeDialogLayer .sm-nativeDialogBackdrop{display:none}.sm-bulkDialog.sm-nativeDialogLayer .sm-nativeDialog{position:relative;left:auto;top:auto;transform:none;width:auto;box-sizing:border-box;background:var(--dsw-alias-surface-l1,#fff);color:var(--dsw-alias-label-primary,#111);border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.25);padding:0;overflow:hidden;animation:sm-confirmPop .14s ease-out}.sm-bulkDialog .sm-nativeDialogHeader{padding:10px 16px;border-bottom:1px solid var(--dsw-alias-border-l2,#eee);flex:none;display:flex;align-items:center;gap:8px}.sm-bulkDialog .sm-nativeDialogTitle{margin:0;font-size:14px;line-height:20px;font-weight:600;text-align:center;width:100%}.sm-bulkDialog .sm-nativeDialogBody{padding:12px 16px;display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:20px;color:var(--dsw-alias-label-primary,#111)}.sm-bulkDialog .sm-nativeDialogFooter{padding:10px 16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}.sm-bulkDialog .sm-nativeDialogButton{min-height:28px;padding:3px 14px;font-size:12px;line-height:20px;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;cursor:pointer;background:transparent;color:var(--dsw-alias-label-primary,#111);text-align:center}.sm-bulkDialog .sm-nativeDialogConfirm{background:var(--dsw-alias-accent-primary,#356ae6);color:#fff;border-color:var(--dsw-alias-accent-primary,#356ae6)}.sm-bulkDialog .sm-nativeDialogConfirm:hover:not(:disabled){filter:brightness(.94)}.sm-bulkDialog .sm-nativeDialogDanger{background:var(--dsw-alias-state-error-primary,#d92d20);color:#fff;border-color:var(--dsw-alias-state-error-primary,#d92d20)}.sm-bulkDialog .sm-nativeDialogDanger:hover:not(:disabled){filter:brightness(.92)}.sm-bulkDialog .sm-nativeDialog select.sm-viewSelect{font-size:13px;line-height:20px;height:32px;padding:5px 9px}",
+      ".sm-bulkDialog .sm-nativeDialog{width:100%;max-height:min(640px,calc(100vh - 32px))}",
+      ".sm-bulkDialogBody{display:flex;flex-direction:column;gap:12px;min-height:0}",
+      ".sm-bulkDialogSummary{font-size:13px;line-height:20px;color:var(--dsw-alias-label-primary,#111)}",
+      ".sm-bulkDialogWarn{display:flex;align-items:flex-start;gap:8px;color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:18px;background:rgba(217,80,80,.08);border:1px solid rgba(217,80,80,.25);border-radius:8px;padding:8px 10px}",
+      ".sm-bulkSessionList{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow:auto;border:1px solid var(--dsw-alias-border-l2,#eee);border-radius:8px;padding:6px}",
+      ".sm-bulkSessionItem{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary,#666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}",
+      ".sm-bulkProgressBar{position:relative;height:8px;background:var(--dsw-alias-fill-l2,#eee);border-radius:4px;overflow:hidden}",
+      ".sm-bulkProgressFill{position:absolute;top:0;left:0;bottom:0;background:var(--dsw-alias-accent-primary,#356ae6);transition:width .2s ease}",
+      ".sm-bulkResultGroup{display:flex;flex-direction:column;gap:6px}",
+      ".sm-bulkResultHeader{font-size:12px;line-height:18px;font-weight:500;color:var(--dsw-alias-label-secondary,#666)}",
+      ".sm-bulkResultList{display:flex;flex-direction:column;gap:2px;max-height:160px;overflow:auto;border:1px solid var(--dsw-alias-border-l2,#eee);border-radius:8px;padding:6px}",
+      ".sm-bulkResultItem{display:flex;flex-direction:column;gap:2px;padding:4px 6px;font-size:12px;line-height:18px;border-radius:6px;cursor:default}",
+      ".sm-bulkResultItem:hover{background:var(--dsw-alias-interactive-bg-hover)}",
+      ".sm-bulkResultItemTitle{color:var(--dsw-alias-label-primary,#111);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}",
+      ".sm-bulkResultItemReason{color:var(--dsw-alias-state-error-primary);font-size:11px;line-height:16px;word-break:break-word}",
+      ".sm-bulkResultItemReasonSkip{color:var(--dsw-alias-label-tertiary,#888)}",
+      ".sm-bulkResultFooter{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}",
+      ".sm-footerBtn-wide{flex:1 1 auto;min-width:0;min-height:36px;justify-content:flex-start;padding:0 10px;border-radius:12px;font-size:13px;line-height:20px;gap:8px}",
+      ".sm-footerBtn-wide:hover,.sm-footerBtn-wide:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}",
+      ".sm-footerBtn-rail{width:36px;height:36px;padding:0;justify-content:center;border-radius:12px;color:var(--dsw-alias-label-secondary)}",
+      ".sm-footerBtn-rail:hover,.sm-footerBtn-rail:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}",
+      ".sm-footerBtn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%}",
+      ".sm-footer-wide{display:flex;width:100%}",
+      ".sm-footer-rail{display:flex;width:100%;justify-content:center}",
+      "@media(max-width:720px){.sm-panelSelects{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sm-panelDialog .sm-row{flex-wrap:wrap}.sm-panelDialog .sm-rowMain{flex-basis:100%}.sm-panelDialog .sm-rowActions{width:100%;min-width:0;flex:1 1 100%;justify-content:flex-start}}@media(max-width:540px){.sm-panelSelects{grid-template-columns:minmax(0,1fr)}}",
+    ].join("");
+
+    // Auto-follow DSH's theme. We detect DSH's current theme from
+    // body[data-ds-dark-theme] / color-scheme / data-theme / class tokens,
+    // mirror it onto <html data-sm-theme>, and apply inline dialog colors.
+    // The dialogs use that attribute via the scoped CSS rules above, and
+    // inline styles guarantee an opaque background even when DSH's tokens
+    // resolve to `unset` / `transparent`.
+    const SM_THEME_ATTR = "data-sm-theme";
+    function smReadDshTheme() {
+      try {
+        const html = document.documentElement;
+        const body = document.body;
+        if (body && body.hasAttribute("data-ds-dark-theme")) return "dark";
+        const elements = [html, body].filter(Boolean);
+        const dark = /\b(dark|dim)\b/i;
+        const light = /\b(light|bright)\b/i;
+        for (const el of elements) {
+          const value = ["theme", "data-theme", "data-bs-theme", "color-scheme", "data-color-mode", "data-mode"]
+            .map((name) => String(el.getAttribute(name) || ""))
+            .join(" ");
+          if (dark.test(value)) return "dark";
+          if (light.test(value)) return "light";
+        }
+        for (const el of elements) {
+          const scheme = String(getComputedStyle(el).colorScheme || "").toLowerCase();
+          if (scheme.includes("dark")) return "dark";
+          if (scheme.includes("light")) return "light";
+        }
+        const bg = body ? getComputedStyle(body).backgroundColor : "";
+        const match = bg.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
+        if (match) {
+          const luminance = (Number(match[1]) * 299 + Number(match[2]) * 587 + Number(match[3]) * 114) / 1000;
+          return luminance < 128 ? "dark" : "light";
+        }
+      } catch (_) { /* ignore */ }
+      return "light";
+    }
+    function smApplyInlineTheme(theme) {
+      try {
+        const values = theme === "dark"
+          ? { background: "#1f1f23", color: "#ececec", border: "#3a3a40" }
+          : { background: "#fff", color: "#1f1f1f", border: "#e5e5e5" };
+        const roots = document.querySelectorAll(
+          ".sm-panelDialog," +
+          ".sm-confirmDialog.sm-nativeDialogLayer .sm-nativeDialog," +
+          ".sm-migrateDialog.sm-nativeDialogLayer .sm-nativeDialog"
+        );
+        for (const el of roots) {
+          el.style.setProperty("background", values.background, "important");
+          el.style.setProperty("background-color", values.background, "important");
+          el.style.setProperty("color", values.color, "important");
+          el.style.setProperty("border-color", values.border, "important");
+        }
+      } catch (_) { /* ignore */ }
+    }
+    function smApplyTheme() {
+      try {
+        const theme = smReadDshTheme();
+        document.documentElement.setAttribute(SM_THEME_ATTR, theme);
+        smApplyInlineTheme(theme);
+      } catch (_) { /* ignore */ }
+    }
+    smApplyTheme();
+    if (typeof MutationObserver === "function") {
+      try {
+        const observer = new MutationObserver(() => smApplyTheme());
+        const options = { attributes: true, attributeFilter: ["class", "theme", "data-theme", "data-bs-theme", "data-ds-dark-theme", "data-color-mode", "data-mode", "color-scheme", "style"] };
+        if (document.documentElement) observer.observe(document.documentElement, options);
+        if (document.body) observer.observe(document.body, options);
+        observer.observe(document.body || document.documentElement, { childList: true, subtree: true });
+      } catch (_) { /* ignore */ }
+    }
+
+    const CSS_ID = "dsh-session-manager/session-manager";
+    if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(CSS_ID) + "]") === null) {
+      const tag = document.createElement("style");
+      tag.dataset.plugin = "dsh-session-manager";
+      tag.dataset.pluginCss = CSS_ID;
+      tag.textContent = css;
+      document.head.appendChild(tag);
+    }
+
+
+    // Anchor the session manager panel to the sidebar right edge so it
+    // always fits within the sidebar area, regardless of viewport size.
+    const SM_PANEL_CSS_ID = "dsh-session-manager/session-manager-anchor";
+    const installAnchor = () => {
+      if (typeof document === "undefined") return;
+      if (document.querySelector("style[data-plugin-css=" + JSON.stringify(SM_PANEL_CSS_ID) + "]") !== null) return;
+      const tag = document.createElement("style");
+      tag.dataset.plugin = "dsh-session-manager";
+      tag.dataset.pluginCss = SM_PANEL_CSS_ID;
+      tag.textContent = ":root{--sm-panel-left:8px}";
+      document.head.appendChild(tag);
+      const updateLeft = () => {
+        let right = 8;
+        const candidates = [
+          "[data-dsh-sidebar]",
+          "[data-testid=sidebar]",
+          "[aria-label=会话][role=navigation]",
+          "aside",
+          ".dsw-sidebar"
+        ];
+        for (const sel of candidates) {
+          const el = document.querySelector(sel);
+          if (el !== null) {
+            const rect = el.getBoundingClientRect();
+            if (rect.right > 100 && rect.right < window.innerWidth - 40) {
+              right = Math.round(rect.right) + 8;
+              break;
+            }
+          }
+        }
+        document.documentElement.style.setProperty("--sm-panel-left", right + "px");
+      };
+      updateLeft();
+      window.addEventListener("resize", updateLeft);
+    };
+    try { installAnchor(); } catch (_) {}
+
+    const h = (type, props, ...children) => React.createElement(type, props, ...children);
+    const callApi = (path, payload) => fetch(API + path, { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify(payload || {}) }).then((r) => r.json());
+    const fetchApi = (path, options) => fetch(API + path, options).then((r) => r.json());
+    // Run a bulk action across many sessionIds. /batch already does per-id
+    // error reporting, so partial failures come back as {summary, items}
+    // with per-id success/failed/skipped status. Cancellation is best-effort
+    // because the v0.1.7 host does not reliably support req.on("close").
+    async function runBatch(args, onProgress) {
+      const { action, sessionIds, payload } = args || {};
+      const controller = new AbortController();
+      try {
+        const response = await fetch(API + "/batch", {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ action, sessionIds: sessionIds || [], payload: payload || {} }),
+          signal: controller.signal
+        });
+        const data = await response.json();
+        if (data && data.ok) {
+          const result = data.result || {};
+          const items = Array.isArray(result.items) ? result.items : [];
+          if (typeof onProgress === "function") onProgress({ done: items.length, total: (sessionIds || []).length, lastItem: items[items.length - 1] || null });
+          return { summary: result.summary || { total: items.length, success: 0, failed: 0, skipped: 0 }, items, aborted: !!result.aborted };
+        }
+        const error = new Error((data && data.error) || "batch failed");
+        error.code = (data && data.code) || "bad-request";
+        throw error;
+      } catch (error) {
+        if (error && error.name === "AbortError") return { summary: { total: 0, success: 0, failed: 0, skipped: 0 }, items: [], aborted: true };
+        throw error;
+      }
+    }
+
+    const EMPTY_ANNOTATION = Object.freeze({ favorite: false, reviewLater: false, tags: Object.freeze([]), note: "", priority: 3, revision: 0 });
+    const validAnnotation = value => value && typeof value.favorite === "boolean" && typeof value.reviewLater === "boolean" && Array.isArray(value.tags) && value.tags.every(tag => typeof tag === "string") && typeof value.note === "string" && (value.priority === null || Number.isInteger(value.priority) && value.priority >= 1 && value.priority <= 5) && Number.isSafeInteger(value.revision) && value.revision >= 0;
+    const annotationOf = (state, id) => Object.hasOwn(state.entries, id) ? state.entries[id] : EMPTY_ANNOTATION;
+    const annotationStore = (() => {
+      let state = { entries: {}, loaded: false, loading: false, error: null, pending: new Set() };
+      const listeners = new Set();
+      let tail = Promise.resolve(); let loading; let refreshAgain = false;
+      const publish = patch => { state = { ...state, ...patch }; for (const listener of [...listeners]) listener(); };
+      const enqueue = operation => { const result = tail.then(operation); tail = result.catch(() => {}); return result; };
+      const apiError = data => Object.assign(new Error(data?.error || "Annotation request failed"), { code: data?.code });
+      const store = {
+        notify: null,
+        getSnapshot: () => state,
+        subscribe(listener) { listeners.add(listener); return () => listeners.delete(listener); },
+        hasSubscribers: () => listeners.size > 0,
+        load(force = false) {
+          if (loading) { if (force) refreshAgain = true; return loading; }
+          if (state.loaded && !force) return Promise.resolve();
+          publish({ loading: true, error: null });
+          loading = enqueue(async () => {
+            const data = await fetchApi("/annotations", { cache: "no-store" });
+            if (!data?.ok) throw apiError(data);
+            const entries = data.result?.annotations;
+            if (!entries || typeof entries !== "object" || Array.isArray(entries)
+              || Object.values(entries).some(value => !validAnnotation(value))) throw new Error("Invalid annotation response");
+            publish({ entries, loaded: true, error: null });
+          }).catch(error => { publish({ error: error instanceof Error ? error.message : String(error) }); })
+            .finally(() => { loading = null; publish({ loading: false }); if (refreshAgain) { refreshAgain = false; void store.load(true); } });
+          return loading;
+        },
+        save(id, patch, expectedRevision) {
+          if (state.pending.has(id)) return Promise.reject(new Error("This session's annotations are being saved"));
+          if (!state.loaded || state.error) return Promise.reject(new Error(state.error || "Annotations have not loaded yet"));
+          publish({ pending: new Set([...state.pending, id]) });
+          return enqueue(async () => {
+            const data = await callApi("/annotations", { sessionId: id, patch, ...(expectedRevision !== undefined ? { expectedRevision } : {}) });
+            if (!data?.ok) throw apiError(data);
+            const annotation = data.result?.annotation;
+            if (!validAnnotation(annotation)) throw new Error("Invalid annotation response");
+            publish({ entries: { ...state.entries, [id]: annotation } });
+            try { store.notify?.(); } catch (_) { /* cross-tab sync is best-effort */ }
+            return annotation;
+          }).finally(() => { const pending = new Set(state.pending); pending.delete(id); publish({ pending }); });
+        }
+      };
+      return store;
+    })();
+    const useAnnotations = (refreshOnMount = false) => {
+      const state = useSyncExternalStore(annotationStore.subscribe, annotationStore.getSnapshot, annotationStore.getSnapshot);
+      useEffect(() => { void annotationStore.load(refreshOnMount); }, [refreshOnMount]);
+      return state;
+    };
+    const annotationButtons = (id, title, t, state, className, onToggle, onEdit, disabled = false, editorOpen = false) => {
+      const value = annotationOf(state, id);
+      const busy = disabled || !state.loaded || !!state.error || state.pending.has(id);
+      const favoriteLabel = t(value.favorite ? "marks.favorite.remove" : "marks.favorite.add") + ": " + title;
+      const reviewLabel = t(value.reviewLater ? "marks.review.remove" : "marks.review.add") + ": " + title;
+      return h(React.Fragment, null,
+        h("button", { type: "button", className: className + " sm-markIcon" + (value.favorite ? " sm-markOn" : ""), disabled: busy, "aria-label": favoriteLabel, title: favoriteLabel, "aria-pressed": value.favorite, onClick: () => onToggle({ favorite: !value.favorite }) }, value.favorite ? "★" : "☆"),
+        h("button", { type: "button", className: className + " sm-markIcon" + (value.reviewLater ? " sm-markOn" : ""), disabled: busy, "aria-label": reviewLabel, title: reviewLabel, "aria-pressed": value.reviewLater, onClick: () => onToggle({ reviewLater: !value.reviewLater }) }, "◷"),
+        h("button", { type: "button", className: className + (editorOpen ? " sm-annotationToggleOpen sm-headerBtnActive" : ""), disabled: busy, "aria-label": t("marks.edit.aria") + ": " + title, title: t("marks.edit.aria"), ...(className === "sm-headerBtn" ? { "aria-expanded": editorOpen } : {}), onClick: e => onEdit(e) }, t(className === "sm-headerBtn" ? "marks.header.edit" : "marks.edit"), className === "sm-headerBtn" ? h("span", { className: "sm-priorityBadge sm-priority-" + (value.priority ?? 3), title: t("marks.priority." + (value.priority ?? 3)) }, "P" + (value.priority ?? 3)) : null)
+      );
+    };
+
+
+    // Inline clipboard parser mirroring lib/clipboard-parser.js. The server
+    // re-validates the patch via annotationStore.save, so this helper only
+    // needs to be permissive enough to surface obvious mistakes early.
+    const TAG_LIMITS = { tags: 20, tagLength: 32, noteLength: 2000 };
+    const TAG_REJECT_RE = /[,，\x00-\x1f]/;
+    // Recover the most useful JSON object from a possibly noisy
+    // clipboard string. Tries, in order:
+    //   1. JSON.parse on the trimmed text.
+    //   2. JSON.parse inside a Markdown \`\`\`json ... \`\`\` fence.
+    //   3. JSON.parse on the first balanced {...} the scanner finds.
+    //   4. JSON.parse after repairing common AI mistakes
+    //      (smart quotes, full-width punctuation, stray backslashes,
+    //       trailing commas).
+    // Every failing attempt appends the underlying error so the user can
+    // see what actually went wrong.
+    const parseImportedAnnotation = raw => {
+      if (typeof raw !== "string" || raw.trim() === "") return { ok: false, error: "剪贴板为空 / Clipboard is empty" };
+      let work = raw.charCodeAt(0) === 0xFEFF ? raw.slice(1) : raw;
+      work = work.replace(/^\s+|\s+$/g, "");
+      const fence = work.match(/^```(?:json|JSON)?\s*([\s\S]*?)\s*```$/);
+      const scanForObject = text => {
+        const len = text.length;
+        for (let i = 0; i < len; i++) {
+          if (text[i] !== "{") continue;
+          let depth = 0, inString = false, escape = false;
+          for (let j = i; j < len; j++) {
+            const c = text[j];
+            if (inString) {
+              if (escape) escape = false;
+              else if (c === String.fromCharCode(92)) escape = true;
+              else if (c === String.fromCharCode(34)) inString = false;
+              continue;
+            }
+            if (c === String.fromCharCode(34)) inString = true;
+            else if (c === "{") depth++;
+            else if (c === "}") { depth--; if (depth === 0) return text.slice(i, j + 1); }
+          }
+        }
+        return null;
+      };
+      const repairLooseJson = text => text
+        // Smart quotes from Chinese / English typography.
+        .replace(/[“”]/g, "\"")
+        .replace(/[‘’]/g, "'")
+        // Stray single backslashes that aren't part of a valid JSON escape.
+        // Walk the string char-by-char to avoid touching \", \, \/, \n etc.
+        .replace(/\\(?![\\"/bfnrtu])/g, "\\\\");
+      const attempts = [];
+      const tryParse = (label, value) => {
+        try { return JSON.parse(value); }
+        catch (error) { attempts.push(label + ": " + error.message); return null; }
+      };
+      let parsed;
+      const primary = fence ? fence[1] : work;
+      parsed = tryParse("原始", primary) || tryParse("修复引号/反斜杠", repairLooseJson(primary));
+      if (parsed === null) {
+        const scanned = scanForObject(work);
+        if (scanned !== null) {
+          parsed = tryParse("扫描对象", scanned) || tryParse("扫描对象+修复", repairLooseJson(scanned));
+        }
+      }
+      if (parsed === null) {
+        return { ok: false, error: "剪贴板中的 JSON 无法解析 — " + attempts.join("；") };
+      }
+      if (typeof parsed !== "object" || Array.isArray(parsed)) {
+        return { ok: false, error: "剪贴板内容不是 JSON 对象" };
+      }
+      const allowed = new Set(["tags", "note", "priority"]);
+      const warnings = [];
+      for (const key of Object.keys(parsed)) if (!allowed.has(key)) warnings.push({ field: key, kind: "ignored" });
+      let tags = [];
+      if ("tags" in parsed) {
+        if (!Array.isArray(parsed.tags)) return { ok: false, error: "tags must be an array of strings" };
+        const seen = new Set();
+        for (const item of parsed.tags) {
+          if (typeof item !== "string") { warnings.push({ field: "tags", kind: "rejected" }); continue; }
+          const tag = item.trim();
+          if (!tag) continue;
+          if (tag.length > TAG_LIMITS.tagLength || TAG_REJECT_RE.test(tag)) {
+            warnings.push({ field: "tags", kind: "rejected", value: tag });
+            continue;
+          }
+          const key = tag.toLowerCase();
+          if (seen.has(key)) continue;
+          seen.add(key);
+          if (tags.length >= TAG_LIMITS.tags) { warnings.push({ field: "tags", kind: "truncated" }); continue; }
+          tags.push(tag);
+        }
+      }
+      let note = "";
+      if ("note" in parsed) {
+        if (typeof parsed.note !== "string") return { ok: false, error: "note must be a string" };
+        if (parsed.note.includes(String.fromCharCode(0))) return { ok: false, error: "note must not contain NUL characters" };
+        if (parsed.note.length > TAG_LIMITS.noteLength) {
+          warnings.push({ field: "note", kind: "truncated", from: parsed.note.length, to: TAG_LIMITS.noteLength });
+          note = parsed.note.slice(0, TAG_LIMITS.noteLength);
+        } else note = parsed.note;
+      }
+      let priority;
+      if ("priority" in parsed) {
+        // AI-returned null is treated as the default priority (3 = Normal) so
+        // the UI never has to special-case unset entries.
+        if (parsed.priority === null) priority = 3;
+        else if (Number.isInteger(parsed.priority) && parsed.priority >= 1 && parsed.priority <= 5) priority = parsed.priority;
+        else warnings.push({ field: "priority", kind: "rejected", value: parsed.priority });
+      }
+      const annotation = { tags, note };
+      if (priority !== undefined) annotation.priority = priority;
+      return { ok: true, annotation, warnings };
+    };
+    const CLIPBOARD_PROMPT_TEXT = {
+      zh: [
+        "请根据当前对话内容，为这个会话生成整理标记。",
+        "",
+        "要求：",
+        "1. 生成最多 20 个标签，每个标签最多 32 个字符。",
+        "2. 标签应简洁、具体，便于之后搜索。",
+        "3. 标签不要重复，不要生成无意义的标签。",
+        "4. 生成一段不超过 2000 个字符的备注，总结本次对话的主题、结论、未完成事项或下一步行动。",
+        "5. 不要编造对话中没有出现的信息。",
+        "6. 只返回合法 JSON，不要使用 Markdown 代码块，不要附加解释。",
+        "",
+        "返回格式：",
+        "{",
+        '  "tags": ["标签1", "标签2"],',
+        '  "note": "会话备注"',
+        "}"
+      ].join(String.fromCharCode(10)),
+      en: [
+        "Summarize this conversation into session annotations.",
+        "",
+        "Requirements:",
+        "1. Up to 20 tags, at most 32 characters each.",
+        "2. Tags should be concise and help future searches.",
+        "3. Do not repeat tags or invent meaningless ones.",
+        "4. Write a note under 2000 characters summarizing the topic, conclusions, outstanding items and next steps.",
+        "5. Do not fabricate details that are not present in the conversation.",
+        "6. Return only valid JSON, no Markdown fences, no extra commentary.",
+        "",
+        "Return shape:",
+        "{",
+        '  "tags": ["tag1", "tag2"],',
+        '  "note": "session note"',
+        "}"
+      ].join(String.fromCharCode(10))
+    };
+    const promptFor = lang => CLIPBOARD_PROMPT_TEXT[lang] || CLIPBOARD_PROMPT_TEXT.zh;
+    function BatchPreviewDialog(props) {
+      const t = typeof props.t === "function" ? props.t : (key) => key;
+      const open = props.open === true;
+      const onCancel = typeof props.onCancel === "function" ? props.onCancel : () => {};
+      const onExecute = typeof props.onExecute === "function" ? props.onExecute : () => {};
+      const actionLabel = props.actionLabel || "";
+      const sessions = Array.isArray(props.sessions) ? props.sessions : [];
+      const warning = typeof props.warning === "string" ? props.warning : "";
+      const confirmLabel = props.confirmLabel || t("bulk.dialog.execute");
+      const cancelLabel = props.cancelLabel || t("bulk.dialog.cancel");
+      const danger = props.danger === true;
+      const [expanded, setExpanded] = useState(false);
+      const [zIndex] = useState(() => open ? nextDialogZ() : 0);
+      const escStateRef = useRef({});
+      escStateRef.current = { onCancel };
+      useEffect(() => {
+        if (!open) return;
+        const handler = (e) => { if (e.key !== "Escape" || e.defaultPrevented) return; e.preventDefault(); e.stopPropagation(); escStateRef.current.onCancel(); };
+        window.addEventListener("keydown", handler);
+        return () => window.removeEventListener("keydown", handler);
+      }, [open]);
+      if (!open) return null;
+      const showExpand = sessions.length > 12;
+      const visible = expanded ? sessions : sessions.slice(0, 12);
+      return h("div", { className: "sm-nativeDialogLayer sm-bulkDialog", role: "presentation", style: { zIndex: zIndex || undefined } },
+        h("section", { className: "sm-nativeDialog", role: "dialog", "aria-modal": "true", "aria-labelledby": "sm-batch-preview-title" },
+          h("div", { className: "sm-nativeDialogHeader" }, h("h2", { id: "sm-batch-preview-title", className: "sm-nativeDialogTitle" }, t("bulk.dialog.title", { action: actionLabel }))),
+          h("div", { className: "sm-nativeDialogBody" },
+            h("div", { className: "sm-bulkDialogSummary" }, t("bulk.dialog.summary", { count: sessions.length, action: actionLabel })),
+            warning ? h("div", { className: "sm-bulkDialogWarn" }, warning) : null,
+            h("div", { className: "sm-bulkSessionList" },
+              visible.map((s, i) => h("div", { key: (s.id || i) + "-" + i, className: "sm-bulkSessionItem", title: s.id || "" }, s.displayTitle || s.id || "—"))
+            ),
+            showExpand ? h("button", { type: "button", className: "sm-resetFilters", onClick: () => setExpanded(value => !value) }, expanded ? t("panel.reset") : "…（+" + (sessions.length - 12) + "）") : null
+          ),
+          h("div", { className: "sm-nativeDialogFooter" },
+            h("button", { type: "button", className: "sm-nativeDialogButton sm-nativeDialogCancel", onClick: onCancel }, cancelLabel),
+            h("button", { type: "button", className: "sm-nativeDialogButton" + (danger ? " sm-nativeDialogDanger" : " sm-nativeDialogConfirm"), onClick: onExecute }, confirmLabel)
+          )
+        )
+      );
+    }
+
+    function BatchProgressDialog(props) {
+      const t = typeof props.t === "function" ? props.t : (key) => key;
+      const open = props.open === true;
+      const [zIndex] = useState(() => open ? nextDialogZ() : 0);
+      const actionLabel = props.actionLabel || "";
+      const done = Number.isInteger(props.done) ? props.done : 0;
+      const total = Number.isInteger(props.total) ? props.total : 0;
+      const completed = props.completed === true;
+      const onCancel = typeof props.onCancel === "function" ? props.onCancel : () => {};
+      const cancelLabel = props.cancelLabel || t("bulk.progress.cancel");
+      if (!open) return null;
+      const pct = total > 0 ? Math.max(0, Math.min(100, Math.round((done / total) * 100))) : 0;
+      return h("div", { className: "sm-nativeDialogLayer sm-bulkDialog", role: "presentation", style: { zIndex: zIndex || undefined } },
+        h("section", { className: "sm-nativeDialog", role: "dialog", "aria-modal": "true", "aria-labelledby": "sm-batch-progress-title" },
+          h("div", { className: "sm-nativeDialogHeader" }, h("h2", { id: "sm-batch-progress-title", className: "sm-nativeDialogTitle" }, t("bulk.progress.title", { action: actionLabel }))),
+          h("div", { className: "sm-nativeDialogBody" },
+            h("div", { className: "sm-bulkDialogSummary" }, completed ? t("bulk.progress.completed", { done, total }) : t("bulk.progress.current", { done, total })),
+            h("div", { className: "sm-bulkProgressBar", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": total, "aria-valuenow": done },
+              h("div", { className: "sm-bulkProgressFill", style: { width: pct + "%" } })
+            )
+          ),
+          h("div", { className: "sm-nativeDialogFooter" },
+            h("button", { type: "button", className: "sm-nativeDialogButton sm-nativeDialogCancel", disabled: completed, onClick: onCancel }, cancelLabel)
+          )
+        )
+      );
+    }
+
+    function BatchResultDialog(props) {
+      const t = typeof props.t === "function" ? props.t : (key) => key;
+      const open = props.open === true;
+      const [zIndex] = useState(() => open ? nextDialogZ() : 0);
+      const actionLabel = props.actionLabel || "";
+      const items = Array.isArray(props.items) ? props.items : [];
+      const onClose = typeof props.onClose === "function" ? props.onClose : () => {};
+      const onRetry = typeof props.onRetry === "function" ? props.onRetry : () => {};
+      const closeLabel = props.closeLabel || t("bulk.result.close");
+      const retryLabel = props.retryLabel || t("bulk.result.retry");
+      const escStateRef = useRef({});
+      escStateRef.current = { onClose };
+      useEffect(() => {
+        if (!open) return;
+        const handler = (e) => { if (e.key !== "Escape" || e.defaultPrevented) return; e.preventDefault(); e.stopPropagation(); escStateRef.current.onClose(); };
+        window.addEventListener("keydown", handler);
+        return () => window.removeEventListener("keydown", handler);
+      }, [open]);
+      if (!open) return null;
+      const groups = { success: [], failed: [], skipped: [] };
+      for (const item of items) {
+        const status = item && item.status;
+        if (status === "success") groups.success.push(item);
+        else if (status === "skipped") groups.skipped.push(item);
+        else groups.failed.push(item);
+      }
+      const renderGroup = (labelKey, group, reasonClass) => {
+        if (group.length === 0) return null;
+        return h("div", { key: labelKey, className: "sm-bulkResultGroup" },
+          h("div", { className: "sm-bulkResultHeader" }, t(labelKey, { count: group.length })),
+          h("div", { className: "sm-bulkResultList" },
+            group.map((item, i) => h("div", { key: (item.sessionId || i) + "-" + i, className: "sm-bulkResultItem", title: item.sessionId || "" },
+              h("div", { className: "sm-bulkResultItemTitle" }, item.displayTitle || item.sessionId || "—"),
+              reasonClass && (item.reason || item.error) ? h("div", { className: reasonClass }, item.reason || item.error) : null
+            ))
+          )
+        );
+      };
+      return h("div", { className: "sm-nativeDialogLayer sm-bulkDialog", role: "presentation", style: { zIndex: zIndex || undefined } },
+        h("section", { className: "sm-nativeDialog", role: "dialog", "aria-modal": "true", "aria-labelledby": "sm-batch-result-title" },
+          h("div", { className: "sm-nativeDialogHeader" }, h("h2", { id: "sm-batch-result-title", className: "sm-nativeDialogTitle" }, t("bulk.result.title", { action: actionLabel }))),
+          h("div", { className: "sm-nativeDialogBody" },
+            renderGroup("bulk.result.successGroup", groups.success),
+            renderGroup("bulk.result.failedGroup", groups.failed, "sm-bulkResultItemReason"),
+            renderGroup("bulk.result.skippedGroup", groups.skipped, "sm-bulkResultItemReasonSkip")
+          ),
+          h("div", { className: "sm-nativeDialogFooter" },
+            h("button", { type: "button", className: "sm-nativeDialogButton sm-nativeDialogCancel", onClick: onClose }, closeLabel),
+            groups.failed.length > 0 ? h("button", { type: "button", className: "sm-nativeDialogButton sm-nativeDialogConfirm", onClick: () => onRetry(groups.failed.map(item => item.sessionId)) }, retryLabel) : null
+          )
+        )
+      );
+    }
+
+    function BulkActionBar(props) {
+      const t = props.t;
+      const selectedCount = props.selectedCount || 0;
+      const filteredCount = props.filteredCount || 0;
+      const busy = props.busy === true;
+      const onAction = props.onAction;
+      const onOpenTagDialog = props.onOpenTagDialog;
+      const onOpenPriorityDialog = props.onOpenPriorityDialog;
+      const onOpenMoveDialog = props.onOpenMoveDialog;
+      const onOpenPresetDialog = props.onOpenPresetDialog;
+      const disableNonDestructive = selectedCount === 0 || busy;
+      const destructiveBusy = selectedCount === 0 || busy;
+      return h("div", { className: "sm-bulkBar", role: "toolbar", "aria-label": t("bulk.heading") },
+        h("span", { className: "sm-bulkSummary" }, t("bulk.selectedFiltered", { selected: selectedCount, filtered: filteredCount })),
+        h("button", { type: "button", className: "sm-bulkBtn", disabled: disableNonDestructive, onClick: () => onAction("archive") }, t("bulk.archive")),
+        h("button", { type: "button", className: "sm-bulkBtn", disabled: disableNonDestructive, onClick: () => onAction("unarchive") }, t("bulk.unarchive")),
+        h("button", { type: "button", className: "sm-bulkBtn", disabled: disableNonDestructive, onClick: () => onAction("favorite") }, t("bulk.favorite")),
+        h("button", { type: "button", className: "sm-bulkBtn", disabled: disableNonDestructive, onClick: () => onAction("unfavorite") }, t("bulk.unfavorite")),
+        h("button", { type: "button", className: "sm-bulkBtn", disabled: disableNonDestructive, onClick: () => onAction("review") }, t("bulk.review")),
+        h("button", { type: "button", className: "sm-bulkBtn", disabled: disableNonDestructive, onClick: () => onAction("unreview") }, t("bulk.unreview")),
+        // Row 2 of the 3x6 grid (添加标签 / 清空标签 / 设置优先级 / 移动至工作区 / 迁移预设 / 删除会话).
+        h("button", { type: "button", className: "sm-bulkBtn", disabled: disableNonDestructive, onClick: onOpenTagDialog }, t("bulk.tagsAdd")),
+        h("button", { type: "button", className: "sm-bulkBtn", disabled: disableNonDestructive, onClick: () => onAction("remove-tags", { tags: [] }) }, t("bulk.tagsRemove")),
+        h("button", { type: "button", className: "sm-bulkBtn", disabled: disableNonDestructive, onClick: onOpenPriorityDialog }, t("bulk.priority")),
+        h("button", { type: "button", className: "sm-bulkBtn", disabled: disableNonDestructive, onClick: onOpenMoveDialog }, t("bulk.moveBtn")),
+        h("button", { type: "button", className: "sm-bulkBtn", disabled: disableNonDestructive, onClick: onOpenPresetDialog }, t("bulk.presetMigrate")),
+        h("button", { type: "button", className: "sm-bulkBtn sm-bulkBtnDanger", disabled: destructiveBusy, onClick: () => onAction("delete", null, true) }, t("bulk.delete"))
+      );
+    }
+
+    function BulkTagInputDialog(props) {
+      const t = typeof props.t === "function" ? props.t : (key) => key;
+      const open = props.open === true;
+      const [zIndex] = useState(() => open ? nextDialogZ() : 0);
+      const title = props.title || t("bulk.tagsAdd");
+      const placeholder = props.placeholder || t("bulk.tags.placeholder");
+      const onCancel = typeof props.onCancel === "function" ? props.onCancel : () => {};
+      const onApply = typeof props.onApply === "function" ? props.onApply : () => {};
+      const confirmLabel = props.confirmLabel || t("bulk.confirm.tagsAdd");
+      const [value, setValue] = useState("");
+      useEffect(() => { if (open) setValue(""); }, [open]);
+      const escStateRef = useRef({});
+      escStateRef.current = { onCancel };
+      useEffect(() => {
+        if (!open) return;
+        const handler = (e) => { if (e.key !== "Escape" || e.defaultPrevented) return; e.preventDefault(); e.stopPropagation(); escStateRef.current.onCancel(); };
+        window.addEventListener("keydown", handler);
+        return () => window.removeEventListener("keydown", handler);
+      }, [open]);
+      if (!open) return null;
+      const submit = () => {
+        const tags = (value || "").split(/[,，\n]/).map(s => s.trim()).filter(Boolean);
+        onApply(tags);
+      };
+      return h("div", { className: "sm-nativeDialogLayer sm-bulkDialog", role: "presentation", style: { zIndex: zIndex || undefined } },
+        h("section", { className: "sm-nativeDialog", role: "dialog", "aria-modal": "true", "aria-labelledby": "sm-bulk-tags-title" },
+          h("div", { className: "sm-nativeDialogHeader" }, h("h2", { id: "sm-bulk-tags-title", className: "sm-nativeDialogTitle" }, title)),
+          h("div", { className: "sm-nativeDialogBody" },
+            h("textarea", { className: "sm-noteInput", "aria-label": placeholder, value, placeholder, rows: 3, onChange: (e) => setValue(e.target.value), autoFocus: true })
+          ),
+          h("div", { className: "sm-nativeDialogFooter" },
+            h("button", { type: "button", className: "sm-nativeDialogButton sm-nativeDialogCancel", onClick: onCancel }, t("bulk.dialog.cancel")),
+            h("button", { type: "button", className: "sm-nativeDialogButton sm-nativeDialogConfirm", onClick: submit }, confirmLabel)
+          )
+        )
+      );
+    }
+
+    function BulkChoiceDialog(props) {
+      const t = typeof props.t === "function" ? props.t : (key) => key;
+      const open = props.open === true;
+      const [zIndex] = useState(() => open ? nextDialogZ() : 0);
+      const title = props.title || "";
+      const description = props.description || "";
+      const options = Array.isArray(props.options) ? props.options : [];
+      const onCancel = typeof props.onCancel === "function" ? props.onCancel : () => {};
+      const onApply = typeof props.onApply === "function" ? props.onApply : () => {};
+      const confirmLabel = props.confirmLabel || t("bulk.dialog.execute");
+      const [value, setValue] = useState("");
+      useEffect(() => { if (open) setValue(""); }, [open]);
+      const escStateRef = useRef({});
+      escStateRef.current = { onCancel };
+      useEffect(() => {
+        if (!open) return;
+        const handler = (e) => { if (e.key !== "Escape" || e.defaultPrevented) return; e.preventDefault(); e.stopPropagation(); escStateRef.current.onCancel(); };
+        window.addEventListener("keydown", handler);
+        return () => window.removeEventListener("keydown", handler);
+      }, [open]);
+      if (!open) return null;
+      return h("div", { className: "sm-nativeDialogLayer sm-bulkDialog", role: "presentation", style: { zIndex: zIndex || undefined } },
+        h("section", { className: "sm-nativeDialog", role: "dialog", "aria-modal": "true", "aria-labelledby": "sm-bulk-choice-title" },
+          h("div", { className: "sm-nativeDialogHeader" }, h("h2", { id: "sm-bulk-choice-title", className: "sm-nativeDialogTitle" }, title)),
+          h("div", { className: "sm-nativeDialogBody" },
+            description ? h("div", { className: "sm-bulkDialogSummary" }, description) : null,
+            options.length === 0
+              ? h("div", { className: "sm-empty" }, t("migrate.noPresets"))
+              : h("select", { className: "sm-viewSelect", value, onChange: (e) => setValue(e.target.value), "aria-label": title, autoFocus: true },
+                  h("option", { value: "" }, "—"),
+                  options.map((opt) => h("option", { key: opt.value, value: opt.value }, opt.label))
+                )
+          ),
+          h("div", { className: "sm-nativeDialogFooter" },
+            h("button", { type: "button", className: "sm-nativeDialogButton sm-nativeDialogCancel", onClick: onCancel }, t("bulk.dialog.cancel")),
+            h("button", { type: "button", className: "sm-nativeDialogButton sm-nativeDialogConfirm", disabled: value === "", onClick: () => onApply(value) }, confirmLabel)
+          )
+        )
+      );
+    }
+    function AnnotationDialog({ sessionId, displayTitle, t, onClose, anchor }) {
+      const annotations = useAnnotations();
+      const latest = annotationOf(annotations, sessionId);
+      const [base, setBase] = useState(() => latest);
+      const [favorite, setFavorite] = useState(() => latest.favorite);
+      const [reviewLater, setReviewLater] = useState(() => latest.reviewLater);
+      const [tagsText, setTagsText] = useState(() => latest.tags.join(", "));
+      const [note, setNote] = useState(() => latest.note);
+      const [priority, setPriority] = useState(() => String(latest.priority ?? 3));
+      const [busy, setBusy] = useState(false);
+      const [error, setError] = useState(null);
+      const dialogRef = useRef(null);
+      // Claim a fresh z-index so this popup always sits above any earlier
+      // popup the user may have opened (annotation popup typically opens on
+      // top of a confirm/move/migrate dialog, so we need a guaranteed-
+      // higher z-index than those static CSS values).
+      const [zIndex] = useState(() => nextDialogZ());
+      const dirty = favorite !== base.favorite || reviewLater !== base.reviewLater || tagsText !== base.tags.join(", ") || note !== base.note || priority !== String(base.priority ?? 3);
+      const cancel = () => { if (busy || dirty && !window.confirm(t("marks.discard"))) return false; onClose(); return true; };
+      const reload = () => {
+        if (dirty && !window.confirm(t("marks.discard"))) return;
+        setBase(latest); setFavorite(latest.favorite); setReviewLater(latest.reviewLater);
+        setTagsText(latest.tags.join(", ")); setNote(latest.note); setPriority(String(latest.priority ?? 3)); setError(null);
+      };
+      const save = async () => {
+        if (busy || annotations.pending.has(sessionId)) return;
+        setBusy(true); setError(null);
+        try {
+          await annotationStore.save(sessionId, { favorite, reviewLater, tags: tagsText.split(/[,，\n]/).map(tag => tag.trim()).filter(Boolean), note, priority: Number(priority) }, base.revision);
+          onClose();
+        } catch (error) {
+          setError(error instanceof Error ? error.message : String(error));
+          if (error?.code === "annotation-conflict") await annotationStore.load(true);
+        } finally { setBusy(false); }
+      };
+      const escStateRef = useRef({}); escStateRef.current = { busy, cancel };
+      useEffect(() => {
+        const handler = e => {
+          if (e.key !== "Escape" || e.isComposing || e.keyCode === 229) return;
+          if (e.defaultPrevented) return;
+          if (escStateRef.current.busy) return;
+          e.preventDefault(); e.stopPropagation();
+          if (escStateRef.current.cancel()) {
+            const ae = document.activeElement;
+            if (ae && typeof ae.blur === "function" && ae !== document.body) ae.blur();
+          }
+        };
+        window.addEventListener("keydown", handler);
+        return () => window.removeEventListener("keydown", handler);
+      }, []);
+
+      const onKeyDown = e => {
+        if (e.key !== "Tab" || !dialogRef.current) return;
+        const controls = [...dialogRef.current.querySelectorAll('button:not(:disabled), input:not(:disabled), select:not(:disabled), textarea:not(:disabled)')];
+        if (!controls.length) return;
+        const first = controls[0], last = controls[controls.length - 1];
+        if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); }
+        else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); }
+      };
+      const [importStatus, setImportStatus] = useState(null);
+      const copyPrompt = async () => {
+        if (busy) return;
+        const text = promptFor(activeLanguage);
+        try {
+          if (navigator && navigator.clipboard && typeof navigator.clipboard.writeText === "function") await navigator.clipboard.writeText(text);
+          else { const ta = document.createElement("textarea"); ta.value = text; ta.setAttribute("readonly", ""); ta.style.position = "absolute"; ta.style.left = "-9999px"; document.body.appendChild(ta); ta.select(); document.execCommand("copy"); document.body.removeChild(ta); }
+          setImportStatus(t("marks.import.copy.copied"));
+        } catch (err) { setImportStatus(t("marks.import.copy.failed", { message: err instanceof Error ? err.message : String(err) })); }
+      };
+      const [importText, setImportText] = useState("");
+      const pasteFromInput = () => {
+        if (busy) return;
+        const text = (importText || "").trim();
+        if (!text) { setImportStatus(t("marks.import.failure", { message: t("marks.import.empty") })); return; }
+        if (dirty && !window.confirm(t("marks.import.discard"))) { setImportStatus(null); return; }
+        const result = parseImportedAnnotation(text);
+        if (!result.ok) { setImportStatus(t("marks.import.failure", { message: result.error })); return; }
+        const ann = result.annotation;
+        if (Array.isArray(ann.tags)) setTagsText(ann.tags.join(", "));
+        if (typeof ann.note === "string") setNote(ann.note);
+        if ("priority" in ann) setPriority(String(ann.priority ?? 3));
+        setError(null);
+        const warningLines = (result.warnings || []).map(w => {
+          const field = w.field || t("marks.import.unknown");
+          const detail = w.kind === "truncated" && typeof w.from === "number" && typeof w.to === "number"
+            ? field + ": " + w.from + " -> " + w.to
+            : w.kind === "rejected" && w.value !== undefined ? field + ": " + JSON.stringify(w.value)
+            : w.kind ? field + " (" + w.kind + ")" : field;
+          return "  - " + detail + (w.reason ? " - " + w.reason : "");
+        });
+        if (warningLines.length) setImportStatus(t("marks.import.warnings") + String.fromCharCode(10) + warningLines.join(String.fromCharCode(10)));
+        else setImportStatus(t("marks.import.success"));
+      };
+      // Detect the active UI language by probing a key both dictionaries define.
+      // Falls back to the cached window flag (set elsewhere if available) and ultimately
+      // to "zh" so the prompt never reads empty.
+      const detectLanguage = (translator) => {
+        if (typeof window !== "undefined" && window.__smActiveLanguage) return window.__smActiveLanguage;
+        const sample = translator("marks.favorite");
+        if (typeof sample === "string") {
+          if (sample === "Favorite") return "en";
+          if (sample === "收藏") return "zh";
+        }
+        return "zh";
+      };
+      const activeLanguage = detectLanguage(t);
+      const hasAnchor = anchor && typeof anchor.top === "number" && typeof anchor.left === "number";
+      const layerClass = "sm-nativeDialogLayer sm-annotationDialog sm-confirmDialog" + (hasAnchor ? " sm-annotationDialog-anchored" : "");
+      const surfaceClass = "sm-nativeDialog sm-panelDialog sm-annotationSurface" + (hasAnchor ? " sm-annotationSurface-anchored" : "");
+      // Default position matches ConfirmDialog / MoveDialog so all inner
+      // dialogs line up at top calc(50vh - 90px), left calc(50vw + 308px).
+      const layerStyle = {
+        zIndex: zIndex || undefined,
+        ...(hasAnchor ? { position: "fixed", top: anchor.top + "px", left: anchor.left + "px" } : {})
+      };
+      return h("div", { className: layerClass, style: layerStyle, role: "presentation" },
+        h("section", { className: surfaceClass, role: "dialog", "aria-labelledby": "sm-annotation-title", ref: dialogRef, onKeyDown },
+          h("div", { className: "sm-nativeDialogHeader" }, h("h2", { id: "sm-annotation-title", className: "sm-nativeDialogTitle" }, t("marks.title"))),
+          h("div", { className: "sm-annotationBody" },
+            h("div", { className: "sm-annotationTarget", title: displayTitle || sessionId }, displayTitle || sessionId),
+            h("div", { className: "sm-annotationChecks" },
+              h("label", null, h("input", { type: "checkbox", "aria-label": t("marks.favorite"), checked: favorite, disabled: busy, onChange: e => setFavorite(e.target.checked) }), t("marks.favorite")),
+              h("label", { className: "sm-annotationPriority" },
+                h("span", null, t("marks.priority")),
+                h("select", { className: "sm-viewSelect sm-prioritySelectInline", "aria-label": t("marks.priority"), value: priority, disabled: busy, onChange: e => setPriority(e.target.value) },
+                  [1,2,3,4,5].map(value => h("option", { key: value, value: String(value) }, t("marks.priority." + value)))
+                )
+              ),
+              h("label", null, h("input", { type: "checkbox", "aria-label": t("marks.review"), checked: reviewLater, disabled: busy, onChange: e => setReviewLater(e.target.checked) }), t("marks.review")),
+              h("small", null, t("marks.priority.help"))
+            ),
+            h("label", { className: "sm-viewField sm-fieldWithClear" }, h("span", null, t("marks.tags")), h("div", { className: "sm-fieldRow sm-fieldRowNote" }, h("textarea", { className: "sm-noteInput", "aria-label": t("marks.tags"), value: tagsText, maxLength: 1000, autoFocus: true, rows: 3, placeholder: t("marks.tags.placeholder"), disabled: busy, onChange: e => setTagsText(e.target.value) }), tagsText && !busy ? h("button", { type: "button", className: "sm-fieldClear sm-fieldClearNote", "aria-label": t("marks.tags.clear"), title: t("marks.tags.clear"), onClick: () => setTagsText("") }, String.fromCharCode(10005)) : null)),
+            h("label", { className: "sm-viewField sm-fieldWithClear" }, h("span", null, t("marks.note")), h("div", { className: "sm-fieldRow sm-fieldRowNote" }, h("textarea", { className: "sm-noteInput", "aria-label": t("marks.note"), value: note, maxLength: 2000, rows: 3, placeholder: t("marks.note.placeholder"), disabled: busy, onChange: e => setNote(e.target.value) }), note && !busy ? h("button", { type: "button", className: "sm-fieldClear sm-fieldClearNote", "aria-label": t("marks.note.clear"), title: t("marks.note.clear"), onClick: () => setNote("") }, String.fromCharCode(10005)) : null)),
+            latest.revision !== base.revision ? h("div", { className: "sm-markConflict", role: "status" }, t("marks.conflict"), h("button", { type: "button", className: "sm-resetFilters", disabled: busy, onClick: reload }, t("marks.reload"))) : null,
+            annotations.error ? h("div", { className: "sm-error", role: "alert" }, t("marks.error", { message: annotations.error }), h("button", { type: "button", className: "sm-resetFilters", disabled: busy || annotations.loading, onClick: () => annotationStore.load(true) }, t("marks.retry"))) : null,
+            error ? h("div", { className: "sm-error", role: "alert" }, error) : null
+          ),
+          h("div", { className: "sm-importGroup" },
+            h("div", { className: "sm-importGroupButtons" },
+              h("button", { type: "button", className: "sm-importBtn", disabled: busy || !importText.trim(), onClick: pasteFromInput }, t("marks.import.paste")),
+              h("button", { type: "button", className: "sm-importBtn", disabled: busy, onClick: copyPrompt }, t("marks.import.copy"))),
+            h("div", { className: "sm-fieldWithClear" },
+              h("div", { className: "sm-fieldRow sm-fieldRowNote" },
+                h("textarea", { className: "sm-noteInput", "aria-label": t("marks.import.paste.aria"), value: importText, placeholder: t("marks.import.paste.placeholder"), disabled: busy, rows: 3, onChange: e => setImportText(e.target.value) }),
+                importText && !busy ? h("button", { type: "button", className: "sm-fieldClear sm-fieldClearNote", "aria-label": t("marks.import.paste.clear"), title: t("marks.import.paste.clear"), onClick: () => setImportText("") }, String.fromCharCode(10005)) : null))),
+            importStatus ? h("div", { className: "sm-importStatus", role: "status" }, importStatus) : null,
+          h("div", { className: "sm-nativeDialogFooter" },
+            h("button", { type: "button", className: "sm-nativeDialogButton", disabled: busy, onClick: cancel }, t("marks.cancel")),
+            h("button", { type: "button", className: "sm-nativeDialogButton sm-nativeDialogConfirm", disabled: busy || !annotations.loaded || !!annotations.error || latest.revision !== base.revision, onClick: save }, t(busy ? "marks.saving" : "marks.save"))
+          )
+        )
+      );
+    }
+
+
+    const formatRelative = (ts, now) => {
+      const timestamp = sessionTime(ts);
+      if (timestamp === null) return "—";
+      const diff = Math.max(0, now - timestamp);
+      const s = Math.floor(diff / 1000);
+      if (s < 60) return s + "s";
+      const m = Math.floor(s / 60);
+      if (m < 60) return m + "m";
+      const hr = Math.floor(m / 60);
+      if (hr < 24) return hr + "h";
+      const d = Math.floor(hr / 24);
+      if (d < 30) return d + "d";
+      const mo = Math.floor(d / 30);
+      if (mo < 12) return mo + "mo";
+      return Math.floor(mo / 12) + "y";
+    };
+    const shortPath = (cwd) => {
+      if (!cwd) return "";
+      const parts = cwd.replace(/[\\\/]+$/, "").split(/[\\\/]/);
+      const last = parts[parts.length - 1] || "";
+      return last.length > 26 ? last.slice(0, 24) + "\u2026" : last;
+    };
+
+    function ConfirmDialog(props) {
+      const open = props.open === true;
+      const onCancel = typeof props.onCancel === "function" ? props.onCancel : () => {};
+      const onConfirm = typeof props.onConfirm === "function" ? props.onConfirm : () => {};
+      const busy = props.busy === true;
+      const danger = props.danger === true;
+      // Claim a fresh z-index so this popup sits above any earlier popup.
+      const [zIndex] = useState(() => open ? nextDialogZ() : 0);
+      const title = props.title || "";
+      const description = props.description || "";
+      const warning = props.warning || "";
+      const confirmLabel = props.confirmLabel || "确认";
+      const cancelLabel = props.cancelLabel || "取消";
+      // Esc is handled at window level (issue #7): the layer-bound
+      // onKeyDown was unreachable when the row button that opened
+      // the dialog stayed focused. ConfirmDialog's portal to body
+      // makes it a separate subtree from the panel section, so
+      // keydown never bubbles through it. Enter was previously on
+      // the layer too, but that races with the focused Cancel /
+      // Confirm button's native Enter handler -- removing the layer
+      // Enter leaves Enter handling purely to the focused button.
+      const escStateRef = useRef({});
+      escStateRef.current = { busy, onCancel };
+      useEffect(() => {
+        if (!open) return;
+        const handler = (e) => {
+          if (e.key !== "Escape") return;
+          if (e.defaultPrevented) return;
+          const s = escStateRef.current;
+          if (s.busy) return;
+          e.preventDefault();
+          e.stopPropagation();
+          s.onCancel();
+          // See SessionManagerPanel for the rationale.
+          const ae = document.activeElement;
+          if (ae && typeof ae.blur === "function" && ae !== document.body) ae.blur();
+        };
+        window.addEventListener("keydown", handler);
+        return () => window.removeEventListener("keydown", handler);
+      }, [open]);
+      // Render inline as a sibling of the panel; createPortal to document.body broke under some hosts. Migrate and AnnotationDialog render inline; do the same here.
+
+
+      if (!open) return null;
+
+      return h("div", {
+        className: "sm-nativeDialogLayer sm-confirmDialog",
+        style: {
+          zIndex: zIndex || undefined,
+          ...(props.anchor && typeof props.anchor.top === "number"
+            ? { position: "fixed", top: props.anchor.top + "px", left: props.anchor.left + "px" }
+            : {})
+        },
+        role: "presentation"
+      },
+
+        h("section", {
+          className: "sm-nativeDialog",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "sm-confirm-dialog-title"
+        },
+          h("div", { className: "sm-nativeDialogHeader" },
+            h("h2", { id: "sm-confirm-dialog-title", className: "sm-nativeDialogTitle" }, title)
+          ),
+          h("div", { className: "sm-nativeDialogBody" },
+            description ? h("div", { className: "sm-nativeDialogDescription" }, description) : null,
+            warning ? h("div", { className: "sm-warn" }, h("span", null, warning)) : null
+          ),
+          h("div", { className: "sm-nativeDialogFooter" },
+            h("button", {
+              type: "button",
+              className: "sm-nativeDialogButton sm-nativeDialogCancel",
+              disabled: busy,
+              onClick: () => { if (!busy) onCancel(); }
+            }, cancelLabel),
+            h("button", {
+              type: "button",
+              className: "sm-nativeDialogButton" + (danger ? " sm-nativeDialogDanger" : " sm-nativeDialogConfirm"),
+              disabled: busy,
+              onClick: () => { if (!busy) onConfirm(); }
+            }, confirmLabel)
+          )
+        )
+      );
+    }
+
+    function MoveDialog(props) {
+      const t = typeof props.t === "function" ? props.t : (key) => key;
+      const open = props.open === true;
+      const onCancel = typeof props.onCancel === "function" ? props.onCancel : () => {};
+      const onConfirm = typeof props.onConfirm === "function" ? props.onConfirm : () => {};
+      const busy = props.busy === true;
+      const title = props.title || t("confirm.move.title");
+      const description = props.description || "";
+      const currentWorkspaceId = props.currentWorkspaceId || "";
+      const confirmLabel = props.confirmLabel || t("confirm.move.confirm");
+      const cancelLabel = props.cancelLabel || t("confirm.cancel");
+      const error = props.error || "";
+      // Claim a fresh z-index so this popup sits above any earlier popup.
+      const [zIndex] = useState(() => open ? nextDialogZ() : 0);
+      const [selectedWorkspaceId, setSelectedWorkspaceId] = useState("");
+      // Esc handled at window level (issue #7) -- Enter stays on the
+      // layer because (a) it gates on selectedWorkspaceId which is set
+      // only by clicking a listbox item, and (b) racing Enter on the
+      // Cancel / Confirm buttons is benign since the layer Enter
+      // handler only fires when focus is inside the dialog subtree,
+      // which is exactly when the focused button's native Enter has
+      // already triggered its own click -- and in MoveDialog that
+      // click just toggles selection, never cancels or confirms.
+      const escStateRef = useRef({});
+      escStateRef.current = { busy, onCancel };
+      useEffect(() => {
+        if (!open) return;
+        const handler = (e) => {
+          if (e.key !== "Escape") return;
+          if (e.defaultPrevented) return;
+          const s = escStateRef.current;
+          if (s.busy) return;
+          e.preventDefault();
+          e.stopPropagation();
+          s.onCancel();
+          // See SessionManagerPanel for the rationale.
+          const ae = document.activeElement;
+          if (ae && typeof ae.blur === "function" && ae !== document.body) ae.blur();
+        };
+        window.addEventListener("keydown", handler);
+        return () => window.removeEventListener("keydown", handler);
+      }, [open]);
+      if (!open) return null;
+
+      const list = (Array.isArray(props.workspaces) ? props.workspaces : [])
+        .filter((ws) => ws && typeof ws === "object" && typeof ws.id === "string" && ws.id !== currentWorkspaceId);
+      const body = h("div", { className: "sm-nativeDialogBody" },
+        h("div", { className: "sm-nativeDialogDescription" }, description),
+        list.length === 0
+          ? h("div", { className: "sm-moveLabel" }, t("confirm.move.empty"))
+          : h("div", { className: "sm-moveSection" },
+              h("div", { className: "sm-moveLabel" }, t("confirm.move.select")),
+              h("div", { className: "sm-moveList", role: "listbox", "aria-label": t("confirm.move.select") },
+                list.map((ws) => h("button", {
+                  key: ws.id,
+                  type: "button",
+                  role: "option",
+                  "aria-selected": selectedWorkspaceId === ws.id,
+                  className: "sm-moveItem" + (selectedWorkspaceId === ws.id ? " sm-moveItemSelected" : ""),
+                  disabled: busy,
+                  onClick: () => setSelectedWorkspaceId(ws.id)
+                },
+                  h("span", { className: "sm-moveItemName" }, String(ws.title || ws.name || ws.id)),
+                  h("span", { className: "sm-moveItemMeta" }, ws.path ? String(ws.path) : "")
+                ))
+              )
+            ),
+        error ? h("div", { className: "sm-error", role: "alert" }, String(error)) : null
+      );
+      // Single cancel button (footer) + ESC handler. No "x" close button so the
+      // user only sees one cancel entry point.
+      const onKeyDown = (e) => {
+        // Enter only -- Esc moved to a window-level listener (see above).
+        if (e.key === "Enter" && !busy && selectedWorkspaceId && list.length > 0) {
+          e.preventDefault();
+          onConfirm(selectedWorkspaceId);
+        }
+      };
+      return h("div", {
+        className: "sm-nativeDialogLayer sm-confirmDialog",
+        style: {
+          zIndex: zIndex || undefined,
+          ...(props.anchor && typeof props.anchor.top === "number"
+            ? { position: "fixed", top: props.anchor.top + "px", left: props.anchor.left + "px" }
+            : {})
+        },
+        role: "presentation",
+        onKeyDown
+      },
+
+        h("section", {
+          className: "sm-nativeDialog",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "sm-move-dialog-title"
+        },
+          h("div", { className: "sm-nativeDialogHeader" },
+            h("h2", { id: "sm-move-dialog-title", className: "sm-nativeDialogTitle" }, title)
+          ),
+          body,
+          h("div", { className: "sm-nativeDialogFooter" },
+            h("button", {
+              type: "button",
+              className: "sm-nativeDialogButton sm-nativeDialogCancel",
+              disabled: busy,
+              onClick: onCancel
+            }, cancelLabel),
+            h("button", {
+              type: "button",
+              className: "sm-nativeDialogButton sm-nativeDialogConfirm",
+              disabled: busy || !selectedWorkspaceId || list.length === 0,
+              onClick: () => { if (!busy && selectedWorkspaceId) onConfirm(selectedWorkspaceId); }
+            }, confirmLabel)
+          )
+        )
+      );
+    }
+
+    function MigratePresetDialog(props) {
+      const t = typeof props.t === "function" ? props.t : (key) => key;
+      const open = props.open === true;
+      const onCancel = typeof props.onCancel === "function" ? props.onCancel : () => {};
+      const onRun = typeof props.onRun === "function" ? props.onRun : () => {};
+      const busy = props.busy === true;
+      const sessionId = props.sessionId || "";
+      const fallbackPreset = props.currentPreset || "";
+      const [scan, setScan] = useState(null);
+      const [target, setTarget] = useState("");
+      // Claim a fresh z-index so this popup sits above any earlier popup.
+      const [zIndex] = useState(() => open ? nextDialogZ() : 0);
+      useEffect(() => {
+        if (!open || !sessionId) return;
+        let alive = true;
+        // Skip setScan(null)/setTarget("") -- no-ops on initial mount that
+        // would force an extra render cycle, slowing dialog open.
+        fetchApi("/preset-scan?sessionId=" + encodeURIComponent(sessionId)).then((d) => {
+          if (!alive) return;
+          if (d && d.ok) {
+            const result = d.result || {};
+            const rows = Array.isArray(result.rows)
+              ? result.rows
+              : (result.rows && Array.isArray(result.rows.rows) ? result.rows.rows : []);
+            const availablePresets = Array.isArray(result.availablePresets)
+              ? result.availablePresets
+              : (result.rows && Array.isArray(result.rows.availablePresets) ? result.rows.availablePresets : []);
+            const row = rows.find((item) => item && item.sessionId === sessionId) || null;
+            setScan({ ok: true, row, availablePresets });
+          } else {
+            setScan({ ok: false, error: (d && d.error) || "scan failed" });
+          }
+        }).catch((error) => {
+          if (alive) setScan({ ok: false, error: error instanceof Error ? error.message : String(error) });
+        });
+        return () => { alive = false; };
+      }, [open, sessionId]);
+      // Esc handled at window level (issue #7). MigratePresetDialog is
+      // a sibling of the panel layer in the panel's render tree, so
+      // the layer-bound onKeyDown (which the dialog relied on for
+      // Esc) was dead code -- focus never reached the dialog's own
+      // subtree because the row Migrate button stayed focused.
+      const escStateRef = useRef({});
+      escStateRef.current = { busy, onCancel };
+      useEffect(() => {
+        if (!open) return;
+        const handler = (e) => {
+          if (e.key !== "Escape") return;
+          if (e.defaultPrevented) return;
+          const s = escStateRef.current;
+          if (s.busy) return;
+          e.preventDefault();
+          e.stopPropagation();
+          s.onCancel();
+          // See SessionManagerPanel for the rationale.
+          const ae = document.activeElement;
+          if (ae && typeof ae.blur === "function" && ae !== document.body) ae.blur();
+        };
+        window.addEventListener("keydown", handler);
+        return () => window.removeEventListener("keydown", handler);
+      }, [open]);
+      if (!open) return null;
+
+      const currentPreset = (scan && scan.ok && scan.row && (scan.row.finalPreset || scan.row.headerPreset)) || fallbackPreset || "—";
+      const presets = scan && scan.ok
+        ? Array.from(new Set((scan.availablePresets || []).filter((preset) => typeof preset === "string" && preset.length > 0))).sort()
+        : [];
+      const targets = presets.filter((preset) => preset !== currentPreset);
+      const ready = target !== "" && target !== currentPreset;
+      const body = h("div", { className: "sm-migratePanel" },
+        scan === null
+          ? h("div", { className: "sm-empty" }, t("busy.processing"))
+          : !scan.ok
+            ? h("div", { className: "sm-error", role: "alert" }, scan.error || "scan failed")
+            : h(React.Fragment, null,
+                h("div", { className: "sm-migrateRow" },
+                  h("label", null, t("migrate.current")),
+                  h("div", { className: "sm-migrateCurrent" }, currentPreset)
+                ),
+                h("div", { className: "sm-migrateRow" },
+                  h("label", null, t("migrate.target")),
+                  targets.length === 0
+                    ? h("div", { className: "sm-migrateEmpty" }, t("migrate.noPresets"))
+                    : h("div", { className: "sm-migrateChips" }, targets.map((preset) => h("button", {
+                        key: preset,
+                        type: "button",
+                        className: "sm-migrateChip" + (target === preset ? " sm-migrateChipOn" : ""),
+                        disabled: busy,
+                        onClick: () => setTarget(preset)
+                      }, preset)))
+                ),
+                target === currentPreset ? h("div", { className: "sm-migrateWarn" }, t("migrate.same")) : null
+              )
+      );
+      return h("div", {
+        className: "sm-nativeDialogLayer sm-confirmDialog sm-migrateConfirmLayer",
+        role: "presentation",
+        style: { zIndex: zIndex || undefined }
+      },
+
+        h("section", {
+          className: "sm-nativeDialog sm-migrateDialog",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "sm-migrate-dialog-title"
+        },
+          h("div", { className: "sm-nativeDialogHeader" },
+            h("h2", { id: "sm-migrate-dialog-title", className: "sm-nativeDialogTitle" }, t("migrate.title"))
+          ),
+          body,
+          h("div", { className: "sm-nativeDialogFooter" },
+            h("button", {
+              type: "button",
+              className: "sm-nativeDialogButton sm-nativeDialogCancel",
+              disabled: busy,
+              onClick: onCancel
+            }, t("confirm.cancel")),
+            h("button", {
+              type: "button",
+              className: "sm-nativeDialogButton sm-nativeDialogConfirm",
+              disabled: busy || !ready,
+              onClick: () => { if (ready) onRun(target); }
+            }, busy ? t("busy.processing") : t("migrate.confirm"))
+          )
+        )
+      );
+    }
+
+    const panelStore = {
+      open: false,
+      listeners: new Set(),
+      getSnapshot() { return this.open; },
+      subscribe(cb) { this.listeners.add(cb); return () => this.listeners.delete(cb); },
+      set(v) { if (this.open === v) return; this.open = v; for (const fn of [...this.listeners]) fn(); },
+      toggle() { this.open = !this.open; for (const fn of [...this.listeners]) fn(); },
+      // Pending action queued by the title-bar buttons (e.g. 移动至工作区).
+      // The SessionManagerPanel consumes this on mount so it can pre-open
+      // the matching inner dialog (move / delete / migrate) next to itself.
+      pendingMove: null,
+      pendingListeners: new Set(),
+      _emitPending() { for (const fn of [...this.pendingListeners]) fn(); },
+      subscribePending(cb) { this.pendingListeners.add(cb); return () => this.pendingListeners.delete(cb); },
+      setPendingMove(v) { this.pendingMove = v; this._emitPending(); },
+      consumePendingMove() { const v = this.pendingMove; this.pendingMove = null; return v; }
+    };
+
+    const DEFAULT_SORT = "updated-desc";
+    const SORT_ORDERS = ["updated-desc", "updated-asc", "created-desc", "created-asc", "priority"];
+    const workspaceValue = (id) => "workspace:" + id;
+    const pathKey = (value) => {
+      if (typeof value !== "string" || value === "") return "";
+      const path = value.replace(/\\/g, "/").replace(/\/+$/, "") || "/";
+      return /^[a-z]:(?:\/|$)/i.test(path) || path.startsWith("//") ? path.toLowerCase() : path;
+    };
+    const sessionTime = (value) => {
+      if (typeof value !== "number" && typeof value !== "string") return null;
+      if (typeof value === "string" && value.trim() === "") return null;
+      const time = typeof value === "number" || /^\d+(?:\.\d+)?$/.test(value) ? Number(value) : Date.parse(value);
+      return Number.isFinite(time) ? time : null;
+    };
+    const indexWorkspaces = (workspaces) => {
+      const bySession = new Map();
+      const byPath = new Map();
+      const ids = new Set();
+      for (const workspace of workspaces) {
+        ids.add(workspace.id);
+        const key = pathKey(workspace.path);
+        if (key) {
+          if (!byPath.has(key)) byPath.set(key, new Set());
+          byPath.get(key).add(workspace.id);
+        }
+        for (const id of Array.isArray(workspace.sessionIds) ? workspace.sessionIds : []) {
+          if (!bySession.has(id)) bySession.set(id, new Set());
+          bySession.get(id).add(workspace.id);
+        }
+      }
+      return { bySession, byPath, ids };
+    };
+    const rowWorkspaces = (session, index) => {
+      // Registry membership includes archived sessions and takes precedence
+      // over a stale cwd. Older metadata can fall back to workspaceId/cwd.
+      if (index.bySession.has(session.id)) return index.bySession.get(session.id);
+      if (index.ids.has(session.workspaceId)) return new Set([session.workspaceId]);
+      return index.byPath.get(pathKey(session.cwd)) ?? new Set();
+    };
+
+    function SessionManagerPanel(props) {
+      const t = props.t;
+      const open = props.open;
+      const onClose = props.onClose;
+      const useSessions = props.useSessions;
+      const useWorkspaces = props.useWorkspaces;
+      const onOpen = props.onOpen;
+      const onArchive = props.onArchive;
+      const onUnarchive = props.onUnarchive;
+      const onRemove = props.onRemove;
+      const onMove = props.onMove;
+      const onMigrate = props.onMigrate;
+      const annotations = useAnnotations(true);
+      const marksReady = annotations.loaded && !annotations.error;
+      const [onlyFavorite, setOnlyFavorite] = useState(false);
+      const [onlyReview, setOnlyReview] = useState(false);
+      const [tagFilter, setTagFilter] = useState("all");
+      const [priorityFilter, setPriorityFilter] = useState("all");
+      const [annotationFor, setAnnotationFor] = useState(null);
+      const [annotationAnchor, setAnnotationAnchor] = useState(null);
+      const list = useSessions((s) => s);
+      const workspaceSnapshot = useWorkspaces((s) => s);
+      const archivedIds = workspaceSnapshot.archivedSessionIds || [];
+      const [filter, setFilter] = useState("all");
+      const [query, setQuery] = useState("");
+      const [workspaceFilter, setWorkspaceFilter] = useState("all");
+      const [sortOrder, setSortOrder] = useState(DEFAULT_SORT);
+      const [busyId, setBusyId] = useState(null);
+      const [error, setError] = useState(null);
+      const [now, setNow] = useState(() => Date.now());
+      const [moveFor, setMoveFor] = useState(null);
+      const [confirmFor, setConfirmFor] = useState(null);
+      const [workspaces, setWorkspaces] = useState([]);
+      const [createdTimes, setCreatedTimes] = useState({});
+      const [workspacesLoading, setWorkspacesLoading] = useState(true);
+      const [workspacesError, setWorkspacesError] = useState(null);
+      const [workspaceRefresh, setWorkspaceRefresh] = useState(0);
+      const [migrating, setMigrating] = useState(false);
+      const [migrateFor, setMigrateFor] = useState(null);
+      const sessionMembershipKey = useMemo(() => [...list.ids].sort().join("\0"), [list.ids]);
+      // ----- Bulk-action selection state -----
+      const [selectedIds, setSelectedIds] = useState(() => new Set());
+      const [lastClickedRank, setLastClickedRank] = useState(null);
+      const [bulkPreview, setBulkPreview] = useState(null);
+      const [bulkProgress, setBulkProgress] = useState(null);
+      const [bulkResult, setBulkResult] = useState(null);
+      const [bulkBusy, setBulkBusy] = useState(false);
+      const [bulkTagDraft, setBulkTagDraft] = useState(null);
+      // Select-mode is the user-controlled switch that reveals the row
+      // checkboxes and the bulk action bar. It lives outside selectedIds
+      // so the row checkboxes can be visible even before anything is
+      // ticked (otherwise the BulkActionBar's own "select all" button
+      // is unreachable).
+      const [selectModeEnabled, setSelectModeEnabled] = useState(false);
+      // Closing the panel resets everything bulk-related.
+      useEffect(() => {
+        if (!open) {
+          setSelectedIds(new Set());
+          setLastClickedRank(null);
+          setBulkPreview(null);
+          setBulkProgress(null);
+          setBulkResult(null);
+          setBulkTagDraft(null);
+          setBulkPresetDraft(null);
+          setBulkPresetOptions([]);
+          setBulkBusy(false);
+          setSelectModeEnabled(false);
+        }
+      }, [open]);
+      const toggleSelectMode = () => {
+        setSelectModeEnabled(value => {
+          if (value) clearSelection();
+          return !value;
+        });
+      };
+      const toggleSelect = (id, shift, currentIndex) => {
+        setSelectedIds(prev => {
+          const next = new Set(prev);
+          if (shift && lastClickedRank !== null && Number.isInteger(currentIndex)) {
+            const lo = Math.min(lastClickedRank, currentIndex);
+            const hi = Math.max(lastClickedRank, currentIndex);
+            const allInRange = rows.slice(lo, hi + 1).every(r => next.has(r.id));
+            for (let i = lo; i <= hi; i++) {
+              const rowId = rows[i] && rows[i].id;
+              if (!rowId) continue;
+              if (allInRange) next.delete(rowId); else next.add(rowId);
+            }
+          } else {
+            if (next.has(id)) next.delete(id); else next.add(id);
+          }
+          return next;
+        });
+        if (!shift) setLastClickedRank(Number.isInteger(currentIndex) ? currentIndex : null);
+      };
+      // Clear the selected-id set without touching selectModeEnabled.
+      // Earlier this also reset selectModeEnabled to false, which made
+      // clicking the "清空选择" toolbar button silently exit bulk
+      // mode. Bulk mode is now exited exclusively by toggleSelectMode()
+      // (the "退出批量处理" toggle button in the toolbar).
+      const clearSelection = () => { setSelectedIds(new Set()); setLastClickedRank(null); };
+      const selectAllFiltered = () => {
+        if (rows.length > 200) { setError(t("bulk.error.tooMany")); return; }
+        setSelectedIds(new Set(rows.map(r => r.id)));
+      };
+      const selectedSessions = useMemo(() => {
+        const out = [];
+        for (const id of selectedIds) {
+          const s = list.byId[id];
+          if (!s) continue;
+          out.push({ id, displayTitle: s.blank ? t("panel.session.new") : (s.displayTitle || id) });
+        }
+        return out;
+      }, [selectedIds, list.byId, t]);
+      const executeBulk = async ({ action, payload, actionLabel, ids, sessions }) => {
+        if (ids.length === 0) return;
+        if (ids.length > 200) { setError(t("bulk.error.tooMany")); return; }
+        const cancelController = { abort: () => {} };
+        setBulkProgress({ action, actionLabel, done: 0, total: ids.length, completed: false, cancel: () => cancelController.abort() });
+        setBulkBusy(true);
+        let result;
+        try {
+          result = await runBatch({ action, sessionIds: ids, payload }, ({ done }) => {
+            setBulkProgress(prev => prev ? { ...prev, done, completed: false } : prev);
+          });
+        } catch (error) {
+          setBulkProgress(null);
+          setBulkBusy(false);
+          setError(error instanceof Error ? error.message : String(error));
+          return;
+        }
+        const items = (result.items || []).map(item => {
+          const session = sessions.find(s => s.id === item.sessionId);
+          return { ...item, displayTitle: session ? session.displayTitle : (item.sessionId || "—") };
+        });
+        setBulkProgress(null);
+        setBulkResult({ action, actionLabel, items });
+        setBulkBusy(false);
+        try { await annotationStore.load(true); } catch (_) { /* ignore */ }
+        if (typeof props.onRefreshAfterBulk === "function") {
+          try { await props.onRefreshAfterBulk(action); } catch (_) { /* ignore */ }
+        }
+      };
+      const runBulk = ({ action, payload, actionLabel, needsConfirm }) => {
+        if (bulkBusy) return;
+        const ids = [...selectedIds];
+        if (ids.length === 0) return;
+        if (ids.length > 200) { setError(t("bulk.error.tooMany")); return; }
+        const sessions = selectedSessions;
+        const resolvedLabel = actionLabel || ({
+          archive: t("bulk.archive"), unarchive: t("bulk.unarchive"), delete: t("bulk.delete"),
+          move: t("bulk.move"), "preset-migrate": t("bulk.presetMigrate"),
+          favorite: t("bulk.favorite"), unfavorite: t("bulk.unfavorite"),
+          review: t("bulk.review"), unreview: t("bulk.unreview"),
+          "add-tags": t("bulk.tagsAdd"), "remove-tags": t("bulk.tagsRemove"),
+          "set-priority": t("bulk.priority")
+        })[action] || action;
+        if (needsConfirm) {
+          setBulkPreview({ action, payload, actionLabel: resolvedLabel, sessions, warning: action === "delete" ? t("bulk.dialog.warning.delete") : "" });
+          return;
+        }
+        void executeBulk({ action, payload, actionLabel: resolvedLabel, ids, sessions });
+      };
+      const retryFailedBulk = (failedIds, action, payload, actionLabel) => {
+        setBulkResult(null);
+        const filtered = (failedIds || []).filter(id => typeof id === "string" && id !== "");
+        setSelectedIds(new Set(filtered));
+        if (filtered.length === 0) return;
+        const needsConfirm = action === "delete" || action === "move" || action === "preset-migrate" || action === "add-tags" || action === "remove-tags" || action === "set-priority";
+        runBulk({ action, payload, actionLabel, needsConfirm });
+      };
+      const needsConfirmFor = (action) => action === "delete";
+      const onBulkAction = (action, payload, forceNeedsConfirm) => {
+        // Toggle: if a preview or result dialog is already open for this
+        // same action, click the button again to close it.
+        if (bulkPreview && bulkPreview.action === action) { setBulkPreview(null); return; }
+        if (bulkResult && bulkResult.action === action) { setBulkResult(null); return; }
+        const needsConfirm = forceNeedsConfirm === true || needsConfirmFor(action);
+        runBulk({ action, payload, needsConfirm });
+      };
+      const onBulkSelectAll = () => { setSelectModeEnabled(true); selectAllFiltered(); };
+      const onBulkClear = () => clearSelection();
+      const onBulkTagsAdd = () => { if (bulkTagDraft && bulkTagDraft.mode === "add") { setBulkTagDraft(null); return; } setBulkTagDraft({ mode: "add" }); };
+      const onBulkRemoveAllTags = () => onBulkAction("remove-tags", { tags: [] });
+      const onBulkPriority = () => { if (bulkTagDraft && bulkTagDraft.mode === "priority") { setBulkTagDraft(null); return; } setBulkTagDraft({ mode: "priority" }); };
+      const onBulkMove = () => { if (bulkTagDraft && bulkTagDraft.mode === "move") { setBulkTagDraft(null); return; } setBulkTagDraft({ mode: "move" }); };
+      const onBulkTagApply = (tags) => {
+        const mode = bulkTagDraft && bulkTagDraft.mode;
+        setBulkTagDraft(null);
+        if (mode === "add") onBulkAction("add-tags", { tags }, true);
+      };
+      const onBulkPriorityApply = (value) => {
+        const priority = Number(value);
+        setBulkTagDraft(null);
+        if (Number.isInteger(priority) && priority >= 1 && priority <= 5) onBulkAction("set-priority", { priority }, true);
+      };
+      const onBulkMoveApply = (value) => {
+        setBulkTagDraft(null);
+        if (value) onBulkAction("move", { targetWorkspaceId: value }, true);
+      };
+      const [bulkPresetDraft, setBulkPresetDraft] = useState(null);
+      const [bulkPresetOptions, setBulkPresetOptions] = useState([]);
+      const onBulkPreset = () => {
+        if (selectedIds.size === 0) return;
+        // Toggle: close the dialog if it is already open.
+        if (bulkPresetDraft) { setBulkPresetDraft(null); return; }
+
+        // Scan using the first selected session; /preset-scan returns
+        // the global available preset list regardless of session, so any
+        // selected id works.
+        const firstId = [...selectedIds][0];
+        setBulkPresetDraft({ mode: "preset" });
+        setBulkPresetOptions([]);
+        fetchApi("/preset-scan?sessionId=" + encodeURIComponent(firstId)).then((data) => {
+          if (!data || !data.ok) return;
+          const result = data.result || {};
+          const presets = Array.isArray(result.availablePresets)
+            ? result.availablePresets
+            : (result.rows && Array.isArray(result.rows.availablePresets) ? result.rows.availablePresets : []);
+          setBulkPresetOptions(presets.filter(p => typeof p === "string" && p.length > 0).map(p => ({ value: p, label: p })));
+        }).catch(() => { /* surface empty list */ });
+      };
+      const onBulkPresetApply = (value) => {
+        setBulkPresetDraft(null);
+        if (value) onBulkAction("preset-migrate", { toPreset: value }, true);
+      };
+      const bulkMoveOptions = useMemo(() => workspaces.map(ws => ({ value: ws.id, label: ws.title || ws.name || ws.id })), [workspaces]);
+      const bulkPriorityOptions = useMemo(() => [1, 2, 3, 4, 5].map(value => ({ value: String(value), label: t("marks.priority." + value) })), [t]);
+      useEffect(() => {
+        const timer = setInterval(() => setNow(Date.now()), 30000);
+        return () => clearInterval(timer);
+      }, []);
+      useEffect(() => {
+        if (!open) return;
+        let alive = true;
+        const controller = new AbortController();
+        setWorkspacesLoading(true);
+        setWorkspacesError(null);
+        fetchApi("/workspaces", { signal: controller.signal }).then((data) => {
+          if (!data?.ok || !Array.isArray(data.result?.workspaces)) throw new Error(data?.error || "Invalid workspace response");
+          const next = data.result.workspaces.filter(workspace => workspace && typeof workspace.id === "string");
+          if (!alive) return;
+          setWorkspaces(next);
+          const times = data.result.sessionCreatedAt;
+          setCreatedTimes(times && typeof times === "object" && !Array.isArray(times) ? times : {});
+          setWorkspaceFilter(value => value.startsWith("workspace:") && !next.some(workspace => workspaceValue(workspace.id) === value) ? "all" : value);
+        }).catch(error => {
+          if (alive) setWorkspacesError(error instanceof Error ? error.message : String(error));
+        }).finally(() => {
+          if (alive) setWorkspacesLoading(false);
+        });
+        return () => { alive = false; controller.abort(); };
+      }, [open, workspaceSnapshot, Boolean(moveFor), workspaceRefresh, sessionMembershipKey]);
+      // Drain any pending action queued by a header button. The panel is
+      // the single owner of every inner dialog, so opening it with a
+      // pending action pre-populates the corresponding dialog state.
+      useEffect(() => {
+        if (!open) return;
+        const pending = panelStore.consumePendingMove();
+        if (pending && pending.sessionId) {
+          setMoveFor({ id: pending.sessionId, displayTitle: pending.displayTitle || pending.sessionId, workspaceId: pending.workspaceId || "" });
+        }
+      }, [open]);
+      const archived = useMemo(() => new Set(archivedIds), [archivedIds]);
+      const workspaceIndex = useMemo(() => indexWorkspaces(workspaces), [workspaces]);
+      const allRows = useMemo(() => list.ids.map(id => list.byId[id])
+        .filter(session => session != null && session.origin !== "subagent" && (!session.blank || session.id === list.current)), [list]);
+      const availableTags = useMemo(() => {
+        const tags = new Map();
+        for (const session of allRows) for (const tag of annotationOf(annotations, session.id).tags) if (!tags.has(tag.toLowerCase())) tags.set(tag.toLowerCase(), tag);
+        return [...tags].sort((a, b) => a[1].localeCompare(b[1]));
+      }, [allRows, annotations.entries]);
+      useEffect(() => {
+        // A removed last tag must not leave an invisible active filter while
+        // the select falls back to displaying "All tags".
+        if (annotations.loaded && !annotations.error && tagFilter.startsWith("tag:")
+          && !availableTags.some(([key]) => key === tagFilter.slice(4))) setTagFilter("all");
+      }, [availableTags, tagFilter, annotations.loaded, annotations.error]);
+      const rows = useMemo(() => {
+        const needle = query.trim().toLowerCase();
+        const selected = allRows.filter(session => {
+          if (filter === "active" && archived.has(session.id)) return false;
+          if (filter === "archived" && !archived.has(session.id)) return false;
+          const mark = annotationOf(annotations, session.id);
+          if (onlyFavorite && !mark.favorite || onlyReview && !mark.reviewLater) return false;
+          if (tagFilter === "none" && mark.tags.length !== 0) return false;
+          if (tagFilter.startsWith("tag:") && !mark.tags.some(tag => tag.toLowerCase() === tagFilter.slice(4))) return false;
+          if (priorityFilter !== "all" && (mark.priority ?? 3) !== Number(priorityFilter)) return false;
+          const title = session.blank ? t("panel.session.new") : session.displayTitle || session.id;
+          if (needle && ![title, session.id, mark.note, ...mark.tags].some(value => value.toLowerCase().includes(needle))) return false;
+          if (workspaceFilter !== "all") {
+            const memberships = rowWorkspaces(session, workspaceIndex);
+            if (workspaceFilter === "ungrouped" ? memberships.size !== 0 : !memberships.has(workspaceFilter.slice("workspace:".length))) return false;
+          }
+          return true;
+        });
+        const field = sortOrder.startsWith("created-") ? "createdAt" : "updatedAt";
+        const direction = sortOrder === "priority" || sortOrder.endsWith("-asc") ? 1 : -1;
+        // Sort a derived array only. Equal timestamps preserve source order;
+        // missing/invalid timestamps stay last in either direction. Priority
+        // is normalized to 1-5 (legacy null treated as 3) so unset rows sort
+        // alongside priority 3.
+        const timeFor = session => {
+          if (sortOrder === "priority") return annotationOf(annotations, session.id).priority ?? 3;
+          return field === "createdAt" ? sessionTime(session.createdAt) ?? sessionTime(createdTimes[session.id]) : sessionTime(session.updatedAt);
+        };
+        return selected.map((session, rank) => ({ session, rank, time: timeFor(session) }))
+          .sort((a, b) => a.time === b.time ? a.rank - b.rank : a.time === null ? 1 : b.time === null ? -1 : direction * (a.time - b.time))
+          .map(item => item.session);
+      }, [allRows, archived, filter, query, workspaceFilter, workspaceIndex, sortOrder, createdTimes, annotations.entries, onlyFavorite, onlyReview, tagFilter, priorityFilter, t]);
+      // The set of ids that survive the current filter; bulk-selection
+      // bookkeeping reads from this so it stays in sync with row visibility.
+      const currentFilterIds = useMemo(() => rows.map(r => r.id), [rows]);
+      const currentFilterRank = useMemo(() => {
+        const m = new Map();
+        rows.forEach((r, i) => m.set(r.id, i));
+        return m;
+      }, [rows]);
+      // Drop ids from the selection that no longer match the current filter
+      // (e.g. user narrowed the workspace filter or hid archived rows).
+      useEffect(() => {
+        const allowed = new Set(currentFilterIds);
+        setSelectedIds(prev => {
+          let changed = false;
+          const next = new Set();
+          for (const id of prev) if (allowed.has(id)) next.add(id); else changed = true;
+          return changed ? next : prev;
+        });
+      }, [currentFilterIds]);
+      const creationTimeUnavailable = sortOrder.startsWith("created-") && allRows.length > 0
+        && !allRows.some(session => (sessionTime(session.createdAt) ?? sessionTime(createdTimes[session.id])) !== null);
+      const hasViewChanges = onlyFavorite || onlyReview || tagFilter !== "all" || priorityFilter !== "all" || query !== "" || filter !== "all" || workspaceFilter !== "all" || sortOrder !== DEFAULT_SORT;
+      const resetView = () => { setQuery(""); setFilter("all"); setWorkspaceFilter("all"); setSortOrder(DEFAULT_SORT); setOnlyFavorite(false); setOnlyReview(false); setTagFilter("all"); setPriorityFilter("all"); };
+      const runRow = async (sessionId, fn) => {
+        if (busyId !== null) return;
+        setBusyId(sessionId);
+        setError(null);
+        try {
+          await fn();
+        } catch (e) {
+          setError(e instanceof Error ? e.message : String(e));
+        } finally {
+          setBusyId(null);
+        }
+      };
+      const filterBtn = (id, label) => h("button", {
+        type: "button",
+        key: id,
+        className: "sm-filterBtn" + (filter === id ? " sm-on" : ""),
+        "aria-pressed": filter === id,
+        onClick: () => setFilter(id)
+      }, label);
+      const renderRow = (s, rank) => {
+        const isArchived = archived.has(s.id);
+        const isCurrent = s.id === list.current;
+        const busy = busyId === s.id;
+        const mark = annotationOf(annotations, s.id);
+        const isSelected = selectedIds.has(s.id);
+        const checkbox = (selectedIds.size === 0 && !selectModeEnabled)
+          ? null
+          : h("label", { className: "sm-bulkRowCheckbox", onClick: (e) => e.stopPropagation() },
+              h("input", {
+                type: "checkbox",
+                checked: isSelected,
+                disabled: busy || bulkBusy,
+                "aria-label": t("bulk.checkbox.aria", { title: s.displayTitle || s.id }),
+                onChange: (e) => toggleSelect(s.id, e.shiftKey === true, rank)
+              })
+            );
+        return h("div", {
+          key: s.id,
+          "data-session-id": s.id,
+          className: "sm-row" + (isCurrent ? " sm-rowCurrent" : "") + (isSelected ? " sm-rowBulkSelected" : "")
+        },
+          h("div", { className: "sm-rowCheckboxSlot" + ((selectedIds.size > 0 || selectModeEnabled) ? " sm-rowCheckboxSlot-visible" : "") }, checkbox),
+          h("div", { className: "sm-rowMain" },
+            h("div", { className: "sm-rowTitle" },
+              h("span", null, s.blank ? t("panel.session.new") : (s.displayTitle || s.id)),
+              isArchived ? h("span", { className: "sm-badge sm-badgeArchived" }, t("panel.archived")) : null,
+              s.running ? h("span", { className: "sm-badge sm-badgeRunning" }, t("panel.running")) : null,
+              isCurrent ? h("span", { className: "sm-badge sm-badgeCurrent" }, t("panel.current")) : null
+            ),
+            h("div", { className: "sm-rowSecondary" },
+              h("div", { className: "sm-rowBadges" },
+                h("span", { className: "sm-priorityBadge sm-priority-" + (mark.priority ?? 3), title: t("marks.priority." + (mark.priority ?? 3)) }, "P" + (mark.priority ?? 3)),
+                mark.tags.slice(0, 2).map(tag => h("button", { key: tag, type: "button", className: "sm-tagChip", title: tag, onClick: () => setTagFilter("tag:" + tag.toLowerCase()) }, tag)),
+                mark.tags.length > 2 ? h("span", { title: mark.tags.join(", ") }, "+" + (mark.tags.length - 2)) : null,
+                mark.note ? h("button", { type: "button", className: "sm-noteBadge", title: t("marks.note.exists"), onClick: () => { setAnnotationAnchor(null); setAnnotationFor(current => current?.id === s.id ? null : s); } }, "✎") : null
+              ),
+              h("div", { className: "sm-rowMeta" }, shortPath(s.cwd) + (s.cwd ? " · " : "") + formatRelative(s.updatedAt, now)),
+              h("div", { className: "sm-rowActions" },
+                h("button", { type: "button", className: "sm-rowBtn", disabled: busy, onClick: () => onOpen(s.id) }, t("row.open")),
+                h("button", { type: "button", className: "sm-rowBtn", disabled: busy, onClick: () => runRow(s.id, () => isArchived ? onUnarchive(s.id) : onArchive(s.id)) }, t(isArchived ? "row.unarchive" : "row.archive")),
+                annotationButtons(s.id, s.displayTitle || s.id, t, annotations, "sm-rowBtn", patch => runRow(s.id, () => annotationStore.save(s.id, patch)), () => { setAnnotationAnchor(null); setAnnotationFor(current => current?.id === s.id ? null : s); }, busy),
+                h("button", { type: "button", className: "sm-rowBtn", disabled: busy, onClick: () => { if (moveFor && moveFor.id === s.id) setMoveFor(null); else setMoveFor(s); } }, t("row.move")),
+                h("button", { type: "button", className: "sm-rowBtn", disabled: busy, onClick: () => { if (migrateFor && migrateFor.id === s.id) setMigrateFor(null); else setMigrateFor(s); } }, t("row.migrate")),
+                h("button", { type: "button", className: "sm-rowBtn sm-rowBtnDanger", disabled: busy, onClick: () => { if (confirmFor && confirmFor.id === s.id) setConfirmFor(null); else setConfirmFor(s); } }, t("row.delete"))
+              )
+            )
+          )
+        );
+      };
+      const rowsList = rows.length === 0
+        ? h("div", { className: "sm-empty" }, allRows.length > 0 ? t("panel.empty.filtered") : filter === "archived" ? t("panel.empty.archived") : t("panel.empty"))
+        : h("div", { className: "sm-list" }, rows.map((s, i) => renderRow(s, i)));
+      const onPanelClose = () => {
+        if (busyId !== null) return;
+        setConfirmFor(null);
+        setMoveFor(null);
+        setMigrateFor(null);
+        onClose();
+      };
+      // Esc is handled at window level (issue #7): the original layer-
+      // bound onKeyDown was unreachable when focus stayed on the sidebar
+      // toggle button that opened the panel -- that button is a sibling
+      // of the panel layer, so keydown never bubbles into the panel
+      // subtree. The state ref lets the listener see the latest values
+      // without re-subscribing on every render. The panel listener
+      // returns early when any inner dialog is open so the child
+      // dialog's own window listener gets the first shot at Esc.
+      const escStateRef = useRef({});
+      escStateRef.current = { busyId, confirmFor, moveFor, migrateFor, annotationFor, onPanelClose };
+      useEffect(() => {
+        if (!open) return;
+        const handler = (e) => {
+          if (e.key !== "Escape") return;
+          if (e.defaultPrevented) return;
+          if (e.isComposing || e.keyCode === 229) return;
+          const s = escStateRef.current;
+          if (s.busyId !== null) return;
+          if (s.confirmFor || s.moveFor || s.migrateFor || s.annotationFor) return;
+          e.preventDefault();
+          e.stopPropagation();
+          s.onPanelClose();
+          // Esc after a keyboard-driven close leaves the originally-
+          // focused trigger button (sidebar toggle / row button) with
+          // :focus-visible still active -- blur it so no focus ring
+          // lingers after the panel closes. Mouse-driven closes are
+          // not affected: :focus-visible only activates for keyboard
+          // focus, so the ring never shows in that path.
+          const ae = document.activeElement;
+          if (ae && typeof ae.blur === "function" && ae !== document.body) ae.blur();
+        };
+        window.addEventListener("keydown", handler);
+        return () => window.removeEventListener("keydown", handler);
+      }, [open]);
+      const panelModal = h("div", {
+        className: "sm-nativeDialogLayer",
+        role: "presentation"
+      },
+        h("section", {
+          className: "sm-nativeDialog sm-panelDialog",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "sm-panel-dialog-title"
+        },
+          h("div", { className: "sm-nativeDialogHeader" },
+            h("a", {
+              href: "https://github.com/hkkz9522/dsh-session-manager",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "sm-panelHeaderGithub",
+              title: t("panel.github.title"),
+              "aria-label": t("panel.github.title")
+            },
+              h("svg", { viewBox: "0 0 16 16", width: 16, height: 16, "aria-hidden": "true" },
+                h("path", {
+                  fill: "currentColor",
+                  d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"
+                })
+              )
+            ),
+            h("h2", { id: "sm-panel-dialog-title", className: "sm-nativeDialogTitle" }, t("panel.title")),
+            h("div", { className: "sm-nativeDialogHeaderActions" },
+              h("button", {
+                type: "button",
+                className: "sm-panelHeaderClose",
+                disabled: busyId !== null || migrating,
+                onClick: onPanelClose
+              }, t("panel.close"))
+            )
+          ),
+          h("div", { className: "sm-panel" },
+            h("div", { className: "sm-panelTools" },
+              h("input", {
+                type: "search", className: "sm-queryInput", value: query,
+                placeholder: t("panel.search"), "aria-label": t("panel.search"), autoComplete: "off",
+                onChange: event => setQuery(event.target.value)
+              }),
+              h("div", { className: "sm-panelSelects" },
+                h("label", { className: "sm-viewField" },
+                  h("span", null, t("panel.workspace")),
+                  h("select", {
+                    className: "sm-viewSelect", "aria-label": t("panel.workspace"), value: workspaceFilter,
+                    disabled: workspacesLoading || workspacesError !== null,
+                    onChange: event => setWorkspaceFilter(event.target.value)
+                  },
+                    h("option", { value: "all" }, t("panel.workspace.all")),
+                    h("option", { value: "ungrouped" }, t("panel.workspace.ungrouped")),
+                    workspaces.map(workspace => h("option", { key: workspace.id, value: workspaceValue(workspace.id), title: workspace.path || workspace.id }, workspace.title || workspace.name || workspace.id))
+                  )
+                ),
+                h("label", { className: "sm-viewField" },
+                  h("span", null, t("panel.sort")),
+                  h("select", {
+                    className: "sm-viewSelect", "aria-label": t("panel.sort"), value: sortOrder,
+                    onChange: event => setSortOrder(event.target.value)
+                  }, SORT_ORDERS.map(value => h("option", { key: value, value, disabled: value === "priority" && !marksReady }, t(value === "priority" ? "marks.sort" : "panel.sort." + value))))
+                ),
+                h("label", { className: "sm-viewField" },
+                  h("span", null, t("marks.tags")),
+                  h("select", { className: "sm-viewSelect", "aria-label": t("marks.filter.tags"), value: tagFilter, disabled: !marksReady, onChange: e => setTagFilter(e.target.value) },
+                    h("option", { value: "all" }, t("marks.tags.all")), h("option", { value: "none" }, t("marks.tags.none")),
+                    availableTags.map(([key, tag]) => h("option", { key, value: "tag:" + key }, tag)),
+                    tagFilter.startsWith("tag:") && !availableTags.some(([key]) => "tag:" + key === tagFilter) ? h("option", { value: tagFilter }, t("marks.tags.missing", { tag: tagFilter.slice(4) })) : null
+                  )
+                ),
+                h("label", { className: "sm-viewField" },
+                  h("span", null, t("marks.priority")),
+                  h("select", { className: "sm-viewSelect", "aria-label": t("marks.filter.priority"), value: priorityFilter, disabled: !marksReady, onChange: e => setPriorityFilter(e.target.value) },
+                    h("option", { value: "all" }, t("marks.priority.all")),
+                    [1,2,3,4,5].map(value => h("option", { key: value, value: String(value) }, t("marks.priority." + value)))
+                  )
+                )
+              ),
+              h("div", { className: "sm-markFilters" },
+                h("div", { className: "sm-markFiltersGroup" },
+                  filterBtn("all", t("panel.filter.all")),
+                  filterBtn("active", t("panel.filter.active")),
+                  filterBtn("archived", t("panel.filter.archived")),
+                  h("button", { type: "button", className: "sm-filterBtn sm-markFilterToggle" + (onlyFavorite ? " sm-on" : ""), "aria-label": t("marks.filter.favorite.aria"), "aria-pressed": onlyFavorite, disabled: !marksReady, onClick: () => setOnlyFavorite(value => !value) }, "★ " + t("marks.filter.favorite")),
+                  h("button", { type: "button", className: "sm-filterBtn sm-markFilterToggle" + (onlyReview ? " sm-on" : ""), "aria-label": t("marks.filter.review.aria"), "aria-pressed": onlyReview, disabled: !marksReady, onClick: () => setOnlyReview(value => !value) }, "◷ " + t("marks.filter.review"))
+                ),
+                h("div", { className: "sm-markFiltersSpacer" }),
+                h("div", { className: "sm-markFiltersGroup" },
+                  h("button", {
+                    type: "button",
+                    className: "sm-filterBtn" + (selectModeEnabled ? " sm-on" : ""),
+                    disabled: busyId !== null || migrating,
+                    "aria-pressed": selectModeEnabled,
+                    "aria-label": t(selectModeEnabled ? "panel.selectMode.active.aria" : "panel.selectMode.aria"),
+                    onClick: toggleSelectMode
+                  }, selectModeEnabled ? t("panel.selectMode.exit") : t("panel.selectMode")),
+                  h("button", { type: "button", className: "sm-filterBtn sm-bulkSelectBtn", disabled: rows.length === 0 || rows.length === selectedIds.size || bulkBusy, onClick: onBulkSelectAll, "aria-label": t("bulk.selectAllFiltered") }, t("bulk.selectAllFiltered")),
+                  h("button", { type: "button", className: "sm-filterBtn sm-bulkSelectBtn", disabled: selectedIds.size === 0 || bulkBusy, onClick: onBulkClear, "aria-label": t("bulk.clear") }, t("bulk.clear"))
+                )
+              ),
+              h("div", { className: "sm-resultSummary" },
+                h("span", { role: "status", "aria-live": "polite", "aria-atomic": "true" }, t("panel.count", { shown: rows.length, total: allRows.length })),
+                hasViewChanges ? h("button", { type: "button", className: "sm-resetFilters", onClick: resetView }, t("panel.reset")) : null
+              ),
+              annotations.loading && !annotations.loaded ? h("div", { className: "sm-workspaceNotice", role: "status" }, t("marks.loading")) : null,
+              annotations.error ? h("div", { className: "sm-workspaceNotice", role: "alert" }, t("marks.error", { message: annotations.error }), h("button", { type: "button", className: "sm-resetFilters", onClick: () => annotationStore.load(true) }, t("marks.retry"))) : null,
+              creationTimeUnavailable && !workspacesLoading ? h("div", { className: "sm-workspaceNotice", role: "status" }, t("panel.sort.unavailable")) : null,
+              workspacesLoading ? h("div", { className: "sm-workspaceNotice", role: "status" }, t("panel.workspace.loading")) : null,
+              workspacesError ? h("div", { className: "sm-workspaceNotice", role: "alert" },
+                h("span", null, t("panel.workspace.error", { message: workspacesError })),
+                h("button", { type: "button", className: "sm-resetFilters", onClick: () => setWorkspaceRefresh(value => value + 1) }, t("panel.workspace.retry"))
+              ) : null
+            ),
+            error ? h("div", { className: "sm-error", role: "alert" }, t("error.operation", { message: error })) : null,
+            (selectedIds.size > 0 || selectModeEnabled) ? h(BulkActionBar, {
+              t, selectedCount: selectedIds.size, filteredCount: rows.length, busy: bulkBusy,
+              onSelectAll: onBulkSelectAll, onClear: onBulkClear,
+              onAction: onBulkAction,
+              onOpenTagDialog: onBulkTagsAdd,
+              onOpenPriorityDialog: onBulkPriority,
+              onOpenMoveDialog: onBulkMove,
+              onOpenPresetDialog: onBulkPreset
+            }) : null,
+            rowsList
+          )
+        )
+      );
+
+      const deleteDialog = confirmFor === null ? null : h(ConfirmDialog, {
+        open: true,
+        onClose: () => { if (busyId === null) setConfirmFor(null); },
+        title: t("confirm.delete.title"),
+        description: t("confirm.delete.desc", { title: confirmFor.displayTitle || confirmFor.id }),
+        warning: confirmFor.running ? t("confirm.delete.running") : null,
+        confirmLabel: t("confirm.delete.confirm"),
+        cancelLabel: t("confirm.cancel"),
+        busy: busyId !== null,
+        danger: true,
+        onCancel: () => { if (busyId === null) setConfirmFor(null); },
+        onConfirm: () => {
+          const target = confirmFor;
+          setConfirmFor(null);
+          runRow(target.id, () => onRemove(target.id));
+        }
+      });
+      const moveDialog = moveFor === null ? null : h(MoveDialog, {
+        open: true,
+        onClose: () => { if (busyId === null) setMoveFor(null); },
+        title: t("confirm.move.title"),
+        description: t("confirm.move.desc", { title: moveFor.displayTitle || moveFor.id }),
+        sessionTitle: moveFor.displayTitle || moveFor.id,
+        currentWorkspaceId: moveFor.workspaceId,
+        workspaces: workspaces,
+        confirmLabel: t("confirm.move.confirm"),
+        cancelLabel: t("confirm.cancel"),
+        busy: busyId !== null,
+        onCancel: () => { if (busyId === null) setMoveFor(null); },
+        onConfirm: (targetWorkspaceId) => {
+          const target = moveFor;
+          setMoveFor(null);
+          runRow(target.id, async () => {
+            await onMove(target.id, targetWorkspaceId);
+            setWorkspaceRefresh(value => value + 1);
+          });
+        }
+      });
+      const migrateDialog = migrateFor === null ? null : h(MigratePresetDialog, {
+        open: true,
+        t: t,
+        sessionId: migrateFor.id,
+        currentPreset: migrateFor.agentPreset || "",
+        onCancel: () => { if (!migrating) setMigrateFor(null); },
+        busy: migrating,
+        onRun: async (targetPreset) => {
+          const target = migrateFor;
+          setMigrating(true);
+          setError(null);
+          try {
+            await onMigrate(target.id, targetPreset);
+            setMigrateFor(null);
+            try { window.alert(t("migrate.completed", { preset: targetPreset })); } catch (_) {}
+          } catch (error) {
+            setError(error instanceof Error ? error.message : String(error));
+            setMigrateFor(null);
+          } finally {
+            setMigrating(false);
+          }
+        }
+      });
+      // Render the panel AND the inner dialog as siblings so React keeps
+      // both mounted. CSS z-index keeps the right ordering: the inner
+      // dialog (.sm-confirmDialog / .sm-moveDialog / .sm-migrateDialog)
+      // carries z-index 10000 and therefore sits ON TOP OF the panel
+      // (z-index 9999). Clicking inside the panel that the inner dialog
+      // blocks is not possible because the inner backdrop covers the
+      // panel area entirely (the inner modal is centered).
+      const annotationDialog = annotationFor ? h(AnnotationDialog, { key: annotationFor.id, sessionId: annotationFor.id, displayTitle: annotationFor.displayTitle || annotationFor.id, t, anchor: annotationAnchor, onClose: () => { setAnnotationFor(null); setAnnotationAnchor(null); } }) : null;
+      // Render panel + ALL inner dialogs together; z-index ordering puts
+      // whichever dialog is open above the panel. The bulk dialogs are
+      // appended here so destructive actions get a preview, in-flight
+      // operations get a progress bar, and finished runs show per-id
+      // success / failed / skipped counts.
+      // Map bulk action -> 4-char confirm label ("确认<verb>"). Delete is
+      // the only destructive action routed through BatchPreviewDialog, so it
+      // also gets danger: true so the confirm button paints red.
+      const bulkConfirmLabelFor = (action) => ({
+        archive: t("bulk.confirm.archive"),
+        unarchive: t("bulk.confirm.unarchive"),
+        favorite: t("bulk.confirm.favorite"),
+        unfavorite: t("bulk.confirm.unfavorite"),
+        review: t("bulk.confirm.review"),
+        unreview: t("bulk.confirm.unreview"),
+        "add-tags": t("bulk.confirm.tagsAdd"),
+        "remove-tags": t("bulk.confirm.tagsRemove"),
+        "set-priority": t("bulk.confirm.priority"),
+        move: t("bulk.confirm.move"),
+        "preset-migrate": t("bulk.confirm.presetMigrate"),
+        delete: t("bulk.confirm.delete")
+      })[action] || t("bulk.dialog.execute");
+      const bulkPreviewDialog = bulkPreview ? h(BatchPreviewDialog, {
+        open: true, t, actionLabel: bulkPreview.actionLabel,
+        sessions: bulkPreview.sessions, warning: bulkPreview.warning,
+        confirmLabel: bulkConfirmLabelFor(bulkPreview.action),
+        danger: bulkPreview.action === "delete",
+        onCancel: () => setBulkPreview(null),
+        onExecute: () => {
+          const preview = bulkPreview;
+          setBulkPreview(null);
+          void executeBulk({
+            action: preview.action, payload: preview.payload,
+            actionLabel: preview.actionLabel,
+            ids: preview.sessions.map(s => s.id), sessions: preview.sessions
+          });
+        }
+      }) : null;
+      const bulkProgressDialog = bulkProgress ? h(BatchProgressDialog, {
+        open: true, t, actionLabel: bulkProgress.actionLabel,
+        done: bulkProgress.done, total: bulkProgress.total, completed: false,
+        onCancel: () => { try { bulkProgress.cancel(); } catch (_) {} }
+      }) : null;
+      const bulkResultDialog = bulkResult ? h(BatchResultDialog, {
+        open: true, t, actionLabel: bulkResult.actionLabel,
+        items: bulkResult.items,
+        onClose: () => { setBulkResult(null); clearSelection(); },
+        onRetry: (failedIds) => {
+          const last = bulkResult;
+          setBulkResult(null);
+          retryFailedBulk(failedIds, last.action, last.payload, last.actionLabel);
+        }
+      }) : null;
+      const bulkTagDialog = bulkTagDraft && bulkTagDraft.mode === "add" ? h(BulkTagInputDialog, {
+        open: true, t, title: t("bulk.tagsAdd"),
+        confirmLabel: t("bulk.confirm.tagsAdd"),
+        onCancel: () => setBulkTagDraft(null),
+        onApply: onBulkTagApply
+      }) : null;
+      const bulkPriorityDialog = bulkTagDraft && bulkTagDraft.mode === "priority" ? h(BulkChoiceDialog, {
+        open: true, t, title: t("bulk.priority"),
+        description: t("bulk.dialog.summary", { count: selectedIds.size, action: t("bulk.priority") }),
+        options: bulkPriorityOptions,
+        confirmLabel: t("bulk.confirm.priority"),
+        onCancel: () => setBulkTagDraft(null),
+        onApply: onBulkPriorityApply
+      }) : null;
+      const bulkMoveDialog = bulkTagDraft && bulkTagDraft.mode === "move" ? h(BulkChoiceDialog, {
+        open: true, t, title: t("bulk.move"),
+        description: t("bulk.dialog.summary", { count: selectedIds.size, action: t("bulk.move") }),
+        options: bulkMoveOptions,
+        confirmLabel: t("bulk.confirm.move"),
+        onCancel: () => setBulkTagDraft(null),
+        onApply: onBulkMoveApply
+      }) : null;
+      const bulkPresetDialog = bulkPresetDraft ? h(BulkChoiceDialog, {
+        open: true, t, title: t("bulk.presetMigrate"),
+        description: t("bulk.dialog.summary", { count: selectedIds.size, action: t("bulk.presetMigrate") }),
+        options: bulkPresetOptions,
+        confirmLabel: t("bulk.confirm.presetMigrate"),
+        onCancel: () => setBulkPresetDraft(null),
+        onApply: onBulkPresetApply
+      }) : null;
+      // Bulk dialogs sit at z-index 10002 (set in CSS) so they overlap the
+      return h(React.Fragment, null, panelModal, annotationDialog, moveDialog, deleteDialog, migrateDialog, bulkPreviewDialog, bulkProgressDialog, bulkResultDialog, bulkTagDialog, bulkPriorityDialog, bulkMoveDialog, bulkPresetDialog);
+    }
+
+    function HeaderAction(props) {
+      const t = props.t;
+      const sessionId = props.sessionId;
+      const annotations = useAnnotations();
+      const [annotationFor, setAnnotationFor] = useState(null);
+      const [annotationAnchor, setAnnotationAnchor] = useState(null);
+      // Slot framework spreads inject-factory return into top-level props,
+      // so the action callbacks live directly on props (not under .actions).
+      const onArchive = props.onArchive, onUnarchive = props.onUnarchive;
+      const onMove = props.onMove, onRemove = props.onRemove;
+      // Archive state lives in the workspace registry's archivedSessionIds
+      // (exposed through the global standard kit's useWorkspaces selector).
+      const useWorkspaces = props.useWorkspaces;
+      const archivedIds = (useWorkspaces ? useWorkspaces((s) => s.archivedSessionIds) : null) || [];
+      const isArchived = archivedIds.includes(sessionId);
+
+      const [confirmFor, setConfirmFor] = useState(null);
+      const [confirmAnchor, setConfirmAnchor] = useState(null);
+      const [moveFor, setMoveFor] = useState(null);
+      const [moveAnchor, setMoveAnchor] = useState(null);
+      const [workspaces, setWorkspaces] = useState([]);
+      const runWithAlert = (label, fn) => {
+        return Promise.resolve()
+          .then(() => fn())
+          .catch((e) => {
+            try {
+              const msg = e instanceof Error ? e.message : String(e);
+              window.alert(((t && t("error.operation")) || "操作失败：{message}").replace("{message}", msg));
+            } catch (_) {}
+          });
+      };
+      useEffect(() => {
+        if (!moveFor) { setWorkspaces([]); return; }
+        let alive = true;
+        fetchApi("/workspaces").then((d) => {
+          if (alive && d && d.ok) setWorkspaces(d.result.workspaces || []);
+        });
+        return () => { alive = false; };
+      }, [moveFor ? (moveFor.id || "x") : null]);
+      // All three HeaderAction dialogs (annotation / move / delete)
+      // share a 360px width. Anchor the dialog's right edge to the
+      // trigger button's right edge, with 8px screen-edge padding.
+      const anchorFor = (el) => {
+        if (!el || typeof el.getBoundingClientRect !== "function") return null;
+        const r = el.getBoundingClientRect();
+        return {
+          top: Math.round(r.top + r.height + 6),
+          left: Math.max(8, Math.round(r.right - 360))
+        };
+      };
+      const archiveLabelKey = isArchived ? "row.unarchive" : "row.archive";
+      return h(React.Fragment, null,
+        annotationFor ? h(AnnotationDialog, { key: annotationFor.id, sessionId: annotationFor.id, displayTitle: annotationFor.displayTitle, t, anchor: annotationAnchor, onClose: () => { setAnnotationFor(null); setAnnotationAnchor(null); } }) : null,
+        h("div", { className: "sm-header" },
+          h("button", {
+            type: "button",
+            className: "sm-headerBtn" + (isArchived ? " sm-headerBtnActive" : ""),
+            "aria-label": t ? t(archiveLabelKey) : (isArchived ? "移出归档" : "归档会话"),
+            onClick: () => runWithAlert("archive", () =>
+              isArchived ? onUnarchive(sessionId) : onArchive(sessionId)
+            )
+          }, isArchived ? (t ? t("row.unarchive") : "移出归档") : (t ? t("row.archive") : "归档")),
+
+          annotationButtons(sessionId, props.displayTitle || sessionId, t, annotations, "sm-headerBtn", patch => runWithAlert("annotations", () => annotationStore.save(sessionId, patch)), (e) => {
+            const nextOpen = !(annotationFor && annotationFor.id === sessionId);
+            // Do NOT clear moveFor / confirmFor here: the z-index counter
+            // (see nextDialogZ) decides stacking, so opening the annotation
+            // popup must not silently dismiss a previously opened move or
+            // delete popup on the same session.
+            if (nextOpen && e && e.currentTarget) {
+              const r = e.currentTarget.getBoundingClientRect();
+              setAnnotationAnchor({ top: Math.round(r.top + r.height + 6), left: Math.max(8, Math.round(r.right - 360)) });
+            } else setAnnotationAnchor(null);
+            setAnnotationFor(current => current?.id === sessionId ? null : { id: sessionId, displayTitle: props.displayTitle || sessionId });
+          }, false, annotationFor?.id === sessionId),
+          annotations.error ? h("button", { type: "button", className: "sm-headerBtn", title: t("marks.error", { message: annotations.error }), "aria-label": t("marks.retry"), onClick: () => annotationStore.load(true) }, "!") : null,
+
+          h("button", {
+            type: "button",
+            className: "sm-headerBtn" + (moveFor ? " sm-headerBtnActive" : ""),
+            "aria-label": t ? t("row.move") : "移动至工作区",
+            onClick: (e) => {
+              e.stopPropagation();
+              // Do NOT clear confirmFor / confirmAnchor here: opening the
+              // move popup must not silently dismiss a previously opened
+              // delete popup on the same session. The z-index counter
+              // (see nextDialogZ) handles stacking.
+              if (moveFor && moveFor.id === sessionId) {
+                setMoveFor(null);
+                setMoveAnchor(null);
+              } else {
+                setMoveAnchor(anchorFor(e.currentTarget));
+                setMoveFor({ id: sessionId, displayTitle: sessionId, workspaceId: "" });
+              }
+            }
+          }, t ? t("row.move") : "移动至工作区"),
+          h("button", {
+            type: "button",
+            className: "sm-headerBtn sm-headerBtnDanger" + (confirmFor ? " sm-headerBtnActive" : ""),
+            "aria-label": t ? t("row.delete") : "删除会话",
+            onClick: (e) => {
+              e.stopPropagation();
+              // Do NOT clear moveFor / moveAnchor here: opening the delete
+              // popup must not silently dismiss a previously opened move
+              // popup on the same session. The z-index counter (see
+              // nextDialogZ) handles stacking.
+              if (confirmFor && confirmFor.id === sessionId) {
+                setConfirmFor(null);
+                setConfirmAnchor(null);
+              } else {
+                setConfirmAnchor(anchorFor(e.currentTarget));
+                setConfirmFor({ id: sessionId, displayTitle: sessionId });
+              }
+            }
+          }, t ? t("row.delete") : "删除会话")
+        ),
+        confirmFor === null ? null : h(ConfirmDialog, {
+          open: true,
+          anchor: confirmAnchor,
+          onClose: () => setConfirmFor(null),
+          onCancel: () => setConfirmFor(null),
+          onConfirm: () => {
+            const target = confirmFor;
+            setConfirmFor(null);
+            runWithAlert("delete", () => onRemove(target.id));
+          },
+          title: t ? t("confirm.delete.title") : "删除会话",
+          description: (confirmFor && (t ? t("confirm.delete.desc", { title: confirmFor.displayTitle || confirmFor.id }) : ("将删除 " + (confirmFor.displayTitle || confirmFor.id)))) || "",
+          confirmLabel: t ? t("confirm.delete.confirm") : "确认删除",
+          cancelLabel: t ? t("confirm.cancel") : "取消",
+          busy: false,
+          danger: true
+        }),
+        moveFor === null ? null : h(MoveDialog, {
+          open: true,
+          anchor: moveAnchor,
+          t: t,
+          workspaces: workspaces,
+          currentWorkspaceId: moveFor.workspaceId || "",
+          onClose: () => { setMoveFor(null); setMoveAnchor(null); },
+          onCancel: () => { setMoveFor(null); setMoveAnchor(null); },
+          title: t ? t("confirm.move.title") : "移动会话到工作区",
+          description: (moveFor && (t ? t("confirm.move.desc", { title: moveFor.displayTitle || moveFor.id }) : "")) || "",
+          sessionTitle: moveFor.displayTitle || moveFor.id,
+          confirmLabel: t ? t("confirm.move.confirm") : "确认移动",
+          cancelLabel: t ? t("confirm.cancel") : "取消",
+          busy: false,
+          onConfirm: (targetWorkspaceId) => {
+            const target = moveFor;
+            setMoveFor(null);
+            setMoveAnchor(null);
+            runWithAlert("move", () => onMove(target.id, targetWorkspaceId));
+          }
+        })
+      );
+    }
+
+    class SafePanel extends React.Component {
+      constructor(p) { super(p); this.state = { failed: false }; }
+      static getDerivedStateFromError() { return { failed: true }; }
+      componentDidCatch(error) { try { console.error("[dsh-session-manager] SessionManagerPanel crashed:", error); } catch (_) {} }
+      render() {
+        if (this.state.failed) return null;
+        return h(SessionManagerPanel, {
+          open: true,
+          onClose: () => { try { this.props.panelStore.set(false); } catch (_) {} },
+          useSessions: this.props.useSessions,
+          useWorkspaces: this.props.useWorkspaces,
+          t: this.props.t,
+          // Bulk operations need to refresh ctx.sessions.list and the
+          // workspace projection after /batch mutates disk state so the
+          // panel reflects the new layout.
+          onRefreshAfterBulk: async () => {
+            try { await this.props.props.onBulkRefresh(); } catch (_) { /* ignore */ }
+          },
+          onOpen: (id) => { try { this.props.panelStore.set(false); this.props.props.onOpen(id); } catch (_) {} },
+          onArchive: this.props.props.onArchive,
+          onUnarchive: this.props.props.onUnarchive,
+          onRemove: this.props.props.onRemove,
+          onMove: this.props.props.onMove,
+          onMigrate: this.props.props.onMigrate
+        });
+      }
+    }
+
+    function FooterAction(props) {
+      const t = props.t;
+      const onOpenPanel = props.onOpenPanel;
+      // props.wide comes from SidebarRoot via SidebarFooterActionOwnerProps.
+      // When the sidebar is collapsed into the 56px rail, render a 36x36
+      // icon-only button so the Chinese label does not word-wrap vertically
+      // (issue #16); when expanded, render a full-width row with icon +
+      // label, left-aligned to match neighbouring footer entries.
+      const wide = props.wide === true;
+      const open = useSyncExternalStore(
+        (cb) => panelStore.subscribe(cb),
+        () => panelStore.getSnapshot(),
+        () => panelStore.getSnapshot()
+      );
+      const footerClass = "sm-footer" + (wide ? " sm-footer-wide" : " sm-footer-rail");
+      const btnClass = "sm-footerBtn" + (wide ? " sm-footerBtn-wide" : " sm-footerBtn-rail");
+      const btnLabel = t("footer.aria");
+      return h("div", { className: footerClass },
+        h("button", {
+          type: "button",
+          className: btnClass,
+          "aria-label": btnLabel,
+          title: wide ? undefined : btnLabel,
+          onClick: () => onOpenPanel()
+        },
+          h(P.IconArchiveOutlineRegular, { size: wide ? 14 : 18 }),
+          wide ? h("span", { className: "sm-footerBtn-label" }, t("footer.label")) : null
+        ),
+        open ? h(SafePanel, {
+          panelStore: panelStore,
+          props: props,
+          t: t,
+          useSessions: props.useSessions,
+          useWorkspaces: props.useWorkspaces,
+        }) : null
+      );
+    }
+
+    function apply(ctx) {
+      ctx.effect(() => {
+        const refresh = () => { if (annotationStore.hasSubscribers()) void annotationStore.load(true); };
+        window.addEventListener("focus", refresh);
+        let channel;
+        try {
+          if (typeof BroadcastChannel === "function") {
+            channel = new BroadcastChannel("dsh-session-manager-annotations-v1");
+            channel.onmessage = event => { if (event.data?.type === "changed") refresh(); };
+            annotationStore.notify = () => channel.postMessage({ type: "changed" });
+          }
+        } catch (_) { /* unavailable browser messaging: focus refresh still works */ }
+        return () => { window.removeEventListener("focus", refresh); channel?.close(); annotationStore.notify = null; };
+      }, "session-manager: annotation synchronization");
+      ctx.effect(() => ctx.locale.register(NS, { zh, en }), "session-manager: dictionaries");
+      const actions = () => ({
+        // DSH 0.1.6+ removed ctx.sessions.open(); the navigation owner is
+        // `ctx.uiWorkspace.openSession()`, and the bare SessionController only
+        // exposes `retain()`. Pick the live surface so the row's "Open" button
+        // actually navigates on every supported host build.
+        onOpen: (sessionId) => {
+          const uiWorkspace = ctx.uiWorkspace;
+          if (uiWorkspace && typeof uiWorkspace.openSession === "function") {
+            uiWorkspace.openSession(sessionId);
+            return;
+          }
+          const sessions = ctx.sessions;
+          if (sessions && typeof sessions.retain === "function") {
+            // The bare retain() returns a SessionReference whose release()
+            // tears down the in-memory binding; the user normally expects the
+            // session to stay open, so a header-less build simply keeps it.
+            sessions.retain(sessionId, { source: "mainView" });
+            return;
+          }
+          throw new Error("session-manager: no Session open API on this DSH host");
+        },
+        onArchive: async (sessionId) => { await ctx.workspaces.archiveSession(sessionId); },
+        onUnarchive: async (sessionId) => {
+          const response = await callApi("/unarchive", { sessionId });
+          if (!response.ok) throw new Error(response.error || "unarchive failed");
+        },
+        onRemove: async (sessionId) => {
+          const response = await callApi("/delete", { sessionId });
+          if (!response.ok) throw new Error(response.error || "delete failed");
+          await annotationStore.load(true);
+          if (response.result?.warning) window.alert(response.result.warning);
+          const current = ctx.sessions.list.getSnapshot().current;
+          if (current === sessionId) ctx.sessions.clear();
+        },
+        onMove: async (sessionId, targetWorkspaceId) => {
+          const wasCurrent = ctx.sessions.list.getSnapshot().current === sessionId;
+          const response = await callApi("/move", { sessionId, targetWorkspaceId });
+          if (!response.ok) throw new Error(response.error || "move failed");
+          const refreshMovedSession = async () => {
+            await Promise.allSettled([
+              typeof ctx.workspaces?.refresh === "function" ? ctx.workspaces.refresh() : Promise.resolve(),
+              ctx.sessions.refresh()
+            ]);
+            if (wasCurrent && ctx.sessions.list.getSnapshot().byId[sessionId] !== undefined) {
+              ctx.sessions.open(sessionId);
+            }
+          };
+          // The 0.4.6+ move path keeps the live agent/session intact (no
+          // session/disposed, no half-resumed Session object), so the chat
+          // panel keeps the in-memory session as active. We still refresh
+          // the workspace + session-list projections so the destination
+          // workspace and the moved row appear without a manual refresh.
+          await refreshMovedSession();
+          setTimeout(() => { void refreshMovedSession(); }, 250);
+          setTimeout(() => { void refreshMovedSession(); }, 900);
+        },
+        onMigrate: async (sessionId, toPreset) => {
+          const wasCurrent = ctx.sessions.list.getSnapshot().current === sessionId;
+          const response = await callApi("/preset-migrate", { sessionId, toPreset });
+          if (!response.ok) throw new Error(response.error || "preset migration failed");
+          // The current DSH client session store derives agentPreset from
+          // the refreshed projection; older builds exposed noteAgentPreset,
+        onOpenPanel: () => panelStore.toggle(),
+          await ctx.sessions.refresh();
+          // The migrate rewrite happens in-process on the live session, so
+          // we just need a delayed baseline to let the api-gateway's projection
+          // settle before re-activating the in-memory session.
+          setTimeout(() => {
+            void ctx.sessions.refresh().then(() => {
+              if (wasCurrent) ctx.sessions.open(sessionId);
+            }).catch(() => {});
+          }, 250);
+        },
+        onOpenPanel: () => panelStore.toggle(),
+        onBulkRefresh: async () => { try { await ctx.sessions.refresh(); } catch (_) { /* ignore */ } try { await ctx.workspaces.refresh(); } catch (_) { /* ignore */ } },
+      });
+      ctx.slots.inject("conversation.session.header.actions", () => ctx.slots.register({
+        name: "conversation.session.header.actions",
+        id: "session-manager-header",
+        order: 40,
+        locale: NS,
+        inject: () => actions()
+      }, HeaderAction));
+      ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
+        name: "sidebar.footer.action",
+        id: "session-manager-footer",
+        order: 30,
+        locale: NS,
+        inject: () => actions()
+      }, FooterAction));
+    }
+
+    const inject = ["slots", "sessions", "workspaces", "locale", "uiWorkspace"];
+
+    exports.apply = apply;
+    exports.inject = inject;
+    return module.exports;
+  }
+});