dsh-session-curator 0.1.2 → 0.3.0

package/lib/client.js

@@ -37,21 +37,37 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/client/index.ts
 var index_exports = {};
 __export(index_exports, {
+  Dropdown: () => Dropdown,
   GroupHeader: () => GroupHeader,
   NS: () => NS,
   SessionRow: () => SessionRow,
+  UsagePanel: () => UsagePanel,
   apply: () => apply,
+  cachedSnapshot: () => cachedSnapshot,
   collapseKey: () => collapseKey,
+  describeSession: () => describeSession,
+  dialogStore: () => dialogStore,
+  filterRows: () => filterRows,
+  forgetDetails: () => forgetDetails,
+  forgetSnapshot: () => forgetSnapshot,
   groupKeyOf: () => groupKeyOf,
   groupRows: () => groupRows,
   inject: () => inject,
+  isFilterActive: () => isFilterActive,
   isGroupCollapsed: () => isGroupCollapsed,
+  matchesFilter: () => matchesFilter,
+  matchesSearch: () => matchesSearch,
+  mutationStore: () => mutationStore,
   sectionIdFor: () => sectionIdFor,
-  toggledCollapse: () => toggledCollapse
+  showNotice: () => showNotice,
+  sortRows: () => sortRows,
+  toastStore: () => toastStore,
+  toggledCollapse: () => toggledCollapse,
+  workspaceSummaries: () => workspaceSummaries
 });
 module.exports = __toCommonJS(index_exports);
-var React6 = __toESM(require("react"), 1);
-var import_dsh_client_ui_primitives5 = require("@deepseek-ai/dsh-client-ui-primitives");
+var React11 = __toESM(require("react"), 1);
+var import_dsh_client_ui_primitives9 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/client/components/dialog-host.ts
 var React2 = __toESM(require("react"), 1);
@@ -168,49 +184,38 @@ function useStore(store) {
 // src/client/dialog.ts
 var dialogStore = createStore(null);
 var mutationStore = createStore(0);
-function requestTrash(ids, title) {
-  dialogStore.set({ kind: "trash", ids, title });
-}
-function requestPurge(ids, title) {
-  dialogStore.set({ kind: "purge", ids, title });
+function requestDelete(ids, title) {
+  dialogStore.set({ kind: "delete", ids, title });
 }
 
 // src/client/i18n.ts
 var NS = "session-curator";
 var zh = {
   sectionLabel: "会话管理",
-  menuDelete: "删除会话",
+  deleteSession: "删除会话",
   titleArchived: "已归档",
   titlePinned: "已置顶",
-  titleTrash: "回收站",
   refresh: "刷新",
   loading: "读取中…",
   retry: "重试",
   emptyArchived: "还没有归档的会话。在会话行的「⋯」菜单里归档后会出现在这里。",
   emptyPinned: "没有置顶的会话。",
-  emptyTrash: "回收站是空的。",
   unarchive: "取消归档",
   pin: "置顶",
   unpin: "取消置顶",
-  restore: "恢复",
-  purge: "永久删除",
-  moveToTrash: "移入回收站",
   rowActions: "更多操作",
   selectAll: "全选",
   selectNone: "取消选择",
   selected: "已选 {n} 项",
-  emptyTrashAll: "清空回收站",
   total: "合计 {n} 个会话 · {size}",
   working: "处理中…",
   sessionRunning: "会话正在运行，先停止它再删除。",
-  confirmTrashTitle: "删除会话",
-  confirmTrashBody: "「{title}」会被移到回收站，之后可以在「设置 → 会话管理」里恢复。",
-  confirmTrashAction: "移到回收站",
-  confirmPurgeTitle: "永久删除",
-  confirmPurgeBody: "「{title}」将从回收站永久删除，日志文件会被彻底移除，无法恢复。",
-  confirmPurgeManyBody: "选中的 {n} 个会话将从回收站永久删除，无法恢复。",
-  confirmPurgeAction: "永久删除",
-  ackPurge: "我明白这无法撤销",
+  // 物理删除的确认弹窗（唯一一种弹窗）：正文必须写清"不可恢复"并指路归档。
+  confirmDeleteTitle: "永久删除",
+  confirmDeleteBody: "「{title}」将被永久删除：日志文件会从磁盘上彻底移除，无法恢复。如果想以后还能找回，请改用「归档」。",
+  confirmDeleteManyBody: "选中的 {n} 个会话将被永久删除：日志文件会从磁盘上彻底移除，无法恢复。如果想以后还能找回，请改用「归档」。",
+  confirmDeleteAction: "永久删除",
+  ackDelete: "我明白这无法撤销",
   cancel: "取消",
   close: "关闭",
   noProject: "（未知目录）",
@@ -226,6 +231,35 @@ var zh = {
   clearShort: "取消",
   collapse: "折叠",
   expand: "展开",
+  // 跨页签的"整个工作区一起处理"（分组标题右侧的「⋯」）。
+  workspaceActions: "整个工作区",
+  workspaceMenu: "工作区操作",
+  archiveWorkspace: "整个工作区归档",
+  deleteWorkspace: "整个工作区删除",
+  workspaceRunningHint: "这个工作区里有会话正在运行，危险动作已禁用",
+  // 运行中徽标（宿主用官方的 workspace/session-activity 判定）。
+  running: "运行中",
+  runningHint: "会话正在运行，先停止它再操作",
+  // 导出 / 定位。
+  copyPath: "复制路径",
+  revealInFolder: "在资源管理器中显示",
+  pathCopied: "已复制路径：{path}",
+  pathCopyFailed: "复制失败，路径是：{path}",
+  revealFailed: "没能打开文件管理器（{reason}），路径是：{path}",
+  // 磁盘占用视图。
+  titleUsage: "磁盘占用",
+  usageTitle: "磁盘占用",
+  usageTotal: "共 {n} 个会话 · {size}",
+  usageByWorkspace: "按工作区",
+  usageLargest: "最占地方的会话",
+  usageOldest: "最久没打开的会话",
+  usageLoading: "正在统计…",
+  usageArchived: "已归档",
+  usagePinned: "已置顶",
+  usageSuggestArchive: "建议归档",
+  usageArchive: "归档",
+  usageUnarchive: "取消归档",
+  usageNoData: "没有可统计的会话。",
   titleConfig: "配置",
   configTitle: "基础设置",
   configTab: "默认页签",
@@ -243,10 +277,20 @@ var zh = {
   configMeta: "行内显示体积与文件数",
   configMetaHint: "关掉后每行只留标题（平铺时仍会显示文件夹）",
   configOrder: "排序",
-  configOrderHint: "原顺序就是宿主给的顺序（回收站里是最近删除在前）",
+  configOrderHint: "原顺序就是宿主给的顺序",
   orderHost: "原顺序",
   orderTitle: "标题",
   orderBytes: "体积",
+  orderCreatedAt: "创建时间",
+  // 搜索与过滤（只影响显示；批量操作与计数仍按整个页签算）。
+  searchLabel: "搜索会话",
+  searchPlaceholder: "搜索标题或目录…",
+  searchClear: "清除搜索",
+  timeFilterLabel: "时间",
+  timeAll: "全部",
+  timeRecent: "最近 7 天",
+  filtered: "已过滤出 {n} 个会话（共 {total} 个）",
+  emptyFiltered: "没有符合搜索条件的会话。",
   configAutoUpdate: "自动检查更新",
   configAutoUpdateHint: "打开这个页面时问一次 npm registry（10 分钟内有缓存）",
   configReset: "恢复默认",
@@ -263,42 +307,39 @@ var zh = {
   updateStepsTitle: "升级步骤",
   updateStepOne: "在终端里升级包（按你自己的 profile 名替换 desktop）：",
   updateStepTwo: "重启 DSH 让宿主半区生效；只改了客户端半区的话刷新页面就够。",
-  updateOpen: "打开 npm 页面"
+  updateOpen: "打开 npm 页面",
+  // 会话行 hover 卡片（`sidebar.session.row.hover`）。
+  hoverStats: "{size} · {n} 个文件",
+  hoverCwd: "原目录",
+  hoverArchived: "已归档",
+  hoverPinned: "已置顶"
 };
 var en = {
   sectionLabel: "Session manager",
-  menuDelete: "Delete session",
+  deleteSession: "Delete session",
   titleArchived: "Archived",
   titlePinned: "Pinned",
-  titleTrash: "Trash",
   refresh: "Refresh",
   loading: "Loading…",
   retry: "Retry",
   emptyArchived: "No archived sessions yet. Archive one from its “⋯” menu and it shows up here.",
   emptyPinned: "No pinned sessions.",
-  emptyTrash: "The trash is empty.",
   unarchive: "Unarchive",
   pin: "Pin",
   unpin: "Unpin",
-  restore: "Restore",
-  purge: "Delete permanently",
-  moveToTrash: "Move to trash",
   rowActions: "More actions",
   selectAll: "Select all",
   selectNone: "Clear selection",
   selected: "{n} selected",
-  emptyTrashAll: "Empty trash",
   total: "{n} sessions · {size}",
   working: "Working…",
   sessionRunning: "This session is running; stop it before deleting.",
-  confirmTrashTitle: "Delete session",
-  confirmTrashBody: "“{title}” moves to the trash. You can restore it later under Settings → Session manager.",
-  confirmTrashAction: "Move to trash",
-  confirmPurgeTitle: "Delete permanently",
-  confirmPurgeBody: "“{title}” is removed from the trash for good; its log files are gone and cannot be recovered.",
-  confirmPurgeManyBody: "{n} selected sessions are removed from the trash for good and cannot be recovered.",
-  confirmPurgeAction: "Delete permanently",
-  ackPurge: "I understand this cannot be undone",
+  // The one confirmation dialog: it must spell out "permanent" and point at archiving instead.
+  confirmDeleteTitle: "Delete permanently",
+  confirmDeleteBody: "“{title}” is deleted permanently: its log files are removed from disk for good and cannot be recovered. If you want to be able to bring it back later, use Archive instead.",
+  confirmDeleteManyBody: "{n} selected sessions are deleted permanently: their log files are removed from disk for good and cannot be recovered. If you want to be able to bring them back later, use Archive instead.",
+  confirmDeleteAction: "Delete permanently",
+  ackDelete: "I understand this cannot be undone",
   cancel: "Cancel",
   close: "Close",
   noProject: "(unknown directory)",
@@ -314,6 +355,35 @@ var en = {
   clearShort: "Clear",
   collapse: "Collapse",
   expand: "Expand",
+  // Cross-tab "handle the whole workspace" (the ⋯ on a folder header).
+  workspaceActions: "Whole workspace",
+  workspaceMenu: "Workspace actions",
+  archiveWorkspace: "Archive this whole workspace",
+  deleteWorkspace: "Delete this whole workspace",
+  workspaceRunningHint: "A session in this workspace is running, so the destructive actions are off",
+  // Running badge (the host asks the official workspace/session-activity hook).
+  running: "Running",
+  runningHint: "This session is running; stop it first",
+  // Export / locate.
+  copyPath: "Copy path",
+  revealInFolder: "Show in file explorer",
+  pathCopied: "Path copied: {path}",
+  pathCopyFailed: "Copy failed — the path is: {path}",
+  revealFailed: "Could not open the file explorer ({reason}); the path is: {path}",
+  // Disk usage view.
+  titleUsage: "Disk usage",
+  usageTitle: "Disk usage",
+  usageTotal: "{n} sessions · {size}",
+  usageByWorkspace: "By workspace",
+  usageLargest: "Largest sessions",
+  usageOldest: "Least recently opened",
+  usageLoading: "Measuring…",
+  usageArchived: "Archived",
+  usagePinned: "Pinned",
+  usageSuggestArchive: "Archive suggested",
+  usageArchive: "Archive",
+  usageUnarchive: "Unarchive",
+  usageNoData: "No sessions to measure.",
   titleConfig: "Settings",
   configTitle: "Basics",
   configTab: "Default tab",
@@ -331,10 +401,20 @@ var en = {
   configMeta: "Show size and file count per row",
   configMetaHint: "Off leaves only the title (the folder still shows in the flat list)",
   configOrder: "Order",
-  configOrderHint: "Host order is what the host sent (the trash is most-recently-deleted first)",
+  configOrderHint: "Host order is what the host sent",
   orderHost: "Host",
   orderTitle: "Title",
   orderBytes: "Size",
+  orderCreatedAt: "Created",
+  // Search and filtering (display only; batch actions and counts still cover the whole tab).
+  searchLabel: "Search sessions",
+  searchPlaceholder: "Search title or folder…",
+  searchClear: "Clear search",
+  timeFilterLabel: "Time",
+  timeAll: "All",
+  timeRecent: "Last 7 days",
+  filtered: "{n} of {total} sessions match",
+  emptyFiltered: "No session matches the search.",
   configAutoUpdate: "Check for updates automatically",
   configAutoUpdateHint: "Asks the npm registry when this page opens (cached for 10 minutes)",
   configReset: "Reset to defaults",
@@ -351,7 +431,12 @@ var en = {
   updateStepsTitle: "How to upgrade",
   updateStepOne: "Upgrade the package in a terminal (replace desktop with your profile name):",
   updateStepTwo: "Restart DSH so the host half reloads; a client-half change only needs a page refresh.",
-  updateOpen: "Open the npm page"
+  updateOpen: "Open the npm page",
+  // Session-row hover card (`sidebar.session.row.hover`).
+  hoverStats: "{size} · {n} files",
+  hoverCwd: "Folder",
+  hoverArchived: "Archived",
+  hoverPinned: "Pinned"
 };
 var dictionaries = { zh, en };
 function text(t, key, params) {
@@ -363,11 +448,36 @@ function text(t, key, params) {
 }
 var TAB_LABEL = {
   archived: "titleArchived",
-  pinned: "titlePinned",
-  trash: "titleTrash"
+  pinned: "titlePinned"
 };
 
+// src/client/snapshot.ts
+var last = null;
+function cachedSnapshot() {
+  return last;
+}
+function rememberSnapshot(value) {
+  last = value;
+}
+function forgetSnapshot() {
+  last = null;
+}
+
 // src/client/styles.ts
+var ROW_ICON_BUTTON = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: "16px",
+  height: "16px",
+  padding: 0,
+  margin: 0,
+  border: "none",
+  background: "transparent",
+  borderRadius: "var(--dsw-radius-xs)",
+  cursor: "pointer",
+  flex: "none"
+};
 var S = {
   column: { display: "flex", flexDirection: "column", gap: "10px", padding: "4px 0", minWidth: 0 },
   rowLine: { display: "flex", alignItems: "center", gap: "8px", flexWrap: "wrap" },
@@ -386,12 +496,20 @@ var S = {
     borderTop: "1px solid var(--dsw-alias-border-l1)"
   },
   itemMain: { display: "flex", flexDirection: "column", gap: "2px", minWidth: 0, flex: "1 1 auto" },
+  /**
+   * 标题那一行：标题 + 状态胶囊（「运行中」）。
+   *
+   * 胶囊 `flex: 0 0 auto`、标题 `minWidth: 0` + 省略号 —— 长标题只挤自己那一段，
+   * 不会把胶囊压成两行（与分组标题那次"长路径挤坏按钮"同一条教训，见 groupAction）。
+   */
+  itemTitleRow: { display: "flex", alignItems: "center", gap: "6px", minWidth: 0 },
   itemTitle: {
     color: "var(--dsw-alias-label-primary)",
     fontSize: "13px",
     overflow: "hidden",
     textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
+    whiteSpace: "nowrap",
+    minWidth: 0
   },
   itemMeta: {
     color: "var(--dsw-alias-label-secondary)",
@@ -400,6 +518,26 @@ var S = {
     textOverflow: "ellipsis",
     whiteSpace: "nowrap"
   },
+  /** 状态胶囊：与 hover 卡片那几个同款（带 alpha 的叠加色，深浅主题都有效）。 */
+  badge: {
+    color: "var(--dsw-alias-label-secondary)",
+    fontSize: "10px",
+    lineHeight: "16px",
+    padding: "0 6px",
+    borderRadius: "8px",
+    background: "var(--dsw-alias-interactive-bg-active)",
+    flex: "0 0 auto"
+  },
+  /** 「运行中」：同款胶囊，但用业务蓝表示"它是活的"，不是危险。 */
+  badgeRunning: {
+    color: "var(--dsw-alias-state-business-primary)",
+    fontSize: "10px",
+    lineHeight: "16px",
+    padding: "0 6px",
+    borderRadius: "8px",
+    background: "var(--dsw-alias-interactive-bg-active)",
+    flex: "0 0 auto"
+  },
   itemActions: { display: "flex", alignItems: "center", gap: "6px", flex: "0 0 auto" },
   /**
    * 「⋯」触发器：图标按钮，弱化成次要前景色（跟侧边栏行的图标按钮一致）。
@@ -472,6 +610,48 @@ var S = {
   empty: { color: "var(--dsw-alias-label-secondary)", fontSize: "12px", padding: "14px 10px", textAlign: "center" },
   error: { color: "var(--dsw-alias-state-error-primary)", fontSize: "12px" },
   footer: { color: "var(--dsw-alias-label-secondary)", fontSize: "11px", display: "flex", gap: "10px", flexWrap: "wrap" },
+  /**
+   * 数据页签上的过滤工具条：搜索框在左、时间档在右。
+   *
+   * `flexWrap` 是必需的：设置页本身可能很窄（侧边栏展开时尤其），搜索框的
+   * `minWidth` 兜住它不被压成一条线，挤不下时时间档换行，而不是把输入框挤没。
+   */
+  filterBar: { display: "flex", alignItems: "center", gap: "8px", flexWrap: "wrap" },
+  /** 搜索框自己撑开剩余宽度；给个下限，窄屏下也不至于只剩图标。 */
+  searchInput: { flex: "1 1 auto", minWidth: "160px" },
+  /** 把时间档推到右边（搜索框与它之间那段空白）。 */
+  filterSpacer: { flex: "1 1 auto" },
+  // ── 磁盘占用视图（配置页里的一块） ─────────────────────────────────────
+  usageBody: { display: "flex", flexDirection: "column", padding: "0 12px 12px", gap: "2px" },
+  usageHeading: {
+    color: "var(--dsw-alias-label-tertiary)",
+    fontSize: "11px",
+    marginTop: "8px",
+    marginBottom: "2px"
+  },
+  /** 一条工作区横条：轨道 + 名字 + 数字。名字可以很长，所以它自己省略。 */
+  usageBarRow: { display: "flex", alignItems: "center", gap: "8px", minWidth: 0 },
+  usageBarTrack: {
+    width: "70px",
+    height: "6px",
+    borderRadius: "3px",
+    background: "var(--dsw-alias-interactive-bg-active)",
+    flex: "0 0 auto",
+    overflow: "hidden"
+  },
+  usageBarFill: { display: "block", height: "100%", background: "var(--dsw-alias-state-business-primary)" },
+  usageBarName: {
+    color: "var(--dsw-alias-label-primary)",
+    fontSize: "12px",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    minWidth: 0,
+    flex: "1 1 auto"
+  },
+  usageBarMeta: { color: "var(--dsw-alias-label-secondary)", fontSize: "11px", flex: "0 0 auto" },
+  /** 榜单里的一行：与列表行同一套几何，只是没有勾选框。 */
+  usageRow: { display: "flex", alignItems: "center", gap: "10px", padding: "6px 0", minWidth: 0 },
   mono: { fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace" },
   ack: { display: "flex", alignItems: "center", gap: "8px", fontSize: "12px", color: "var(--dsw-alias-label-primary)" },
   /** 顶部条：页签在左，动作靠 `marginInlineStart: auto` 推到右边。 */
@@ -490,6 +670,9 @@ var S = {
   configLabel: { color: "var(--dsw-alias-label-primary)", fontSize: "13px" },
   configHint: { color: "var(--dsw-alias-label-tertiary)", fontSize: "11px" },
   configControl: { display: "flex", alignItems: "center", gap: "8px", flex: "0 0 auto" },
+  /** 下拉锚点：文字 + 双向箭头图标，别被挤窄（长标签在按钮里折行是这个仓库踩过的坑）。 */
+  dropdownAnchor: { flex: "0 0 auto" },
+  dropdownButton: { flex: "0 0 auto", whiteSpace: "nowrap" },
   configFoot: {
     display: "flex",
     alignItems: "center",
@@ -525,7 +708,49 @@ var S = {
     overflowX: "auto",
     whiteSpace: "pre"
   },
-  link: { color: "var(--dsw-alias-label-primary)", fontSize: "11px" }
+  link: { color: "var(--dsw-alias-label-primary)", fontSize: "11px" },
+  /**
+   * 会话行 hover 卡片里我们那一节。卡片自己的 `hoverContent` 已经是纵向 flex 且有间距，
+   * 这里只补一点点上边距，不加分隔线 —— 上面那行是官方画的相对时间。
+   */
+  hoverBlock: { display: "flex", flexDirection: "column", gap: "3px", marginTop: "2px", minWidth: 0 },
+  hoverLine: { display: "flex", alignItems: "center", gap: "6px", minWidth: 0 },
+  hoverLabel: { color: "var(--dsw-alias-label-tertiary)", fontSize: "11px", flex: "0 0 auto" },
+  hoverMeta: { color: "var(--dsw-alias-label-secondary)", fontSize: "11px", flex: "0 0 auto" },
+  /** 原目录可能很长：让它自己省略，别把卡片撑宽。 */
+  hoverPath: {
+    color: "var(--dsw-alias-label-secondary)",
+    fontSize: "11px",
+    fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    minWidth: 0,
+    flex: "0 1 auto"
+  },
+  hoverBadges: { display: "flex", alignItems: "center", gap: "4px", flexWrap: "wrap" },
+  /** 状态胶囊：底色用带 alpha 的 `interactive-bg-active`（浅色主题里 layer 系列是同一个颜色）。 */
+  hoverBadge: {
+    color: "var(--dsw-alias-label-secondary)",
+    fontSize: "10px",
+    lineHeight: "16px",
+    padding: "0 6px",
+    borderRadius: "8px",
+    background: "var(--dsw-alias-interactive-bg-active)",
+    flex: "0 0 auto"
+  },
+  /**
+   * 侧边栏会话行 hover 时那个「删除会话」图标按钮（见
+   * `components/delete-row-button.ts`）：16×16 的朴素按钮，**两种状态都没有底色**，
+   * 只有前景色变深一档。
+   *
+   * `color-mix` 是 DSH 自己的产物里就在用的写法（例如 ui-deliverables 的
+   * `color-mix(in srgb, var(--dsw-alias-interactive-bg-hover) 50%, transparent)`）。
+   * 为什么不换 `state-error-secondary`：那个 token 在浅色主题里是 red-400，比 primary
+   * （red-600）**更浅**，方向正好相反。
+   */
+  rowIconButton: { ...ROW_ICON_BUTTON, color: "var(--dsw-alias-state-error-primary)" },
+  rowIconButtonHover: { ...ROW_ICON_BUTTON, color: "color-mix(in srgb, var(--dsw-alias-state-error-primary) 78%, #000)" }
 };
 
 // src/client/components/dialog-host.ts
@@ -541,10 +766,9 @@ function DialogHost(props) {
     setError(null);
   }, [requestKey]);
   if (request === null) return null;
-  const purge = request.kind === "purge";
   const many = request.ids.length > 1;
-  const title = purge ? t("confirmPurgeTitle") : t("confirmTrashTitle");
-  const body = purge ? many ? text(t, "confirmPurgeManyBody", { n: request.ids.length }) : text(t, "confirmPurgeBody", { title: request.title }) : text(t, "confirmTrashBody", { title: request.title });
+  const title = t("confirmDeleteTitle");
+  const body = many ? text(t, "confirmDeleteManyBody", { n: request.ids.length }) : text(t, "confirmDeleteBody", { title: request.title });
   const close = () => {
     if (busy) return;
     dialogStore.set(null);
@@ -552,10 +776,11 @@ function DialogHost(props) {
   const confirm = async () => {
     setBusy(true);
     try {
-      const value = await call(purge ? "purge" : "trash", { ids: request.ids });
+      const value = await call("delete", { ids: request.ids });
       const failure = firstFailure(value.results);
       if (failure === null) {
         dialogStore.set(null);
+        rememberSnapshot(value);
         mutationStore.set(mutationStore.get() + 1);
       } else {
         setError(failure);
@@ -578,15 +803,19 @@ function DialogHost(props) {
         "div",
         { style: S.rowLine },
         React2.createElement(import_dsh_client_ui_primitives.Button, { size: "md", variant: "ghost", disabled: busy, onClick: close }, t("cancel")),
-        React2.createElement(import_dsh_client_ui_primitives.Button, {
-          size: "md",
-          variant: "primary",
-          disabled: busy || purge && !ack,
-          onClick: () => void confirm()
-        }, purge ? t("confirmPurgeAction") : t("confirmTrashAction"))
+        React2.createElement(
+          import_dsh_client_ui_primitives.Button,
+          {
+            size: "md",
+            variant: "primary",
+            disabled: busy || !ack,
+            onClick: () => void confirm()
+          },
+          t("confirmDeleteAction")
+        )
       )
     },
-    purge ? React2.createElement(
+    React2.createElement(
       "div",
       { style: S.column },
       React2.createElement(
@@ -598,16 +827,44 @@ function DialogHost(props) {
           disabled: busy,
           onChange: (event) => setAck(Boolean(event.target.checked))
         }),
-        t("ackPurge")
+        t("ackDelete")
       ),
       error ? React2.createElement("div", { style: S.error }, error) : null
-    ) : error ? React2.createElement("div", { style: S.error }, error) : null
+    )
   );
 }
 
-// src/client/components/settings-panel.ts
-var React5 = __toESM(require("react"), 1);
-var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
+// src/client/components/session-hover.ts
+var React3 = __toESM(require("react"), 1);
+
+// src/client/detail.ts
+var TTL_MS = 3e4;
+var cache = /* @__PURE__ */ new Map();
+var inflight = /* @__PURE__ */ new Map();
+var watching = false;
+function forgetDetails() {
+  cache.clear();
+}
+function watchMutations() {
+  if (watching) return;
+  watching = true;
+  mutationStore.subscribe(forgetDetails);
+}
+async function describeSession(sessionId) {
+  watchMutations();
+  const cached = cache.get(sessionId);
+  if (cached !== void 0 && Date.now() - cached.at < TTL_MS) return cached.value;
+  const running = inflight.get(sessionId);
+  if (running !== void 0) return running;
+  const request = call("describe", { ids: [sessionId] }).then((value) => {
+    cache.set(sessionId, { at: Date.now(), value });
+    return value;
+  }).finally(() => {
+    inflight.delete(sessionId);
+  });
+  inflight.set(sessionId, request);
+  return request;
+}
 
 // src/client/format.ts
 function formatBytes(bytes) {
@@ -635,7 +892,121 @@ function baseName(path) {
   return parts.length > 0 ? parts[parts.length - 1] : path;
 }
 
+// src/client/components/session-hover.ts
+function SessionHover(props) {
+  const t = props.t;
+  const [detail, setDetail] = React3.useState(null);
+  React3.useEffect(() => {
+    let live = true;
+    describeSession(props.sessionId).then(
+      (value) => {
+        if (live) setDetail(value);
+      },
+      () => {
+      }
+    );
+    return () => {
+      live = false;
+    };
+  }, [props.sessionId]);
+  if (detail === null) return null;
+  const badges = [];
+  if (detail.archived) badges.push({ key: "archived", label: t("hoverArchived") });
+  if (detail.pinned) badges.push({ key: "pinned", label: t("hoverPinned") });
+  const lines = [
+    React3.createElement(
+      "div",
+      { key: "stats", style: S.hoverLine },
+      React3.createElement("span", { style: S.hoverMeta }, text(t, "hoverStats", { size: formatBytes(detail.bytes), n: detail.files }))
+    )
+  ];
+  if (detail.cwd) {
+    lines.push(
+      React3.createElement(
+        "div",
+        { key: "cwd", style: S.hoverLine },
+        React3.createElement("span", { style: S.hoverLabel }, t("hoverCwd")),
+        React3.createElement("span", { style: S.hoverPath, title: detail.cwd }, detail.cwd)
+      )
+    );
+  }
+  if (badges.length > 0) {
+    lines.push(
+      React3.createElement(
+        "div",
+        { key: "badges", style: S.hoverBadges },
+        badges.map(
+          (badge) => React3.createElement(
+            "span",
+            {
+              key: badge.key,
+              style: S.hoverBadge
+            },
+            badge.label
+          )
+        )
+      )
+    );
+  }
+  return React3.createElement("div", { style: S.hoverBlock }, lines);
+}
+
+// src/client/components/settings-panel.ts
+var React8 = __toESM(require("react"), 1);
+var import_dsh_client_ui_primitives6 = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/client/export.ts
+function openSessionPath(sessionId, reveal) {
+  return call("open", reveal === true ? { ids: [sessionId], target: "reveal" } : { ids: [sessionId], target: "path" });
+}
+async function copyText(value) {
+  const clipboard = globalThis.navigator?.clipboard;
+  if (clipboard !== void 0 && typeof clipboard.writeText === "function") {
+    try {
+      await clipboard.writeText(value);
+      return true;
+    } catch {
+    }
+  }
+  try {
+    const document = globalThis.document;
+    if (document === void 0) return false;
+    const area = document.createElement("textarea");
+    area.value = value;
+    area.style.position = "fixed";
+    area.style.top = "-1000px";
+    area.style.opacity = "0";
+    document.body.appendChild(area);
+    area.select();
+    const copied = document.execCommand("copy");
+    document.body.removeChild(area);
+    return copied;
+  } catch {
+    return false;
+  }
+}
+
 // src/client/groups.ts
+function workspaceSummaries(archived, pinned) {
+  const summaries = /* @__PURE__ */ new Map();
+  const bucketOf = (key) => {
+    let summary = summaries.get(key);
+    if (summary === void 0) {
+      summary = { key, archivableIds: [], deletableIds: [], activeIds: [] };
+      summaries.set(key, summary);
+    }
+    return summary;
+  };
+  for (const rows of [archived, pinned]) {
+    for (const row of rows) {
+      const summary = bucketOf(groupKeyOf(row));
+      summary.archivableIds.push(row.sessionId);
+      summary.deletableIds.push(row.sessionId);
+      if (row.active === true) summary.activeIds.push(row.sessionId);
+    }
+  }
+  return summaries;
+}
 function groupKeyOf(row) {
   if (typeof row.cwd === "string" && row.cwd.trim() !== "") {
     return `cwd:${row.cwd.trim().replace(/[\\/]+$/, "").replace(/\\/g, "/").toLowerCase()}`;
@@ -667,14 +1038,50 @@ function groupRows(rows, t) {
   return list;
 }
 function sortRows(rows, order) {
+  const descending = (pick) => (left, right) => {
+    const a = pick(left);
+    const b = pick(right);
+    const hasA = typeof a === "number" && Number.isFinite(a) && a > 0;
+    const hasB = typeof b === "number" && Number.isFinite(b) && b > 0;
+    if (!hasA && !hasB) return 0;
+    if (!hasA) return 1;
+    if (!hasB) return -1;
+    return b - a;
+  };
   if (order === "title") {
     return [...rows].sort((left, right) => String(left.title ?? "").localeCompare(String(right.title ?? "")));
   }
   if (order === "bytes") {
     return [...rows].sort((left, right) => (right.bytes ?? 0) - (left.bytes ?? 0));
   }
+  if (order === "createdAt") return [...rows].sort(descending((row) => row.createdAt));
   return rows;
 }
+var RECENT_WINDOW_MS = 7 * 24 * 60 * 60 * 1e3;
+function matchesSearch(row, search) {
+  const needle = search.trim().toLowerCase();
+  if (needle === "") return true;
+  const haystacks = [row.title, row.cwd, row.workspaceTitle];
+  return haystacks.some((value) => typeof value === "string" && value.toLowerCase().includes(needle));
+}
+function timeStampOf(row) {
+  if (typeof row.createdAt === "number" && row.createdAt > 0) return row.createdAt;
+  return null;
+}
+function matchesFilter(row, filter) {
+  if (!matchesSearch(row, filter.search)) return false;
+  if (filter.timeFilter !== "recent") return true;
+  const stamp = timeStampOf(row);
+  if (stamp === null) return false;
+  return (filter.now ?? Date.now()) - stamp <= RECENT_WINDOW_MS;
+}
+function filterRows(rows, filter) {
+  if (filter.search.trim() === "" && filter.timeFilter === "all") return rows;
+  return rows.filter((row) => matchesFilter(row, filter));
+}
+function isFilterActive(filter) {
+  return filter.search.trim() !== "" || filter.timeFilter !== "all";
+}
 function collapseKey(tab, groupKey) {
   return `${tab}:${groupKey}`;
 }
@@ -698,8 +1105,11 @@ var DEFAULT_SETTINGS = {
   groupDefault: "expanded",
   showMeta: true,
   order: "host",
-  autoUpdate: true
+  autoUpdate: true,
+  search: "",
+  timeFilter: "all"
 };
+var SEARCH_MAX_LENGTH = 200;
 var SETTINGS_KEY = "dsh-session-curator.settings";
 function readSettings() {
   try {
@@ -712,12 +1122,14 @@ function readSettings() {
       const value = validate(parsed[key]);
       if (value !== void 0) next[key] = value;
     };
-    pick("tab", (value) => value === "archived" || value === "pinned" || value === "trash" ? value : void 0);
+    pick("tab", (value) => value === "archived" || value === "pinned" ? value : void 0);
     pick("grouping", (value) => typeof value === "boolean" ? value : void 0);
     pick("groupDefault", (value) => value === "expanded" || value === "collapsed" ? value : void 0);
     pick("showMeta", (value) => typeof value === "boolean" ? value : void 0);
-    pick("order", (value) => value === "host" || value === "title" || value === "bytes" ? value : void 0);
+    pick("order", (value) => value === "host" || value === "title" || value === "bytes" || value === "createdAt" ? value : void 0);
     pick("autoUpdate", (value) => typeof value === "boolean" ? value : void 0);
+    pick("search", (value) => typeof value === "string" ? value.slice(0, SEARCH_MAX_LENGTH) : void 0);
+    pick("timeFilter", (value) => value === "all" || value === "recent" ? value : void 0);
     return next;
   } catch {
     return { ...DEFAULT_SETTINGS };
@@ -726,6 +1138,7 @@ function readSettings() {
 var settingsStore = createStore(readSettings());
 function updateSettings(patch) {
   const next = { ...settingsStore.get(), ...patch };
+  if (typeof next.search === "string" && next.search.length > SEARCH_MAX_LENGTH) next.search = next.search.slice(0, SEARCH_MAX_LENGTH);
   settingsStore.set(next);
   try {
     if (globalThis.localStorage) globalThis.localStorage.setItem(SETTINGS_KEY, JSON.stringify(next));
@@ -760,6 +1173,18 @@ function writeSidebarArchived(show) {
   }
 }
 
+// src/client/toast.ts
+var toastStore = createStore(null);
+var sequence = 0;
+function showNotice(message) {
+  if (message === "") return;
+  sequence += 1;
+  toastStore.set({ seq: sequence, message });
+}
+function dismissToast() {
+  toastStore.set(null);
+}
+
 // src/client/update.ts
 var updateStore = createStore({ state: "idle", value: null, error: null });
 async function checkUpdate(force) {
@@ -772,19 +1197,64 @@ async function checkUpdate(force) {
   }
 }
 
-// src/client/components/group-header.ts
-var React3 = __toESM(require("react"), 1);
+// src/client/components/dropdown.ts
+var React4 = __toESM(require("react"), 1);
 var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+function Dropdown(props) {
+  const current2 = props.options.find((option) => option.value === props.value);
+  const display = props.display ?? (current2 === void 0 ? String(props.value) : current2.label);
+  const optionId = (value) => `${props.id}-${String(value)}`;
+  return React4.createElement(import_dsh_client_ui_primitives2.Menu, {
+    open: props.open,
+    portal: true,
+    side: "bottom",
+    align: props.align ?? "end",
+    items: props.options.map((option) => ({
+      id: optionId(option.value),
+      label: option.label,
+      disabled: option.disabled === true
+    })),
+    // 命中当前档位时由 `Menu` 在行**尾**画对勾 —— 这是数据行选中态的唯一来源。
+    selectedId: optionId(props.value),
+    onSelect: (id) => {
+      props.onToggle(false);
+      const picked = props.options.find((option) => optionId(option.value) === id);
+      if (picked !== void 0 && picked.value !== props.value) props.onChange(picked.value);
+    },
+    onClose: () => props.onToggle(false),
+    className: S.dropdownAnchor,
+    anchor: React4.createElement(
+      import_dsh_client_ui_primitives2.Button,
+      {
+        size: "sm",
+        variant: "outline",
+        disabled: props.disabled === true,
+        style: S.dropdownButton,
+        "aria-label": props.label,
+        "aria-haspopup": "menu",
+        "aria-expanded": props.open,
+        icon: React4.createElement(import_dsh_client_ui_primitives2.IconChevronsUpDownOutlineRegular, { size: 14 }),
+        onClick: () => props.onToggle(!props.open)
+      },
+      display
+    )
+  });
+}
+
+// src/client/components/group-header.ts
+var React5 = __toESM(require("react"), 1);
+var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
 function GroupHeader(props) {
   const group = props.group;
   const t = props.t;
   const total = group.rows.length;
   const allSelected = total > 0 && group.rows.every((row) => props.selected.includes(row.sessionId));
   const action = allSelected ? t("clearShort") : t("selectAllShort");
-  return React3.createElement(
+  const workspaceActions = props.workspaceActions ?? [];
+  return React5.createElement(
     "div",
     { style: props.first ? { ...S.groupHead, borderTop: "none" } : S.groupHead },
-    React3.createElement(
+    React5.createElement(
       "button",
       {
         type: "button",
@@ -792,28 +1262,78 @@ function GroupHeader(props) {
         title: props.collapsed ? t("expand") : t("collapse"),
         onClick: () => props.onToggleCollapse()
       },
-      React3.createElement("span", { style: S.groupCaret }, props.collapsed ? React3.createElement(import_dsh_client_ui_primitives2.IconChevronRightOutlineRegular, { size: 12 }) : React3.createElement(import_dsh_client_ui_primitives2.IconChevronDownOutlineRegular, { size: 12 })),
-      React3.createElement("span", { style: S.groupIcon }, props.collapsed ? React3.createElement(import_dsh_client_ui_primitives2.IconFolderCloseRegular, { size: 14 }) : React3.createElement(import_dsh_client_ui_primitives2.IconFolderOpenRegular, { size: 14 })),
-      React3.createElement("span", { style: S.groupTitle, title: group.cwd || group.title }, group.title),
-      React3.createElement("span", { style: S.groupMeta }, text(t, "sessions", { n: total })),
-      group.bytes > 0 ? React3.createElement("span", { style: S.groupMeta }, formatBytes(group.bytes)) : null,
-      group.cwd !== null ? React3.createElement("span", { style: { ...S.groupPath, ...S.mono }, title: group.cwd }, group.cwd) : null
+      React5.createElement(
+        "span",
+        { style: S.groupCaret },
+        props.collapsed ? React5.createElement(import_dsh_client_ui_primitives3.IconChevronRightOutlineRegular, { size: 12 }) : React5.createElement(import_dsh_client_ui_primitives3.IconChevronDownOutlineRegular, { size: 12 })
+      ),
+      React5.createElement(
+        "span",
+        { style: S.groupIcon },
+        props.collapsed ? React5.createElement(import_dsh_client_ui_primitives3.IconFolderCloseRegular, { size: 14 }) : React5.createElement(import_dsh_client_ui_primitives3.IconFolderOpenRegular, { size: 14 })
+      ),
+      React5.createElement("span", { style: S.groupTitle, title: group.cwd || group.title }, group.title),
+      React5.createElement("span", { style: S.groupMeta }, text(t, "sessions", { n: total })),
+      group.bytes > 0 ? React5.createElement("span", { style: S.groupMeta }, formatBytes(group.bytes)) : null,
+      group.cwd !== null ? React5.createElement("span", { style: { ...S.groupPath, ...S.mono }, title: group.cwd }, group.cwd) : null
     ),
-    React3.createElement(import_dsh_client_ui_primitives2.Button, {
-      size: "sm",
-      variant: "ghost",
-      disabled: props.busy,
-      // 长路径不许把这个按钮挤窄（否则中文标签折行），见 styles.ts 的 groupAction。
-      style: S.groupAction,
-      title: `${group.title} — ${allSelected ? t("clearGroup") : t("selectGroup")}`,
-      onClick: () => props.onToggleGroup()
-    }, action)
+    // 工作区动作：先勾选（本页签），再「⋯」（跨页签）。两个都不参与 flex 收缩，
+    // 长路径挤的只能是左边的折叠按钮（见 styles.ts 的 groupAction）。
+    React5.createElement(
+      import_dsh_client_ui_primitives3.Button,
+      {
+        size: "sm",
+        variant: "ghost",
+        disabled: props.busy,
+        style: S.groupAction,
+        title: `${group.title} — ${allSelected ? t("clearGroup") : t("selectGroup")}`,
+        onClick: () => props.onToggleGroup()
+      },
+      action
+    ),
+    workspaceActions.length === 0 ? null : React5.createElement(import_dsh_client_ui_primitives3.Menu, {
+      open: props.workspaceMenuOpen === true,
+      portal: true,
+      side: "bottom",
+      align: "end",
+      closeOnPointerLeave: true,
+      items: workspaceActions,
+      onSelect: (id) => props.onRunWorkspaceAction?.(id),
+      onClose: () => props.onCloseWorkspaceMenu?.(),
+      anchor: React5.createElement(import_dsh_client_ui_primitives3.Button, {
+        size: "sm",
+        variant: "ghost",
+        disabled: props.busy,
+        style: S.rowMenuButton,
+        icon: React5.createElement(import_dsh_client_ui_primitives3.IconEllipsisOutlineRegular, {}),
+        "aria-label": `${group.title} — ${t("workspaceActions")}`,
+        onClick: () => props.onToggleWorkspaceMenu?.()
+      })
+    })
   );
 }
+function workspaceActionsOf(t, summary) {
+  return [
+    {
+      id: "archive",
+      label: t("archiveWorkspace"),
+      icon: React5.createElement(import_dsh_client_ui_primitives3.IconArchiveOutlineRegular, { size: 14 }),
+      // 全都归档过了就没什么可归档的；有会话正在跑时也不给点（归档会先停掉它的工作）。
+      disabled: summary.archivableIds.length === 0 || summary.activeIds.length > 0
+    },
+    {
+      id: "delete",
+      label: t("deleteWorkspace"),
+      icon: React5.createElement(import_dsh_client_ui_primitives3.IconTrashOutlineRegular, { size: 14 }),
+      danger: true,
+      disabled: summary.deletableIds.length === 0 || summary.activeIds.length > 0
+    }
+  ];
+}
 
 // src/client/components/session-row.ts
-var React4 = __toESM(require("react"), 1);
-var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
+var React6 = __toESM(require("react"), 1);
+var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
 function SessionRow(props) {
   const row = props.row;
   const t = props.t;
@@ -823,29 +1343,36 @@ function SessionRow(props) {
     if (row.bytes) meta.push(formatBytes(row.bytes));
     if (row.files) meta.push(text(t, "files", { n: row.files }));
   }
-  const time = props.showDeletedAt ? formatTime(row.deletedAt) : formatTime(row.createdAt);
+  const time = formatTime(row.createdAt);
   if (time !== "") meta.push(time);
   const menu = props.menu;
-  return React4.createElement(
+  const running = row.active === true;
+  return React6.createElement(
     "div",
     { style: props.first ? { ...S.item, borderTop: "none" } : S.item },
-    React4.createElement("input", {
+    React6.createElement("input", {
       type: "checkbox",
       checked: props.checked,
       disabled: props.busy,
       "aria-label": row.title,
       onChange: () => props.onToggle()
     }),
-    React4.createElement(
+    React6.createElement(
       "div",
       { style: S.itemMain },
-      React4.createElement("div", { style: S.itemTitle, title: row.title }, row.title),
-      React4.createElement("div", { style: S.itemMeta, title: row.cwd || "" }, meta.join(" · "))
+      React6.createElement(
+        "div",
+        { style: S.itemTitleRow },
+        React6.createElement("div", { style: S.itemTitle, title: row.title }, row.title),
+        // 胶囊：`flex: 0 0 auto`，所以长标题只会挤标题那一段（它有 minWidth: 0 + 省略号）。
+        running ? React6.createElement("span", { style: S.badgeRunning, title: t("runningHint") }, t("running")) : null
+      ),
+      React6.createElement("div", { style: S.itemMeta, title: row.cwd || "" }, meta.join(" · "))
     ),
-    React4.createElement(
+    React6.createElement(
       "div",
       { style: S.itemActions },
-      React4.createElement(import_dsh_client_ui_primitives3.Menu, {
+      React6.createElement(import_dsh_client_ui_primitives4.Menu, {
         open: props.menuOpen,
         portal: true,
         side: "bottom",
@@ -854,12 +1381,12 @@ function SessionRow(props) {
         items: menu.items,
         onSelect: (id) => menu.run(id),
         onClose: () => props.onCloseMenu(),
-        anchor: React4.createElement(import_dsh_client_ui_primitives3.Button, {
+        anchor: React6.createElement(import_dsh_client_ui_primitives4.Button, {
           size: "sm",
           variant: "ghost",
           disabled: props.busy,
           style: S.rowMenuButton,
-          icon: React4.createElement(import_dsh_client_ui_primitives3.IconEllipsisOutlineRegular, {}),
+          icon: React6.createElement(import_dsh_client_ui_primitives4.IconEllipsisOutlineRegular, {}),
           "aria-label": `${row.title} — ${t("rowActions")}`,
           onClick: (event) => {
             event.stopPropagation();
@@ -871,27 +1398,144 @@ function SessionRow(props) {
   );
 }
 
+// src/client/components/usage-panel.ts
+var React7 = __toESM(require("react"), 1);
+var import_dsh_client_ui_primitives5 = require("@deepseek-ai/dsh-client-ui-primitives");
+function usageRow(t, row, busy, onArchive, onUnarchive) {
+  const badges = [];
+  if (row.archived) badges.push({ key: "archived", label: t("usageArchived"), style: S.badge });
+  else if (row.pinned) badges.push({ key: "pinned", label: t("usagePinned"), style: S.badge });
+  if (row.active) badges.push({ key: "running", label: t("running"), style: S.badgeRunning });
+  const action = row.archived ? { label: t("usageUnarchive"), run: () => onUnarchive(row.sessionId) } : row.active ? null : { label: t("usageArchive"), run: () => onArchive(row.sessionId) };
+  const when = formatTime(row.createdAt);
+  return React7.createElement(
+    "div",
+    { key: row.sessionId, style: S.usageRow },
+    React7.createElement(
+      "div",
+      { style: S.itemMain },
+      React7.createElement(
+        "div",
+        { style: S.itemTitleRow },
+        React7.createElement("div", { style: S.itemTitle, title: row.title }, row.title),
+        badges.map((badge) => React7.createElement("span", { key: badge.key, style: badge.style }, badge.label))
+      ),
+      React7.createElement(
+        "div",
+        { style: S.itemMeta, title: row.cwd || "" },
+        [formatBytes(row.bytes), text(t, "files", { n: row.files }), row.workspaceTitle ?? row.cwd ?? t("noProject"), when].filter((part) => part !== "").join(" · ")
+      )
+    ),
+    React7.createElement(
+      "div",
+      { style: S.itemActions },
+      action === null ? null : React7.createElement(
+        import_dsh_client_ui_primitives5.Button,
+        {
+          size: "sm",
+          variant: "outline",
+          disabled: busy,
+          onClick: action.run
+        },
+        action.label
+      )
+    )
+  );
+}
+function UsagePanel(props) {
+  const t = props.t;
+  const usage = props.usage;
+  const maxBytes = usage === null || usage.groups.length === 0 ? 0 : Math.max(...usage.groups.map((group) => group.bytes), 1);
+  return React7.createElement(
+    "div",
+    { style: S.card },
+    React7.createElement(
+      "div",
+      { style: { ...S.configRow, borderTop: "none" } },
+      React7.createElement(
+        "div",
+        { style: S.configMain },
+        React7.createElement("span", { style: S.configLabel }, t("usageTitle")),
+        React7.createElement(
+          "span",
+          { style: S.configHint },
+          props.loading ? t("usageLoading") : usage === null ? props.error ?? "" : text(t, "usageTotal", {
+            n: usage.totalSessions,
+            size: formatBytes(usage.totalBytes)
+          })
+        )
+      )
+    ),
+    usage === null || usage.totalSessions === 0 ? React7.createElement("div", { style: S.empty }, props.loading ? t("usageLoading") : t("usageNoData")) : React7.createElement(
+      "div",
+      { style: S.usageBody },
+      // 按工作区：横条 + 名字 + 体积 / 条数。
+      React7.createElement("span", { style: S.usageHeading }, t("usageByWorkspace")),
+      usage.groups.map(
+        (group) => React7.createElement(
+          "div",
+          { key: group.key, style: S.usageBarRow },
+          React7.createElement(
+            "span",
+            { style: S.usageBarTrack },
+            React7.createElement("span", {
+              style: {
+                ...S.usageBarFill,
+                // 占比：按最大组归一，所以最小的组也看得见（下限 2%）。
+                width: `${Math.max(2, Math.round(group.bytes / maxBytes * 100))}%`
+              }
+            })
+          ),
+          React7.createElement(
+            "span",
+            { style: S.usageBarName, title: group.key },
+            group.title === "" ? t("noProject") : group.title
+          ),
+          React7.createElement(
+            "span",
+            { style: S.usageBarMeta },
+            `${formatBytes(group.bytes)} · ${text(t, "sessions", { n: group.count })}`
+          )
+        )
+      ),
+      React7.createElement("span", { style: S.usageHeading }, t("usageLargest")),
+      usage.largest.map((row) => usageRow(t, row, props.busy, props.onArchive, props.onUnarchive)),
+      React7.createElement("span", { style: S.usageHeading }, t("usageOldest")),
+      usage.oldest.map((row) => usageRow(t, row, props.busy, props.onArchive, props.onUnarchive))
+    )
+  );
+}
+
 // src/client/components/settings-panel.ts
 function SessionManagerPanel(props) {
   const t = props.t;
   const settings = useStore(settingsStore);
-  const [tab, setTab] = React5.useState(settings.tab);
-  const [snapshot, setSnapshot] = React5.useState(null);
-  const [error, setError] = React5.useState(null);
-  const [loading, setLoading] = React5.useState(true);
-  const [busy, setBusy] = React5.useState(false);
-  const [selected, setSelected] = React5.useState([]);
-  const [collapsedOverrides, setCollapsedOverrides] = React5.useState({});
-  const [menuFor, setMenuFor] = React5.useState(null);
+  const [tab, setTab] = React8.useState(settings.tab);
+  const [snapshot, setSnapshot] = React8.useState(cachedSnapshot);
+  const [error, setError] = React8.useState(null);
+  const [loading, setLoading] = React8.useState(true);
+  const [busy, setBusy] = React8.useState(false);
+  const [selected, setSelected] = React8.useState([]);
+  const [collapsedOverrides, setCollapsedOverrides] = React8.useState({});
+  const [menuFor, setMenuFor] = React8.useState(null);
+  const [workspaceMenuFor, setWorkspaceMenuFor] = React8.useState(null);
+  const [usage, setUsage] = React8.useState(null);
+  const [usageError, setUsageError] = React8.useState(null);
+  const [usageBusy, setUsageBusy] = React8.useState(false);
+  const [usageReload, setUsageReload] = React8.useState(0);
+  const [openDropdown, setOpenDropdown] = React8.useState(null);
   const grouping = useStore(groupingStore);
   const revision = useStore(mutationStore);
   const update = useStore(updateStore);
-  const [sidebarArchived, setSidebarArchived] = React5.useState(readSidebarArchived);
-  const [sidebarAtMount] = React5.useState(readSidebarArchived);
+  const [sidebarArchived, setSidebarArchived] = React8.useState(readSidebarArchived);
+  const [sidebarAtMount] = React8.useState(readSidebarArchived);
   const applyResult = (value) => {
-    if (value && value.archived) setSnapshot(value);
+    if (value && value.archived) {
+      rememberSnapshot(value);
+      setSnapshot(value);
+    }
   };
-  const refresh = React5.useCallback(async () => {
+  const refresh = React8.useCallback(async () => {
     setLoading(true);
     try {
       applyResult(await call("snapshot", {}));
@@ -902,17 +1546,41 @@ function SessionManagerPanel(props) {
       setLoading(false);
     }
   }, []);
-  React5.useEffect(() => {
+  React8.useEffect(() => {
     void refresh();
   }, [refresh, revision]);
-  React5.useEffect(() => {
+  React8.useEffect(() => {
     if (tab !== "config" || !settings.autoUpdate || update.state !== "idle") return;
     void checkUpdate(false);
   }, [tab, settings.autoUpdate, update.state]);
-  React5.useEffect(() => {
+  React8.useEffect(() => {
     setSelected([]);
     setMenuFor(null);
+    setWorkspaceMenuFor(null);
   }, [tab]);
+  React8.useEffect(() => {
+    if (tab !== "usage") return;
+    let cancelled = false;
+    setUsageBusy(true);
+    setUsageError(null);
+    void call("usage", {}).then((value) => {
+      if (!cancelled) setUsage(value);
+    }).catch((failure) => {
+      if (!cancelled) {
+        setUsage(null);
+        setUsageError(reportError(failure));
+      }
+    }).finally(() => {
+      if (!cancelled) setUsageBusy(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [tab, revision, usageReload]);
+  const refreshUsage = () => setUsageReload((current2) => current2 + 1);
+  const runUsageAction = (endpoint, sessionId) => {
+    void run(endpoint, [sessionId]).then(() => refreshUsage());
+  };
   const run = async (endpoint, ids) => {
     if (ids.length === 0) return;
     setBusy(true);
@@ -940,354 +1608,616 @@ function SessionManagerPanel(props) {
   };
   const archived = snapshot ? snapshot.archived : [];
   const pinned = snapshot ? snapshot.pinned : [];
-  const trashed = snapshot ? snapshot.trashed : [];
-  const rows = sortRows(tab === "archived" ? archived : tab === "pinned" ? pinned : tab === "trash" ? trashed : [], settings.order);
+  const rows = sortRows(tab === "archived" ? archived : pinned, settings.order);
+  const filter = React8.useMemo(
+    () => ({ search: settings.search, timeFilter: settings.timeFilter }),
+    [settings.search, settings.timeFilter]
+  );
+  const filtered = React8.useMemo(() => filterRows(rows, filter), [rows, filter]);
+  const filtering = isFilterActive(filter);
   const selectedRows = rows.filter((row) => selected.includes(row.sessionId));
-  const groups = grouping ? groupRows(rows, t) : [];
+  const groups = grouping ? groupRows(filtered, t) : [];
   const blockOf = (group) => {
     const key = collapseKey(tab, group.key);
     return { key, group, rows: isGroupCollapsed(key, collapsedOverrides, settings.groupDefault) ? [] : group.rows };
   };
-  const blocks = grouping ? groups.map(blockOf) : [{ key: `${tab}:flat`, group: null, rows }];
+  const blocks = grouping ? groups.map(blockOf) : [{ key: `${tab}:flat`, group: null, rows: filtered }];
   const tabs = [
     { id: "archived", label: t(TAB_LABEL.archived), count: archived.length },
     { id: "pinned", label: t(TAB_LABEL.pinned), count: pinned.length },
-    { id: "trash", label: t(TAB_LABEL.trash), count: trashed.length },
+    { id: "usage", label: t("titleUsage"), count: 0 },
     { id: "config", label: t("titleConfig"), count: 0 }
   ];
+  const orderOptions = [
+    { value: "host", label: t("orderHost") },
+    { value: "title", label: t("orderTitle") },
+    { value: "bytes", label: t("orderBytes") },
+    { value: "createdAt", label: t("orderCreatedAt") }
+  ];
+  const summaries = React8.useMemo(() => workspaceSummaries(archived, pinned), [archived, pinned]);
+  const copyRowPath = async (sessionId) => {
+    try {
+      const value = await openSessionPath(sessionId);
+      const copied = await copyText(value.path);
+      showNotice(copied ? text(t, "pathCopied", { path: value.path }) : text(t, "pathCopyFailed", { path: value.path }));
+    } catch (failure) {
+      showNotice(reportError(failure));
+    }
+  };
+  const revealRow = async (sessionId) => {
+    try {
+      const value = await openSessionPath(sessionId, true);
+      if (!value.revealed) {
+        await copyText(value.path);
+        showNotice(text(t, "revealFailed", { reason: value.reason ?? "?", path: value.path }));
+      }
+    } catch (failure) {
+      showNotice(reportError(failure));
+    }
+  };
   const rowMenu = (row) => {
-    const moveToTrash = {
-      id: "trash",
-      label: t("moveToTrash"),
-      icon: React5.createElement(import_dsh_client_ui_primitives4.IconTrashOutlineRegular, { size: 14 }),
-      danger: true
+    const running = row.active === true;
+    const deleteSession = {
+      id: "delete",
+      label: t("deleteSession"),
+      icon: React8.createElement(import_dsh_client_ui_primitives6.IconTrashOutlineRegular, { size: 14 }),
+      danger: true,
+      disabled: running
+    };
+    const locate = [
+      { id: "copy-path", label: t("copyPath"), icon: React8.createElement(import_dsh_client_ui_primitives6.IconCopyOutlineRegular, { size: 14 }) },
+      { id: "reveal", label: t("revealInFolder"), icon: React8.createElement(import_dsh_client_ui_primitives6.IconFolderOpenRegular, { size: 14 }) }
+    ];
+    const handleLocate = (id) => {
+      if (id === "copy-path") {
+        void copyRowPath(row.sessionId);
+        return true;
+      }
+      if (id === "reveal") {
+        void revealRow(row.sessionId);
+        return true;
+      }
+      return false;
     };
     if (tab === "archived") {
       return {
         items: [
-          { id: "unarchive", label: t("unarchive"), icon: React5.createElement(import_dsh_client_ui_primitives4.IconUnarchiveOutlineRegular, { size: 14 }) },
-          { id: "pin", label: t("pin"), icon: React5.createElement(import_dsh_client_ui_primitives4.IconPinOutlineRegular, { size: 14 }) },
-          moveToTrash
-        ],
-        run: (id) => {
-          setMenuFor(null);
-          if (id === "trash") requestTrash([row.sessionId], row.title);
-          else void run(id, [row.sessionId]);
-        }
-      };
-    }
-    if (tab === "pinned") {
-      return {
-        items: [
-          { id: "unpin", label: t("unpin"), icon: React5.createElement(import_dsh_client_ui_primitives4.IconPinOutlineRegular, { size: 14 }) },
-          moveToTrash
+          { id: "unarchive", label: t("unarchive"), icon: React8.createElement(import_dsh_client_ui_primitives6.IconUnarchiveOutlineRegular, { size: 14 }) },
+          { id: "pin", label: t("pin"), icon: React8.createElement(import_dsh_client_ui_primitives6.IconPinOutlineRegular, { size: 14 }) },
+          deleteSession,
+          ...locate
         ],
         run: (id) => {
           setMenuFor(null);
-          if (id === "trash") requestTrash([row.sessionId], row.title);
+          if (handleLocate(id)) return;
+          if (id === "delete") requestDelete([row.sessionId], row.title);
           else void run(id, [row.sessionId]);
         }
       };
     }
     return {
       items: [
-        { id: "restore", label: t("restore"), icon: React5.createElement(import_dsh_client_ui_primitives4.IconRefreshOutlineRegular, { size: 14 }) },
-        { id: "purge", label: t("purge"), icon: React5.createElement(import_dsh_client_ui_primitives4.IconTrashOutlineRegular, { size: 14 }), danger: true }
+        { id: "unpin", label: t("unpin"), icon: React8.createElement(import_dsh_client_ui_primitives6.IconPinOutlineRegular, { size: 14 }) },
+        deleteSession,
+        ...locate
       ],
       run: (id) => {
         setMenuFor(null);
-        if (id === "purge") requestPurge([row.sessionId], row.title);
+        if (handleLocate(id)) return;
+        if (id === "delete") requestDelete([row.sessionId], row.title);
         else void run(id, [row.sessionId]);
       }
     };
   };
+  const runWorkspaceAction = (group, id) => {
+    setWorkspaceMenuFor(null);
+    const summary = summaries.get(group.key);
+    if (summary === void 0) return;
+    if (id === "archive") void run("archive", summary.archivableIds);
+    if (id === "delete") requestDelete(summary.deletableIds, group.title);
+  };
   const batch = [];
   if (tab === "archived" && selected.length > 0) {
     batch.push({ label: t("unarchive"), run: () => void run("unarchive", selected) });
-    batch.push({ label: t("moveToTrash"), variant: "outline", run: () => requestTrash(selected, selectedRows[0] ? selectedRows[0].title : "") });
+    batch.push({
+      label: t("deleteSession"),
+      variant: "outline",
+      run: () => requestDelete(selected, selectedRows[0] ? selectedRows[0].title : "")
+    });
   }
   if (tab === "pinned" && selected.length > 0) {
     batch.push({ label: t("unpin"), run: () => void run("unpin", selected) });
-    batch.push({ label: t("moveToTrash"), variant: "outline", run: () => requestTrash(selected, selectedRows[0] ? selectedRows[0].title : "") });
-  }
-  if (tab === "trash" && selected.length > 0) {
-    batch.push({ label: t("restore"), run: () => void run("restore", selected) });
-    batch.push({ label: t("purge"), variant: "outline", run: () => requestPurge(selected, selectedRows[0] ? selectedRows[0].title : "") });
+    batch.push({
+      label: t("deleteSession"),
+      variant: "outline",
+      run: () => requestDelete(selected, selectedRows[0] ? selectedRows[0].title : "")
+    });
   }
   const totals = snapshot ? snapshot.totals : null;
-  const totalBytes = tab === "archived" ? totals ? totals.archivedBytes : 0 : tab === "trash" ? totals ? totals.trashBytes : 0 : 0;
+  const totalBytes = tab === "archived" && totals ? totals.archivedBytes : 0;
   const nodes = [];
   let first = true;
   for (const block of blocks) {
     if (block.group !== null) {
       const group = block.group;
       const key = block.key;
-      nodes.push(React5.createElement(GroupHeader, {
-        key: `group:${key}`,
-        group,
-        t,
-        first,
-        busy,
-        selected,
-        collapsed: isGroupCollapsed(key, collapsedOverrides, settings.groupDefault),
-        onToggleGroup: () => toggleGroup(group),
-        onToggleCollapse: () => toggleCollapse(key)
-      }));
+      const summary = summaries.get(group.key);
+      nodes.push(
+        React8.createElement(GroupHeader, {
+          key: `group:${key}`,
+          group,
+          t,
+          first,
+          busy,
+          selected,
+          collapsed: isGroupCollapsed(key, collapsedOverrides, settings.groupDefault),
+          onToggleGroup: () => toggleGroup(group),
+          onToggleCollapse: () => toggleCollapse(key),
+          // 「整个工作区」：跨页签的目标集合由 `workspaceSummaries()` 算好。
+          // 每个渲染出来的分组都至少有一行，所以 `summary` 一定有值；`workspaceActionsOf`
+          // 再按"有没有在跑的会话"把危险项置 `disabled`。
+          workspaceActions: summary === void 0 ? [] : workspaceActionsOf(t, summary),
+          workspaceMenuOpen: workspaceMenuFor === group.key,
+          onToggleWorkspaceMenu: () => setWorkspaceMenuFor(workspaceMenuFor === group.key ? null : group.key),
+          onCloseWorkspaceMenu: () => setWorkspaceMenuFor(null),
+          onRunWorkspaceAction: (id) => runWorkspaceAction(group, id)
+        })
+      );
       first = false;
     }
     for (const row of block.rows) {
-      nodes.push(React5.createElement(SessionRow, {
-        key: row.sessionId,
-        row,
-        t,
-        first,
-        busy,
-        showCwd: block.group === null,
-        showMeta: settings.showMeta,
-        showDeletedAt: tab === "trash",
-        checked: selected.includes(row.sessionId),
-        onToggle: () => toggle(row.sessionId),
-        menu: rowMenu(row),
-        menuOpen: menuFor === row.sessionId,
-        onToggleMenu: () => setMenuFor(menuFor === row.sessionId ? null : row.sessionId),
-        onCloseMenu: () => setMenuFor(null)
-      }));
+      nodes.push(
+        React8.createElement(SessionRow, {
+          key: row.sessionId,
+          row,
+          t,
+          first,
+          busy,
+          showCwd: block.group === null,
+          showMeta: settings.showMeta,
+          checked: selected.includes(row.sessionId),
+          onToggle: () => toggle(row.sessionId),
+          menu: rowMenu(row),
+          menuOpen: menuFor === row.sessionId,
+          onToggleMenu: () => setMenuFor(menuFor === row.sessionId ? null : row.sessionId),
+          onCloseMenu: () => setMenuFor(null)
+        })
+      );
       first = false;
     }
   }
   const isConfig = tab === "config";
-  const configRow = (key, label, hint, control, firstRow) => React5.createElement(
+  const isUsage = tab === "usage";
+  const isDataTab = !isConfig && !isUsage;
+  const configRow = (key, label, hint, control, firstRow) => React8.createElement(
     "div",
     { key, style: firstRow ? { ...S.configRow, borderTop: "none" } : S.configRow },
-    React5.createElement(
+    React8.createElement(
       "div",
       { style: S.configMain },
-      React5.createElement("span", { style: S.configLabel }, label),
-      hint === null ? null : React5.createElement("span", { style: S.configHint }, hint)
+      React8.createElement("span", { style: S.configLabel }, label),
+      hint === null ? null : React8.createElement("span", { style: S.configHint }, hint)
     ),
-    React5.createElement("div", { style: S.configControl }, control)
+    React8.createElement("div", { style: S.configControl }, control)
+  );
+  const filterBar = React8.createElement(
+    "div",
+    { style: S.filterBar },
+    React8.createElement(import_dsh_client_ui_primitives6.Input, {
+      value: settings.search,
+      placeholder: t("searchPlaceholder"),
+      "aria-label": t("searchLabel"),
+      icon: React8.createElement(import_dsh_client_ui_primitives6.IconSearchOutlineRegular, {}),
+      style: S.searchInput,
+      onChange: (event) => void updateSettings({ search: event.target.value })
+    }),
+    filtering ? React8.createElement(
+      import_dsh_client_ui_primitives6.Button,
+      {
+        size: "sm",
+        variant: "ghost",
+        onClick: () => void updateSettings({ search: "", timeFilter: "all" })
+      },
+      t("searchClear")
+    ) : null,
+    React8.createElement("div", { style: S.filterSpacer }),
+    React8.createElement(import_dsh_client_ui_primitives6.SegmentedControl, {
+      id: "session-curator-time-filter",
+      value: settings.timeFilter,
+      options: [
+        { value: "all", label: t("timeAll") },
+        { value: "recent", label: t("timeRecent") }
+      ],
+      label: t("timeFilterLabel"),
+      onChange: (next) => void updateSettings({ timeFilter: next })
+    })
   );
   const version = snapshot !== null && typeof snapshot.version === "string" ? snapshot.version : update.value !== null && typeof update.value.current === "string" ? update.value.current : null;
   const outdated = update.state === "done" && update.value !== null && update.value.outdated === true;
-  const updateLine = update.state === "checking" ? React5.createElement("span", { style: S.configHint }, t("updateChecking")) : update.state === "failed" ? React5.createElement("span", { style: S.error }, text(t, "updateFailed", { reason: update.error === null ? "?" : update.error })) : update.value !== null && typeof update.value.error === "string" ? React5.createElement("span", { style: S.configHint }, text(t, "updateFailed", { reason: update.value.error })) : update.state === "done" && !outdated ? React5.createElement("span", { style: S.configHint }, t("updateLatest")) : null;
-  const configPage = React5.createElement(
+  const updateLine = update.state === "checking" ? React8.createElement("span", { style: S.configHint }, t("updateChecking")) : update.state === "failed" ? React8.createElement(
+    "span",
+    { style: S.error },
+    text(t, "updateFailed", { reason: update.error === null ? "?" : update.error })
+  ) : update.value !== null && typeof update.value.error === "string" ? React8.createElement("span", { style: S.configHint }, text(t, "updateFailed", { reason: update.value.error })) : update.state === "done" && !outdated ? React8.createElement("span", { style: S.configHint }, t("updateLatest")) : null;
+  const configPage = React8.createElement(
     "div",
     { style: S.column },
-    React5.createElement(
+    React8.createElement(
       "div",
       { style: S.card },
-      configRow("config:tab", t("configTab"), t("configTabHint"), React5.createElement(import_dsh_client_ui_primitives4.SegmentedControl, {
-        id: "session-curator-default-tab",
-        value: settings.tab,
-        options: [
-          { value: "archived", label: t(TAB_LABEL.archived) },
-          { value: "pinned", label: t(TAB_LABEL.pinned) },
-          { value: "trash", label: t(TAB_LABEL.trash) }
-        ],
-        label: t("configTab"),
-        onChange: (next) => void updateSettings({ tab: next })
-      }), true),
-      configRow("config:grouping", t("configGrouping"), t("configGroupingHint"), React5.createElement(import_dsh_client_ui_primitives4.Switch, {
-        checked: settings.grouping,
-        label: t("configGrouping"),
-        onChange: (next) => {
-          updateSettings({ grouping: next });
-          groupingStore.set(next);
-        }
-      })),
-      configRow("config:group-default", t("configGroupDefault"), t("configGroupDefaultHint"), React5.createElement(import_dsh_client_ui_primitives4.SegmentedControl, {
-        id: "session-curator-group-default",
-        value: settings.groupDefault,
-        options: [
-          { value: "expanded", label: t("groupExpanded") },
-          { value: "collapsed", label: t("groupCollapsed") }
-        ],
-        label: t("configGroupDefault"),
-        onChange: (next) => void updateSettings({ groupDefault: next })
-      })),
-      configRow("config:sidebar-archived", t("configSidebarArchived"), t("configSidebarArchivedHint"), React5.createElement(import_dsh_client_ui_primitives4.Switch, {
-        checked: sidebarArchived !== "default",
-        label: t("configSidebarArchived"),
-        onChange: (next) => {
-          writeSidebarArchived(next);
-          setSidebarArchived(next ? "show" : "default");
-        }
-      })),
+      configRow(
+        "config:tab",
+        t("configTab"),
+        t("configTabHint"),
+        React8.createElement(import_dsh_client_ui_primitives6.SegmentedControl, {
+          id: "session-curator-default-tab",
+          value: settings.tab,
+          options: [
+            { value: "archived", label: t(TAB_LABEL.archived) },
+            { value: "pinned", label: t(TAB_LABEL.pinned) }
+          ],
+          label: t("configTab"),
+          onChange: (next) => void updateSettings({ tab: next })
+        }),
+        true
+      ),
+      configRow(
+        "config:grouping",
+        t("configGrouping"),
+        t("configGroupingHint"),
+        React8.createElement(import_dsh_client_ui_primitives6.Switch, {
+          checked: settings.grouping,
+          label: t("configGrouping"),
+          onChange: (next) => {
+            updateSettings({ grouping: next });
+            groupingStore.set(next);
+          }
+        })
+      ),
+      configRow(
+        "config:group-default",
+        t("configGroupDefault"),
+        t("configGroupDefaultHint"),
+        React8.createElement(import_dsh_client_ui_primitives6.SegmentedControl, {
+          id: "session-curator-group-default",
+          value: settings.groupDefault,
+          options: [
+            { value: "expanded", label: t("groupExpanded") },
+            { value: "collapsed", label: t("groupCollapsed") }
+          ],
+          label: t("configGroupDefault"),
+          onChange: (next) => void updateSettings({ groupDefault: next })
+        })
+      ),
+      configRow(
+        "config:sidebar-archived",
+        t("configSidebarArchived"),
+        t("configSidebarArchivedHint"),
+        React8.createElement(import_dsh_client_ui_primitives6.Switch, {
+          checked: sidebarArchived !== "default",
+          label: t("configSidebarArchived"),
+          onChange: (next) => {
+            writeSidebarArchived(next);
+            setSidebarArchived(next ? "show" : "default");
+          }
+        })
+      ),
       // 官方 store 只在创建时读一次 localStorage，所以改完必须刷新页面。
-      sidebarArchived === sidebarAtMount ? null : React5.createElement(
+      sidebarArchived === sidebarAtMount ? null : React8.createElement(
         "div",
         { key: "config:sidebar-refresh", style: S.configFoot },
-        React5.createElement("span", { style: S.configHint }, t("configSidebarRefreshHint")),
-        React5.createElement(import_dsh_client_ui_primitives4.Button, {
-          size: "sm",
-          variant: "outline",
-          onClick: () => {
-            try {
-              globalThis.location.reload();
-            } catch {
+        React8.createElement("span", { style: S.configHint }, t("configSidebarRefreshHint")),
+        React8.createElement(
+          import_dsh_client_ui_primitives6.Button,
+          {
+            size: "sm",
+            variant: "outline",
+            onClick: () => {
+              try {
+                globalThis.location.reload();
+              } catch {
+              }
             }
-          }
-        }, t("refreshPage"))
+          },
+          t("refreshPage")
+        )
       ),
-      configRow("config:meta", t("configMeta"), t("configMetaHint"), React5.createElement(import_dsh_client_ui_primitives4.Switch, {
-        checked: settings.showMeta,
-        label: t("configMeta"),
-        onChange: (next) => void updateSettings({ showMeta: next })
-      })),
-      configRow("config:order", t("configOrder"), t("configOrderHint"), React5.createElement(import_dsh_client_ui_primitives4.SegmentedControl, {
-        id: "session-curator-order",
-        value: settings.order,
-        options: [
-          { value: "host", label: t("orderHost") },
-          { value: "title", label: t("orderTitle") },
-          { value: "bytes", label: t("orderBytes") }
-        ],
-        label: t("configOrder"),
-        onChange: (next) => void updateSettings({ order: next })
-      })),
-      configRow("config:auto", t("configAutoUpdate"), t("configAutoUpdateHint"), React5.createElement(import_dsh_client_ui_primitives4.Switch, {
-        checked: settings.autoUpdate,
-        label: t("configAutoUpdate"),
-        onChange: (next) => void updateSettings({ autoUpdate: next })
-      })),
-      React5.createElement(
+      configRow(
+        "config:meta",
+        t("configMeta"),
+        t("configMetaHint"),
+        React8.createElement(import_dsh_client_ui_primitives6.Switch, {
+          checked: settings.showMeta,
+          label: t("configMeta"),
+          onChange: (next) => void updateSettings({ showMeta: next })
+        })
+      ),
+      // 排序：5 档，所以是下拉（`Dropdown` 见 components/dropdown.ts）。
+      configRow(
+        "config:order",
+        t("configOrder"),
+        t("configOrderHint"),
+        React8.createElement(Dropdown, {
+          id: "session-curator-order",
+          value: settings.order,
+          options: orderOptions,
+          label: t("configOrder"),
+          open: openDropdown === "order",
+          onToggle: (next) => setOpenDropdown(next ? "order" : null),
+          onChange: (next) => void updateSettings({ order: next })
+        })
+      ),
+      configRow(
+        "config:auto",
+        t("configAutoUpdate"),
+        t("configAutoUpdateHint"),
+        React8.createElement(import_dsh_client_ui_primitives6.Switch, {
+          checked: settings.autoUpdate,
+          label: t("configAutoUpdate"),
+          onChange: (next) => void updateSettings({ autoUpdate: next })
+        })
+      ),
+      React8.createElement(
         "div",
         { key: "config:reset", style: { ...S.configFoot, justifyContent: "flex-end" } },
-        React5.createElement(import_dsh_client_ui_primitives4.Button, {
-          size: "sm",
-          variant: "outline",
-          onClick: () => {
-            updateSettings({ ...DEFAULT_SETTINGS });
-            groupingStore.set(DEFAULT_SETTINGS.grouping);
-          }
-        }, t("configReset"))
+        React8.createElement(
+          import_dsh_client_ui_primitives6.Button,
+          {
+            size: "sm",
+            variant: "outline",
+            onClick: () => {
+              updateSettings({ ...DEFAULT_SETTINGS });
+              groupingStore.set(DEFAULT_SETTINGS.grouping);
+            }
+          },
+          t("configReset")
+        )
       )
     ),
-    React5.createElement(
+    React8.createElement(
       "div",
       { style: S.card },
-      React5.createElement(
+      React8.createElement(
         "div",
         { style: { ...S.configRow, borderTop: "none" } },
-        React5.createElement(
+        React8.createElement(
           "div",
           { style: S.configMain },
-          React5.createElement("span", { style: S.configLabel }, t("aboutTitle")),
-          React5.createElement("span", { style: S.configHint }, "dsh-session-curator")
+          React8.createElement("span", { style: S.configLabel }, t("aboutTitle")),
+          React8.createElement("span", { style: S.configHint }, "dsh-session-curator")
         ),
-        React5.createElement(
+        React8.createElement(
           "div",
           { style: S.configControl },
           // 版本号：浅色小字。
-          React5.createElement("span", { style: S.version }, `${t("versionLabel")} ${version === null ? "—" : `v${version}`}`),
-          React5.createElement(import_dsh_client_ui_primitives4.Button, {
-            size: "sm",
-            variant: "outline",
-            disabled: update.state === "checking",
-            onClick: () => void checkUpdate(true)
-          }, t("updateCheckNow"))
+          React8.createElement("span", { style: S.version }, `${t("versionLabel")} ${version === null ? "—" : `v${version}`}`),
+          React8.createElement(
+            import_dsh_client_ui_primitives6.Button,
+            {
+              size: "sm",
+              variant: "outline",
+              disabled: update.state === "checking",
+              onClick: () => void checkUpdate(true)
+            },
+            t("updateCheckNow")
+          )
         )
       ),
-      updateLine === null ? null : React5.createElement("div", { key: "config:update", style: S.configFoot }, updateLine),
-      outdated && update.value !== null ? React5.createElement(
+      updateLine === null ? null : React8.createElement("div", { key: "config:update", style: S.configFoot }, updateLine),
+      outdated && update.value !== null ? React8.createElement(
         "div",
         { key: "config:upgrade", style: S.updateBox },
-        React5.createElement("span", { style: S.updateTitle }, text(t, "updateAvailable", { latest: update.value.latest ?? "?", current: version === null ? "?" : version })),
-        React5.createElement(
+        React8.createElement(
+          "span",
+          { style: S.updateTitle },
+          text(t, "updateAvailable", { latest: update.value.latest ?? "?", current: version === null ? "?" : version })
+        ),
+        React8.createElement(
           "span",
           { style: S.updateSteps },
-          React5.createElement("span", null, t("updateStepsTitle")),
-          React5.createElement("span", null, t("updateStepOne")),
-          React5.createElement("code", { style: S.code }, "dsh plugin --profile desktop add dsh-session-curator@latest"),
-          React5.createElement("span", null, t("updateStepTwo"))
+          React8.createElement("span", null, t("updateStepsTitle")),
+          React8.createElement("span", null, t("updateStepOne")),
+          React8.createElement("code", { style: S.code }, "dsh plugin --profile desktop add dsh-session-curator@latest"),
+          React8.createElement("span", null, t("updateStepTwo"))
         ),
-        React5.createElement("a", {
-          style: S.link,
-          href: "https://www.npmjs.com/package/dsh-session-curator",
-          target: "_blank",
-          rel: "noreferrer"
-        }, t("updateOpen"))
+        React8.createElement(
+          "a",
+          {
+            style: S.link,
+            href: "https://www.npmjs.com/package/dsh-session-curator",
+            target: "_blank",
+            rel: "noreferrer"
+          },
+          t("updateOpen")
+        )
       ) : null
     )
   );
-  return React5.createElement(
+  const usagePage = React8.createElement(
     "div",
     { style: S.column },
-    React5.createElement(
+    React8.createElement(
+      "div",
+      { style: S.rowLine },
+      React8.createElement("div", { style: S.filterSpacer }),
+      React8.createElement(
+        import_dsh_client_ui_primitives6.Button,
+        {
+          size: "sm",
+          variant: "outline",
+          disabled: usageBusy,
+          onClick: () => void refreshUsage()
+        },
+        t("refresh")
+      )
+    ),
+    React8.createElement(UsagePanel, {
+      t,
+      usage,
+      loading: usageBusy,
+      error: usageError,
+      busy,
+      // 榜单上的动作走与列表同一个端点（`run()` 会顺手刷新快照），但**完事之后还要
+      // 重拉一次 `usage`**：`run()` 只换快照，`usage` 不在快照里 —— 不重拉的话
+      // 刚点了「取消归档」的那一行仍然顶着「已归档」胶囊，看起来像没生效。
+      onArchive: (sessionId) => runUsageAction("archive", sessionId),
+      onUnarchive: (sessionId) => runUsageAction("unarchive", sessionId)
+    })
+  );
+  return React8.createElement(
+    "div",
+    { style: S.column },
+    React8.createElement(
       "div",
       { style: S.header },
-      React5.createElement(
+      React8.createElement(
         "div",
         { style: S.tabBar },
-        tabs.map((entry) => React5.createElement(import_dsh_client_ui_primitives4.Button, {
-          key: entry.id,
-          size: "sm",
-          variant: tab === entry.id ? "primary" : "ghost",
-          onClick: () => setTab(entry.id)
-        }, `${entry.label}${entry.count > 0 ? ` (${entry.count})` : ""}`))
+        tabs.map(
+          (entry) => React8.createElement(
+            import_dsh_client_ui_primitives6.Button,
+            {
+              key: entry.id,
+              size: "sm",
+              variant: tab === entry.id ? "primary" : "ghost",
+              onClick: () => setTab(entry.id)
+            },
+            `${entry.label}${entry.count > 0 ? ` (${entry.count})` : ""}`
+          )
+        )
       ),
-      // 分组与刷新推到右边；配置页上没有它们。
-      isConfig ? null : React5.createElement(
+      // 分组与刷新推到右边；只有三个**数据**页签上才有它们（配置页与磁盘占用页都没有
+      // 可筛可选的列表，磁盘占用页自带一个只重拉 usage 的刷新按钮）。
+      isDataTab ? React8.createElement(
         "div",
         { style: S.headerActions },
-        React5.createElement(import_dsh_client_ui_primitives4.Button, {
-          size: "sm",
-          variant: "outline",
-          title: t("groupHint"),
-          onClick: () => {
-            const next = !grouping;
-            groupingStore.set(next);
-            updateSettings({ grouping: next });
-          }
-        }, grouping ? t("groupingOn") : t("groupingOff")),
-        React5.createElement(import_dsh_client_ui_primitives4.Button, { size: "sm", variant: "outline", disabled: loading || busy, onClick: () => void refresh() }, t("refresh"))
-      )
+        React8.createElement(
+          import_dsh_client_ui_primitives6.Button,
+          {
+            size: "sm",
+            variant: "outline",
+            title: t("groupHint"),
+            onClick: () => {
+              const next = !grouping;
+              groupingStore.set(next);
+              updateSettings({ grouping: next });
+            }
+          },
+          grouping ? t("groupingOn") : t("groupingOff")
+        ),
+        React8.createElement(
+          import_dsh_client_ui_primitives6.Button,
+          { size: "sm", variant: "outline", disabled: loading || busy, onClick: () => void refresh() },
+          t("refresh")
+        )
+      ) : null
     ),
-    error ? React5.createElement("div", { style: S.error }, error) : null,
-    isConfig ? null : React5.createElement(
+    error ? React8.createElement("div", { style: S.error }, error) : null,
+    // 过滤工具条：只有数据页签上有（配置页没有列表可筛，磁盘占用页也不是列表）。
+    isDataTab ? filterBar : null,
+    isDataTab ? React8.createElement(
       "div",
       { style: S.card },
-      loading && !snapshot ? React5.createElement("div", { style: S.empty }, t("loading")) : rows.length === 0 ? React5.createElement("div", { style: S.empty }, tab === "archived" ? t("emptyArchived") : tab === "pinned" ? t("emptyPinned") : t("emptyTrash")) : React5.createElement("div", { style: S.list }, nodes)
-    ),
-    isConfig ? null : React5.createElement(
+      loading && !snapshot ? React8.createElement("div", { style: S.empty }, t("loading")) : filtered.length === 0 ? React8.createElement(
+        "div",
+        { style: S.empty },
+        filtering ? t("emptyFiltered") : tab === "archived" ? t("emptyArchived") : t("emptyPinned")
+      ) : React8.createElement("div", { style: S.list }, nodes)
+    ) : null,
+    isDataTab ? React8.createElement(
       "div",
       { style: S.rowLine },
-      React5.createElement(import_dsh_client_ui_primitives4.Button, {
-        size: "sm",
-        variant: "ghost",
-        disabled: busy || rows.length === 0,
-        onClick: () => setSelected(selected.length === rows.length ? [] : rows.map((row) => row.sessionId))
-      }, selected.length === rows.length && rows.length > 0 ? t("selectNone") : t("selectAll")),
-      batch.map((action) => React5.createElement(import_dsh_client_ui_primitives4.Button, {
-        key: action.label,
-        size: "sm",
-        variant: action.variant || "ghost",
-        disabled: busy,
-        onClick: action.run
-      }, action.label)),
-      tab === "trash" && trashed.length > 0 ? React5.createElement(import_dsh_client_ui_primitives4.Button, {
-        size: "sm",
-        variant: "outline",
-        disabled: busy,
-        onClick: () => requestPurge(trashed.map((row) => row.sessionId), "")
-      }, t("emptyTrashAll")) : null,
-      busy ? React5.createElement("span", { style: S.footer }, t("working")) : null
-    ),
+      React8.createElement(
+        import_dsh_client_ui_primitives6.Button,
+        {
+          size: "sm",
+          variant: "ghost",
+          disabled: busy || rows.length === 0,
+          onClick: () => setSelected(selected.length === rows.length ? [] : rows.map((row) => row.sessionId))
+        },
+        selected.length === rows.length && rows.length > 0 ? t("selectNone") : t("selectAll")
+      ),
+      batch.map(
+        (action) => React8.createElement(
+          import_dsh_client_ui_primitives6.Button,
+          {
+            key: action.label,
+            size: "sm",
+            variant: action.variant || "ghost",
+            disabled: busy || action.disabled === true,
+            onClick: action.run
+          },
+          action.label
+        )
+      ),
+      busy ? React8.createElement("span", { style: S.footer }, t("working")) : null
+    ) : null,
+    isUsage ? usagePage : null,
     isConfig ? configPage : null,
-    isConfig ? null : React5.createElement(
+    isDataTab ? React8.createElement(
       "div",
       { style: S.footer },
-      React5.createElement("span", null, text(t, "total", { n: rows.length, size: formatBytes(totalBytes) })),
-      grouping && groups.length > 0 ? React5.createElement("span", null, text(t, "workspaces", { n: groups.length })) : null,
-      selected.length > 0 ? React5.createElement("span", null, text(t, "selected", { n: selected.length })) : null,
-      snapshot ? React5.createElement("span", { style: S.mono, title: snapshot.trashDir }, snapshot.trashDir) : null
-    )
+      React8.createElement("span", null, text(t, "total", { n: rows.length, size: formatBytes(totalBytes) })),
+      // 过滤只改显示：合计那一行报的仍是整个页签的条数，这里再补一句"筛出来几条"。
+      filtering ? React8.createElement("span", null, text(t, "filtered", { n: filtered.length, total: rows.length })) : null,
+      grouping && groups.length > 0 ? React8.createElement("span", null, text(t, "workspaces", { n: groups.length })) : null,
+      selected.length > 0 ? React8.createElement("span", null, text(t, "selected", { n: selected.length })) : null,
+      snapshot ? React8.createElement("span", { style: S.mono, title: snapshot.sessionsDir }, snapshot.sessionsDir) : null
+    ) : null
+  );
+}
+
+// src/client/components/toast-host.ts
+var React9 = __toESM(require("react"), 1);
+var import_dsh_client_ui_primitives7 = require("@deepseek-ai/dsh-client-ui-primitives");
+var HOLD_MS = 5e3;
+function ToastHost(props) {
+  const notice = useStore(toastStore);
+  if (notice === null) return null;
+  return React9.createElement(
+    import_dsh_client_ui_primitives7.Toast,
+    {
+      text: notice.message,
+      holdMs: HOLD_MS,
+      onDone: dismissToast
+    },
+    `session-curator-toast-${notice.seq}`
   );
 }
 
+// src/client/components/delete-row-button.ts
+var React10 = __toESM(require("react"), 1);
+var import_dsh_client_ui_primitives8 = require("@deepseek-ai/dsh-client-ui-primitives");
+function DeleteRowButton(props) {
+  const [hovered, setHovered] = React10.useState(false);
+  const title = props.displayTitle || props.sessionId;
+  const label = props.t("deleteSession");
+  return React10.createElement(import_dsh_client_ui_primitives8.Tooltip, {
+    label,
+    side: "bottom",
+    align: "end",
+    delayMs: 500,
+    children: React10.createElement(
+      "button",
+      {
+        type: "button",
+        style: hovered ? S.rowIconButtonHover : S.rowIconButton,
+        "aria-label": `${title} — ${label}`,
+        onPointerEnter: () => setHovered(true),
+        onPointerLeave: () => setHovered(false),
+        onClick: () => requestDelete([props.sessionId], title)
+      },
+      React10.createElement(import_dsh_client_ui_primitives8.IconTrashOutlineRegular, { size: 14 })
+    )
+  });
+}
+
 // src/client/index.ts
 var MENU_ID = "session-curator.delete";
 var OVERLAY_ID = "session-curator.dialog";
+var TOAST_ID = "session-curator.toast";
+var HOVER_ID = "session-curator.hover";
+var ROW_ACTION_ID = "session-curator.delete-row";
 var SECTION_ID = "session-curator";
 var NAV_SECTION_ID = "archived-sessions";
 function sectionIdFor(ctx) {
@@ -1311,36 +2241,89 @@ function apply(ctx) {
       if (ctx.logger) ctx.logger.warn(`[session-curator] slot ${slot} 注册失败（${label}）`);
     }
   };
-  contribute("sidebar.workspaces.session.menu.item", {
-    name: "sidebar.workspaces.session.menu.item",
-    id: MENU_ID,
-    order: 500,
-    label: () => t("menuDelete"),
-    locale: NS
-  }, (props) => {
-    const [, setMenuOpen] = props.useMenuOpenState();
-    return React6.createElement(import_dsh_client_ui_primitives5.MenuItemButton, {
-      danger: true,
-      separatorBefore: true,
-      onSelect: () => {
-        setMenuOpen(false);
-        requestTrash([props.sessionId], props.displayTitle || props.sessionId);
-      }
-    }, t("menuDelete"));
-  }, "menu item");
-  contribute("shell.overlay", {
-    name: "shell.overlay",
-    id: OVERLAY_ID,
-    order: 60,
-    locale: NS
-  }, DialogHost, "dialog host");
-  contribute("settings.section", {
-    name: "settings.section",
-    id: sectionIdFor(ctx),
-    order: 45,
-    label: () => t("sectionLabel"),
-    locale: NS
-  }, SessionManagerPanel, "settings section");
+  contribute(
+    "sidebar.workspaces.session.menu.item",
+    {
+      name: "sidebar.workspaces.session.menu.item",
+      id: MENU_ID,
+      order: 500,
+      label: () => t("deleteSession"),
+      locale: NS
+    },
+    (props) => {
+      const [, setMenuOpen] = props.useMenuOpenState();
+      return React11.createElement(
+        import_dsh_client_ui_primitives9.MenuItemButton,
+        {
+          danger: true,
+          separatorBefore: true,
+          onSelect: () => {
+            setMenuOpen(false);
+            requestDelete([props.sessionId], props.displayTitle || props.sessionId);
+          }
+        },
+        t("deleteSession")
+      );
+    },
+    "menu item"
+  );
+  contribute(
+    "shell.overlay",
+    {
+      name: "shell.overlay",
+      id: OVERLAY_ID,
+      order: 60,
+      locale: NS
+    },
+    DialogHost,
+    "dialog host"
+  );
+  contribute(
+    "settings.section",
+    {
+      name: "settings.section",
+      id: sectionIdFor(ctx),
+      order: 45,
+      label: () => t("sectionLabel"),
+      locale: NS
+    },
+    SessionManagerPanel,
+    "settings section"
+  );
+  contribute(
+    "sidebar.session.row.hover",
+    {
+      name: "sidebar.session.row.hover",
+      id: HOVER_ID,
+      // 官方 ui-schedule 的任务列表在这个槽位是 order 10；我们排在它后面。
+      order: 50,
+      locale: NS
+    },
+    SessionHover,
+    "hover card"
+  );
+  contribute(
+    "sidebar.workspaces.session.row.action",
+    {
+      name: "sidebar.workspaces.session.row.action",
+      id: ROW_ACTION_ID,
+      order: 500,
+      locale: NS
+    },
+    DeleteRowButton,
+    "row action"
+  );
+  contribute(
+    "shell.overlay",
+    {
+      name: "shell.overlay",
+      id: TOAST_ID,
+      order: 70,
+      locale: NS
+    },
+    ToastHost,
+    "toast host"
+  );
 }
 		})(module, module.exports, require);
 		return module.exports;