dsh-session-manager 0.6.4 → 0.7.0

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": "检查更新",
@@ -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": "新建会话",
@@ -273,9 +278,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 +442,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",
@@ -467,6 +497,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 +575,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",
@@ -577,7 +612,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 +673,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 +692,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 +714,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 +726,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: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;height:28px;font-size:12px;line-height:20px;padding:3px 26px 3px 10px;border-radius:8px;background:var(--dsw-alias-bg-layer-2,#fff);color:var(--dsw-alias-label-primary,#111);cursor:pointer}.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}",
 
       // Issue #23 — dialog opacity.
       //
@@ -703,12 +789,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 +822,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,7 +838,7 @@ 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)}",
@@ -772,6 +864,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("");
 
@@ -1368,6 +1482,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;
@@ -2582,7 +3575,7 @@ function isTopmostDialog(z) {
       ));
     }
 
-    const CURRENT_VERSION = "0.6.4";
+    const CURRENT_VERSION = "0.7.0";
 
     function compareSemver(v1, v2) {
       if (typeof v1 !== "string" || typeof v2 !== "string") return 0;
@@ -2886,13 +3879,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 +3914,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 +3954,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");
@@ -2964,12 +3981,14 @@ function isTopmostDialog(z) {
       const [confirmFor, setConfirmFor] = useState(null);
       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 +4016,10 @@ function isTopmostDialog(z) {
           setBulkPresetOptions([]);
           setBulkBusy(false);
           setSelectModeEnabled(false);
+          setWsSelectedIds(new Set());
+          setWsSelectModeEnabled(false);
+          setWsBulkBusy(false);
+          setWsLastClickedRank(null);
         }
       }, [open]);
       const toggleSelectMode = () => {
@@ -3111,6 +4134,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"),
@@ -3213,15 +4245,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 +4279,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 +4328,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 +4373,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 +4392,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 +4430,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 +4444,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 +4458,261 @@ 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 byId = list?.byId || {};
+        return workspaces.map(ws => {
+          const sids = Array.isArray(ws.sessionIds) ? ws.sessionIds : [];
+          let latestSessionTime = null;
+          for (const sid of sids) {
+            const s = byId[sid];
+            const rawTime = s ? (s.updatedAt ?? s.lastModified ?? s.mtime ?? s.createdAt) : null;
+            const st = sessionTime(rawTime) ?? sessionTime(updatedTimes[sid]) ?? sessionTime(createdTimes[sid]);
+            if (st !== null) {
+              if (latestSessionTime === null || st > latestSessionTime) {
+                latestSessionTime = st;
+              }
+            }
+          }
+          const wsSelfTime = sessionTime(ws.updatedAt) ?? sessionTime(ws.createdAt);
+          const resolvedTime = latestSessionTime !== null ? latestSessionTime : wsSelfTime;
+          return {
+            ...ws,
+            latestUpdatedAt: resolvedTime
+          };
+        });
+      }, [workspaces, list?.byId, updatedTimes, createdTimes]);
+
+      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 = 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" },
+              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" },
+                (path ? (shortPath(path) + " · ") : "") +
+                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);
@@ -3398,7 +4727,7 @@ function isTopmostDialog(z) {
       // returns early when any inner dialog is open so the child
       // dialog's own window listener gets the first shot at Esc.
       const escStateRef = useRef({});
-      escStateRef.current = { busyId, confirmFor, moveFor, migrateFor, annotationFor, onPanelClose };
+      escStateRef.current = { busyId, confirmFor, moveFor, migrateFor, annotationFor, wsBulkBusy, onPanelClose };
       useEffect(() => {
         if (!open) return;
         const handler = (e) => {
@@ -3406,7 +4735,7 @@ 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.busyId !== null || s.wsBulkBusy) return;
           if (s.confirmFor || s.moveFor || s.migrateFor || s.annotationFor || (activeDialogZStack && activeDialogZStack.length > 0)) return;
           e.preventDefault();
           e.stopPropagation();
@@ -3509,106 +4838,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
+            )
           )
         )
       )));
@@ -3771,10 +5229,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) {
@@ -4185,36 +5644,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 +5723,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,
@@ -4535,7 +6014,7 @@ function isTopmostDialog(z) {
           h("div", { className: "sm-settingsRow" },
             h("span", null, t("settings.registry")),
             h("select", {
-              className: "sm-settingsSelect",
+              className: "sm-settingsSelect sm-viewSelect",
               value: currentRegistry,
               onChange: onRegistryChange,
               "aria-label": t("settings.registry")
@@ -4691,6 +6170,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);
@@ -4771,6 +6259,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",
@@ -4832,6 +6330,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
@@ -4863,6 +6389,14 @@ function isTopmostDialog(z) {
     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;
   }
 });