dsh-session-manager 0.6.4 → 0.7.1

package/lib/client.js

@@ -174,8 +174,8 @@ function isTopmostDialog(z) {
       "menu.delete": "删除会话…",
       "menu.move": "移动到工作区…",
       "menu.manage": "打开会话管理…",
-      "footer.aria": "会话管理",
-      "footer.label": "会话管理",
+      "footer.aria": "会话与工作区",
+      "footer.label": "会话与工作区",
       "panel.title": "会话管理",
       "panel.github.title": "欢迎Star和提交Issue",
       "panel.update.title": "检查更新",
@@ -200,14 +200,14 @@ function isTopmostDialog(z) {
       "update.autoCheck": "自动检查更新",
       "update.autoCheck.enable": "开启",
       "settings.registry": "安装源",
-      "settings.registry.npm": "npm 官方源 registry.npmjs.org",
-      "settings.registry.china": "中国大陆镜像源 registry.npmmirror.com",
+      "settings.registry.npm": "npm 官方源 (npmjs.org)",
+      "settings.registry.china": "国内镜像源 (npmmirror.com)",
       "settings.title": "会话管理",
       "settings.pluginName": "dsh-session-manager",
       "settings.versionSection": "插件版本",
       "settings.prefSection": "偏好设置",
       "settings.dialogOpacity": "弹窗透明度",
-      "settings.dialogOpacity.hint": "仅调整插件弹窗的背景透明度；文字、按钮、输入框和边框保持不透明。",
+      "settings.dialogOpacity.hint": "仅调整插件弹窗的背景透明度",
       "settings.dialogOpacity.value": "{value}%",
       "settings.dialogOpacity.reset": "恢复默认",
       "settings.projectSection": "项目",
@@ -229,6 +229,8 @@ function isTopmostDialog(z) {
       "panel.sort.updated-asc": "最早更新",
       "panel.sort.created-desc": "最新创建",
       "panel.sort.created-asc": "最早创建",
+      "panel.sort.name-asc": "名称升序",
+      "panel.sort.name-desc": "名称降序",
       "panel.count": "显示 {shown} / {total} 个会话",
       "panel.reset": "重置筛选",
       "panel.empty.filtered": "没有匹配的会话，请调整搜索或筛选条件",
@@ -238,6 +240,9 @@ function isTopmostDialog(z) {
       "panel.empty": "暂无会话",
       "panel.empty.archived": "归档为空",
       "panel.archived": "已归档",
+      "panel.workspaceArchived": "工作区已归档",
+      "notice.workspaceReAdded": "工作区已恢复显示，但旧会话继续归档",
+      "error.workspaceArchived": "所属工作区已归档，无法取消归档该会话。请先在工作区管理中恢复工作区。",
       "panel.running": "运行中",
       "panel.current": "当前",
       "panel.session.new": "新建会话",
@@ -259,6 +264,9 @@ function isTopmostDialog(z) {
       "confirm.delete.title": "删除会话",
       "confirm.delete.desc": "「{title}」：删除，不可恢复",
       "confirm.delete.running": "该会话正在运行，删除将立即中断它。",
+      "confirm.delete.subagents": "将连带删除 {count} 个关联的子智能体会话。",
+      "confirm.delete.previewLoading": "正在检查关联的子智能体会话…",
+      "confirm.delete.previewError": "检查关联子智能体会话失败，无法确认删除安全，请稍后重试。",
       "confirm.delete.confirm": "确认删除",
       "confirm.move.title": "移动会话到工作区",
       "confirm.move.desc": "「{title}」：移动至目标工作区",
@@ -273,9 +281,34 @@ function isTopmostDialog(z) {
       "error.operation": "操作失败：{message}",
       "workspace.default": "默认工作区",
       "workspace.sessions": "{count} 个会话",
+      "panel.tab.sessions": "会话管理",
+      "panel.tab.workspaces": "工作区管理",
+      "workspace.search": "搜索工作区名称或路径",
+      "workspace.filter.all": "全部",
+      "workspace.filter.active": "未归档",
+      "workspace.filter.archived": "已归档",
+      "workspace.sort.updated-desc": "最近更新",
+      "workspace.sort.updated-asc": "最早更新",
+      "workspace.sort.name-asc": "名称升序",
+      "workspace.sort.name-desc": "名称降序",
+      "workspace.bulk.archive": "归档",
+      "workspace.bulk.unarchive": "取消归档",
+      "workspace.count": "显示 {shown} / {total} 个工作区",
+      "workspace.reset": "重置筛选",
+      "workspace.empty.filtered": "没有匹配的工作区，请调整搜索或筛选条件",
+      "workspace.empty": "暂无工作区",
+      "workspace.badge.archived": "已归档",
+      "workspace.lastUpdated": "最近更新：{time}",
+      "workspace.switch.active": "已在原生侧边栏显示（点击归档隐藏）",
+      "workspace.switch.archived": "已在原生侧边栏隐藏（点击恢复显示）",
+      "workspace.switch.aria": "工作区显示开关：{name}",
+      "workspace.archive.confirm.title": "归档工作区",
+      "workspace.archive.confirm.desc": "确认归档工作区「{name}」？此操作将同时归档该工作区下的 {count} 个未归档会话并在原生侧边栏隐藏该工作区。",
+      "workspace.archive.failed": "归档工作区失败：{message}",
+      "workspace.unarchive.failed": "恢复工作区失败：{message}",
       "bulk.title": "批量管理",
       "bulk.selectedFiltered": "已选 {selected} / {filtered} 项",
-      "bulk.selectAllFiltered": "全选当前筛选",
+      "bulk.selectAllFiltered": "全选筛选",
       "bulk.clear": "清空选择",
       "bulk.archive": "归档",
       "bulk.unarchive": "取消归档",
@@ -412,8 +445,8 @@ function isTopmostDialog(z) {
       "menu.delete": "Delete session…",
       "menu.move": "Move to workspace…",
       "menu.manage": "Open session manager…",
-      "footer.aria": "Session manager",
-      "footer.label": "Sessions",
+      "footer.aria": "Sessions & Workspaces",
+      "footer.label": "Sessions & Workspaces",
       "panel.title": "Session manager",
       "panel.github.title": "Star the project or open an issue",
       "panel.update.title": "Check for updates",
@@ -438,14 +471,14 @@ function isTopmostDialog(z) {
       "update.autoCheck": "Automatically check for updates",
       "update.autoCheck.enable": "Enable",
       "settings.registry": "Install Source",
-      "settings.registry.npm": "npm official registry.npmjs.org",
-      "settings.registry.china": "China mainland mirror registry.npmmirror.com",
+      "settings.registry.npm": "Official npm (npmjs.org)",
+      "settings.registry.china": "China mirror (npmmirror.com)",
       "settings.title": "Session Manager",
       "settings.pluginName": "dsh-session-manager",
       "settings.versionSection": "Plugin Version",
       "settings.prefSection": "Preferences",
       "settings.dialogOpacity": "Dialog opacity",
-      "settings.dialogOpacity.hint": "Adjusts the plugin dialog background only; text, buttons, inputs and borders stay opaque.",
+      "settings.dialogOpacity.hint": "Adjusts dialog background opacity only",
       "settings.dialogOpacity.value": "{value}%",
       "settings.dialogOpacity.reset": "Reset to default",
       "settings.projectSection": "Project",
@@ -467,6 +500,8 @@ function isTopmostDialog(z) {
       "panel.sort.updated-asc": "Least recently updated",
       "panel.sort.created-desc": "Newest created",
       "panel.sort.created-asc": "Oldest created",
+      "panel.sort.name-asc": "Name (A-Z)",
+      "panel.sort.name-desc": "Name (Z-A)",
       "panel.count": "Showing {shown} / {total} sessions",
       "panel.reset": "Reset filters",
       "panel.empty.filtered": "No matching sessions. Adjust your search or filters.",
@@ -543,6 +578,9 @@ function isTopmostDialog(z) {
       "panel.empty": "No sessions",
       "panel.empty.archived": "No archived sessions",
       "panel.archived": "Archived",
+      "panel.workspaceArchived": "Workspace Archived",
+      "notice.workspaceReAdded": "Workspace restored to view, but previous sessions remain archived.",
+      "error.workspaceArchived": "The workspace for this session is archived. Please restore the workspace in Workspace Management first.",
       "panel.running": "Running",
       "panel.current": "Current",
       "panel.session.new": "New session",
@@ -564,6 +602,9 @@ function isTopmostDialog(z) {
       "confirm.delete.title": "Delete session",
       "confirm.delete.desc": "\"{title}\": Delete, cannot be undone",
       "confirm.delete.running": "This session is running; deleting will interrupt it immediately.",
+      "confirm.delete.subagents": "Will also delete {count} associated subagent session(s).",
+      "confirm.delete.previewLoading": "Checking for associated subagent sessions...",
+      "confirm.delete.previewError": "Failed to check associated subagents. Cannot verify deletion safety. Please try again later.",
       "confirm.delete.confirm": "Delete",
       "confirm.move.title": "Move session to workspace",
       "confirm.move.desc": "\"{title}\": Move to target workspace",
@@ -577,7 +618,52 @@ function isTopmostDialog(z) {
       "busy.processing": "Working…",
       "error.operation": "Operation failed: {message}",
       "workspace.default": "Default workspace",
-      "workspace.sessions": "{count} sessions"
+      "workspace.sessions": "{count} sessions",
+      "panel.tab.sessions": "Sessions",
+      "panel.tab.workspaces": "Workspaces",
+      "workspace.search": "Search by name or path",
+      "workspace.filter.all": "All",
+      "workspace.filter.active": "Active",
+      "workspace.filter.archived": "Archived",
+      "workspace.sort.updated-desc": "Recently updated",
+      "workspace.sort.updated-asc": "Earliest updated",
+      "workspace.sort.name-asc": "Name (A-Z)",
+      "workspace.sort.name-desc": "Name (Z-A)",
+      "workspace.bulk.archive": "Archive",
+      "workspace.bulk.unarchive": "Unarchive",
+      "workspace.count": "Showing {shown} / {total} workspaces",
+      "workspace.reset": "Reset filters",
+      "workspace.empty.filtered": "No matching workspaces",
+      "workspace.empty": "No workspaces",
+      "workspace.badge.archived": "Archived",
+      "workspace.lastUpdated": "Updated: {time}",
+      "workspace.switch.active": "Shown in sidebar (click to archive)",
+      "workspace.switch.archived": "Hidden from sidebar (click to restore)",
+      "workspace.switch.aria": "Workspace visibility toggle: {name}",
+      "workspace.archive.confirm.title": "Archive Workspace",
+      "workspace.archive.confirm.desc": "Archive workspace \"{name}\"? This will also archive {count} active sessions in this workspace and hide it from the sidebar.",
+      "workspace.archive.failed": "Failed to archive workspace: {message}",
+      "workspace.unarchive.failed": "Failed to restore workspace: {message}"
+    };
+
+    const smTranslate = (k, vars) => {
+      const lang = (typeof window !== "undefined" && window.__smActiveLanguage) || "zh";
+      const dict = lang === "en" ? (en[k] || zh[k] || k) : (zh[k] || en[k] || k);
+      if (!vars || typeof dict !== "string") return dict;
+      return dict.replace(/\{(\w+)\}/g, (_, key) => vars[key] !== undefined ? vars[key] : "{" + key + "}");
+    };
+
+    const showNotice = (msg) => {
+      if (!msg) return;
+      try {
+        if (activeClientCtx?.notifications?.info && typeof activeClientCtx.notifications.info === "function") {
+          activeClientCtx.notifications.info(msg);
+          return;
+        }
+      } catch (_) {}
+      if (typeof window !== "undefined" && typeof window.alert === "function") {
+        window.alert(msg);
+      }
     };
 
     const css = [
@@ -593,10 +679,15 @@ function isTopmostDialog(z) {
       ".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{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;transition:all .15s ease}",
+      ".sm-filterBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}",
+      ".sm-filterBtn:disabled{opacity:.4;cursor:not-allowed}",
       ".sm-filterBtn.sm-on{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform);border-color:transparent}",
-      ".sm-list{display:flex;flex-direction:column;gap:4px;min-height:0;overflow:auto;flex:1}",
+      ".sm-list{display:flex;flex-direction:column;gap:4px;min-height:0;overflow:auto;flex:1;scrollbar-gutter:stable}",
+      ".sm-list::-webkit-scrollbar{width:6px;height:6px}",
+      ".sm-list::-webkit-scrollbar-track{background:transparent}",
+      ".sm-list::-webkit-scrollbar-thumb{background:var(--dsw-alias-scrollbar-bg-l1,rgba(128,128,128,.2));border-radius:999px}",
+      ".sm-list::-webkit-scrollbar-thumb:hover{background:var(--dsw-alias-scrollbar-hover-l1,rgba(128,128,128,.35))}",
       ".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-state-business-primary,var(--dsw-alias-label-secondary))}",
@@ -607,6 +698,7 @@ function isTopmostDialog(z) {
       ".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-markdown-tag)}",
+      ".sm-badgeWorkspaceArchived{color:var(--dsw-alias-state-warn-label,#dd8629);background:var(--dsw-alias-state-warn-tertiary,#fef5e7)}",
       ".sm-badgeRunning{color:var(--dsw-alias-state-warn-label,#dd8629);background:var(--dsw-alias-state-warn-tertiary,#fef5e7)}",
       ".sm-badgeCurrent{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-markdown-tag)}",
       // The former .sm-danger / .sm-dangerText rules were removed: no element
@@ -628,7 +720,7 @@ function isTopmostDialog(z) {
       ".sm-moveItemSelected{border-color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-state-business-tertiary)}",
       ".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%;margin-top:4px;z-index:100005;display:flex;flex-direction:column;min-width:140px;padding:4px;background:var(--dsw-alias-bg-layer-2,#fff);border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15)}.sm-headerMenuItem{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:0 0;border:0;border-radius:6px;color:var(--dsw-alias-label-primary,#111);cursor:pointer;padding:6px 10px;font-size:13px;line-height:18px;white-space:nowrap}.sm-headerMenuItem:hover{background:var(--dsw-alias-interactive-bg-hover)}.sm-headerMenuItem:disabled{opacity:.5;cursor:not-allowed}.sm-headerMenuItem .sm-headerBtnIcon{width:20px;min-width:20px;text-align:center;flex-shrink:0}.sm-headerMenuItemDanger{color:var(--dsw-alias-state-error-primary,#d92d20)}.sm-headerMenuItemDanger:hover{background:var(--dsw-alias-interactive-bg-hover-danger)}.sm-headerMenuUltraOnly{display:none!important}.sm-headerBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;height:32px;box-sizing:border-box;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-button-floating-fill,#fff);border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;cursor:pointer;padding:0 10px;font-size:13px;line-height:1;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.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-state-business-primary);outline-offset:1px}.sm-headerBtn svg{width:16px;height:16px;display:block;margin:auto;flex-shrink:0}.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-state-business-primary);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-state-business-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-bg-layer-2);color:var(--dsw-alias-label-primary);font-size:13px;line-height:18px}.sm-migrateWarn{padding:10px 12px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-warn-primary,#f59e0b) 30%,transparent);border-radius:8px;background:var(--dsw-alias-state-warn-tertiary,#fef5e7);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-headerBtnDanger{background:var(--dsw-alias-button-floating-fill,#fff);color:var(--dsw-alias-state-error-primary,#d92d20);border-color:var(--dsw-alias-state-error-primary,#d92d20);font-weight:500}.sm-headerBtnDanger:hover:not(:disabled){background:var(--dsw-alias-state-error-primary,#d92d20);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-state-error-primary,#d92d20)}.sm-header{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap}.sm-headerSecondaryActions{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap}.sm-headerCompactMenu{display:none;position:relative}.sm-headerCompactMenu.sm-headerCompactMenuOpen{position:relative;z-index:100004}.sm-headerCompactMenuBtn{width:32px;min-width:32px;height:32px;padding:0;justify-content:center;font-size:16px;line-height:1}.sm-headerBtnIcon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;line-height:1;vertical-align:middle;flex-shrink:0}.sm-headerBtn.sm-markIcon{width:32px;min-width:32px;height:32px;padding:0;justify-content:center}.sm-headerBtn.sm-markIcon .sm-headerBtnIcon{width:16px;height:16px;font-size:15px;line-height:1}.sm-headerCompactMenuBtn .sm-headerBtnIcon{width:16px;height:16px;font-size:16px;line-height:1}.sm-annotationToggleOpen{position:relative;z-index:100004}.sm-headerBtnActive{background:var(--dsw-alias-button-ghost-active-fill);color:var(--dsw-alias-label-primary)}@container (max-width:1000px){.sm-headerBtn{width:32px;min-width:32px;height:32px;padding:0;justify-content:center}.sm-headerBtnLabel,.sm-priorityText,.sm-priorityBadge{display:none}.sm-headerBtn.sm-headerBtn-withBadge{width:auto;min-width:32px;padding:0 6px}}@container (max-width:520px){.sm-headerSecondaryActions,.sm-headerSecondaryAction{display:none!important}.sm-headerCompactMenu{display:inline-flex}}@container (max-width:420px){.sm-header>:not(.sm-headerCompactMenu){display:none!important}.sm-header .sm-headerBtn:not(.sm-headerCompactMenuBtn){display:none!important}.sm-headerCompactMenu{display:inline-flex!important}.sm-headerMenu{right:auto!important;left:0!important}.sm-headerMenuUltraOnly{display:flex!important}}",
-      ".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(--sm-dialog-fill);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:1020}.sm-panelDialog .sm-nativeDialogHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;border-bottom:1px solid var(--dsw-alias-border-l2,#eee);flex:none;position:relative;min-height:46px;box-sizing:border-box}.sm-panelDialog .sm-nativeDialogTitle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:14px;line-height:20px;font-weight:600;min-width:0;max-width:calc(100% - 140px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;pointer-events:auto;z-index:0}.sm-panelDialog .sm-nativeDialogHeaderActions{display:flex;align-items:center;gap:6px;flex:none;position:relative;z-index:1;margin-left: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-bg-module-platform);border-color:var(--dsw-alias-state-business-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;unicode-bidi:plaintext}.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:calc(100vh - 32px);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;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-sizing:border-box;background:var(--sm-dialog-fill);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{position:relative;padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l2,#eee);display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}.sm-confirmDialog .sm-nativeDialogTitle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:14px;line-height:20px;font-weight:600;text-align:center;width:auto;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-confirmDialog .sm-nativeDialogBody{padding:10px 16px;display:flex;flex-direction:column;gap:8px;min-height:0;max-height:calc(100vh - 120px);overflow-y:auto}.sm-confirmDialog .sm-nativeDialogDescription{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary);white-space:pre-wrap}.sm-confirmDialog .sm-warn{display:flex;align-items:flex-start;gap:8px;color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:18px;background:color-mix(in srgb,var(--dsw-alias-state-error-primary,#ec1313) 8%,transparent);border:1px solid color-mix(in srgb,var(--dsw-alias-state-error-primary,#ec1313) 25%,transparent);border-radius:8px;padding:8px 10px;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),.sm-migrateDialog .sm-nativeDialogCancel:hover:not(:disabled),.sm-updateDialog .sm-nativeDialogCancel:hover:not(:disabled),.sm-bulkDialog .sm-nativeDialogCancel:hover:not(:disabled),.sm-panelDialog .sm-nativeDialogCancel:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.sm-confirmDialog .sm-nativeDialogConfirm{background:var(--dsw-alias-state-business-primary,#356ae6);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-state-business-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-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.sm-panelDialog .sm-rowActions .sm-rowBtnDanger{color:var(--dsw-alias-state-error-primary)}.sm-panelDialog .sm-rowActions .sm-rowBtnDanger:hover{background:var(--dsw-alias-interactive-bg-hover-danger);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-bg-module-platform);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 14px;font-size:12px;line-height:20px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:transparent;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:center}.sm-panelDialog .sm-nativeDialogCancel{background:transparent}.sm-panelDialog .sm-nativeDialogConfirm,.sm-annotationDialog .sm-nativeDialogConfirm{background:var(--dsw-alias-state-business-primary,#356ae6);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-state-business-primary,#356ae6)}.sm-panelDialog .sm-nativeDialogConfirm:hover:not(:disabled),.sm-annotationDialog .sm-nativeDialogConfirm:hover:not(:disabled){filter:brightness(.94)}.sm-nativeDialogDanger{background:var(--dsw-alias-state-error-primary,#d92d20);color:var(--dsw-alias-label-primary-foreground,#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:var(--dsw-alias-label-primary-foreground,#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:var(--sm-dialog-fill);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,.45);overflow:hidden;padding:0;display:flex;flex-direction:column;gap:0}.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:var(--sm-dialog-fill);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,.45);overflow:hidden;z-index:10001}.sm-migrateDialog .sm-nativeDialogHeader{padding:12px 18px;border-bottom:1px solid var(--dsw-alias-border-l2,#eee);flex:none;position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}.sm-migrateDialog .sm-nativeDialogTitle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:14px;line-height:20px;font-weight:600;color:var(--dsw-alias-label-primary,#111);text-align:center;width:auto;max-width:calc(100% - 36px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-migrateDialog .sm-migratePanel{padding:12px 18px;display:flex;flex-direction:column;gap:14px}.sm-migrateDialog .sm-nativeDialogBody{padding:0}.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}.sm-migrateDialog .sm-migrateRow>label{color:var(--dsw-alias-label-secondary,#444)}.sm-migrateDialog .sm-migrateChip{padding:6px 12px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2,#ddd);background-color:var(--dsw-alias-markdown-tag,#f1f3f5);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:var(--dsw-alias-interactive-bg-hover,#e8e8e8)}.sm-migrateDialog .sm-migrateChipOn{background-color:var(--dsw-alias-state-business-primary,#356ae6);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-state-business-primary,#356ae6)}.sm-migrateDialog .sm-migrateChip.sm-migrateChipOn:hover:not(:disabled){background-color:var(--dsw-alias-button-info-hover,#4576f0);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-button-info-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:var(--dsw-alias-label-tertiary,#888)}.sm-migrateDialog .sm-migratePreview{padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;background-color:var(--dsw-alias-bg-layer-2,#fff);color:var(--dsw-alias-label-primary,#111);font-size:13px;line-height:18px}.sm-migrateDialog .sm-migrateWarn{padding:10px 12px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-warn-primary,#f59e0b) 30%,transparent);border-radius:8px;background-color:var(--dsw-alias-state-warn-tertiary,#fef5e7);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 var(--dsw-alias-border-l2,#ddd);border-radius:8px;cursor:pointer;background-color:transparent;color:var(--dsw-alias-label-primary,#111);text-align:center}.sm-migrateDialog .sm-nativeDialogButton:hover:not(:disabled){background-color:var(--dsw-alias-interactive-bg-hover,#e8e8e8)}.sm-migrateDialog .sm-nativeDialogConfirm{background-color:var(--dsw-alias-state-business-primary,#356ae6);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-state-business-primary,#356ae6)}.sm-migrateDialog .sm-nativeDialogConfirm:hover:not(:disabled){filter:brightness(.94)}",
+      ".sm-panelDialog{position:fixed;inset:0;margin:auto;transform:none;width:680px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100vh - 32px);box-sizing:border-box;display:flex;flex-direction:column;gap:0;background:var(--sm-dialog-fill);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:1020}.sm-panelDialog .sm-nativeDialogHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;border-bottom:1px solid var(--dsw-alias-border-l2,#eee);flex:none;position:relative;min-height:46px;box-sizing:border-box}.sm-panelDialog .sm-nativeDialogTitle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:14px;line-height:20px;font-weight:600;min-width:0;max-width:calc(100% - 140px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;pointer-events:auto;z-index:0}.sm-panelDialog .sm-nativeDialogHeaderActions{display:flex;align-items:center;gap:6px;flex:none;position:relative;z-index:1;margin-left: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;scrollbar-gutter:stable}.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;transition:background .12s ease,border-color .12s ease}.sm-panelDialog .sm-row:hover{background:var(--dsw-alias-interactive-bg-hover)}.sm-panelDialog .sm-rowCurrent{background:var(--dsw-alias-bg-module-platform);border-color:var(--dsw-alias-state-business-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;unicode-bidi:plaintext}.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:calc(100vh - 32px);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;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-sizing:border-box;background:var(--sm-dialog-fill);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{position:relative;padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l2,#eee);display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}.sm-confirmDialog .sm-nativeDialogTitle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:14px;line-height:20px;font-weight:600;text-align:center;width:auto;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-confirmDialog .sm-nativeDialogBody{padding:10px 16px;display:flex;flex-direction:column;gap:8px;min-height:0;max-height:calc(100vh - 120px);overflow-y:auto}.sm-confirmDialog .sm-nativeDialogDescription{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary);white-space:pre-wrap}.sm-confirmDialog .sm-warn{display:flex;align-items:flex-start;gap:8px;color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:18px;background:color-mix(in srgb,var(--dsw-alias-state-error-primary,#ec1313) 8%,transparent);border:1px solid color-mix(in srgb,var(--dsw-alias-state-error-primary,#ec1313) 25%,transparent);border-radius:8px;padding:8px 10px;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),.sm-migrateDialog .sm-nativeDialogCancel:hover:not(:disabled),.sm-updateDialog .sm-nativeDialogCancel:hover:not(:disabled),.sm-bulkDialog .sm-nativeDialogCancel:hover:not(:disabled),.sm-panelDialog .sm-nativeDialogCancel:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.sm-confirmDialog .sm-nativeDialogConfirm{background:var(--dsw-alias-state-business-primary,#356ae6);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-state-business-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-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.sm-panelDialog .sm-rowActions .sm-rowBtnDanger{color:var(--dsw-alias-state-error-primary)}.sm-panelDialog .sm-rowActions .sm-rowBtnDanger:hover{background:var(--dsw-alias-interactive-bg-hover-danger);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{height:28px;min-height:28px;padding:3px 10px;font-size:12px;line-height:18px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;box-sizing:border-box;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.sm-panelDialog .sm-filterBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.sm-panelDialog .sm-filterBtn:disabled{opacity:.4;cursor:not-allowed}.sm-panelDialog .sm-filterBtn.sm-on{background:var(--dsw-alias-bg-module-platform);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 14px;font-size:12px;line-height:20px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:transparent;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:center}.sm-panelDialog .sm-nativeDialogCancel{background:transparent}.sm-panelDialog .sm-nativeDialogConfirm,.sm-annotationDialog .sm-nativeDialogConfirm{background:var(--dsw-alias-state-business-primary,#356ae6);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-state-business-primary,#356ae6)}.sm-panelDialog .sm-nativeDialogConfirm:hover:not(:disabled),.sm-annotationDialog .sm-nativeDialogConfirm:hover:not(:disabled){filter:brightness(.94)}.sm-nativeDialogDanger{background:var(--dsw-alias-state-error-primary,#d92d20);color:var(--dsw-alias-label-primary-foreground,#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:var(--dsw-alias-label-primary-foreground,#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:var(--sm-dialog-fill);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,.45);overflow:hidden;padding:0;display:flex;flex-direction:column;gap:0}.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:var(--sm-dialog-fill);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,.45);overflow:hidden;z-index:10001}.sm-migrateDialog .sm-nativeDialogHeader{padding:12px 18px;border-bottom:1px solid var(--dsw-alias-border-l2,#eee);flex:none;position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}.sm-migrateDialog .sm-nativeDialogTitle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:14px;line-height:20px;font-weight:600;color:var(--dsw-alias-label-primary,#111);text-align:center;width:auto;max-width:calc(100% - 36px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-migrateDialog .sm-migratePanel{padding:12px 18px;display:flex;flex-direction:column;gap:14px}.sm-migrateDialog .sm-nativeDialogBody{padding:0}.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}.sm-migrateDialog .sm-migrateRow>label{color:var(--dsw-alias-label-secondary,#444)}.sm-migrateDialog .sm-migrateChip{padding:6px 12px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2,#ddd);background-color:var(--dsw-alias-markdown-tag,#f1f3f5);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:var(--dsw-alias-interactive-bg-hover,#e8e8e8)}.sm-migrateDialog .sm-migrateChipOn{background-color:var(--dsw-alias-state-business-primary,#356ae6);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-state-business-primary,#356ae6)}.sm-migrateDialog .sm-migrateChip.sm-migrateChipOn:hover:not(:disabled){background-color:var(--dsw-alias-button-info-hover,#4576f0);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-button-info-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:var(--dsw-alias-label-tertiary,#888)}.sm-migrateDialog .sm-migratePreview{padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;background-color:var(--dsw-alias-bg-layer-2,#fff);color:var(--dsw-alias-label-primary,#111);font-size:13px;line-height:18px}.sm-migrateDialog .sm-migrateWarn{padding:10px 12px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-warn-primary,#f59e0b) 30%,transparent);border-radius:8px;background-color:var(--dsw-alias-state-warn-tertiary,#fef5e7);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 var(--dsw-alias-border-l2,#ddd);border-radius:8px;cursor:pointer;background-color:transparent;color:var(--dsw-alias-label-primary,#111);text-align:center}.sm-migrateDialog .sm-nativeDialogButton:hover:not(:disabled){background-color:var(--dsw-alias-interactive-bg-hover,#e8e8e8)}.sm-migrateDialog .sm-nativeDialogConfirm{background-color:var(--dsw-alias-state-business-primary,#356ae6);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-state-business-primary,#356ae6)}.sm-migrateDialog .sm-nativeDialogConfirm:hover:not(:disabled){filter:brightness(.94)}",
       // The .sm-tooltip rule below deliberately keeps !important: it targets
       // DSH's Tooltip primitive (used through renderTip), which ships its own
       // inline styles, so a plugin rule cannot win on specificity alone
@@ -640,7 +732,7 @@ function isTopmostDialog(z) {
       // applied). Tooltip visibility is governed by the layering contract
       // above, not by this rule; it is kept as the scoped replacement for the
       // unscoped selector Issue #21 removed.
-      ".sm-panelHeaderClose{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-height:26px;padding:0;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:7px;background:transparent;color:var(--dsw-alias-label-secondary,#555);cursor:pointer;flex:none;box-sizing:border-box;outline:none}.sm-panelHeaderClose:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#eee);color:var(--dsw-alias-label-primary,#111)}.sm-panelHeaderClose svg{display:block;width:14px;height:14px;margin:auto}.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-panelHeaderLeft{display:flex;align-items:center;gap:4px;flex:none;position:relative;z-index:1}.sm-panelHeaderWhale{display:inline-flex;align-items:center;justify-content:center;position:relative;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-panelHeaderWhale:hover{background:var(--dsw-alias-interactive-bg-hover,#eee);color:var(--dsw-alias-label-primary,#111)}.sm-panelHeaderWhale svg{display:block;width:16px;height:16px;margin:auto}.sm-panelHeaderWhale .sm-updateDot{position:absolute;top:2px;right:2px;width:7px;height:7px;border-radius:50%;background:var(--dsw-alias-state-error-primary,#e53e3e);border:1.5px solid var(--dsw-alias-bg-layer-1,#fff)}.sm-panelHeaderWhale .sm-updateSpinner{position:absolute;inset:2px;border:2px solid transparent;border-top-color:var(--dsw-alias-state-business-primary,#356ae6);border-radius:50%;animation:sm-spin .8s linear infinite}@keyframes sm-spin{to{transform:rotate(360deg)}}.sm-updateDialogLayer{display:flex!important;align-items:center!important;justify-content:center!important;position:fixed;inset:0;padding:16px;box-sizing:border-box;background:transparent;border:0;box-shadow:none;z-index:10010;pointer-events:none}.sm-updateDialogLayer .sm-nativeDialog{position:relative;width:380px;max-width:calc(100vw - 32px);box-sizing:border-box;background:var(--sm-dialog-fill);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;animation:sm-confirmPop .14s ease-out;pointer-events:auto}.sm-updateDialog .sm-nativeDialogHeader{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l2,#eee);flex:none;min-height:46px;box-sizing:border-box}.sm-updateDialog .sm-nativeDialogTitle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:15px;line-height:20px;font-weight:600;text-align:center;width:auto;max-width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:0}.sm-updateDialog .sm-nativeDialogHeader .sm-panelHeaderClose{position:relative;z-index:1;margin-left:auto}.sm-updateDialog .sm-nativeDialogBody{padding:14px 16px;display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:20px;color:var(--dsw-alias-label-primary,#111)}.sm-updateDialog .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:8px;margin-top:0}.sm-updateDialog .sm-nativeDialogFooter .sm-nativeDialogConfirm:only-child{margin-left:auto}.sm-updateDialog .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-updateDialog .sm-nativeDialogButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.sm-updateDialog .sm-nativeDialogConfirm{background:var(--dsw-alias-state-business-primary,#356ae6);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-state-business-primary,#356ae6)}.sm-updateDialog .sm-nativeDialogConfirm:hover:not(:disabled){filter:brightness(.94)}.sm-updateVersionGrid{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;padding:12px;background:var(--dsw-alias-bg-layer-2,#fff);border:1px solid var(--dsw-alias-border-l2,#eee);border-radius:8px;font-size:13px;line-height:20px}.sm-updateVersionLabel{color:var(--dsw-alias-label-secondary,#666);font-weight:500}.sm-updateVersionValue{color:var(--dsw-alias-label-primary,#111);font-family:monospace;font-size:13px}.sm-updateStatusBox{margin-top:10px;font-size:13px;line-height:20px;color:var(--dsw-alias-label-primary,#111)}.sm-updateStatusBox.sm-warn{color:var(--dsw-alias-state-warn-label,#dd8629);background:var(--dsw-alias-state-warn-tertiary,#fef5e7);padding:8px 10px;border-radius:6px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-warn-primary,#f59e0b) 25%,transparent)}.sm-updateStatusBox.sm-error{color:var(--dsw-alias-state-error-primary,#ec1313);background:color-mix(in srgb,var(--dsw-alias-state-error-primary,#ec1313) 8%,transparent);padding:8px 10px;border-radius:6px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-error-primary,#ec1313) 22%,transparent)}.sm-updateStatusBox.sm-success{color:var(--dsw-alias-state-success-primary,#22c55e);background:var(--dsw-alias-state-success-tertiary,#e6faed);padding:8px 10px;border-radius:6px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-success-primary,#22c55e) 25%,transparent)}.sm-settingsCard{background:var(--sm-dialog-surface);border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:12px;padding:16px 20px;font-size:13px;line-height:20px;color:var(--dsw-alias-label-primary,#111);box-sizing:border-box;width:100%}.sm-settingsHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--dsw-alias-border-l2,#eee)}.sm-settingsTitle{margin:0;font-size:16px;line-height:22px;font-weight:600;display:flex;align-items:center;gap:8px}.sm-settingsTag{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--dsw-alias-markdown-tag,#f1f3f5);color:var(--dsw-alias-label-secondary,#666);font-family:monospace}.sm-settingsSection{margin-top:14px;padding-top:12px;border-top:1px solid var(--dsw-alias-border-l2,#eee)}.sm-settingsSectionTitle{font-size:13px;font-weight:600;color:var(--dsw-alias-label-secondary,#666);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.sm-settingsRow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px}.sm-settingsActions{display:flex;align-items:center;gap:8px;margin-top:10px}.sm-settingsLink{color:var(--dsw-alias-state-business-primary,#356ae6);text-decoration:none}.sm-settingsLink:hover{text-decoration:underline}.sm-settingsCheckbox{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.sm-settingsSelect{min-height:28px;padding:3px 8px;font-size:12px;line-height:20px;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:6px;background:var(--dsw-alias-bg-layer-2,#fff);color:var(--dsw-alias-label-primary,#111);cursor:pointer;outline:none}.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-bg-layer-2,#fff);font-size:13px;line-height:18px;color:var(--dsw-alias-label-primary,#111)}.sm-migrateConfirmLayer.sm-confirmDialog.sm-nativeDialogLayer{width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);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:calc(100vw - 32px);max-height:min(70vh,calc(100vh - 32px));z-index:auto;display:flex;flex-direction:column;overflow:hidden}.sm-migrateConfirmLayer .sm-migratePanel{min-width:0;max-height:calc(100vh - 120px);overflow-y:auto}.sm-migrateConfirmLayer .sm-nativeDialogButton.sm-nativeDialogConfirm:hover:not(:disabled){background-color:var(--dsw-alias-button-info-hover,#4576f0);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-button-info-hover,#4576f0);filter:none}.sm-settingsSectionHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sm-settingsSectionHeader .sm-settingsSectionTitle{margin-bottom:0}.sm-settingsVersionActions{display:flex;align-items:center;gap:8px}.sm-settingsCheckBtn{min-height:26px;padding:2px 12px;font-size:12px;line-height:18px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2,#ddd);background:transparent;color:var(--dsw-alias-label-primary,#111);cursor:pointer;white-space:nowrap}.sm-settingsCheckBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.sm-settingsRowInline{justify-content:flex-start;flex-wrap:wrap;gap:8px;align-items:center}.sm-settingsBadgeLink{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2,#ddd);background:var(--dsw-alias-markdown-tag,#f1f3f5);color:var(--dsw-alias-label-secondary,#555);font-size:12px;line-height:18px;text-decoration:none;cursor:pointer;transition:all .15s}.sm-settingsBadgeLink:hover{background:var(--dsw-alias-interactive-bg-hover,#eee);color:var(--dsw-alias-state-business-primary,#356ae6);border-color:var(--dsw-alias-state-business-primary,#356ae6)}.sm-settingsBadgeLink svg{flex:none}.sm-tooltip{z-index:1100!important;box-shadow:none!important;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.15))!important;filter:none!important}",
+      ".sm-panelHeaderClose{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-height:26px;padding:0;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:7px;background:transparent;color:var(--dsw-alias-label-secondary,#555);cursor:pointer;flex:none;box-sizing:border-box;outline:none}.sm-panelHeaderClose:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#eee);color:var(--dsw-alias-label-primary,#111)}.sm-panelHeaderClose svg{display:block;width:14px;height:14px;margin:auto}.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-panelHeaderLeft{display:flex;align-items:center;gap:4px;flex:none;position:relative;z-index:1}.sm-panelHeaderWhale{display:inline-flex;align-items:center;justify-content:center;position:relative;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-panelHeaderWhale:hover{background:var(--dsw-alias-interactive-bg-hover,#eee);color:var(--dsw-alias-label-primary,#111)}.sm-panelHeaderWhale svg{display:block;width:16px;height:16px;margin:auto}.sm-panelHeaderWhale .sm-updateDot{position:absolute;top:2px;right:2px;width:7px;height:7px;border-radius:50%;background:var(--dsw-alias-state-error-primary,#e53e3e);border:1.5px solid var(--dsw-alias-bg-layer-1,#fff)}.sm-panelHeaderWhale .sm-updateSpinner{position:absolute;inset:2px;border:2px solid transparent;border-top-color:var(--dsw-alias-state-business-primary,#356ae6);border-radius:50%;animation:sm-spin .8s linear infinite}@keyframes sm-spin{to{transform:rotate(360deg)}}.sm-updateDialogLayer{display:flex!important;align-items:center!important;justify-content:center!important;position:fixed;inset:0;padding:16px;box-sizing:border-box;background:transparent;border:0;box-shadow:none;z-index:10010;pointer-events:none}.sm-updateDialogLayer .sm-nativeDialog{position:relative;width:380px;max-width:calc(100vw - 32px);box-sizing:border-box;background:var(--sm-dialog-fill);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;animation:sm-confirmPop .14s ease-out;pointer-events:auto}.sm-updateDialog .sm-nativeDialogHeader{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l2,#eee);flex:none;min-height:46px;box-sizing:border-box}.sm-updateDialog .sm-nativeDialogTitle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:15px;line-height:20px;font-weight:600;text-align:center;width:auto;max-width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:0}.sm-updateDialog .sm-nativeDialogHeader .sm-panelHeaderClose{position:relative;z-index:1;margin-left:auto}.sm-updateDialog .sm-nativeDialogBody{padding:14px 16px;display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:20px;color:var(--dsw-alias-label-primary,#111)}.sm-updateDialog .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:8px;margin-top:0}.sm-updateDialog .sm-nativeDialogFooter .sm-nativeDialogConfirm:only-child{margin-left:auto}.sm-updateDialog .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-updateDialog .sm-nativeDialogButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.sm-updateDialog .sm-nativeDialogConfirm{background:var(--dsw-alias-state-business-primary,#356ae6);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-state-business-primary,#356ae6)}.sm-updateDialog .sm-nativeDialogConfirm:hover:not(:disabled){filter:brightness(.94)}.sm-updateVersionGrid{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;padding:12px;background:var(--dsw-alias-bg-layer-2,#fff);border:1px solid var(--dsw-alias-border-l2,#eee);border-radius:8px;font-size:13px;line-height:20px}.sm-updateVersionLabel{color:var(--dsw-alias-label-secondary,#666);font-weight:500}.sm-updateVersionValue{color:var(--dsw-alias-label-primary,#111);font-family:monospace;font-size:13px}.sm-updateStatusBox{margin-top:10px;font-size:13px;line-height:20px;color:var(--dsw-alias-label-primary,#111)}.sm-updateStatusBox.sm-warn{color:var(--dsw-alias-state-warn-label,#dd8629);background:var(--dsw-alias-state-warn-tertiary,#fef5e7);padding:8px 10px;border-radius:6px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-warn-primary,#f59e0b) 25%,transparent)}.sm-updateStatusBox.sm-error{color:var(--dsw-alias-state-error-primary,#ec1313);background:color-mix(in srgb,var(--dsw-alias-state-error-primary,#ec1313) 8%,transparent);padding:8px 10px;border-radius:6px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-error-primary,#ec1313) 22%,transparent)}.sm-updateStatusBox.sm-success{color:var(--dsw-alias-state-success-primary,#22c55e);background:var(--dsw-alias-state-success-tertiary,#e6faed);padding:8px 10px;border-radius:6px;border:1px solid color-mix(in srgb,var(--dsw-alias-state-success-primary,#22c55e) 25%,transparent)}.sm-settingsCard{background:var(--sm-dialog-surface);border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:12px;padding:16px 20px;font-size:13px;line-height:20px;color:var(--dsw-alias-label-primary,#111);box-sizing:border-box;width:100%}.sm-settingsHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--dsw-alias-border-l2,#eee)}.sm-settingsTitle{margin:0;font-size:16px;line-height:22px;font-weight:600;display:flex;align-items:center;gap:8px}.sm-settingsTag{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--dsw-alias-markdown-tag,#f1f3f5);color:var(--dsw-alias-label-secondary,#666);font-family:monospace}.sm-settingsSection{margin-top:14px;padding-top:12px;border-top:1px solid var(--dsw-alias-border-l2,#eee)}.sm-settingsSectionTitle{font-size:13px;font-weight:600;color:var(--dsw-alias-label-secondary,#666);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.sm-settingsRow{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px;margin-top:8px}.sm-settingsRow:first-of-type{margin-top:0}.sm-settingsRow>span:first-child{white-space:nowrap;flex-shrink:0}.sm-settingsActions{display:flex;align-items:center;gap:8px;margin-top:10px}.sm-settingsLink{color:var(--dsw-alias-state-business-primary,#356ae6);text-decoration:none}.sm-settingsLink:hover{text-decoration:underline}.sm-settingsCheckbox{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.sm-settingsSelect{min-height:30px;height:30px;width:280px;min-width:280px;max-width:280px;flex:0 0 280px;box-sizing:border-box;font-size:12px;line-height:20px;padding:4px 26px 4px 10px;border-radius:8px;background:var(--dsw-alias-bg-layer-2,#fff);color:var(--dsw-alias-label-primary,#111);cursor:pointer}.sm-settingsRowLeft{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0;flex:1 1 auto}.sm-settingsRowLeft>span:first-child{white-space:nowrap;flex-shrink:0}.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-bg-layer-2,#fff);font-size:13px;line-height:18px;color:var(--dsw-alias-label-primary,#111)}.sm-migrateConfirmLayer.sm-confirmDialog.sm-nativeDialogLayer{width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);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:calc(100vw - 32px);max-height:min(70vh,calc(100vh - 32px));z-index:auto;display:flex;flex-direction:column;overflow:hidden}.sm-migrateConfirmLayer .sm-migratePanel{min-width:0;max-height:calc(100vh - 120px);overflow-y:auto}.sm-migrateConfirmLayer .sm-nativeDialogButton.sm-nativeDialogConfirm:hover:not(:disabled){background-color:var(--dsw-alias-button-info-hover,#4576f0);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-button-info-hover,#4576f0);filter:none}.sm-settingsSectionHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sm-settingsSectionHeader .sm-settingsSectionTitle{margin-bottom:0}.sm-settingsVersionActions{display:flex;align-items:center;gap:8px}.sm-settingsCheckBtn{min-height:26px;padding:2px 12px;font-size:12px;line-height:18px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2,#ddd);background:transparent;color:var(--dsw-alias-label-primary,#111);cursor:pointer;white-space:nowrap}.sm-settingsCheckBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.sm-settingsRowInline{justify-content:flex-start;flex-wrap:wrap;gap:8px;align-items:center}.sm-settingsProjectLeft{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap}.sm-settingsProjectLabel{color:var(--dsw-alias-label-primary,#111);white-space:nowrap;flex-shrink:0}.sm-settingsBadgeActions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 280px;width:280px;min-width:280px;max-width:280px;box-sizing:border-box;justify-content:flex-end}.sm-settingsBadgeActions>*{display:inline-flex;flex:1 1 0;min-width:0}.sm-settingsBadgeLink{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:4px 10px;min-height:28px;height:28px;box-sizing:border-box;border-radius:6px;border:1px solid var(--dsw-alias-border-l2,#ddd);background:var(--dsw-alias-markdown-tag,#f1f3f5);color:var(--dsw-alias-label-secondary,#555);font-size:12px;line-height:18px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:all .15s}.sm-settingsBadgeLink:hover{background:var(--dsw-alias-interactive-bg-hover,#eee);color:var(--dsw-alias-state-business-primary,#356ae6);border-color:var(--dsw-alias-state-business-primary,#356ae6)}.sm-settingsBadgeLink svg{flex:none}.sm-tooltip{z-index:1100!important;box-shadow:none!important;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.15))!important;filter:none!important}",
 
       // Issue #23 — dialog opacity.
       //
@@ -682,14 +774,14 @@ function isTopmostDialog(z) {
       ".sm-panelDialog option:checked,.sm-nativeDialog option:checked,.sm-settingsCard option:checked,.sm-headerMenu option:checked{background-color:var(--dsw-alias-bg-layer-3,#fff);color:var(--dsw-alias-state-business-primary,#356ae6)}",
       ".sm-panelDialog option:disabled,.sm-nativeDialog option:disabled,.sm-settingsCard option:disabled,.sm-headerMenu option:disabled{color:var(--dsw-alias-label-tertiary,#888)}",
       ".sm-nativeDialog,.sm-panelDialog,.sm-migrateDialog,.sm-settingsCard{--sm-dialog-surface:var(--dsw-alias-bg-layer-1,var(--sm-dialog-surface-fallback,#fff));--sm-dialog-fill:color-mix(in srgb,var(--sm-dialog-surface) var(--sm-dialog-opacity,100%),transparent)}",
-      ".sm-settingsSlider{display:flex;align-items:center;gap:8px;flex:1 1 auto;justify-content:flex-end;min-width:0}",
-      ".sm-settingsRange{flex:1 1 120px;min-width:96px;max-width:220px;margin:0;cursor:pointer;accent-color:var(--dsw-alias-state-business-primary,#356ae6)}",
+      ".sm-settingsSlider{display:flex;align-items:center;gap:8px;flex:0 0 280px;width:280px;min-width:280px;max-width:280px;box-sizing:border-box;justify-content:flex-end}",
+      ".sm-settingsRange{flex:1 1 auto;min-width:70px;margin:0;cursor:pointer;accent-color:var(--dsw-alias-state-business-primary,#356ae6)}",
       ".sm-settingsRange:disabled{cursor:not-allowed}",
-      ".sm-settingsRangeValue{min-width:38px;text-align:right;font-size:12px;line-height:18px;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary,#666)}",
-      ".sm-settingsResetBtn{min-height:26px;padding:2px 10px;font-size:12px;line-height:18px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2,#ddd);background:transparent;color:var(--dsw-alias-label-secondary,#666);cursor:pointer;white-space:nowrap}",
+      ".sm-settingsRangeValue{min-width:38px;text-align:right;font-size:12px;line-height:18px;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary,#666);flex-shrink:0}",
+      ".sm-settingsResetBtn{min-height:28px;height:28px;padding:2px 10px;font-size:12px;line-height:18px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2,#ddd);background:transparent;color:var(--dsw-alias-label-secondary,#666);cursor:pointer;white-space:nowrap;flex:0 0 auto;box-sizing:border-box}",
       ".sm-settingsResetBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary,#111)}",
       ".sm-settingsResetBtn:disabled{opacity:.5;cursor:not-allowed}",
-      ".sm-settingsHint{margin-top:4px;font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary,#888)}",
+      ".sm-settingsHint{font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary,#888)}.sm-settingsHintInline{margin-left:0;font-weight:normal}",
 
       // DSH's own theme is the single source of colour. Every rule above reads
       // --dsw-alias-* tokens directly and none of them is redefined here: the
@@ -703,12 +795,18 @@ function isTopmostDialog(z) {
       "[data-sm-theme=dark] .sm-nativeDialog,[data-sm-theme=dark] .sm-panelDialog,[data-sm-theme=dark] .sm-migrateDialog,[data-sm-theme=dark] .sm-settingsCard{--sm-dialog-surface-fallback:#1f1f23}",
       ".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-bg-layer-2,#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-state-business-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-state-business-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)}",
+      ".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:8px;background:var(--dsw-alias-bg-layer-2,#fff);color:var(--dsw-alias-label-primary,#111);font:inherit;font-size:12px;line-height:20px;transition:border-color .15s ease,box-shadow .15s ease}",
+      ".sm-viewSelect,.sm-settingsSelect,.sm-wsSortSelect,.sm-prioritySelectInline,.sm-panelDialog select,.sm-nativeDialog select,.sm-settingsCard select{box-sizing:border-box!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid var(--dsw-alias-border-l2,#ddd)!important;border-radius:8px!important;background-color:var(--dsw-alias-bg-layer-2,#fff)!important;color:var(--dsw-alias-label-primary,#111)!important;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E\")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;background-size:10px 10px!important;padding-right:26px!important;cursor:pointer!important;outline:none!important;font:inherit;transition:border-color .15s ease,box-shadow .15s ease!important}",
+      ".sm-viewSelect:hover:not(:disabled),.sm-settingsSelect:hover:not(:disabled),.sm-wsSortSelect:hover:not(:disabled),.sm-prioritySelectInline:hover:not(:disabled),.sm-panelDialog select:hover:not(:disabled),.sm-nativeDialog select:hover:not(:disabled),.sm-settingsCard select:hover:not(:disabled){border-color:var(--dsw-alias-border-l1,#aaa)!important}",
+      ".sm-queryInput::placeholder{color:var(--dsw-alias-label-tertiary,#888)}.sm-queryInput:focus-visible,.sm-viewSelect:focus-visible,.sm-settingsSelect:focus-visible,.sm-wsSortSelect:focus-visible,.sm-prioritySelectInline:focus-visible,.sm-panelDialog select:focus-visible,.sm-nativeDialog select:focus-visible,.sm-settingsCard select:focus-visible,.sm-resetFilters:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#356ae6)!important;outline-offset:1px!important}.sm-viewSelect:disabled,.sm-settingsSelect:disabled,.sm-wsSortSelect:disabled,.sm-prioritySelectInline:disabled,.sm-panelDialog select:disabled,.sm-nativeDialog select:disabled,.sm-settingsCard select:disabled{opacity:.5!important;cursor:not-allowed!important}",
+      ".sm-selectExpanded{border-color:var(--dsw-alias-state-business-primary,#356ae6)!important;box-shadow:0 0 0 1px var(--dsw-alias-state-business-primary,#356ae6)!important;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23356ae6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E\")!important}",
+      ".sm-customSelectMenu{position:fixed;z-index:100030;box-sizing:border-box;min-width:120px;max-height:260px;overflow-y:auto;overflow-x:hidden;padding:4px;background:var(--dsw-alias-bg-layer-3,var(--dsw-alias-bg-layer-2,#fff));border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;box-shadow:none!important;font-family:inherit;font-size:12px;line-height:18px;color:var(--dsw-alias-label-primary,#111);user-select:none;scrollbar-width:thin;scrollbar-color:var(--dsw-alias-scrollbar-bg-l1,var(--dsw-alias-border-l1,rgba(128,128,128,.3))) transparent}.sm-customSelectMenu-dropUp{box-shadow:none!important}.sm-customSelectOption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:6px;font-size:12px;line-height:18px;color:var(--dsw-alias-label-primary,#111);cursor:pointer;white-space:nowrap;user-select:none;transition:background-color .1s ease,color .1s ease}.sm-customSelectOption:hover:not(.sm-customSelectOptionDisabled){background-color:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.05))}.sm-customSelectOptionSelected{background-color:var(--dsw-alias-interactive-bg-active,rgba(53,106,230,.08));color:var(--dsw-alias-state-business-primary,#356ae6);font-weight:500}.sm-customSelectOptionDisabled{opacity:.45;cursor:not-allowed;color:var(--dsw-alias-label-tertiary,#888)!important}.sm-customSelectOptionLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}.sm-customSelectOptionCheck{font-size:11px;font-weight:bold;color:var(--dsw-alias-state-business-primary,#356ae6);margin-left:6px;flex-shrink:0}",
+      ".sm-wsSortSelect,.sm-prioritySelectInline,.sm-panelSelects .sm-viewSelect{pointer-events:none!important}",
+      ".sm-wsSortField,.sm-annotationPriority,.sm-viewField,.sm-moveSection,.sm-settingsRow{cursor:pointer}",
+      ".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 24px 4px 8px;height:28px;line-height:18px;background-position:right 6px center}.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-wsSortField{display:inline-flex;margin:0;vertical-align:middle}.sm-wsSortSelect{height:28px;font-size:11px;padding:3px 24px 3px 8px;width:auto;min-width:120px;border-radius:8px;line-height:18px;background-position:right 6px center;cursor:pointer}",
+      ".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:nowrap;height:20px;min-height:20px;max-height:20px;line-height:20px;font-size:11px;color:var(--dsw-alias-label-tertiary,#888);box-sizing:border-box}.sm-resetFilters{padding:0 4px;height:20px;line-height:20px;border:0;background:none;color:var(--dsw-alias-state-business-primary,#356ae6);font:inherit;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;border-radius:4px;box-sizing:border-box}.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-panelDialog:not(.sm-annotationSurface){position:fixed;inset:0;margin:auto;transform:none;width:680px;height:560px;max-height:calc(100vh - 32px)}.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.sm-markOn keeps !important because the generic
       // `.sm-panelDialog .sm-rowActions .sm-rowBtn` colour rule (3 classes)
       // outranks this 2-class selector; it overrides the plugin's own rule,
@@ -730,7 +828,7 @@ function isTopmostDialog(z) {
       // 1000..1100 gap -- the panel at 1020 and this overlay root at 1050 --
       // and everything portaled into this root is relative to its context.
       "#dsh-session-manager-overlay-root{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;z-index:1050!important;pointer-events:none!important;overflow:visible!important}.sm-annotationDialog.sm-nativeDialogLayer{position:fixed;display:block;pointer-events:none;z-index:100002;background:transparent}.sm-annotationDialog .sm-nativeDialogBackdrop{display:none}.sm-annotationDialog.sm-annotationDialog-anchored.sm-nativeDialogLayer,.sm-confirmDialog.sm-confirmDialog-anchored.sm-nativeDialogLayer,.sm-bulkDialog.sm-bulkDialog-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:100003;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-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:26px;padding:2px 24px 2px 8px;font-size:12px;line-height:18px;min-width:104px;width:auto;border-radius:8px!important;background-position:right 6px center!important;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-bg-layer-2,#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-state-business-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-state-business-primary);background:var(--dsw-alias-interactive-bg-hover);outline:none}.sm-fieldClearNote{top:6px}.sm-importGroup{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-top:1px solid var(--dsw-alias-border-l2,#eee)}.sm-importGroupHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px}.sm-importLabel{color:var(--dsw-alias-label-secondary,#666);font-size:11px;line-height:16px}.sm-importGroupButtons{display:flex;align-items:center;gap:6px;flex:none}.sm-importBtn{cursor:pointer;color:var(--dsw-alias-label-primary,#111);background:transparent;border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;min-height:28px;padding:3px 14px;font-size:12px;line-height:20px;text-align:center}.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;padding:8px 10px;font-size:12px;line-height:18px;background:var(--dsw-alias-state-business-tertiary,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-bg-layer-2,#fff)}.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}",
@@ -746,11 +844,11 @@ function isTopmostDialog(z) {
       ".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-state-business-primary,#356ae6);background:var(--dsw-alias-state-business-tertiary,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:calc(100vh - 32px);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;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-sizing:border-box;background:var(--sm-dialog-fill);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;position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}.sm-bulkDialog .sm-nativeDialogTitle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:14px;line-height:20px;font-weight:600;text-align:center;width:auto;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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);min-height:0;max-height:calc(100vh - 120px);overflow-y:auto}.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-state-business-primary,#356ae6);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-state-business-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:var(--dsw-alias-label-primary-foreground,#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-nativeDialogLayer{position:fixed;left:calc(50vw + 184px);top:calc(50vh - 90px);width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);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;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-sizing:border-box;background:var(--sm-dialog-fill);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;position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}.sm-bulkDialog .sm-nativeDialogTitle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:14px;line-height:20px;font-weight:600;text-align:center;width:auto;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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);min-height:0;max-height:calc(100vh - 120px);overflow-y:auto}.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-state-business-primary,#356ae6);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:var(--dsw-alias-state-business-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:var(--dsw-alias-label-primary-foreground,#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 26px 5px 10px}",
       ".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:color-mix(in srgb,var(--dsw-alias-state-error-primary,#ec1313) 8%,transparent);border:1px solid color-mix(in srgb,var(--dsw-alias-state-error-primary,#ec1313) 25%,transparent);border-radius:8px;padding:8px 10px}",
+      ".sm-bulkDialogWarn{display:flex;align-items:flex-start;gap:8px;color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:18px;background:color-mix(in srgb,var(--dsw-alias-state-error-primary,#ec1313) 8%,transparent);border:1px solid color-mix(in srgb,var(--dsw-alias-state-error-primary,#ec1313) 25%,transparent);border-radius:8px;padding:8px 10px;white-space:pre-line}",
       ".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-bg-skeleton,#0000000a);border-radius:4px;overflow:hidden}",
@@ -772,6 +870,28 @@ function isTopmostDialog(z) {
       ".sm-overlayLayer{position:fixed;inset:0;pointer-events:none}",
       ".sm-overlayLayer>*{pointer-events:auto}",
       ".sm-overlayBackdrop{position:fixed;inset:0;background:transparent;pointer-events:auto}",
+      ".sm-panelNav{display:inline-flex;align-items:center;background:var(--dsw-alias-bg-layer-2,rgba(128,128,128,0.12));border:1px solid var(--dsw-alias-border-l2,#ddd);border-radius:8px;padding:2px;gap:2px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0}",
+      ".sm-panelNavTab{border:0;background:transparent;color:var(--dsw-alias-label-secondary,#666);font-size:13px;line-height:20px;font-weight:500;padding:2px 14px;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap;outline:none}",
+      ".sm-panelNavTab:hover:not(:disabled){color:var(--dsw-alias-label-primary,#111)}",
+      ".sm-panelNavTab.sm-on{background:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-primary,#111);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.06);font-weight:600}",
+      ".sm-switch{position:relative;width:38px;height:22px;flex:0 0 38px;min-width:38px;min-height:22px;max-width:38px;max-height:22px;padding:0;border-radius:11px;border:1px solid var(--dsw-alias-border-l2,#ddd);background:var(--dsw-alias-bg-layer-2,rgba(128,128,128,0.25));cursor:pointer;transition:background .2s cubic-bezier(0.4,0,0.2,1),border-color .2s cubic-bezier(0.4,0,0.2,1);box-sizing:border-box;display:inline-flex;align-items:center;overflow:hidden}",
+      ".sm-switch:hover:not(:disabled){border-color:var(--dsw-alias-border-l1,#bbb)}",
+      ".sm-switch.sm-switchChecked{background:var(--dsw-alias-state-business-primary,#356ae6);border-color:var(--dsw-alias-state-business-primary,#356ae6)}",
+      ".sm-switch:disabled{opacity:0.4;cursor:not-allowed}",
+      ".sm-switchThumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--dsw-alias-switch-thumb,#ffffff);transition:left 0.2s cubic-bezier(0.4,0,0.2,1);box-shadow:0 1px 3px rgba(0,0,0,0.22);display:flex;align-items:center;justify-content:center}",
+      ".sm-switchChecked .sm-switchThumb{left:18px}",
+      ".sm-switchSpinner{width:10px;height:10px;border:1.5px solid transparent;border-top-color:var(--dsw-alias-state-business-primary,#356ae6);border-radius:50%;animation:sm-spin 0.7s linear infinite}",
+      ".sm-rowArchived{opacity:0.72}",
+      ".sm-workspaceRowActions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 44px;min-width:44px;max-width:44px}",
+      ".sm-workspaceRow .sm-rowMeta{display:block!important}",
+      ".sm-wsFilters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-width:0;box-sizing:border-box}",
+      ".sm-wsFilters .sm-markFiltersGroup{display:flex;flex-wrap:wrap;align-items:center;gap:6px}",
+      ".sm-wsFilters .sm-markFiltersSpacer{flex:1 1 auto;min-width:8px}",
+      ".sm-wsFilters .sm-wsSortSelect{height:28px;min-height:28px;font-size:11px;padding:3px 24px 3px 8px;line-height:18px;width:auto;min-width:120px;border-radius:8px;box-sizing:border-box;background-position:right 6px center;cursor:pointer}",
+      ".sm-wsSortSelect-en{min-width:138px}",
+      ".sm-wsFiltersBulk{display:flex;flex-wrap:wrap;align-items:center;gap:6px}",
+      "@media(max-width:720px){.sm-wsFilters .sm-markFiltersSpacer{display:none}.sm-wsFilters .sm-wsFiltersBulk{width:100%}}",
+      ".sm-visuallyHidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}",
       "@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("");
 
@@ -1017,6 +1137,10 @@ function isTopmostDialog(z) {
       if (zRef.current === null) {
         zRef.current = nextDialogZ();
       }
+      useEffect(() => {
+        registerDialogZ(zRef.current);
+        return () => unregisterDialogZ(zRef.current);
+      }, []);
       const root = getOverlayRoot();
       const portal = getPortalFn();
 
@@ -1044,6 +1168,8 @@ function isTopmostDialog(z) {
             zIndex: -1
           },
           onClick: (e) => {
+            if (e && typeof e.stopPropagation === "function") e.stopPropagation();
+            if (e && typeof e.stopImmediatePropagation === "function") e.stopImmediatePropagation();
             if (e.target === e.currentTarget && onBackdropClick) {
               onBackdropClick(e);
             }
@@ -1368,6 +1494,885 @@ function isTopmostDialog(z) {
       return { sessionId, status: "success", via: "endpoint" };
     }
 
+    const WORKSPACE_ARCHIVE_STORAGE_KEY = "dsh-session-manager-workspace-archive-v1";
+    const WORKSPACE_ARCHIVE_LEGACY_KEY = "dsh-workspace-hide.hidden.v2";
+    const WORKSPACE_MODEL_MARK = "__dshSmWorkspaceModel";
+    const WORKSPACE_CREATE_MARK = "__dshSmWorkspaceCreate";
+    const WORKSPACE_ORIGINAL_CREATE = "__dshSmWorkspaceOrigCreate";
+    const UI_CONNECT_MARK = "__dshSmUiConnect";
+    const UI_ORIGINAL_CONNECT = "__dshSmUiOrigConnect";
+
+    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 workspaceArchiveStore = (() => {
+      const archives = new Map();
+      const busyWorkspaces = new Set();
+      const listeners = new Set();
+      let version = 0;
+      let readRaw = null;
+      let viewCache = null;
+      let viewRaw = null;
+      let viewVersion = -1;
+
+      const isId = v => typeof v === "string" && v !== "";
+
+      function loadLocal() {
+        try {
+          if (typeof localStorage === "undefined") return;
+          const text = localStorage.getItem(WORKSPACE_ARCHIVE_STORAGE_KEY);
+          if (text) {
+            const parsed = JSON.parse(text);
+            if (parsed && typeof parsed.archives === "object" && !Array.isArray(parsed.archives)) {
+              for (const [wsId, rec] of Object.entries(parsed.archives)) {
+                if (!isId(wsId) || !rec) continue;
+                archives.set(wsId, {
+                  workspaceId: wsId,
+                  archived: rec.archived === true,
+                  archivedAt: typeof rec.archivedAt === "number" ? rec.archivedAt : Date.now(),
+                  sessionIds: Array.isArray(rec.sessionIds) ? rec.sessionIds.filter(isId) : [],
+                  pending: Array.isArray(rec.pending) ? rec.pending.filter(isId) : []
+                });
+              }
+              return;
+            }
+          }
+          const legacy = localStorage.getItem(WORKSPACE_ARCHIVE_LEGACY_KEY);
+          if (legacy) {
+            const parsed = JSON.parse(legacy);
+            if (parsed && typeof parsed.hidden === "object" && !Array.isArray(parsed.hidden)) {
+              for (const [wsId, ids] of Object.entries(parsed.hidden)) {
+                if (!isId(wsId)) continue;
+                archives.set(wsId, {
+                  workspaceId: wsId,
+                  archived: true,
+                  archivedAt: Date.now(),
+                  sessionIds: Array.isArray(ids) ? ids.filter(isId) : [],
+                  pending: []
+                });
+              }
+              saveLocal();
+            }
+          }
+        } catch (_) {}
+      }
+
+      function saveLocal() {
+        try {
+          if (typeof localStorage === "undefined") return;
+          const obj = {};
+          for (const [wsId, rec] of archives) {
+            if (rec.archived === true || (Array.isArray(rec.pending) && rec.pending.length > 0) || (Array.isArray(rec.sessionIds) && rec.sessionIds.length > 0)) {
+              obj[wsId] = {
+                workspaceId: wsId,
+                archived: rec.archived === true,
+                archivedAt: rec.archivedAt,
+                sessionIds: rec.sessionIds,
+                pending: rec.pending
+              };
+            }
+          }
+          localStorage.setItem(WORKSPACE_ARCHIVE_STORAGE_KEY, JSON.stringify({ version: 1, archives: obj }));
+        } catch (_) {}
+      }
+
+      const EMPTY_WORKSPACES_SNAPSHOT = Object.freeze({ items: Object.freeze([]) });
+      let snapshotCache = { archives, version, busyWorkspaces };
+
+      loadLocal();
+
+      function notify() {
+        version += 1;
+        snapshotCache = { archives, version, busyWorkspaces };
+        viewCache = null;
+        viewRaw = null;
+        viewVersion = -1;
+        for (const listener of [...listeners]) {
+          try { listener(); } catch (_) {}
+        }
+      }
+
+      function rawSnapshot() {
+        if (typeof readRaw === "function") {
+          try { return readRaw() ?? EMPTY_WORKSPACES_SNAPSHOT; } catch (_) {}
+        }
+        return EMPTY_WORKSPACES_SNAPSHOT;
+      }
+
+      function getViewSnapshot() {
+        const raw = rawSnapshot();
+        if (viewCache !== null && viewRaw === raw && viewVersion === version) {
+          return viewCache;
+        }
+        viewRaw = raw;
+        viewVersion = version;
+
+        const items = Array.isArray(raw?.items) ? raw.items : [];
+        const baseArchived = Array.isArray(raw?.archivedSessionIds) ? raw.archivedSessionIds : [];
+
+        const hasArchived = [...archives.values()].some(r => r.archived === true);
+        if (!hasArchived) {
+          viewCache = raw;
+          return viewCache;
+        }
+
+        const visible = items.filter(item => {
+          const rec = archives.get(item.workspaceId || item.id);
+          return !rec || rec.archived !== true;
+        });
+
+        const archivedSet = new Set(baseArchived);
+        let changed = false;
+
+        for (const item of items) {
+          const wsId = item.workspaceId || item.id;
+          const rec = archives.get(wsId);
+          if (rec && rec.archived === true) {
+            const sids = Array.isArray(item.sessionIds) ? item.sessionIds : [];
+            for (const sid of sids) {
+              if (!archivedSet.has(sid)) {
+                archivedSet.add(sid);
+                changed = true;
+              }
+            }
+          }
+        }
+        for (const rec of archives.values()) {
+          if (rec.archived === true && Array.isArray(rec.sessionIds)) {
+            for (const sid of rec.sessionIds) {
+              if (!archivedSet.has(sid)) {
+                archivedSet.add(sid);
+                changed = true;
+              }
+            }
+          }
+        }
+
+        const finalArchived = changed ? [...archivedSet] : baseArchived;
+        viewCache = (visible.length === items.length && finalArchived === baseArchived)
+          ? raw
+          : { ...raw, items: visible, archivedSessionIds: finalArchived };
+        return viewCache;
+      }
+
+      function revealWorkspace(wsId, options = {}) {
+        if (!isId(wsId)) return null;
+        const existing = archives.get(wsId);
+        if (!existing || existing.archived !== true) return null;
+        const record = {
+          ...existing,
+          workspaceId: wsId,
+          archived: false,
+          sessionIds: Array.isArray(existing.sessionIds) ? [...existing.sessionIds] : [],
+          pending: Array.isArray(existing.pending) ? [...existing.pending] : []
+        };
+        archives.set(wsId, record);
+        saveLocal();
+        notify();
+        try {
+          callApi("/workspace-unarchive", { workspaceId: wsId, retainSessionIds: true }).catch(() => {});
+        } catch (_) {}
+        if (options && options.silent === false) {
+          const msg = smTranslate("notice.workspaceReAdded");
+          showNotice(msg);
+        }
+        return record;
+      }
+
+      function installWorkspaceCreate(workspacesService) {
+        if (!workspacesService || typeof workspacesService.create !== "function") return null;
+
+        let originalCreate = workspacesService[WORKSPACE_ORIGINAL_CREATE] || workspacesService.create;
+        while (originalCreate && (originalCreate.__dshSmWrapper || originalCreate[WORKSPACE_CREATE_MARK])) {
+          if (originalCreate.__dshSmUnderlying) originalCreate = originalCreate.__dshSmUnderlying;
+          else break;
+        }
+        workspacesService[WORKSPACE_ORIGINAL_CREATE] = originalCreate;
+
+        const wrappedCreate = async function (...args) {
+          const options = args[0];
+          const targetPath = typeof options === "string" ? options : (options && typeof options.path === "string" ? options.path : "");
+          let knownArchivedId = null;
+          if (targetPath) {
+            const raw = rawSnapshot();
+            const items = Array.isArray(raw?.items) ? raw.items : [];
+            const match = items.find(item => item.path && pathKey(item.path) === pathKey(targetPath));
+            if (match) {
+              const id = match.workspaceId || match.id;
+              if (id && archives.get(id)?.archived === true) {
+                knownArchivedId = id;
+                revealWorkspace(id, { silent: false });
+              }
+            }
+          }
+
+          const res = await originalCreate.apply(this, args);
+
+          const createdId = typeof res === "string" ? res : (res && (res.id || res.workspaceId));
+          const targetId = createdId || knownArchivedId;
+          if (targetId && archives.get(targetId)?.archived === true) {
+            revealWorkspace(targetId, { silent: false });
+          }
+
+          return res;
+        };
+        wrappedCreate.__dshSmWrapper = true;
+        wrappedCreate.__dshSmUnderlying = originalCreate;
+
+        const ownCreate = Object.getOwnPropertyDescriptor(workspacesService, "create");
+        try {
+          workspacesService.create = wrappedCreate;
+          Object.defineProperty(workspacesService, WORKSPACE_CREATE_MARK, { value: true, configurable: true, writable: true });
+        } catch (err) {
+          console.warn("[session-manager] Failed to wrap workspaces.create:", err);
+          return null;
+        }
+
+        return function dispose() {
+          try {
+            if (workspacesService.create === wrappedCreate) {
+              if (ownCreate !== undefined) Object.defineProperty(workspacesService, "create", ownCreate);
+              else workspacesService.create = originalCreate;
+            }
+            delete workspacesService[WORKSPACE_CREATE_MARK];
+            delete workspacesService[WORKSPACE_ORIGINAL_CREATE];
+          } catch (_) {}
+        };
+      }
+
+      function installConnectWorkspace(uiWorkspaceService) {
+        if (!uiWorkspaceService || typeof uiWorkspaceService.connectWorkspace !== "function") return null;
+
+        let originalConnect = uiWorkspaceService[UI_ORIGINAL_CONNECT] || uiWorkspaceService.connectWorkspace;
+        while (originalConnect && (originalConnect.__dshSmWrapper || originalConnect[UI_CONNECT_MARK])) {
+          if (originalConnect.__dshSmUnderlying) originalConnect = originalConnect.__dshSmUnderlying;
+          else break;
+        }
+        uiWorkspaceService[UI_ORIGINAL_CONNECT] = originalConnect;
+
+        const wrappedConnect = async function (workspaceId, ...rest) {
+          if (typeof workspaceId === "string" && archives.get(workspaceId)?.archived === true) {
+            revealWorkspace(workspaceId, { silent: true });
+          }
+          return await originalConnect.call(this, workspaceId, ...rest);
+        };
+        wrappedConnect.__dshSmWrapper = true;
+        wrappedConnect.__dshSmUnderlying = originalConnect;
+
+        const ownConnect = Object.getOwnPropertyDescriptor(uiWorkspaceService, "connectWorkspace");
+        try {
+          uiWorkspaceService.connectWorkspace = wrappedConnect;
+          Object.defineProperty(uiWorkspaceService, UI_CONNECT_MARK, { value: true, configurable: true, writable: true });
+        } catch (err) {
+          console.warn("[session-manager] Failed to wrap uiWorkspace.connectWorkspace:", err);
+          return null;
+        }
+
+        return function dispose() {
+          try {
+            if (uiWorkspaceService.connectWorkspace === wrappedConnect) {
+              if (ownConnect !== undefined) Object.defineProperty(uiWorkspaceService, "connectWorkspace", ownConnect);
+              else uiWorkspaceService.connectWorkspace = originalConnect;
+            }
+            delete uiWorkspaceService[UI_CONNECT_MARK];
+            delete uiWorkspaceService[UI_ORIGINAL_CONNECT];
+          } catch (_) {}
+        };
+      }
+
+      return {
+        getSnapshot: () => snapshotCache,
+        getVersion: () => version,
+        subscribe(listener) {
+          listeners.add(listener);
+          return () => listeners.delete(listener);
+        },
+        isArchived(wsId) {
+          const rec = archives.get(wsId);
+          return rec ? rec.archived === true : false;
+        },
+        isBusy(wsId) {
+          return busyWorkspaces.has(wsId);
+        },
+        getRecord(wsId) {
+          return archives.get(wsId) || null;
+        },
+        getAllRecords() {
+          return archives;
+        },
+        rawSnapshot,
+        getViewSnapshot,
+        setReadRaw(fn) {
+          readRaw = fn;
+        },
+        notify,
+        syncFromHost(hostArchives) {
+          if (!hostArchives || typeof hostArchives !== "object" || Array.isArray(hostArchives)) return;
+          let changed = false;
+          for (const [wsId, rec] of Object.entries(hostArchives)) {
+            if (!isId(wsId) || !rec) continue;
+            const existing = archives.get(wsId);
+            if (!existing || existing.archived !== (rec.archived === true) || existing.sessionIds?.length !== (rec.sessionIds || []).length) {
+              archives.set(wsId, {
+                workspaceId: wsId,
+                archived: rec.archived === true,
+                archivedAt: typeof rec.archivedAt === "number" ? rec.archivedAt : Date.now(),
+                sessionIds: Array.isArray(rec.sessionIds) ? rec.sessionIds.filter(isId) : [],
+                pending: Array.isArray(rec.pending) ? rec.pending.filter(isId) : []
+              });
+              changed = true;
+            }
+          }
+          if (changed) {
+            saveLocal();
+            notify();
+          }
+        },
+        markBusy(wsId, busy) {
+          if (busy) busyWorkspaces.add(wsId);
+          else busyWorkspaces.delete(wsId);
+          notify();
+        },
+        saveArchiveRecord(wsId, record) {
+          archives.set(wsId, record);
+          saveLocal();
+          notify();
+        },
+        removeArchiveRecord(wsId) {
+          archives.delete(wsId);
+          saveLocal();
+          notify();
+        },
+        revealWorkspace,
+        installWorkspaceCreate,
+        installConnectWorkspace,
+        installWorkspaceModel(model) {
+          if (!model || model[WORKSPACE_MODEL_MARK] === true) return null;
+          const originalGetSnapshot = model.getSnapshot;
+          const originalSubscribe = model.subscribe;
+          if (typeof originalGetSnapshot !== "function" || typeof originalSubscribe !== "function") return null;
+
+          readRaw = () => {
+            try { return originalGetSnapshot.call(model); }
+            catch (err) { console.warn("[session-manager] Failed to read raw workspaces snapshot:", err); return { items: [] }; }
+          };
+
+          const wrappedGetSnapshot = function () {
+            return getViewSnapshot();
+          };
+          const wrappedSubscribe = function (listener) {
+            const off = originalSubscribe.call(model, listener);
+            listeners.add(listener);
+            return () => {
+              listeners.delete(listener);
+              if (typeof off === "function") off();
+            };
+          };
+
+          const ownGetSnapshot = Object.getOwnPropertyDescriptor(model, "getSnapshot");
+          const ownSubscribe = Object.getOwnPropertyDescriptor(model, "subscribe");
+
+          try {
+            model.getSnapshot = wrappedGetSnapshot;
+            model.subscribe = wrappedSubscribe;
+            Object.defineProperty(model, WORKSPACE_MODEL_MARK, { value: true, configurable: true });
+          } catch (err) {
+            console.warn("[session-manager] Failed to wrap workspaces.list:", err);
+            return null;
+          }
+
+          return function dispose() {
+            try {
+              if (model.getSnapshot === wrappedGetSnapshot) {
+                if (ownGetSnapshot !== undefined) Object.defineProperty(model, "getSnapshot", ownGetSnapshot);
+                else delete model.getSnapshot;
+              }
+              if (model.subscribe === wrappedSubscribe) {
+                if (ownSubscribe !== undefined) Object.defineProperty(model, "subscribe", ownSubscribe);
+                else delete model.subscribe;
+              }
+              if (model[WORKSPACE_MODEL_MARK] === true) delete model[WORKSPACE_MODEL_MARK];
+            } catch (_) {}
+            listeners.clear();
+            viewCache = null;
+            viewRaw = null;
+            viewVersion = -1;
+          };
+        }
+      };
+    })();
+
+    if (typeof window !== "undefined") {
+      window.revealWorkspace = (id, opts) => workspaceArchiveStore.revealWorkspace(id, opts);
+    }
+    if (typeof globalThis !== "undefined") {
+      globalThis.revealWorkspace = (id, opts) => workspaceArchiveStore.revealWorkspace(id, opts);
+    }
+
+    const SM_SELECT_SELECTOR = ".sm-viewSelect, .sm-settingsSelect, .sm-wsSortSelect, .sm-prioritySelectInline, .sm-panelDialog select, .sm-nativeDialog select, .sm-settingsCard select";
+
+    let activeCustomSelect = null;
+    let activeCustomMenu = null;
+
+    function closeCustomSelect() {
+      if (activeCustomMenu) {
+        try { activeCustomMenu.remove(); } catch (_) {}
+        activeCustomMenu = null;
+      }
+      if (typeof document !== "undefined") {
+        try {
+          const oldMenus = document.querySelectorAll(".sm-customSelectMenu");
+          for (let i = 0; i < oldMenus.length; i++) {
+            try { oldMenus[i].remove(); } catch (_) {}
+          }
+        } catch (_) {}
+      }
+      if (activeCustomSelect) {
+        try { activeCustomSelect.classList.remove("sm-selectExpanded"); } catch (_) {}
+        activeCustomSelect = null;
+      }
+    }
+
+    function applyCustomSelection(select, val) {
+      closeCustomSelect();
+      if (!select) return;
+      if (select.value !== val) {
+        try {
+          const descriptor = Object.getOwnPropertyDescriptor(window.HTMLSelectElement?.prototype || {}, "value");
+          if (descriptor && descriptor.set) {
+            descriptor.set.call(select, val);
+          } else {
+            select.value = val;
+          }
+        } catch (_) {
+          select.value = val;
+        }
+        try {
+          const Evt = typeof Event !== "undefined" ? Event : (typeof window !== "undefined" ? window.Event : null);
+          if (Evt) {
+            select.dispatchEvent(new Evt("input", { bubbles: true }));
+            select.dispatchEvent(new Evt("change", { bubbles: true }));
+          } else if (typeof select.dispatchEvent === "function") {
+            select.dispatchEvent({ type: "input", bubbles: true });
+            select.dispatchEvent({ type: "change", bubbles: true });
+          }
+        } catch (_) {
+          try {
+            select.dispatchEvent({ type: "input", bubbles: true });
+            select.dispatchEvent({ type: "change", bubbles: true });
+          } catch (_) {}
+        }
+        try {
+          const key = Object.keys(select).find(k => k.startsWith("__reactProps") || k.startsWith("__reactEventHandlers"));
+          if (key && typeof select[key]?.onChange === "function") {
+            select[key].onChange({ target: select, currentTarget: select });
+          }
+        } catch (_) {}
+      }
+    }
+
+    function openCustomSelect(select) {
+      if (!select || select.disabled) return;
+      if (activeCustomSelect === select && activeCustomMenu) {
+        closeCustomSelect();
+        return;
+      }
+      closeCustomSelect();
+
+      const options = Array.from(select.options || []);
+      if (options.length === 0) return;
+
+      const doc = select.ownerDocument || (typeof document !== "undefined" ? document : null);
+      if (!doc || !doc.body) return;
+
+      activeCustomSelect = select;
+      select.classList.add("sm-selectExpanded");
+
+      const menu = doc.createElement("div");
+      menu.className = "sm-customSelectMenu";
+      menu.setAttribute("role", "listbox");
+      const ariaLabel = select.getAttribute("aria-label");
+      if (ariaLabel) menu.setAttribute("aria-label", ariaLabel);
+
+      try {
+        const theme = doc.documentElement?.getAttribute?.("data-sm-theme") || (doc.body?.getAttribute?.("data-ds-dark-theme") === "true" ? "dark" : null);
+        if (theme && typeof menu.setAttribute === "function") menu.setAttribute("data-sm-theme", theme);
+        const cs = typeof window !== "undefined" && typeof window.getComputedStyle === "function" ? window.getComputedStyle(select) : null;
+        if (cs) {
+          if (cs.colorScheme) menu.style.colorScheme = cs.colorScheme;
+          if (cs.fontFamily) menu.style.fontFamily = cs.fontFamily;
+        }
+      } catch (_) {}
+
+      options.forEach((opt) => {
+        const item = doc.createElement("div");
+        const isSelected = opt.value === select.value || opt.selected;
+        item.className = "sm-customSelectOption" +
+          (isSelected ? " sm-customSelectOptionSelected" : "") +
+          (opt.disabled ? " sm-customSelectOptionDisabled" : "");
+        item.setAttribute("role", "option");
+        item.setAttribute("aria-selected", isSelected ? "true" : "false");
+        item.title = opt.title || opt.text || opt.label || opt.value || "";
+
+        const labelSpan = doc.createElement("span");
+        labelSpan.className = "sm-customSelectOptionLabel";
+        labelSpan.textContent = opt.text || opt.label || opt.value;
+        if (typeof item.appendChild === "function") {
+          item.appendChild(labelSpan);
+        } else if (item.children && Array.isArray(item.children)) {
+          item.children.push(labelSpan);
+        }
+
+        if (isSelected) {
+          const checkSpan = doc.createElement("span");
+          checkSpan.className = "sm-customSelectOptionCheck";
+          checkSpan.textContent = "✓";
+          if (typeof item.appendChild === "function") {
+            item.appendChild(checkSpan);
+          } else if (item.children && Array.isArray(item.children)) {
+            item.children.push(checkSpan);
+          }
+        }
+
+        const handleOptClick = (e) => {
+          if (e && e.preventDefault) e.preventDefault();
+          if (e && e.stopPropagation) e.stopPropagation();
+          if (opt.disabled) return;
+          applyCustomSelection(select, opt.value);
+        };
+        if (typeof item.addEventListener === "function") {
+          item.addEventListener("mousedown", handleOptClick);
+        } else {
+          item.onmousedown = handleOptClick;
+        }
+
+        if (typeof menu.appendChild === "function") {
+          menu.appendChild(item);
+        } else if (menu.children && Array.isArray(menu.children)) {
+          menu.children.push(item);
+        }
+      });
+
+      if (typeof doc.body?.appendChild === "function") {
+        doc.body.appendChild(menu);
+      }
+      activeCustomMenu = menu;
+
+      const rect = select.getBoundingClientRect();
+      const spaceBelow = (typeof window !== "undefined" ? window.innerHeight : 800) - rect.bottom;
+      const spaceAbove = rect.top;
+      const estimatedHeight = Math.min(260, Math.max(36, options.length * 30 + 8));
+      const dropUp = spaceBelow < estimatedHeight && spaceAbove > spaceBelow;
+
+      if (dropUp) {
+        menu.style.bottom = ((typeof window !== "undefined" ? window.innerHeight : 800) - rect.top + 4) + "px";
+        menu.style.top = "auto";
+        menu.classList.add("sm-customSelectMenu-dropUp");
+      } else {
+        menu.style.top = (rect.bottom + 4) + "px";
+        menu.style.bottom = "auto";
+      }
+
+      const selectWidth = rect.width;
+      if (selectWidth > 0) {
+        menu.style.width = selectWidth + "px";
+        menu.style.minWidth = selectWidth + "px";
+        menu.style.maxWidth = selectWidth + "px";
+        menu.style.boxSizing = "border-box";
+      } else {
+        menu.style.minWidth = "120px";
+      }
+      const spaceRight = (typeof window !== "undefined" ? window.innerWidth : 1200) - rect.left;
+      if (spaceRight < 220 && rect.right > 220) {
+        menu.style.right = ((typeof window !== "undefined" ? window.innerWidth : 1200) - rect.right) + "px";
+        menu.style.left = "auto";
+      } else {
+        menu.style.left = rect.left + "px";
+        menu.style.right = "auto";
+      }
+
+      const selectedEl = typeof menu.querySelector === "function" ? menu.querySelector(".sm-customSelectOptionSelected") : null;
+      if (selectedEl && typeof selectedEl.scrollIntoView === "function") {
+        selectedEl.scrollIntoView({ block: "nearest" });
+      }
+    }
+
+    function installCustomDropdownInterceptor() {
+      if (typeof document === "undefined" || typeof document.addEventListener !== "function") {
+        return () => {};
+      }
+
+      if (typeof window !== "undefined" && typeof window.__dshSmDropdownInterceptorOff === "function") {
+        try { window.__dshSmDropdownInterceptorOff(); } catch (_) {}
+      }
+
+      const onMouseDown = (e) => {
+        if (activeCustomMenu && activeCustomMenu.contains(e.target)) return;
+        if (e.target?.closest?.("button, input, textarea, a")) return;
+
+        let select = null;
+        if (e.target?.matches?.("select")) {
+          select = e.target;
+        } else if (e.target?.closest?.("select")) {
+          select = e.target.closest("select");
+        } else {
+          const container = e.target?.closest?.(".sm-wsSortField, .sm-annotationPriority, .sm-viewField, .sm-moveSection, .sm-settingsRow, .sm-customSelectWrapper");
+          if (container) {
+            select = container.querySelector("select");
+          } else {
+            const nearest = e.target?.closest?.(SM_SELECT_SELECTOR);
+            if (nearest && nearest.tagName === "SELECT") {
+              select = nearest;
+            }
+          }
+        }
+
+        if (select && select.tagName === "SELECT") {
+          e.preventDefault();
+          e.stopPropagation();
+          if (select.disabled) return;
+          try { select.focus(); } catch (_) {}
+          openCustomSelect(select);
+          return;
+        }
+
+        if (activeCustomMenu) {
+          closeCustomSelect();
+        }
+      };
+
+      const onClick = (e) => {
+        if (e.target?.closest?.("button, input, textarea, a")) return;
+        let select = null;
+        if (e.target?.matches?.("select")) {
+          select = e.target;
+        } else {
+          const container = e.target?.closest?.(".sm-wsSortField, .sm-annotationPriority, .sm-viewField, .sm-moveSection, .sm-settingsRow, .sm-customSelectWrapper");
+          if (container) select = container.querySelector("select");
+        }
+        if (select && select.tagName === "SELECT") {
+          e.preventDefault();
+          e.stopPropagation();
+        }
+      };
+
+      const onKeyDown = (e) => {
+        if (e.key === "Escape") {
+          if (activeCustomMenu) {
+            e.preventDefault();
+            e.stopPropagation();
+            closeCustomSelect();
+          }
+          return;
+        }
+
+        const focused = document.activeElement;
+        const targetSelect = activeCustomSelect || (focused?.matches?.(SM_SELECT_SELECTOR) ? focused : null) || (focused?.closest?.(".sm-wsSortField, .sm-annotationPriority, .sm-viewField, .sm-moveSection, .sm-settingsRow")?.querySelector("select"));
+        if (!targetSelect || targetSelect.tagName !== "SELECT") return;
+
+        if (e.key === "Enter" || e.key === " ") {
+          if (!activeCustomMenu) {
+            e.preventDefault();
+            e.stopPropagation();
+            openCustomSelect(targetSelect);
+          } else {
+            e.preventDefault();
+            e.stopPropagation();
+            closeCustomSelect();
+          }
+        } else if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+          e.preventDefault();
+          e.stopPropagation();
+          const opts = Array.from(targetSelect.options || []).filter(o => !o.disabled);
+          if (opts.length === 0) return;
+          const currentIdx = opts.findIndex(o => o.value === targetSelect.value);
+          const step = e.key === "ArrowDown" ? 1 : -1;
+          const nextIdx = (currentIdx + step + opts.length) % opts.length;
+          applyCustomSelection(targetSelect, opts[nextIdx].value);
+          openCustomSelect(targetSelect);
+        }
+      };
+
+      const onResizeOrScroll = () => {
+        if (activeCustomMenu) closeCustomSelect();
+      };
+
+      document.addEventListener("mousedown", onMouseDown, true);
+      document.addEventListener("click", onClick, true);
+      document.addEventListener("keydown", onKeyDown, true);
+      if (typeof window !== "undefined" && typeof window.addEventListener === "function") {
+        window.addEventListener("resize", onResizeOrScroll, { passive: true });
+        window.addEventListener("scroll", onResizeOrScroll, { passive: true, capture: true });
+      }
+
+      const dispose = function dispose() {
+        closeCustomSelect();
+        document.removeEventListener("mousedown", onMouseDown, true);
+        document.removeEventListener("click", onClick, true);
+        document.removeEventListener("keydown", onKeyDown, true);
+        if (typeof window !== "undefined" && typeof window.removeEventListener === "function") {
+          window.removeEventListener("resize", onResizeOrScroll);
+          window.removeEventListener("scroll", onResizeOrScroll, true);
+        }
+        if (typeof window !== "undefined" && window.__dshSmDropdownInterceptorOff === dispose) {
+          window.__dshSmDropdownInterceptorOff = null;
+        }
+      };
+      if (typeof window !== "undefined") {
+        window.__dshSmDropdownInterceptorOff = dispose;
+      }
+      return dispose;
+    }
+
+    async function executeArchiveWorkspace(workspaceId, { allWorkspaces, t } = {}) {
+      if (workspaceArchiveStore.isBusy(workspaceId)) return false;
+      const raw = workspaceArchiveStore.rawSnapshot();
+      const rawItems = Array.isArray(raw?.items) ? raw.items : [];
+      const rawItem = rawItems.find(w => (w.workspaceId || w.id) === workspaceId);
+      const ws = (Array.isArray(allWorkspaces) ? allWorkspaces.find(w => w.id === workspaceId) : null) || rawItem;
+      if (!ws) return false;
+
+      const hostArchivedSet = new Set(Array.isArray(raw?.archivedSessionIds) ? raw.archivedSessionIds : []);
+      const allSessionIds = Array.isArray(ws.sessionIds) ? ws.sessionIds : [];
+      const toArchive = allSessionIds.filter(id => !hostArchivedSet.has(id));
+
+      workspaceArchiveStore.markBusy(workspaceId, true);
+      const succeeded = [];
+      let failureError = null;
+
+      try {
+        for (const sid of toArchive) {
+          try {
+            await runArchiveCommand("archive", sid, { stopActivity: false });
+            succeeded.push(sid);
+          } catch (err) {
+            failureError = err;
+            break;
+          }
+        }
+
+        if (failureError) {
+          // Rollback: unarchive whatever we archived in this run
+          for (const sid of succeeded) {
+            try { await runArchiveCommand("unarchive", sid); } catch (_) {}
+          }
+          const msg = failureError?.message || String(failureError);
+          const alertMsg = (t ? t("workspace.archive.failed", { message: msg }) : "归档工作区失败：{message}").replace("{message}", msg);
+          if (typeof window !== "undefined" && typeof window.alert === "function") {
+            window.alert(alertMsg);
+          }
+          return false;
+        }
+
+        const prevRecord = workspaceArchiveStore.getRecord(workspaceId);
+        const combinedSessionIds = Array.from(new Set([...(prevRecord?.sessionIds || []), ...succeeded]));
+        const record = {
+          workspaceId,
+          archived: true,
+          archivedAt: Date.now(),
+          sessionIds: combinedSessionIds,
+          pending: []
+        };
+        workspaceArchiveStore.saveArchiveRecord(workspaceId, record);
+        try {
+          await callApi("/workspace-archive", record);
+        } catch (e) {
+          console.warn("[session-manager] Failed to persist workspace archive to host:", e);
+        }
+
+        const currentId = activeClientCtx?.sessions?.list?.getSnapshot?.()?.current
+          || activeClientCtx?.uiWorkspace?.mainReference?.sessionId;
+        if (currentId && toArchive.includes(currentId)) {
+          try {
+            activeClientCtx?.uiWorkspace?.clearMain?.();
+          } catch (_) {}
+        }
+
+        try { await activeClientCtx?.sessions?.refresh?.(); } catch (_) {}
+        try { await activeClientCtx?.workspaces?.refresh?.(); } catch (_) {}
+        return true;
+      } finally {
+        workspaceArchiveStore.markBusy(workspaceId, false);
+      }
+    }
+
+    async function executeUnarchiveWorkspace(workspaceId, { t } = {}) {
+      if (workspaceArchiveStore.isBusy(workspaceId)) return false;
+      const record = workspaceArchiveStore.getRecord(workspaceId);
+      workspaceArchiveStore.markBusy(workspaceId, true);
+      try {
+        const raw = workspaceArchiveStore.rawSnapshot();
+        const hostArchivedSet = new Set(Array.isArray(raw?.archivedSessionIds) ? raw.archivedSessionIds : []);
+        const idsToRestore = [...(record?.sessionIds || []), ...(record?.pending || [])];
+        const failed = [];
+
+        for (const sid of idsToRestore) {
+          if (!hostArchivedSet.has(sid)) continue;
+          try {
+            await runArchiveCommand("unarchive", sid);
+          } catch (err) {
+            failed.push(sid);
+          }
+        }
+
+        if (failed.length > 0) {
+          const updatedRecord = {
+            ...(record || { workspaceId }),
+            archived: true,
+            pending: failed
+          };
+          workspaceArchiveStore.saveArchiveRecord(workspaceId, updatedRecord);
+          try {
+            await callApi("/workspace-archive", updatedRecord);
+          } catch (_) {}
+          const msg = (t ? t("workspace.unarchive.failed", { message: failed.length + " 个会话恢复失败" }) : "恢复工作区失败：{message}").replace("{message}", failed.length + " 个会话恢复失败");
+          if (typeof window !== "undefined" && typeof window.alert === "function") {
+            window.alert(msg);
+          }
+          return false;
+        }
+
+        workspaceArchiveStore.removeArchiveRecord(workspaceId);
+        try {
+          await callApi("/workspace-unarchive", { workspaceId });
+        } catch (_) {}
+
+        try { await activeClientCtx?.sessions?.refresh?.(); } catch (_) {}
+        try { await activeClientCtx?.workspaces?.refresh?.(); } catch (_) {}
+        return true;
+      } finally {
+        workspaceArchiveStore.markBusy(workspaceId, false);
+      }
+    }
+
+    function SmSwitch(props) {
+      const checked = props.checked === true;
+      const disabled = props.disabled === true;
+      const loading = props.loading === true;
+      const onChange = typeof props.onChange === "function" ? props.onChange : () => {};
+      return h("button", {
+        type: "button",
+        role: "switch",
+        className: "sm-switch" + (checked ? " sm-switchChecked" : "") + (loading ? " sm-switchLoading" : ""),
+        "aria-checked": checked,
+        "aria-label": props.ariaLabel,
+        disabled: disabled || loading,
+        onClick: (e) => {
+          if (e && typeof e.stopPropagation === "function") e.stopPropagation();
+          if (disabled || loading) return;
+          if (typeof props.onClick === "function") props.onClick(e);
+          else onChange(!checked);
+        }
+      },
+        h("span", { className: "sm-switchThumb" },
+          loading ? h("span", { className: "sm-switchSpinner" }) : null
+        )
+      );
+    }
+
     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;
@@ -1598,18 +2603,51 @@ function isTopmostDialog(z) {
       ].join(String.fromCharCode(10))
     };
     const promptFor = lang => CLIPBOARD_PROMPT_TEXT[lang] || CLIPBOARD_PROMPT_TEXT.zh;
+    function isClickInsideDialog(e, dialogRef, layerRef) {
+      if (!e || !e.target) return false;
+      const target = e.target;
+      if (dialogRef && dialogRef.current && typeof dialogRef.current.contains === "function" && dialogRef.current.contains(target)) {
+        return true;
+      }
+      if (layerRef && layerRef.current && typeof layerRef.current.contains === "function" && layerRef.current.contains(target)) {
+        return true;
+      }
+      if (typeof target.closest === "function") {
+        if (dialogRef && dialogRef.current && target.closest(".sm-nativeDialog") === dialogRef.current) {
+          return true;
+        }
+        if (layerRef && layerRef.current && target.closest(".sm-nativeDialogLayer") === layerRef.current) {
+          return true;
+        }
+      }
+      if (activeCustomMenu && typeof activeCustomMenu.contains === "function" && activeCustomMenu.contains(target)) {
+        if (activeCustomSelect) {
+          if (dialogRef && dialogRef.current && typeof dialogRef.current.contains === "function" && dialogRef.current.contains(activeCustomSelect)) {
+            return true;
+          }
+          if (layerRef && layerRef.current && typeof layerRef.current.contains === "function" && layerRef.current.contains(activeCustomSelect)) {
+            return true;
+          }
+        }
+      }
+      return false;
+    }
+
     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 danger = props.danger === true;
       const actionLabel = props.actionLabel || "";
       const summaryAction = props.summaryAction || actionLabel;
+      const title = props.title || (props.action === "delete" ? (props.t ? t("confirm.delete.title") : "删除会话") : t("bulk.dialog.title", { action: 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 dialogRef = useRef(null);
+      const layerRef = useRef(null);
       const [expanded, setExpanded] = useState(false);
       const [zIndex] = useState(() => open ? nextDialogZ() : 0);
       const floatingCoords = useFloatingPosition(props.anchor, open, { placement: "bottom-end", dialogWidth: 360, dialogHeight: 320 });
@@ -1621,15 +2659,33 @@ function isTopmostDialog(z) {
         const handler = (e) => {
           if (e.key !== "Escape" || e.defaultPrevented) return;
           if (!isTopmostDialog(zIndex)) return;
+          if (props.busy) return;
           e.preventDefault(); e.stopPropagation(); escStateRef.current.onCancel();
         };
         window.addEventListener("keydown", handler);
+        const mountTime = Date.now();
+        const clickHandler = (e) => {
+          if (Date.now() - mountTime < 50) return;
+          if (e.defaultPrevented) return;
+          if (props.busy) return;
+          if (!isTopmostDialog(zIndex)) return;
+          if (isClickInsideDialog(e, dialogRef, layerRef)) return;
+          if (e && typeof e.preventDefault === "function") e.preventDefault();
+          if (e && typeof e.stopPropagation === "function") e.stopPropagation();
+          if (e && typeof e.stopImmediatePropagation === "function") e.stopImmediatePropagation();
+          escStateRef.current.onCancel();
+        };
+        window.addEventListener("click", clickHandler, true);
         return () => {
           unregisterDialogZ(zIndex);
           window.removeEventListener("keydown", handler);
+          window.removeEventListener("click", clickHandler, true);
         };
       }, [open, zIndex]);
       if (!open) return null;
+      const loading = props.loading === true;
+      const hasError = Boolean(props.error);
+      const confirmDisabled = loading || hasError;
       const showExpand = sessions.length > 12;
       const visible = expanded ? sessions : sessions.slice(0, 12);
       const topPx = floatingCoords ? floatingCoords.top : null;
@@ -1651,9 +2707,9 @@ function isTopmostDialog(z) {
           : {})
       };
       const portalOverlay = renderInOverlay;
-      return portalOverlay(h("div", { className: "sm-nativeDialogLayer sm-bulkDialog" + (hasCoords ? " sm-bulkDialog-anchored" : ""), role: "presentation", style: layerStyle },
-        h("section", { className: "sm-nativeDialog", style: { pointerEvents: "auto" }, 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 }))),
+      return portalOverlay(h("div", { ref: layerRef, className: "sm-nativeDialogLayer sm-bulkDialog" + (hasCoords ? " sm-bulkDialog-anchored" : ""), role: "presentation", style: layerStyle },
+        h("section", { ref: dialogRef, className: "sm-nativeDialog", style: { pointerEvents: "auto" }, 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" }, title)),
           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,
@@ -1664,7 +2720,12 @@ function isTopmostDialog(z) {
           ),
           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)
+            h("button", {
+              type: "button",
+              className: "sm-nativeDialogButton" + (danger ? " sm-nativeDialogDanger" : " sm-nativeDialogConfirm"),
+              disabled: props.busy || confirmDisabled,
+              onClick: () => { if (!props.busy && !confirmDisabled) onExecute(); }
+            }, confirmLabel)
           )
         )
       ));
@@ -1674,6 +2735,11 @@ function isTopmostDialog(z) {
       const t = typeof props.t === "function" ? props.t : (key) => key;
       const open = props.open === true;
       const [zIndex] = useState(() => open ? nextDialogZ() : 0);
+      useEffect(() => {
+        if (!open) return;
+        registerDialogZ(zIndex);
+        return () => unregisterDialogZ(zIndex);
+      }, [open, zIndex]);
       const actionLabel = props.actionLabel || "";
       const done = Number.isInteger(props.done) ? props.done : 0;
       const total = Number.isInteger(props.total) ? props.total : 0;
@@ -1721,6 +2787,8 @@ function isTopmostDialog(z) {
     function BatchResultDialog(props) {
       const t = typeof props.t === "function" ? props.t : (key) => key;
       const open = props.open === true;
+      const dialogRef = useRef(null);
+      const layerRef = useRef(null);
       const [zIndex] = useState(() => open ? nextDialogZ() : 0);
       const actionLabel = props.actionLabel || "";
       const items = Array.isArray(props.items) ? props.items : [];
@@ -1740,9 +2808,22 @@ function isTopmostDialog(z) {
           e.preventDefault(); e.stopPropagation(); escStateRef.current.onClose();
         };
         window.addEventListener("keydown", handler);
+        const mountTime = Date.now();
+        const clickHandler = (e) => {
+          if (Date.now() - mountTime < 50) return;
+          if (e.defaultPrevented) return;
+          if (!isTopmostDialog(zIndex)) return;
+          if (isClickInsideDialog(e, dialogRef, layerRef)) return;
+          if (e && typeof e.preventDefault === "function") e.preventDefault();
+          if (e && typeof e.stopPropagation === "function") e.stopPropagation();
+          if (e && typeof e.stopImmediatePropagation === "function") e.stopImmediatePropagation();
+          escStateRef.current.onClose();
+        };
+        window.addEventListener("click", clickHandler, true);
         return () => {
           unregisterDialogZ(zIndex);
           window.removeEventListener("keydown", handler);
+          window.removeEventListener("click", clickHandler, true);
         };
       }, [open, zIndex]);
       if (!open) return null;
@@ -1784,8 +2865,8 @@ function isTopmostDialog(z) {
           : {})
       };
       const portalOverlay = renderInOverlay;
-      return portalOverlay(h("div", { className: "sm-nativeDialogLayer sm-bulkDialog" + (hasCoords ? " sm-bulkDialog-anchored" : ""), role: "presentation", style: layerStyle },
-        h("section", { className: "sm-nativeDialog", style: { pointerEvents: "auto" }, role: "dialog", "aria-modal": "true", "aria-labelledby": "sm-batch-result-title" },
+      return portalOverlay(h("div", { ref: layerRef, className: "sm-nativeDialogLayer sm-bulkDialog" + (hasCoords ? " sm-bulkDialog-anchored" : ""), role: "presentation", style: layerStyle },
+        h("section", { ref: dialogRef, className: "sm-nativeDialog", style: { pointerEvents: "auto" }, 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),
@@ -1833,6 +2914,8 @@ function isTopmostDialog(z) {
     function BulkTagInputDialog(props) {
       const t = typeof props.t === "function" ? props.t : (key) => key;
       const open = props.open === true;
+      const dialogRef = useRef(null);
+      const layerRef = useRef(null);
       const [zIndex] = useState(() => open ? nextDialogZ() : 0);
       const title = props.title || t("bulk.tagsAdd");
       const description = props.description || "";
@@ -1854,9 +2937,22 @@ function isTopmostDialog(z) {
           e.preventDefault(); e.stopPropagation(); escStateRef.current.onCancel();
         };
         window.addEventListener("keydown", handler);
+        const mountTime = Date.now();
+        const clickHandler = (e) => {
+          if (Date.now() - mountTime < 50) return;
+          if (e.defaultPrevented) return;
+          if (!isTopmostDialog(zIndex)) return;
+          if (isClickInsideDialog(e, dialogRef, layerRef)) return;
+          if (e && typeof e.preventDefault === "function") e.preventDefault();
+          if (e && typeof e.stopPropagation === "function") e.stopPropagation();
+          if (e && typeof e.stopImmediatePropagation === "function") e.stopImmediatePropagation();
+          escStateRef.current.onCancel();
+        };
+        window.addEventListener("click", clickHandler, true);
         return () => {
           unregisterDialogZ(zIndex);
           window.removeEventListener("keydown", handler);
+          window.removeEventListener("click", clickHandler, true);
         };
       }, [open, zIndex]);
       if (!open) return null;
@@ -1883,8 +2979,8 @@ function isTopmostDialog(z) {
           : {})
       };
       const portalOverlay = renderInOverlay;
-      return portalOverlay(h("div", { className: "sm-nativeDialogLayer sm-bulkDialog" + (hasCoords ? " sm-bulkDialog-anchored" : ""), role: "presentation", style: layerStyle },
-        h("section", { className: "sm-nativeDialog", style: { pointerEvents: "auto" }, role: "dialog", "aria-modal": "true", "aria-labelledby": "sm-bulk-tags-title" },
+      return portalOverlay(h("div", { ref: layerRef, className: "sm-nativeDialogLayer sm-bulkDialog" + (hasCoords ? " sm-bulkDialog-anchored" : ""), role: "presentation", style: layerStyle },
+        h("section", { ref: dialogRef, className: "sm-nativeDialog", style: { pointerEvents: "auto" }, 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" },
             description ? h("div", { className: "sm-bulkDialogSummary" }, description) : null,
@@ -1901,6 +2997,8 @@ function isTopmostDialog(z) {
     function BulkChoiceDialog(props) {
       const t = typeof props.t === "function" ? props.t : (key) => key;
       const open = props.open === true;
+      const dialogRef = useRef(null);
+      const layerRef = useRef(null);
       const [zIndex] = useState(() => open ? nextDialogZ() : 0);
       const title = props.title || "";
       const description = props.description || "";
@@ -1922,9 +3020,22 @@ function isTopmostDialog(z) {
           e.preventDefault(); e.stopPropagation(); escStateRef.current.onCancel();
         };
         window.addEventListener("keydown", handler);
+        const mountTime = Date.now();
+        const clickHandler = (e) => {
+          if (Date.now() - mountTime < 50) return;
+          if (e.defaultPrevented) return;
+          if (!isTopmostDialog(zIndex)) return;
+          if (isClickInsideDialog(e, dialogRef, layerRef)) return;
+          if (e && typeof e.preventDefault === "function") e.preventDefault();
+          if (e && typeof e.stopPropagation === "function") e.stopPropagation();
+          if (e && typeof e.stopImmediatePropagation === "function") e.stopImmediatePropagation();
+          escStateRef.current.onCancel();
+        };
+        window.addEventListener("click", clickHandler, true);
         return () => {
           unregisterDialogZ(zIndex);
           window.removeEventListener("keydown", handler);
+          window.removeEventListener("click", clickHandler, true);
         };
       }, [open, zIndex]);
       if (!open) return null;
@@ -1947,8 +3058,8 @@ function isTopmostDialog(z) {
           : {})
       };
       const portalOverlay = renderInOverlay;
-      return portalOverlay(h("div", { className: "sm-nativeDialogLayer sm-bulkDialog" + (hasCoords ? " sm-bulkDialog-anchored" : ""), role: "presentation", style: layerStyle },
-        h("section", { className: "sm-nativeDialog", style: { pointerEvents: "auto" }, role: "dialog", "aria-modal": "true", "aria-labelledby": "sm-bulk-choice-title" },
+      return portalOverlay(h("div", { ref: layerRef, className: "sm-nativeDialogLayer sm-bulkDialog" + (hasCoords ? " sm-bulkDialog-anchored" : ""), role: "presentation", style: layerStyle },
+        h("section", { ref: dialogRef, className: "sm-nativeDialog", style: { pointerEvents: "auto" }, 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,
@@ -2174,6 +3285,8 @@ function isTopmostDialog(z) {
       const onConfirm = typeof props.onConfirm === "function" ? props.onConfirm : () => {};
       const busy = props.busy === true;
       const danger = props.danger === true;
+      const dialogRef = useRef(null);
+      const layerRef = useRef(null);
       // Claim a fresh z-index so this popup sits above any earlier popup.
       const [zIndex] = useState(() => open ? nextDialogZ() : 0);
       const title = props.title || "";
@@ -2209,9 +3322,23 @@ function isTopmostDialog(z) {
           if (ae && typeof ae.blur === "function" && ae !== document.body) ae.blur();
         };
         window.addEventListener("keydown", handler);
+        const mountTime = Date.now();
+        const clickHandler = (e) => {
+          if (Date.now() - mountTime < 50) return;
+          if (e.defaultPrevented) return;
+          if (escStateRef.current.busy) return;
+          if (!isTopmostDialog(effectiveZ)) return;
+          if (isClickInsideDialog(e, dialogRef, layerRef)) return;
+          if (e && typeof e.preventDefault === "function") e.preventDefault();
+          if (e && typeof e.stopPropagation === "function") e.stopPropagation();
+          if (e && typeof e.stopImmediatePropagation === "function") e.stopImmediatePropagation();
+          escStateRef.current.onCancel();
+        };
+        window.addEventListener("click", clickHandler, true);
         return () => {
           unregisterDialogZ(effectiveZ);
           window.removeEventListener("keydown", handler);
+          window.removeEventListener("click", clickHandler, true);
         };
       }, [open, zIndex]);
 
@@ -2239,13 +3366,17 @@ function isTopmostDialog(z) {
           : {})
       };
 
+      const confirmDisabled = props.confirmDisabled === true;
+
       return renderInOverlay(
         h("div", {
+          ref: layerRef,
           className: "sm-nativeDialogLayer sm-confirmDialog" + (hasCoords ? " sm-confirmDialog-anchored" : ""),
           style: layerStyle,
           role: "presentation"
         },
           h("section", {
+            ref: dialogRef,
             className: "sm-nativeDialog",
             style: { pointerEvents: "auto" },
           role: "dialog",
@@ -2269,8 +3400,8 @@ function isTopmostDialog(z) {
             h("button", {
               type: "button",
               className: "sm-nativeDialogButton" + (danger ? " sm-nativeDialogDanger" : " sm-nativeDialogConfirm"),
-              disabled: busy,
-              onClick: () => { if (!busy) onConfirm(); }
+              disabled: busy || confirmDisabled,
+              onClick: () => { if (!busy && !confirmDisabled) onConfirm(); }
             }, confirmLabel)
           )
         )
@@ -2283,6 +3414,8 @@ function isTopmostDialog(z) {
       const onCancel = typeof props.onCancel === "function" ? props.onCancel : () => {};
       const onConfirm = typeof props.onConfirm === "function" ? props.onConfirm : () => {};
       const busy = props.busy === true;
+      const dialogRef = useRef(null);
+      const layerRef = useRef(null);
       const title = props.title || t("confirm.move.title");
       const description = props.description || "";
       const currentWorkspaceId = props.currentWorkspaceId || "";
@@ -2331,9 +3464,23 @@ function isTopmostDialog(z) {
           if (ae && typeof ae.blur === "function" && ae !== document.body) ae.blur();
         };
         window.addEventListener("keydown", handler);
+        const mountTime = Date.now();
+        const clickHandler = (e) => {
+          if (Date.now() - mountTime < 50) return;
+          if (e.defaultPrevented) return;
+          if (escStateRef.current.busy) return;
+          if (!isTopmostDialog(effectiveZ)) return;
+          if (isClickInsideDialog(e, dialogRef, layerRef)) return;
+          if (e && typeof e.preventDefault === "function") e.preventDefault();
+          if (e && typeof e.stopPropagation === "function") e.stopPropagation();
+          if (e && typeof e.stopImmediatePropagation === "function") e.stopImmediatePropagation();
+          escStateRef.current.onCancel();
+        };
+        window.addEventListener("click", clickHandler, true);
         return () => {
           unregisterDialogZ(effectiveZ);
           window.removeEventListener("keydown", handler);
+          window.removeEventListener("click", clickHandler, true);
         };
       }, [open, zIndex]);
       if (!open) return null;
@@ -2391,12 +3538,14 @@ function isTopmostDialog(z) {
       };
       return renderInOverlay(
         h("div", {
+          ref: layerRef,
           className: "sm-nativeDialogLayer sm-confirmDialog" + (hasCoords ? " sm-confirmDialog-anchored" : ""),
           style: layerStyle,
           role: "presentation",
           onKeyDown
         },
           h("section", {
+            ref: dialogRef,
             className: "sm-nativeDialog",
             style: { pointerEvents: "auto" },
             role: "dialog",
@@ -2432,6 +3581,8 @@ function isTopmostDialog(z) {
       const onCancel = typeof props.onCancel === "function" ? props.onCancel : () => {};
       const onRun = typeof props.onRun === "function" ? props.onRun : () => {};
       const busy = props.busy === true;
+      const dialogRef = useRef(null);
+      const layerRef = useRef(null);
       const sessionId = props.sessionId || "";
       const description = props.description || "";
       const fallbackPreset = props.currentPreset || "";
@@ -2490,9 +3641,23 @@ function isTopmostDialog(z) {
           if (ae && typeof ae.blur === "function" && ae !== document.body) ae.blur();
         };
         window.addEventListener("keydown", handler);
+        const mountTime = Date.now();
+        const clickHandler = (e) => {
+          if (Date.now() - mountTime < 50) return;
+          if (e.defaultPrevented) return;
+          if (escStateRef.current.busy) return;
+          if (!isTopmostDialog(effectiveZ)) return;
+          if (isClickInsideDialog(e, dialogRef, layerRef)) return;
+          if (e && typeof e.preventDefault === "function") e.preventDefault();
+          if (e && typeof e.stopPropagation === "function") e.stopPropagation();
+          if (e && typeof e.stopImmediatePropagation === "function") e.stopImmediatePropagation();
+          escStateRef.current.onCancel();
+        };
+        window.addEventListener("click", clickHandler, true);
         return () => {
           unregisterDialogZ(effectiveZ);
           window.removeEventListener("keydown", handler);
+          window.removeEventListener("click", clickHandler, true);
         };
       }, [open, zIndex]);
       if (!open) return null;
@@ -2549,11 +3714,13 @@ function isTopmostDialog(z) {
       };
       return renderInOverlay(
         h("div", {
+          ref: layerRef,
           className: "sm-nativeDialogLayer sm-confirmDialog" + (hasCoords ? " sm-confirmDialog-anchored" : ""),
           role: "presentation",
           style: layerStyle
         },
           h("section", {
+            ref: dialogRef,
             className: "sm-nativeDialog",
             style: { pointerEvents: "auto" },
             role: "dialog",
@@ -2582,7 +3749,7 @@ function isTopmostDialog(z) {
       ));
     }
 
-    const CURRENT_VERSION = "0.6.4";
+    const CURRENT_VERSION = "0.7.1";
 
     function compareSemver(v1, v2) {
       if (typeof v1 !== "string" || typeof v2 !== "string") return 0;
@@ -2643,7 +3810,11 @@ function isTopmostDialog(z) {
         application: null,
         dialogOpen: false,
         checkedAt: null,
+        lastAttemptAt: null,
       },
+      CHECK_INTERVAL_MS: 6 * 60 * 60 * 1000,
+      RETRY_COOLDOWN_MS: 30 * 60 * 1000,
+      lastFailedAt: null,
       listeners: new Set(),
       getSnapshot() { return this.state; },
       subscribe(cb) {
@@ -2678,6 +3849,29 @@ function isTopmostDialog(z) {
         } catch (_) {}
         this._notify();
       },
+      shouldAutoCheck(now = Date.now()) {
+        if (!this.getAutoCheck()) return false;
+        if (this.state.status === "checking" || this.state.status === "updating") return false;
+        if (this.state.status === "available") return false;
+        if (this.lastFailedAt && (now - this.lastFailedAt < this.RETRY_COOLDOWN_MS)) {
+          return false;
+        }
+        if (this.state.checkedAt && (now - this.state.checkedAt < this.CHECK_INTERVAL_MS)) {
+          return false;
+        }
+        return true;
+      },
+      async maybeAutoCheck(options = {}) {
+        const now = typeof options.now === "number" ? options.now : Date.now();
+        if (!this.shouldAutoCheck(now)) return this.state;
+        return this.checkForUpdate({
+          silent: true,
+          openOnFound: false,
+          openDialog: false,
+          ...options,
+          manual: false
+        });
+      },
       // Dialog opacity preference (Issue #23). Reuses the same localStorage
       // backed preference store as autoCheck / registry instead of adding a
       // second storage mechanism.
@@ -2740,7 +3934,17 @@ function isTopmostDialog(z) {
         }
         this._notify();
 
+        const timeoutMs = typeof options.timeoutMs === "number" ? options.timeoutMs : 10000;
+        let timeoutTimer = null;
+        const abortController = typeof AbortController !== "undefined" ? new AbortController() : null;
+
         try {
+          if (abortController) {
+            timeoutTimer = setTimeout(() => {
+              abortController.abort(new Error("检查更新超时"));
+            }, timeoutMs);
+          }
+
           let res = null;
           if (typeof window !== "undefined" && window.__DSH_SM_TEST_UPDATE__) {
             const testOverride = window.__DSH_SM_TEST_UPDATE__;
@@ -2754,12 +3958,16 @@ function isTopmostDialog(z) {
           } else {
             const registryUrl = this.getRegistryUrl();
             const registryParam = encodeURIComponent(registryUrl);
+            const fetchOpts = abortController ? { signal: abortController.signal } : undefined;
             try {
-              res = await fetchApi("/update/check?registry=" + registryParam);
+              res = await fetchApi("/update/check?registry=" + registryParam, fetchOpts);
             } catch (fetchErr) {
+              if (abortController?.signal?.aborted || fetchErr.name === "AbortError" || fetchErr.message?.includes("超时")) {
+                throw new Error("检查更新超时");
+              }
               try {
                 const base = registryUrl.endsWith("/") ? registryUrl : registryUrl + "/";
-                const npmRes = await fetch(base + "dsh-session-manager/latest");
+                const npmRes = await fetch(base + "dsh-session-manager/latest", fetchOpts);
                 if (npmRes.ok) {
                   const npmData = await npmRes.json();
                   if (npmData && npmData.version) {
@@ -2769,7 +3977,11 @@ function isTopmostDialog(z) {
                     res = { ok: true, result: { currentVersion: cur, latestVersion: lat, hasUpdate } };
                   }
                 }
-              } catch (_) {}
+              } catch (_) {
+                if (abortController?.signal?.aborted || fetchErr.name === "AbortError" || fetchErr.message?.includes("超时")) {
+                  throw new Error("检查更新超时");
+                }
+              }
               if (!res) throw fetchErr;
             }
           }
@@ -2785,7 +3997,10 @@ function isTopmostDialog(z) {
 
           this.state.currentVersion = currentVersion;
           this.state.latestVersion = latestVersion;
-          this.state.checkedAt = Date.now();
+          const now = Date.now();
+          this.state.checkedAt = now;
+          this.state.lastAttemptAt = now;
+          this.lastFailedAt = null;
 
           if (hasUpdate) {
             this.state.status = "available";
@@ -2801,13 +4016,18 @@ function isTopmostDialog(z) {
           this._notify();
           return this.state;
         } catch (err) {
+          const now = Date.now();
           this.state.status = "error";
-          this.state.error = err.message || "检查更新失败";
+          this.state.error = (abortController?.signal?.aborted ? "检查更新超时" : (err.message || "检查更新失败"));
+          this.state.lastAttemptAt = now;
+          this.lastFailedAt = now;
           if (shouldOpenDialog) {
             this.state.dialogOpen = true;
           }
           this._notify();
           return this.state;
+        } finally {
+          if (timeoutTimer) clearTimeout(timeoutTimer);
         }
       },
       async startUpdate(options = {}) {
@@ -2871,8 +4091,15 @@ function isTopmostDialog(z) {
       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(); },
+      set(v) {
+        if (this.open === v) return;
+        this.open = v;
+        if (this.open) {
+          try { updateStore.maybeAutoCheck().catch(() => {}); } catch (_) {}
+        }
+        for (const fn of [...this.listeners]) fn();
+      },
+      toggle() { this.set(!this.open); },
       // 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.
@@ -2886,13 +4113,8 @@ function isTopmostDialog(z) {
     const lastBatchContext = { action: null, ids: [] };
 
     const DEFAULT_SORT = "updated-desc";
-    const SORT_ORDERS = ["updated-desc", "updated-asc", "created-desc", "created-asc", "priority"];
+    const SORT_ORDERS = ["updated-desc", "updated-asc", "created-desc", "created-asc", "name-asc", "name-desc", "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;
@@ -2926,17 +4148,33 @@ function isTopmostDialog(z) {
     };
 
     function SessionManagerPanel(props) {
-      const t = props.t;
+      const t = typeof props.t === "function" ? props.t : (k => k);
       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 defaultUseSessions = (selector = s => s) => {
+        const model = activeClientCtx?.sessions?.list;
+        return useSyncExternalStore(
+          (cb) => (model?.subscribe ? model.subscribe(cb) : () => {}),
+          () => (model?.getSnapshot ? selector(model.getSnapshot()) : selector({ ids: [], byId: {} })),
+          () => (model?.getSnapshot ? selector(model.getSnapshot()) : selector({ ids: [], byId: {} }))
+        );
+      };
+      const defaultUseWorkspaces = (selector = s => s) => {
+        const model = activeClientCtx?.workspaces?.list;
+        return useSyncExternalStore(
+          (cb) => (model?.subscribe ? model.subscribe(cb) : () => {}),
+          () => (model?.getSnapshot ? selector(model.getSnapshot()) : selector({ items: [] })),
+          () => (model?.getSnapshot ? selector(model.getSnapshot()) : selector({ items: [] }))
+        );
+      };
+      const useSessions = typeof props.useSessions === "function" ? props.useSessions : defaultUseSessions;
+      const useWorkspaces = typeof props.useWorkspaces === "function" ? props.useWorkspaces : defaultUseWorkspaces;
       const annotations = useAnnotations(true);
       const marksReady = annotations.loaded && !annotations.error;
       const updateState = useSyncExternalStore(
@@ -2950,9 +4188,22 @@ function isTopmostDialog(z) {
       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 list = (typeof useSessions === "function" ? useSessions((s) => s) : null) || { ids: [], byId: {} };
+      const workspaceSnapshot = (typeof useWorkspaces === "function" ? useWorkspaces((s) => s) : null) || { items: [] };
       const archivedIds = workspaceSnapshot.archivedSessionIds || [];
+      const [panelTab, setPanelTab] = useState("sessions");
+      const [wsQuery, setWsQuery] = useState("");
+      const [wsFilter, setWsFilter] = useState("all");
+      const [wsSort, setWsSort] = useState("updated-desc");
+      const [wsSelectedIds, setWsSelectedIds] = useState(() => new Set());
+      const [wsSelectModeEnabled, setWsSelectModeEnabled] = useState(false);
+      const [wsBulkBusy, setWsBulkBusy] = useState(false);
+      const [wsLastClickedRank, setWsLastClickedRank] = useState(null);
+      const archiveVersion = useSyncExternalStore(
+        (cb) => workspaceArchiveStore.subscribe(cb),
+        () => workspaceArchiveStore.getVersion(),
+        () => workspaceArchiveStore.getVersion()
+      );
       const [filter, setFilter] = useState("all");
       const [query, setQuery] = useState("");
       const [workspaceFilter, setWorkspaceFilter] = useState("all");
@@ -2962,14 +4213,39 @@ function isTopmostDialog(z) {
       const [now, setNow] = useState(() => Date.now());
       const [moveFor, setMoveFor] = useState(null);
       const [confirmFor, setConfirmFor] = useState(null);
+      const [confirmPreviewState, setConfirmPreviewState] = useState({ loading: false, error: null, subagentCount: 0 });
+      useEffect(() => {
+        if (!confirmFor || !confirmFor.id) {
+          setConfirmPreviewState({ loading: false, error: null, subagentCount: 0 });
+          return;
+        }
+        let alive = true;
+        setConfirmPreviewState({ loading: true, error: null, subagentCount: 0 });
+        fetchApi("/delete-preview?sessionId=" + encodeURIComponent(confirmFor.id))
+          .then((res) => {
+            if (!alive) return;
+            if (res && res.ok && res.result && typeof res.result.subagentCount === "number") {
+              setConfirmPreviewState({ loading: false, error: null, subagentCount: res.result.subagentCount });
+            } else {
+              setConfirmPreviewState({ loading: false, error: res?.error || "获取子智能体预览失败", subagentCount: 0 });
+            }
+          })
+          .catch((err) => {
+            if (!alive) return;
+            setConfirmPreviewState({ loading: false, error: err instanceof Error ? err.message : String(err), subagentCount: 0 });
+          });
+        return () => { alive = false; };
+      }, [confirmFor?.id]);
       const [workspaces, setWorkspaces] = useState([]);
       const [createdTimes, setCreatedTimes] = useState({});
+      const [updatedTimes, setUpdatedTimes] = 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]);
+      const sessionMembershipKey = useMemo(() => (Array.isArray(list?.ids) ? [...list.ids].sort().join("\0") : ""), [list?.ids]);
+      let isSessionWorkspaceArchived = () => false;
       // ----- Bulk-action selection state -----
       const [selectedIds, setSelectedIds] = useState(() => new Set());
       const [lastClickedRank, setLastClickedRank] = useState(null);
@@ -2997,6 +4273,10 @@ function isTopmostDialog(z) {
           setBulkPresetOptions([]);
           setBulkBusy(false);
           setSelectModeEnabled(false);
+          setWsSelectedIds(new Set());
+          setWsSelectModeEnabled(false);
+          setWsBulkBusy(false);
+          setWsLastClickedRank(null);
         }
       }, [open]);
       const toggleSelectMode = () => {
@@ -3111,6 +4391,15 @@ function isTopmostDialog(z) {
         if (ids.length === 0) return;
         if (ids.length > 200) { setError(t("bulk.error.tooMany")); return; }
         const sessions = selectedSessions;
+        if (action === "unarchive") {
+          const hasBlocked = sessions.some(s => isSessionWorkspaceArchived(s));
+          if (hasBlocked) {
+            if (typeof window !== "undefined" && typeof window.alert === "function") {
+              window.alert(t("error.workspaceArchived"));
+            }
+            return;
+          }
+        }
         const resolvedLabel = actionLabel || ({
           archive: t("bulk.archive"), unarchive: t("bulk.unarchive"), delete: t("bulk.delete"),
           move: t("bulk.move"), "preset-migrate": t("bulk.presetMigrate"),
@@ -3135,7 +4424,59 @@ function isTopmostDialog(z) {
         };
         const summaryAction = actionSummaryMap[action] || resolvedLabel;
         if (needsConfirm) {
-          setBulkPreview({ action, payload, actionLabel: summaryAction, sessions, warning: action === "delete" ? t("bulk.dialog.warning.delete") : "" });
+          const baseWarning = action === "delete" ? t("bulk.dialog.warning.delete") : "";
+          if (action === "delete") {
+            setBulkPreview({
+              action,
+              payload,
+              actionLabel: summaryAction,
+              sessions,
+              warning: baseWarning,
+              loading: true,
+              error: null
+            });
+            fetchApi("/delete-preview?sessionIds=" + encodeURIComponent(ids.join(",")))
+              .then((res) => {
+                if (res && res.ok && res.result && typeof res.result.subagentCount === "number") {
+                  const subCount = res.result.subagentCount;
+                  setBulkPreview((prev) => {
+                    if (!prev || prev.action !== "delete") return prev;
+                    const subText = subCount > 0 ? t("confirm.delete.subagents", { count: subCount }) : "";
+                    return {
+                      ...prev,
+                      loading: false,
+                      error: null,
+                      warning: subText ? `${subText}\n${baseWarning}` : baseWarning
+                    };
+                  });
+                } else {
+                  const errMsg = (res && res.error) || t("confirm.delete.previewError") || "检查关联子智能体会话失败，请稍后重试";
+                  setBulkPreview((prev) => {
+                    if (!prev || prev.action !== "delete") return prev;
+                    return {
+                      ...prev,
+                      loading: false,
+                      error: errMsg,
+                      warning: `${errMsg}\n${baseWarning}`
+                    };
+                  });
+                }
+              })
+              .catch((err) => {
+                const errMsg = (err && err.message) || t("confirm.delete.previewError") || "检查关联子智能体会话失败，请稍后重试";
+                setBulkPreview((prev) => {
+                  if (!prev || prev.action !== "delete") return prev;
+                  return {
+                    ...prev,
+                    loading: false,
+                    error: errMsg,
+                    warning: `${errMsg}\n${baseWarning}`
+                  };
+                });
+              });
+            return;
+          }
+          setBulkPreview({ action, payload, actionLabel: summaryAction, sessions, warning: baseWarning });
           return;
         }
         void executeBulk({ action, payload, actionLabel: resolvedLabel, ids, sessions });
@@ -3213,15 +4554,20 @@ function isTopmostDialog(z) {
         if (!open) return;
         let alive = true;
         const controller = new AbortController();
-        setWorkspacesLoading(true);
+        if (workspaces.length === 0) 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;
+          if (data.result.workspaceArchives) {
+            workspaceArchiveStore.syncFromHost(data.result.workspaceArchives);
+          }
           setWorkspaces(next);
           const times = data.result.sessionCreatedAt;
           setCreatedTimes(times && typeof times === "object" && !Array.isArray(times) ? times : {});
+          const updated = data.result.sessionUpdatedAt;
+          setUpdatedTimes(updated && typeof updated === "object" && !Array.isArray(updated) ? updated : {});
           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));
@@ -3242,8 +4588,26 @@ function isTopmostDialog(z) {
       }, [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]);
+      isSessionWorkspaceArchived = (session) => {
+        if (!session) return false;
+        if (session.workspaceId && workspaceArchiveStore.isArchived(session.workspaceId)) return true;
+        const memberships = rowWorkspaces(session, workspaceIndex);
+        for (const wsId of memberships) {
+          if (workspaceArchiveStore.isArchived(wsId)) return true;
+        }
+        for (const [, rec] of workspaceArchiveStore.getAllRecords()) {
+          if (rec.archived === true && Array.isArray(rec.sessionIds) && rec.sessionIds.includes(session.id)) {
+            return true;
+          }
+        }
+        return false;
+      };
+      const allRows = useMemo(() => {
+        const ids = Array.isArray(list?.ids) ? list.ids : [];
+        const byId = list?.byId || {};
+        return ids.map(id => 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);
@@ -3273,6 +4637,16 @@ function isTopmostDialog(z) {
           }
           return true;
         });
+        if (sortOrder.startsWith("name-")) {
+          const dir = sortOrder === "name-asc" ? 1 : -1;
+          const nameOf = s => (s.blank ? t("panel.session.new") : (s.displayTitle || s.id || "")).toLowerCase();
+          return selected.map((session, rank) => ({ session, rank, name: nameOf(session) }))
+            .sort((a, b) => {
+              const cmp = a.name.localeCompare(b.name);
+              return cmp !== 0 ? dir * cmp : a.rank - b.rank;
+            })
+            .map(item => item.session);
+        }
         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;
@@ -3308,8 +4682,6 @@ function isTopmostDialog(z) {
       }, [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);
@@ -3329,12 +4701,24 @@ function isTopmostDialog(z) {
         "aria-pressed": filter === id,
         onClick: () => setFilter(id)
       }, label);
+      const hasViewChanges = query !== "" || filter !== "all" || workspaceFilter !== "all" || sortOrder !== DEFAULT_SORT || onlyFavorite || onlyReview || tagFilter !== "all" || priorityFilter !== "all";
+      const resetView = () => {
+        setQuery("");
+        setFilter("all");
+        setWorkspaceFilter("all");
+        setSortOrder(DEFAULT_SORT);
+        setOnlyFavorite(false);
+        setOnlyReview(false);
+        setTagFilter("all");
+        setPriorityFilter("all");
+      };
       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 isWsArchived = isSessionWorkspaceArchived(s);
         const checkbox = (selectedIds.size === 0 && !selectModeEnabled)
           ? null
           : h("label", { className: "sm-bulkRowCheckbox", onClick: (e) => e.stopPropagation() },
@@ -3355,6 +4739,7 @@ function isTopmostDialog(z) {
           h("div", { className: "sm-rowMain" },
             h("div", { className: "sm-rowTitle" },
               h("span", null, s.blank ? t("panel.session.new") : (s.displayTitle || s.id)),
+              isWsArchived ? h("span", { className: "sm-badge sm-badgeWorkspaceArchived" }, t("panel.workspaceArchived")) : null,
               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
@@ -3368,8 +4753,8 @@ function isTopmostDialog(z) {
               ),
               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: () => { if (isArchived) { /* DSH refuses to surface an archived session as the current view: clicking "Open" on an archived row flashes an empty chat panel and bounces back to "no session selected". Unarchive first, then open. (issue #17.4) */ runRow(s.id, async () => { await onUnarchive(s.id); await onOpen(s.id); }); } else { 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 (isArchived) { if (isWsArchived) { if (typeof window !== "undefined" && typeof window.alert === "function") { window.alert(t("error.workspaceArchived")); } return; } /* DSH refuses to surface an archived session as the current view: clicking "Open" on an archived row flashes an empty chat panel and bounces back to "no session selected". Unarchive first, then open. (issue #17.4) */ runRow(s.id, async () => { await onUnarchive(s.id); await onOpen(s.id); }); } else { onOpen(s.id); } } }, t("row.open")),
+                h("button", { type: "button", className: "sm-rowBtn", disabled: busy, onClick: () => runRow(s.id, () => { if (isArchived) { if (isWsArchived) { if (typeof window !== "undefined" && typeof window.alert === "function") { window.alert(t("error.workspaceArchived")); } return; } return onUnarchive(s.id); } return 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")),
@@ -3382,8 +4767,288 @@ function isTopmostDialog(z) {
       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 allWorkspaceRows = useMemo(() => {
+        const hasSessionList = Array.isArray(list?.ids);
+        const sessionsByWorkspace = new Map();
+        for (const ws of workspaces) {
+          sessionsByWorkspace.set(ws.id, []);
+        }
+        if (hasSessionList) {
+          for (const s of allRows) {
+            const matchedWsIds = rowWorkspaces(s, workspaceIndex);
+            for (const wsId of matchedWsIds) {
+              const wsList = sessionsByWorkspace.get(wsId);
+              if (wsList) wsList.push(s);
+            }
+          }
+        }
+        return workspaces.map(ws => {
+          const wsSessions = sessionsByWorkspace.get(ws.id) || [];
+          let sessionCount = 0;
+          let latestSessionTime = null;
+          if (hasSessionList) {
+            sessionCount = wsSessions.length;
+            for (const s of wsSessions) {
+              const st = sessionTime(s?.updatedAt) ?? sessionTime(s?.createdAt);
+              if (st !== null) {
+                if (latestSessionTime === null || st > latestSessionTime) {
+                  latestSessionTime = st;
+                }
+              }
+            }
+          } else {
+            const sids = Array.isArray(ws.sessionIds) ? ws.sessionIds : [];
+            const byId = list?.byId || {};
+            for (const sid of sids) {
+              const s = byId[sid];
+              if (s && (s.origin === "subagent" || (s.blank && s.id !== list?.current))) continue;
+              sessionCount++;
+              const st = sessionTime(s?.updatedAt) ?? sessionTime(s?.createdAt);
+              if (st !== null) {
+                if (latestSessionTime === null || st > latestSessionTime) {
+                  latestSessionTime = st;
+                }
+              }
+            }
+          }
+          return {
+            ...ws,
+            sessionCount,
+            latestUpdatedAt: latestSessionTime
+          };
+        });
+      }, [workspaces, allRows, workspaceIndex, list?.ids, list?.byId, list?.current]);
+
+      const filteredWorkspaceRows = useMemo(() => {
+        const needle = wsQuery.trim().toLowerCase();
+        const selected = allWorkspaceRows.filter(ws => {
+          const isArchived = workspaceArchiveStore.isArchived(ws.id);
+          if (wsFilter === "active" && isArchived) return false;
+          if (wsFilter === "archived" && !isArchived) return false;
+          if (needle) {
+            const title = ws.title || ws.name || ws.id;
+            const path = ws.path || "";
+            const matchesTitle = title.toLowerCase().includes(needle);
+            const matchesPath = path.toLowerCase().includes(needle);
+            const matchesId = ws.id.toLowerCase().includes(needle);
+            if (!matchesTitle && !matchesPath && !matchesId) return false;
+          }
+          return true;
+        });
+
+        if (wsSort.startsWith("name-")) {
+          const dir = wsSort === "name-asc" ? 1 : -1;
+          return selected.map((ws, rank) => {
+            const name = (ws.title || ws.name || ws.id || "").toLowerCase();
+            return { ws, rank, name };
+          }).sort((a, b) => {
+            const cmp = a.name.localeCompare(b.name);
+            return cmp !== 0 ? dir * cmp : a.rank - b.rank;
+          }).map(item => item.ws);
+        }
+
+        const direction = wsSort === "updated-asc" ? 1 : -1;
+        return selected.map((ws, rank) => ({ ws, rank, time: ws.latestUpdatedAt }))
+          .sort((a, b) => {
+            if (a.time === b.time) return a.rank - b.rank;
+            if (a.time === null) return 1;
+            if (b.time === null) return -1;
+            return direction * (a.time - b.time);
+          })
+          .map(item => item.ws);
+      }, [allWorkspaceRows, wsQuery, wsFilter, wsSort, archiveVersion]);
+
+      const currentWsFilterIds = useMemo(() => filteredWorkspaceRows.map(ws => ws.id), [filteredWorkspaceRows]);
+      useEffect(() => {
+        const allowed = new Set(currentWsFilterIds);
+        setWsSelectedIds(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;
+        });
+      }, [currentWsFilterIds]);
+
+      const toggleWsSelectMode = () => {
+        if (wsSelectModeEnabled) {
+          setWsSelectModeEnabled(false);
+          setWsSelectedIds(new Set());
+          setWsLastClickedRank(null);
+        } else {
+          setWsSelectModeEnabled(true);
+        }
+      };
+
+      const toggleWsSelect = (id, isRange, rank) => {
+        if (wsBulkBusy) return;
+        setWsSelectedIds(prev => {
+          const next = new Set(prev);
+          if (isRange && wsLastClickedRank !== null && typeof rank === "number") {
+            const low = Math.min(wsLastClickedRank, rank);
+            const high = Math.max(wsLastClickedRank, rank);
+            for (let i = low; i <= high; i++) {
+              const row = filteredWorkspaceRows[i];
+              if (row) next.add(row.id);
+            }
+          } else {
+            if (next.has(id)) next.delete(id); else next.add(id);
+          }
+          return next;
+        });
+        setWsLastClickedRank(rank);
+      };
+
+      const onWsBulkSelectAll = () => {
+        setWsSelectModeEnabled(true);
+        setWsSelectedIds(new Set(filteredWorkspaceRows.map(ws => ws.id)));
+      };
+
+      const onWsBulkClear = () => {
+        setWsSelectedIds(new Set());
+        setWsLastClickedRank(null);
+      };
+
+      const onWsBulkArchive = async () => {
+        if (wsBulkBusy || !wsSelectModeEnabled || wsSelectedIds.size === 0) return;
+        const targetWs = workspaces.filter(ws => wsSelectedIds.has(ws.id) && !workspaceArchiveStore.isArchived(ws.id));
+        if (targetWs.length === 0) return;
+
+        const hostArchivedSet = new Set(workspaceSnapshot.archivedSessionIds || []);
+        for (const ws of targetWs) {
+          const toArchive = (ws.sessionIds || []).filter(id => !hostArchivedSet.has(id));
+          const runningSession = toArchive.map(id => list.byId[id]).find(s => s && s.running);
+          if (runningSession) {
+            const rTitle = runningSession.displayTitle || runningSession.id;
+            const wsTitle = ws.title || ws.name || ws.id;
+            const msg = (t("confirm.delete.running") || "该会话正在运行，无法归档。") + " (" + wsTitle + ": " + rTitle + ")";
+            if (typeof window !== "undefined" && typeof window.alert === "function") {
+              window.alert(msg);
+            }
+            return;
+          }
+        }
+
+        setWsBulkBusy(true);
+        try {
+          for (const ws of targetWs) {
+            await executeArchiveWorkspace(ws.id, { allWorkspaces: workspaces, t });
+          }
+          setWsSelectedIds(new Set());
+        } catch (err) {
+          setError(err?.message || String(err));
+        } finally {
+          setWsBulkBusy(false);
+        }
+      };
+
+      const onWsBulkUnarchive = async () => {
+        if (wsBulkBusy || !wsSelectModeEnabled || wsSelectedIds.size === 0) return;
+        const targetWs = workspaces.filter(ws => wsSelectedIds.has(ws.id) && workspaceArchiveStore.isArchived(ws.id));
+        if (targetWs.length === 0) return;
+
+        setWsBulkBusy(true);
+        try {
+          for (const ws of targetWs) {
+            await executeUnarchiveWorkspace(ws.id, { t });
+          }
+          setWsSelectedIds(new Set());
+        } catch (err) {
+          setError(err?.message || String(err));
+        } finally {
+          setWsBulkBusy(false);
+        }
+      };
+
+      const hasWsViewChanges = wsQuery !== "" || wsFilter !== "all" || wsSort !== "updated-desc";
+      const resetWsView = () => { setWsQuery(""); setWsFilter("all"); setWsSort("updated-desc"); };
+      const wsIsEn = typeof t === "function" && (t("workspace.filter.all") === "All" || t("marks.favorite") === "Favorite");
+
+      const renderWorkspaceRow = (ws, rank) => {
+        const isArchived = workspaceArchiveStore.isArchived(ws.id);
+        const isBusy = workspaceArchiveStore.isBusy(ws.id);
+        const title = ws.title || ws.name || ws.id;
+        const path = ws.path || "";
+        const sessionCount = typeof ws.sessionCount === "number" ? ws.sessionCount : (Array.isArray(ws.sessionIds) ? ws.sessionIds.length : 0);
+        const timeFormatted = ws.latestUpdatedAt !== null
+          ? t("workspace.lastUpdated", { time: formatRelative(ws.latestUpdatedAt, now) })
+          : "—";
+
+        const isWsSelected = wsSelectedIds.has(ws.id);
+        const checkbox = (wsSelectedIds.size === 0 && !wsSelectModeEnabled)
+          ? null
+          : h("label", { className: "sm-bulkRowCheckbox", onClick: (e) => e.stopPropagation() },
+              h("input", {
+                type: "checkbox",
+                checked: isWsSelected,
+                disabled: isBusy || wsBulkBusy,
+                "aria-label": t("bulk.checkbox.aria", { title: title }),
+                onChange: (e) => toggleWsSelect(ws.id, e.shiftKey === true, rank)
+              })
+            );
+
+        const handleToggleArchive = (e) => {
+          if (e && typeof e.stopPropagation === "function") e.stopPropagation();
+          if (isBusy || wsBulkBusy) return;
+          if (!isArchived) {
+            const hostArchivedSet = new Set(workspaceSnapshot.archivedSessionIds || []);
+            const toArchive = (ws.sessionIds || []).filter(id => !hostArchivedSet.has(id));
+            const runningSession = toArchive.map(id => list.byId[id]).find(s => s && s.running);
+            if (runningSession) {
+              const rTitle = runningSession.displayTitle || runningSession.id;
+              const msg = (t("confirm.delete.running") || "该会话正在运行，无法归档。") + " (" + rTitle + ")";
+              if (typeof window !== "undefined" && typeof window.alert === "function") {
+                window.alert(msg);
+              }
+              return;
+            }
+            void executeArchiveWorkspace(ws.id, { allWorkspaces: workspaces, t });
+          } else {
+            void executeUnarchiveWorkspace(ws.id, { t });
+          }
+        };
+
+        const switchNode = h(SmSwitch, {
+          role: "switch",
+          "aria-checked": !isArchived,
+          checked: !isArchived,
+          loading: isBusy,
+          disabled: isBusy || wsBulkBusy,
+          ariaLabel: t("workspace.switch.aria", { name: title }),
+          onClick: handleToggleArchive,
+          onChange: handleToggleArchive
+        });
+
+        return h("div", {
+          key: ws.id,
+          "data-workspace-id": ws.id,
+          className: "sm-row sm-workspaceRow" + (isArchived ? " sm-rowArchived" : "") + (isWsSelected ? " sm-rowBulkSelected" : "")
+        },
+          h("div", { className: "sm-rowCheckboxSlot" + ((wsSelectedIds.size > 0 || wsSelectModeEnabled) ? " sm-rowCheckboxSlot-visible" : "") }, checkbox),
+          h("div", { className: "sm-rowMain" },
+            h("div", { className: "sm-rowTitle", title: path || title },
+              h("span", null, title),
+              isArchived ? h("span", { className: "sm-badge sm-badgeArchived" }, t("workspace.badge.archived")) : null
+            ),
+            h("div", { className: "sm-rowSecondary" },
+              h("div", { className: "sm-rowMeta" },
+                t("workspace.sessions", { count: sessionCount }) +
+                " · " +
+                timeFormatted
+              )
+            )
+          ),
+          h("div", { className: "sm-rowActions sm-workspaceRowActions" },
+            switchNode
+          )
+        );
+      };
+      const workspaceRowsList = filteredWorkspaceRows.length === 0
+        ? h("div", { className: "sm-empty" }, allWorkspaceRows.length > 0 ? t("workspace.empty.filtered") : t("workspace.empty"))
+        : h("div", { className: "sm-list" }, filteredWorkspaceRows.map((ws, rank) => renderWorkspaceRow(ws, rank)));
+
       const onPanelClose = () => {
-        if (busyId !== null) return;
+        if (busyId !== null || wsBulkBusy) return;
         setConfirmFor(null);
         setMoveFor(null);
         setMigrateFor(null);
@@ -3397,8 +5062,23 @@ function isTopmostDialog(z) {
       // 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 panelRef = useRef(null);
       const escStateRef = useRef({});
-      escStateRef.current = { busyId, confirmFor, moveFor, migrateFor, annotationFor, onPanelClose };
+      escStateRef.current = {
+        busyId,
+        confirmFor,
+        moveFor,
+        migrateFor,
+        annotationFor,
+        bulkPreview,
+        bulkProgress,
+        bulkResult,
+        bulkBusy,
+        bulkTagDraft,
+        bulkPresetDraft,
+        wsBulkBusy,
+        onPanelClose
+      };
       useEffect(() => {
         if (!open) return;
         const handler = (e) => {
@@ -3406,8 +5086,10 @@ function isTopmostDialog(z) {
           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 || (activeDialogZStack && activeDialogZStack.length > 0)) return;
+          if (s.busyId !== null || s.wsBulkBusy || s.bulkBusy) return;
+          if (s.confirmFor || s.moveFor || s.migrateFor || s.annotationFor || s.bulkPreview || s.bulkProgress || s.bulkResult || s.bulkTagDraft || s.bulkPresetDraft) return;
+          if (typeof updateStore !== "undefined" && updateStore && typeof updateStore.getSnapshot === "function" && updateStore.getSnapshot()?.dialogOpen) return;
+          if (activeDialogZStack && activeDialogZStack.length > 0) return;
           e.preventDefault();
           e.stopPropagation();
           s.onPanelClose();
@@ -3421,7 +5103,28 @@ function isTopmostDialog(z) {
           if (ae && typeof ae.blur === "function" && ae !== document.body) ae.blur();
         };
         window.addEventListener("keydown", handler);
-        return () => window.removeEventListener("keydown", handler);
+        const mountTime = Date.now();
+        const clickHandler = (e) => {
+          if (Date.now() - mountTime < 50) return;
+          if (e.defaultPrevented) return;
+          const s = escStateRef.current;
+          if (s.busyId !== null || s.wsBulkBusy || s.bulkBusy) return;
+          if (s.annotationFor !== null) return;
+          if (s.confirmFor || s.moveFor || s.migrateFor) return;
+          if (s.bulkPreview || s.bulkProgress || s.bulkResult || s.bulkTagDraft || s.bulkPresetDraft) return;
+          if (typeof updateStore !== "undefined" && updateStore && typeof updateStore.getSnapshot === "function" && updateStore.getSnapshot()?.dialogOpen) return;
+          if (activeDialogZStack && activeDialogZStack.length > 0) return;
+          if (panelRef.current && typeof panelRef.current.contains === "function" && panelRef.current.contains(e.target)) return;
+          if (e.target && typeof e.target.closest === "function") {
+            if (e.target.closest(".sm-nativeDialog, .sm-panelDialog, .sm-bulkDialog, .sm-annotationDialog, .sm-annotationSurface, .sm-tooltip, .sm-footerBtn")) return;
+          }
+          s.onPanelClose();
+        };
+        window.addEventListener("click", clickHandler);
+        return () => {
+          window.removeEventListener("keydown", handler);
+          window.removeEventListener("click", clickHandler);
+        };
       }, [open]);
       // The panel is a document-level floating window, so it is portaled into
       // the plugin's overlay root like every other dialog here (issue #28).
@@ -3444,6 +5147,7 @@ function isTopmostDialog(z) {
           role: "presentation"
         },
         h("section", {
+          ref: panelRef,
           className: "sm-nativeDialog sm-panelDialog",
           role: "dialog",
           "aria-modal": "true",
@@ -3509,106 +5213,235 @@ function isTopmostDialog(z) {
                 updateState.status === "checking" ? h("span", { className: "sm-updateSpinner", "aria-hidden": "true" }) : null
               )),
             ),
-            h("h2", { id: "sm-panel-dialog-title", className: "sm-nativeDialogTitle" }, t("panel.title")),
+            h("h2", { id: "sm-panel-dialog-title", className: "sm-nativeDialogTitle sm-visuallyHidden" }, t("panel.title")),
+            h("nav", { className: "sm-panelNav", "aria-label": t("panel.tab.sessions") || "页面切换" },
+              h("button", {
+                type: "button",
+                role: "tab",
+                "aria-selected": panelTab === "sessions",
+                className: "sm-panelNavTab" + (panelTab === "sessions" ? " sm-on" : ""),
+                onClick: () => setPanelTab("sessions")
+              }, t("panel.tab.sessions")),
+              h("button", {
+                type: "button",
+                role: "tab",
+                "aria-selected": panelTab === "workspaces",
+                className: "sm-panelNavTab" + (panelTab === "workspaces" ? " sm-on" : ""),
+                onClick: () => setPanelTab("workspaces")
+              }, t("panel.tab.workspaces"))
+            ),
             h("div", { className: "sm-nativeDialogHeaderActions" },
               renderTip(t("panel.close") || "关闭", h("button", {
                 type: "button",
                 className: "sm-panelHeaderClose",
-                disabled: busyId !== null || migrating,
+                disabled: busyId !== null || migrating || wsBulkBusy,
                 onClick: onPanelClose,
                 "aria-label": t("panel.close")
               }, h(CloseIcon, { size: 14 })))
             )
           ),
           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))
+            panelTab === "workspaces" ? h(React.Fragment, null,
+              h("div", { className: "sm-panelTools" },
+                h("input", {
+                  type: "search", className: "sm-queryInput", value: wsQuery,
+                  placeholder: t("workspace.search"), "aria-label": t("workspace.search"), autoComplete: "off",
+                  onChange: event => setWsQuery(event.target.value)
+                }),
+                h("div", { className: "sm-markFilters sm-wsFilters" },
+                  h("div", { className: "sm-markFiltersGroup" },
+                    h("button", {
+                      type: "button", key: "all",
+                      className: "sm-filterBtn" + (wsFilter === "all" ? " sm-on" : ""),
+                      "aria-pressed": wsFilter === "all",
+                      onClick: () => setWsFilter("all")
+                    }, t("workspace.filter.all")),
+                    h("button", {
+                      type: "button", key: "active",
+                      className: "sm-filterBtn" + (wsFilter === "active" ? " sm-on" : ""),
+                      "aria-pressed": wsFilter === "active",
+                      onClick: () => setWsFilter("active")
+                    }, t("workspace.filter.active")),
+                    h("button", {
+                      type: "button", key: "archived",
+                      className: "sm-filterBtn" + (wsFilter === "archived" ? " sm-on" : ""),
+                      "aria-pressed": wsFilter === "archived",
+                      onClick: () => setWsFilter("archived")
+                    }, t("workspace.filter.archived")),
+                    h("div", { className: "sm-viewField sm-wsSortField" },
+                      h("select", {
+                        className: "sm-viewSelect sm-wsSortSelect" + (wsIsEn ? " sm-wsSortSelect-en" : ""), "aria-label": t("panel.sort"), value: wsSort,
+                        onMouseDown: e => e.stopPropagation(),
+                        onClick: e => e.stopPropagation(),
+                        onChange: event => setWsSort(event.target.value)
+                      },
+                        h("option", { value: "updated-desc" }, t("workspace.sort.updated-desc")),
+                        h("option", { value: "updated-asc" }, t("workspace.sort.updated-asc")),
+                        h("option", { value: "name-asc" }, t("workspace.sort.name-asc")),
+                        h("option", { value: "name-desc" }, t("workspace.sort.name-desc"))
+                      )
+                    )
+                  ),
+                  h("div", { className: "sm-markFiltersSpacer" }),
+                  h("div", { className: "sm-markFiltersGroup sm-wsFiltersBulk" },
+                    h("button", {
+                      type: "button",
+                      className: "sm-filterBtn" + (wsSelectModeEnabled ? " sm-on" : ""),
+                      disabled: busyId !== null || migrating || wsBulkBusy,
+                      "aria-pressed": wsSelectModeEnabled,
+                      "aria-label": t(wsSelectModeEnabled ? "panel.selectMode.exit" : "panel.selectMode.aria"),
+                      onClick: toggleWsSelectMode
+                    }, wsSelectModeEnabled ? t("panel.selectMode.exit") : t("panel.selectMode")),
+                    h("button", {
+                      type: "button",
+                      className: "sm-filterBtn sm-bulkSelectBtn",
+                      disabled: filteredWorkspaceRows.length === 0 || wsSelectedIds.size === filteredWorkspaceRows.length || wsBulkBusy,
+                      onClick: onWsBulkSelectAll,
+                      "aria-label": t("bulk.selectAllFiltered")
+                    }, t("bulk.selectAllFiltered")),
+                    h("button", {
+                      type: "button",
+                      className: "sm-filterBtn sm-bulkSelectBtn",
+                      disabled: wsSelectedIds.size === 0 || wsBulkBusy,
+                      onClick: onWsBulkClear,
+                      "aria-label": t("bulk.clear")
+                    }, t("bulk.clear")),
+                    h("button", {
+                      type: "button",
+                      className: "sm-filterBtn",
+                      disabled: !wsSelectModeEnabled || wsSelectedIds.size === 0 || wsBulkBusy,
+                      onClick: onWsBulkArchive,
+                      "aria-label": t("workspace.bulk.archive")
+                    }, t("workspace.bulk.archive")),
+                    h("button", {
+                      type: "button",
+                      className: "sm-filterBtn",
+                      disabled: !wsSelectModeEnabled || wsSelectedIds.size === 0 || wsBulkBusy,
+                      onClick: onWsBulkUnarchive,
+                      "aria-label": t("workspace.bulk.unarchive")
+                    }, t("workspace.bulk.unarchive"))
                   )
                 ),
-                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("div", { className: "sm-resultSummary" },
+                  h("span", { role: "status", "aria-live": "polite", "aria-atomic": "true" },
+                    (wsSelectModeEnabled || wsSelectedIds.size > 0)
+                      ? t("bulk.selectedFiltered", { selected: wsSelectedIds.size, filtered: filteredWorkspaceRows.length })
+                      : t("workspace.count", { shown: filteredWorkspaceRows.length, total: allWorkspaceRows.length })
+                  ),
+                  hasWsViewChanges ? h("button", { type: "button", className: "sm-resetFilters", onClick: resetWsView }, t("workspace.reset")) : null
                 ),
-                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
+                (workspacesLoading && workspaces.length === 0) ? 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,
+              workspaceRowsList
+            ) : h(React.Fragment, null,
+              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("div", { 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,
+                      onMouseDown: e => e.stopPropagation(),
+                      onClick: e => e.stopPropagation(),
+                      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("div", { className: "sm-viewField" },
+                    h("span", null, t("panel.sort")),
+                    h("select", {
+                      className: "sm-viewSelect", "aria-label": t("panel.sort"), value: sortOrder,
+                      onMouseDown: e => e.stopPropagation(),
+                      onClick: e => e.stopPropagation(),
+                      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("div", { className: "sm-viewField" },
+                    h("span", null, t("marks.tags")),
+                    h("select", {
+                      className: "sm-viewSelect", "aria-label": t("marks.filter.tags"), value: tagFilter, disabled: !marksReady,
+                      onMouseDown: e => e.stopPropagation(),
+                      onClick: e => e.stopPropagation(),
+                      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("div", { className: "sm-viewField" },
+                    h("span", null, t("marks.priority")),
+                    h("select", {
+                      className: "sm-viewSelect", "aria-label": t("marks.filter.priority"), value: priorityFilter, disabled: !marksReady,
+                      onMouseDown: e => e.stopPropagation(),
+                      onClick: e => e.stopPropagation(),
+                      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("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-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
+                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 && workspaces.length === 0) ? h("div", { className: "sm-workspaceNotice", role: "status" }, t("panel.sort.unavailable")) : null,
+                (workspacesLoading && workspaces.length === 0) ? 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
               ),
-              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
+              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
+            )
           )
         )
       )));
@@ -3618,13 +5451,27 @@ function isTopmostDialog(z) {
         onClose: () => { if (busyId === null) setConfirmFor(null); },
         title: t("confirm.delete.title"),
         description: (confirmFor.displayTitle && t("confirm.delete.desc", { title: confirmFor.displayTitle })) || "",
-        warning: confirmFor.running ? (t("confirm.delete.running") + " " + t("bulk.dialog.warning.delete")) : t("bulk.dialog.warning.delete"),
+        warning: (() => {
+          const baseWarning = (confirmFor.running ? (t("confirm.delete.running") + " " + t("bulk.dialog.warning.delete")) : t("bulk.dialog.warning.delete"));
+          if (confirmPreviewState.loading) {
+            const loadingMsg = t("confirm.delete.previewLoading") || "正在检查关联的子智能体会话…";
+            return `${loadingMsg}\n${baseWarning}`;
+          }
+          if (confirmPreviewState.error) {
+            const errorMsg = confirmPreviewState.error;
+            return `${errorMsg}\n${baseWarning}`;
+          }
+          const subagentWarning = confirmPreviewState.subagentCount > 0 ? t("confirm.delete.subagents", { count: confirmPreviewState.subagentCount }) : "";
+          return subagentWarning ? `${subagentWarning}\n${baseWarning}` : baseWarning;
+        })(),
+        confirmDisabled: confirmPreviewState.loading || Boolean(confirmPreviewState.error),
         confirmLabel: t("confirm.delete.confirm"),
         cancelLabel: t("confirm.cancel"),
         busy: busyId !== null,
         danger: true,
         onCancel: () => { if (busyId === null) setConfirmFor(null); },
         onConfirm: () => {
+          if (confirmPreviewState.loading || confirmPreviewState.error) return;
           const target = confirmFor;
           setConfirmFor(null);
           runRow(target.id, () => onRemove(target.id));
@@ -3710,12 +5557,16 @@ function isTopmostDialog(z) {
         delete: t("bulk.confirm.delete")
       })[action] || t("bulk.dialog.execute");
       const bulkPreviewDialog = bulkPreview ? h(BatchPreviewDialog, {
-        open: true, t, actionLabel: bulkPreview.actionLabel,
+        open: true, t, action: bulkPreview.action, actionLabel: bulkPreview.actionLabel,
+        title: bulkPreview.action === "delete" ? t("confirm.delete.title") : undefined,
         sessions: bulkPreview.sessions, warning: bulkPreview.warning,
         confirmLabel: bulkConfirmLabelFor(bulkPreview.action),
         danger: bulkPreview.action === "delete",
+        loading: bulkPreview.loading === true,
+        error: bulkPreview.error || null,
         onCancel: () => setBulkPreview(null),
         onExecute: () => {
+          if (bulkPreview.loading || bulkPreview.error) return;
           const preview = bulkPreview;
           setBulkPreview(null);
           void executeBulk({
@@ -3771,10 +5622,11 @@ function isTopmostDialog(z) {
         onCancel: () => setBulkPresetDraft(null),
         onApply: onBulkPresetApply
       }) : null;
+      const workspaceArchiveConfirmDialog = null;
       // Bulk dialogs are portaled into the overlay root like every other
       // dialog, so their static z-index (10002) only orders them inside that
       // context; the root's own 1050 keeps them below DSH's 1100 tooltip tier.
-      return h(React.Fragment, null, panelModal, annotationDialog, moveDialog, deleteDialog, migrateDialog, bulkPreviewDialog, bulkProgressDialog, bulkResultDialog, bulkTagDialog, bulkPriorityDialog, bulkMoveDialog, bulkPresetDialog);
+      return h(React.Fragment, null, panelModal, annotationDialog, moveDialog, deleteDialog, migrateDialog, bulkPreviewDialog, bulkProgressDialog, bulkResultDialog, bulkTagDialog, bulkPriorityDialog, bulkMoveDialog, bulkPresetDialog, workspaceArchiveConfirmDialog);
     }
 
     function HeaderAction(props) {
@@ -3820,6 +5672,29 @@ function isTopmostDialog(z) {
 
       const [confirmFor, setConfirmFor] = useState(null);
       const [confirmAnchor, setConfirmAnchor] = useState(null);
+      const [confirmPreviewState, setConfirmPreviewState] = useState({ loading: false, error: null, subagentCount: 0 });
+      useEffect(() => {
+        if (!confirmFor || !confirmFor.id) {
+          setConfirmPreviewState({ loading: false, error: null, subagentCount: 0 });
+          return;
+        }
+        let alive = true;
+        setConfirmPreviewState({ loading: true, error: null, subagentCount: 0 });
+        fetchApi("/delete-preview?sessionId=" + encodeURIComponent(confirmFor.id))
+          .then((res) => {
+            if (!alive) return;
+            if (res && res.ok && res.result && typeof res.result.subagentCount === "number") {
+              setConfirmPreviewState({ loading: false, error: null, subagentCount: res.result.subagentCount });
+            } else {
+              setConfirmPreviewState({ loading: false, error: res?.error || (t ? t("confirm.delete.previewError") : "检查关联子智能体会话失败，请稍后重试"), subagentCount: 0 });
+            }
+          })
+          .catch((err) => {
+            if (!alive) return;
+            setConfirmPreviewState({ loading: false, error: (err && err.message) || (t ? t("confirm.delete.previewError") : "检查关联子智能体会话失败，请稍后重试"), subagentCount: 0 });
+          });
+        return () => { alive = false; };
+      }, [confirmFor?.id]);
       const [moveFor, setMoveFor] = useState(null);
       const [moveAnchor, setMoveAnchor] = useState(null);
       const [workspaces, setWorkspaces] = useState([]);
@@ -4149,13 +6024,30 @@ function isTopmostDialog(z) {
           onClose: () => setConfirmFor(null),
           onCancel: () => setConfirmFor(null),
           onConfirm: () => {
+            if (confirmPreviewState.loading || confirmPreviewState.error) return;
             const target = confirmFor;
             setConfirmFor(null);
             runWithAlert("delete", () => onRemove(target.id));
           },
           title: t ? t("confirm.delete.title") : "删除会话",
           description: (confirmFor && confirmFor.displayTitle && (t ? t("confirm.delete.desc", { title: confirmFor.displayTitle }) : ("「" + confirmFor.displayTitle + "」：删除，不可恢复"))) || "",
-          warning: (confirmFor && confirmFor.running && t ? t("confirm.delete.running") + " " : "") + (t ? t("bulk.dialog.warning.delete") : "删除操作不可撤销，请确认后再继续。"),
+          warning: (() => {
+            const baseWarn = (confirmFor && confirmFor.running && t ? t("confirm.delete.running") + " " : "") +
+              (t ? t("bulk.dialog.warning.delete") : "删除操作不可撤销，请确认后再继续。");
+            if (confirmPreviewState.loading) {
+              const loadingMsg = (t ? t("confirm.delete.previewLoading") : "") || "正在检查关联的子智能体会话…";
+              return `${loadingMsg}\n${baseWarn}`;
+            }
+            if (confirmPreviewState.error) {
+              const errorMsg = confirmPreviewState.error;
+              return `${errorMsg}\n${baseWarn}`;
+            }
+            const subagentsWarn = confirmPreviewState.subagentCount > 0
+              ? (t ? t("confirm.delete.subagents", { count: confirmPreviewState.subagentCount }) : `将连带删除 ${confirmPreviewState.subagentCount} 个关联的子智能体会话。`)
+              : "";
+            return subagentsWarn ? `${subagentsWarn}\n${baseWarn}` : baseWarn;
+          })(),
+          confirmDisabled: confirmPreviewState.loading || Boolean(confirmPreviewState.error),
           confirmLabel: t ? t("confirm.delete.confirm") : "确认删除",
           cancelLabel: t ? t("confirm.cancel") : "取消",
           busy: false,
@@ -4185,36 +6077,55 @@ function isTopmostDialog(z) {
     }
 
     class SafePanel extends React.Component {
-      constructor(p) { super(p); this.state = { failed: false }; }
-      static getDerivedStateFromError() { return { failed: true }; }
+      constructor(p) { super(p); this.state = { failed: false, error: null }; }
+      static getDerivedStateFromError(error) { return { failed: true, error }; }
       componentDidCatch(error) { try { console.error("[dsh-session-manager] SessionManagerPanel crashed:", error); } catch (_) {} }
       render() {
-        if (this.state.failed) return null;
+        if (this.state.failed) {
+          const t = typeof this.props.t === "function" ? this.props.t : (k => k);
+          const errorOverlay = renderInOverlay(h("div", { className: "sm-overlayLayer" },
+            h("div", { className: "sm-nativeDialogLayer" },
+              h("div", { className: "sm-nativeDialog sm-panelDialog", style: { padding: "20px" } },
+                h("h3", null, t("panel.title") || "会话管理"),
+                h("div", { className: "sm-error" }, "面板加载出错: " + (this.state.error?.message || String(this.state.error))),
+                h("button", {
+                  type: "button",
+                  className: "sm-resetFilters",
+                  onClick: () => {
+                    this.setState({ failed: false, error: null });
+                    try { this.props.panelStore.set(false); } catch (_) {}
+                  }
+                }, t("confirm.cancel") || "关闭")
+              )
+            )
+          ));
+          return errorOverlay;
+        }
         return h(SessionManagerPanel, {
           open: true,
           onClose: () => { try { this.props.panelStore.set(false); } catch (_) {} },
-          useSessions: this.props.useSessions,
-          useWorkspaces: this.props.useWorkspaces,
+          useSessions: this.props.useSessions || this.props.props?.useSessions,
+          useWorkspaces: this.props.useWorkspaces || this.props.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 (...args) => {
-            try { await this.props.props.onBulkRefresh?.(...args); } catch (_) { /* ignore */ }
+            try { await this.props.props?.onBulkRefresh?.(...args); } 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
+          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 t = typeof props.t === "function" ? props.t : (k => k);
+      const onOpenPanel = typeof props.onOpenPanel === "function" ? props.onOpenPanel : () => panelStore.toggle();
       // 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
@@ -4245,6 +6156,7 @@ function isTopmostDialog(z) {
           wide ? h("span", { className: "sm-footerBtn-label" }, t("footer.label")) : null
         ),
         open ? h(SafePanel, {
+          key: "sm-safe-panel",
           panelStore: panelStore,
           props: props,
           t: t,
@@ -4532,18 +6444,6 @@ function isTopmostDialog(z) {
         ),
         h("div", { className: "sm-settingsSection" },
           h("div", { className: "sm-settingsSectionTitle" }, t("settings.prefSection")),
-          h("div", { className: "sm-settingsRow" },
-            h("span", null, t("settings.registry")),
-            h("select", {
-              className: "sm-settingsSelect",
-              value: currentRegistry,
-              onChange: onRegistryChange,
-              "aria-label": t("settings.registry")
-            },
-              h("option", { value: "registry.npmjs.org" }, t("settings.registry.npm")),
-              h("option", { value: "registry.npmmirror.com" }, t("settings.registry.china"))
-            )
-          ),
           h("div", { className: "sm-settingsRow" },
             h("span", null, t("update.autoCheck")),
             h("label", { className: "sm-settingsCheckbox" },
@@ -4557,7 +6457,22 @@ function isTopmostDialog(z) {
             )
           ),
           h("div", { className: "sm-settingsRow" },
-            h("span", null, t("settings.dialogOpacity")),
+            h("span", null, t("settings.registry")),
+            h("select", {
+              className: "sm-settingsSelect",
+              value: currentRegistry,
+              onChange: onRegistryChange,
+              "aria-label": t("settings.registry")
+            },
+              h("option", { value: "registry.npmjs.org" }, t("settings.registry.npm")),
+              h("option", { value: "registry.npmmirror.com" }, t("settings.registry.china"))
+            )
+          ),
+          h("div", { className: "sm-settingsRow" },
+            h("div", { className: "sm-settingsRowLeft" },
+              h("span", null, t("settings.dialogOpacity")),
+              h("span", { className: "sm-settingsHint sm-settingsHintInline" }, t("settings.dialogOpacity.hint"))
+            ),
             h("div", { className: "sm-settingsSlider" },
               h("input", {
                 type: "range",
@@ -4581,39 +6496,42 @@ function isTopmostDialog(z) {
                 onClick: () => updateStore.resetDialogOpacity()
               }, t("settings.dialogOpacity.reset"))
             )
-          ),
-          h("div", { className: "sm-settingsHint" }, t("settings.dialogOpacity.hint"))
+          )
         ),
         h("div", { className: "sm-settingsSection" },
           h("div", { className: "sm-settingsSectionTitle" }, t("settings.projectSection")),
-          h("div", { className: "sm-settingsRow sm-settingsRowInline" },
-            h("span", null, t("settings.github")),
-            h("a", {
-              href: "https://github.com/hkkz9522/dsh-session-manager",
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "sm-settingsLink"
-            }, "hkkz9522/dsh-session-manager"),
-            renderTip(t("settings.star.tip"), h("a", {
-              href: "https://github.com/hkkz9522/dsh-session-manager",
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "sm-settingsBadgeLink",
-              "aria-label": t("settings.star.tip")
-            },
-              h(StarIcon, { size: 14 }),
-              h("span", null, t("settings.star"))
-            )),
-            renderTip(t("settings.feedback.tip"), h("a", {
-              href: "https://github.com/hkkz9522/dsh-session-manager/issues",
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "sm-settingsBadgeLink",
-              "aria-label": t("settings.feedback.tip")
-            },
-              h(IssueIcon, { size: 14 }),
-              h("span", null, t("settings.feedback"))
-            ))
+          h("div", { className: "sm-settingsRow" },
+            h("div", { className: "sm-settingsProjectLeft" },
+              h("span", { className: "sm-settingsProjectLabel" }, t("settings.github")),
+              h("a", {
+                href: "https://github.com/hkkz9522/dsh-session-manager",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "sm-settingsLink"
+              }, "hkkz9522/dsh-session-manager")
+            ),
+            h("div", { className: "sm-settingsBadgeActions" },
+              renderTip(t("settings.star.tip"), h("a", {
+                href: "https://github.com/hkkz9522/dsh-session-manager",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "sm-settingsBadgeLink",
+                "aria-label": t("settings.star.tip")
+              },
+                h(StarIcon, { size: 14 }),
+                h("span", null, t("settings.star"))
+              )),
+              renderTip(t("settings.feedback.tip"), h("a", {
+                href: "https://github.com/hkkz9522/dsh-session-manager/issues",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "sm-settingsBadgeLink",
+                "aria-label": t("settings.feedback.tip")
+              },
+                h(IssueIcon, { size: 14 }),
+                h("span", null, t("settings.feedback"))
+              ))
+            )
           )
         )
       );
@@ -4691,6 +6609,15 @@ function isTopmostDialog(z) {
           await runArchiveCommand("archive", sessionId);
         },
         onUnarchive: async (sessionId) => {
+          for (const [, rec] of workspaceArchiveStore.getAllRecords()) {
+            if (rec.archived === true && Array.isArray(rec.sessionIds) && rec.sessionIds.includes(sessionId)) {
+              if (typeof window !== "undefined" && typeof window.alert === "function") {
+                const msg = (typeof t === "function" ? t("error.workspaceArchived") : null) || "所属工作区已归档，无法取消归档该会话。请先在工作区管理中恢复工作区。";
+                window.alert(msg);
+              }
+              return;
+            }
+          }
           // DSH ships the inverse command in 0.2.x; the old assumption that only
           // archive existed is what made unarchive bypass client state.
           await runArchiveCommand("unarchive", sessionId);
@@ -4698,7 +6625,18 @@ function isTopmostDialog(z) {
         onRemove: async (sessionId) => {
           const wasCurrent = isCurrentSession(sessionId);
           const response = await callApi("/delete", { sessionId });
-          if (!response.ok) throw new Error(response.error || "delete failed");
+          if (!response.ok) {
+            if (Array.isArray(response.deletedSubagents) && response.deletedSubagents.length > 0) {
+              try { await annotationStore.load(true); } catch (_) {}
+              try { await ctx.sessions?.refresh?.(); } catch (_) {}
+              try { await ctx.workspaces?.refresh?.(); } catch (_) {}
+            }
+            const err = new Error(response.error || "delete failed");
+            err.deletedSubagents = response.deletedSubagents || [];
+            err.remainingSessions = response.remainingSessions || [sessionId];
+            err.partialFailure = Boolean(response.partialFailure);
+            throw err;
+          }
           await annotationStore.load(true);
           if (response.result?.warning) window.alert(response.result.warning);
           if (wasCurrent || isCurrentSession(sessionId)) {
@@ -4771,6 +6709,16 @@ function isTopmostDialog(z) {
             }
           }
         },
+        useSessions: (selector = s => s) => useSyncExternalStore(
+          (cb) => (ctx.sessions?.list?.subscribe ? ctx.sessions.list.subscribe(cb) : () => {}),
+          () => (ctx.sessions?.list?.getSnapshot ? selector(ctx.sessions.list.getSnapshot()) : selector({ ids: [], byId: {} })),
+          () => (ctx.sessions?.list?.getSnapshot ? selector(ctx.sessions.list.getSnapshot()) : selector({ ids: [], byId: {} }))
+        ),
+        useWorkspaces: (selector = s => s) => useSyncExternalStore(
+          (cb) => (ctx.workspaces?.list?.subscribe ? ctx.workspaces.list.subscribe(cb) : () => {}),
+          () => (ctx.workspaces?.list?.getSnapshot ? selector(ctx.workspaces.list.getSnapshot()) : selector({ items: [] })),
+          () => (ctx.workspaces?.list?.getSnapshot ? selector(ctx.workspaces.list.getSnapshot()) : selector({ items: [] }))
+        ),
       });
       ctx.slots.inject("conversation.session.header.actions", () => ctx.slots.register({
         name: "conversation.session.header.actions",
@@ -4822,7 +6770,7 @@ function isTopmostDialog(z) {
       ctx.effect(() => {
         if (!updateStore.getAutoCheck()) return;
         const timer = setTimeout(() => {
-          updateStore.checkForUpdate({ silent: true, openOnFound: false, openDialog: false }).catch(() => {});
+          updateStore.maybeAutoCheck({ isStartup: true }).catch(() => {});
         }, 1500);
         return () => {
           try {
@@ -4832,6 +6780,34 @@ function isTopmostDialog(z) {
         };
       }, "session-manager: auto update check");
 
+      ctx.effect(() => {
+        const disposes = [];
+        if (ctx.workspaces?.list) {
+          const d = workspaceArchiveStore.installWorkspaceModel(ctx.workspaces.list);
+          if (typeof d === "function") disposes.push(d);
+        }
+        if (ctx.workspaces) {
+          const d = workspaceArchiveStore.installWorkspaceCreate(ctx.workspaces);
+          if (typeof d === "function") disposes.push(d);
+        }
+        if (ctx.uiWorkspace) {
+          const d = workspaceArchiveStore.installConnectWorkspace(ctx.uiWorkspace);
+          if (typeof d === "function") disposes.push(d);
+        }
+        return () => {
+          for (const d of disposes) {
+            try { d(); } catch (_) {}
+          }
+        };
+      }, "session-manager: workspace sidebar hide");
+
+      ctx.effect(() => {
+        const off = installCustomDropdownInterceptor();
+        return () => {
+          try { if (typeof off === "function") off(); } catch (_) {}
+        };
+      }, "session-manager: custom select popups");
+
       // Keep <html data-sm-theme> in step with DSH through the official theme
       // event. ui-layout's ThemePresenter subscribes to the same event and
       // writes documentElement.colorScheme plus body[data-ds-dark-theme], so
@@ -4855,14 +6831,32 @@ function isTopmostDialog(z) {
     exports.apply = apply;
     exports.inject = inject;
     exports.updateStore = updateStore;
+    exports.panelStore = panelStore;
     exports.compareSemver = compareSemver;
+    exports.OverlayLayer = OverlayLayer;
     exports.UpdateDialog = UpdateDialog;
+    exports.ConfirmDialog = ConfirmDialog;
+    exports.MoveDialog = MoveDialog;
+    exports.MigratePresetDialog = MigratePresetDialog;
+    exports.BatchPreviewDialog = BatchPreviewDialog;
+    exports.BatchResultDialog = BatchResultDialog;
+    exports.BulkTagInputDialog = BulkTagInputDialog;
+    exports.BulkChoiceDialog = BulkChoiceDialog;
+    exports.AnnotationDialog = AnnotationDialog;
     exports.SessionManagerSettingsCard = SessionManagerSettingsCard;
     exports.WhaleIcon = WhaleIcon;
     exports.NpmIcon = NpmIcon;
     exports.CloseIcon = CloseIcon;
     exports.StarIcon = StarIcon;
     exports.IssueIcon = IssueIcon;
+    exports.workspaceArchiveStore = workspaceArchiveStore;
+    exports.SmSwitch = SmSwitch;
+    exports.executeArchiveWorkspace = executeArchiveWorkspace;
+    exports.executeUnarchiveWorkspace = executeUnarchiveWorkspace;
+    exports.openCustomSelect = openCustomSelect;
+    exports.closeCustomSelect = closeCustomSelect;
+    exports.installCustomDropdownInterceptor = installCustomDropdownInterceptor;
+    exports.SM_SELECT_SELECTOR = SM_SELECT_SELECTOR;
     return module.exports;
   }
 });