dsh-archived-chats 0.4.0 → 0.5.1

package/README.md

@@ -1,5 +1,7 @@
 # dsh-archived-chats
 
+> ⚡ **Deletion takes effect immediately — no restart.** Even sessions still resident in the background are torn down safely along the official lifecycle and wiped from disk the moment you click delete, instead of being "parked until the next restart".
+
 A settings page for [DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) that brings archived chats back into view.
 
 Once a conversation is archived in DeepSeek Harness it disappears from the sidebar, and there is no built-in way to browse it again — only the workspace store (`~/.dsh/storages/workspace.json`) still remembers it. This plugin adds an **Archived Chats** page under Settings where every archived session is visible, searchable, and manageable.
@@ -12,10 +14,15 @@ dsh plugin --profile web add dsh-archived-chats
 
 Restart DSH once after installing, then open **Settings → Archived Chats**.
 
+## Compatibility
+
+Version 0.5.1 is tested against DeepSeek Harness `0.1.0-rc.7`. The plugin registers a top-level `settings.section`, so the rc.7 keyed-slot change for `settings.plugin.item` does not apply to it. Future Harness releases should still be checked with the smoke suite and a real-host UI pass before publishing a plugin update, because client slot and design-token contracts may evolve.
+
 ## Features
 
 - **Complete archived-session list**, grouped by workspace (project) with a per-group count. Every group can be collapsed or expanded, and the state is remembered per browser.
-- **Search** by title, plus two filters: type (all / regular / subagent) and project.
+- **Search and sort** by title, filter by type (all / regular / subagent) and project, then order results by newest, oldest, or title.
+- **Flexible multi-select**: select individual chats, every visible result, or an entire project. The selection bar can unarchive or permanently delete the chosen chats in one action, while selections hidden by another filter remain intact.
 - **Unarchive** a single chat or a whole project group from the group's `⋯` menu — restored chats reappear in the sidebar immediately.
 - **Delete** one chat, a project group, or everything (**Delete All**), each behind a confirmation dialog. Deletion is thorough: the session log is removed from disk, the session is detached from its workspace record, and the registry's in-memory header index is purged, so the sidebar drops the rows live.
 - Sessions still resident in the background are **deleted in place too**: the plugin disposes the session through the official lifecycle teardown order (cancel → quiesce → flush → fiber teardown → registry detach), the persistence layer releases the write path, and the physical delete completes within the same request — no restart. If the running DSH build does not expose the required internal seams, the plugin falls back to "park permanently + delete on the next start", with parked sessions staying hidden meanwhile.
@@ -27,7 +34,15 @@ Restart DSH once after installing, then open **Settings → Archived Chats**.
 - **In-place live deletion**: deleting a resident session replays the agent factory's own disposer sequence — `cancel({ kind: 'disposed' })` → `whenIdle` → `flush` → `agent.scope.dispose()` → detach of the `agents` and `sessions` store entries. The session detach emits `session/disposed`, the persistence coordinator retires (drains and releases) the write path, and the ordinary cold delete completes in the same request. The store entries are internal surfaces, so every step is feature-detected; anything missing falls back to park-and-defer.
 - **Pending-deletion store** (fallback path and crash bracket): the id is recorded in `$DSH_HOME/plugin-data/archived-chats/pending-deletions.json` while the session stays archived and hidden; the next boot sweeps the queue through the ordinary delete path. In-place deletes are bracketed by the same store (recorded before disposal, cleared once the files are gone), so a crash mid-delete is completed on the next start. Parked sessions are excluded from the listing; unarchiving cancels a pending deletion.
 - **Title cache**: resolved titles are memoized per id across list refreshes instead of re-reading every archived log; delete and unarchive invalidate their entries.
-- **Browser half** (`lib/client.js`) registers a `settings.section` slot entry (order 30) and renders the page with React and DSH design tokens.
+- **Browser half** (`lib/client.js`) registers a `settings.section` slot entry (order 30) and renders the page with React and the rc.7 DSH overlay/state design tokens.
+
+## Development
+
+```sh
+npm test
+```
+
+The smoke test uses an isolated temporary DSH home plus mocked host and browser runtimes; it never reads or changes real sessions.
 
 ## Uninstall
 

package/README.zh.md

@@ -1,5 +1,7 @@
 # dsh-archived-chats
 
+> ⚡ **删除即生效，无需重启。** 即使会话仍驻留在后台，也会沿官方生命周期当场安全拆除并从磁盘彻底删除——点下删除的那一刻就删干净，而不是"停用后等下次重启"。
+
 为 [DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) 新增一个「已归档的聊天」设置页，把被归档的会话重新找回来。
 
 在 DeepSeek Harness 里，聊天一旦归档就会从侧边栏消失，界面中没有任何入口可以再看到它，只有工作区存档（`~/.dsh/storages/workspace.json`）还记得它。这个插件在「设置」中补上一个「已归档的聊天」页面，让所有归档会话都可见、可搜索、可管理。
@@ -12,10 +14,15 @@ dsh plugin --profile web add dsh-archived-chats
 
 安装后重启一次 DSH，然后打开 **设置 → 已归档的聊天**。
 
+## 兼容性
+
+0.5.1 版本以 DeepSeek Harness `0.1.0-rc.7` 为验证基线。插件注册的是顶层 `settings.section`，因此 rc.7 针对 `settings.plugin.item` 的 keyed-slot 变更不影响本插件。以后 Harness 发布新版本时，仍应在发布插件更新前重跑冒烟测试并检查真实宿主页面，因为客户端插槽和设计令牌契约仍可能演进。
+
 ## 功能
 
 - **完整归档列表**：按工作区（项目）分组并显示每组数量；每个分组都可折叠/展开，状态按浏览器记忆。
-- **搜索**标题，外加两个筛选器：类型（全部 / 普通会话 / 子代理会话）和项目。
+- **搜索与排序**：按标题搜索，用类型（全部 / 普通会话 / 子代理会话）和项目筛选，并按最新、最早或标题排序。
+- **灵活多选**：逐条选择、选择当前筛选结果或选择整个项目；选中后可一次取消归档或永久删除，隐藏在其他筛选结果中的选择不会丢失。
 - **取消归档**单个聊天，或从分组的 `⋯` 菜单整组取消——恢复的聊天会立刻回到侧边栏。
 - **删除**单个聊天、某个项目分组或全部（**全部删除**），均有确认弹窗。删除是彻底的：会话日志从磁盘移除、从工作区记录中摘除、注册表内存索引同步清理，主侧边栏的条目也会立即消失。
 - 仍驻留后台的会话也**当场删除**：插件按官方生命周期的拆除顺序原地停用并注销会话（取消 → 静默 → 落盘 → 拆纤程 → 摘出注册表），持久层随之释放写入通道，同一次请求内即完成物理删除——无需重启。若当前 DSH 版本不提供所需内部接口，则自动回退为「永久停用 + 下次启动完成删除」，停用期间会话保持隐藏。
@@ -27,7 +34,15 @@ dsh plugin --profile web add dsh-archived-chats
 - **活会话原地删除**：删除仍驻留后台的会话时，插件复刻 agent 工厂自身 disposer 的顺序——`cancel({ kind: 'disposed' })` → `whenIdle` → `flush` → `agent.scope.dispose()` → 依次 detach `agents` 与 `sessions` 两个 store 条目；session detach 发出 `session/disposed`，持久化协调器随之 retire（排空并释放）该会话的写入通道，之后冷删除路径在同一请求内完成。所涉 store 条目属于内部接口，每一步都做特性探测，探测失败即回退为停用+延后。
 - **待删队列**（回退路径与崩溃兜底）：id 记入 `$DSH_HOME/plugin-data/archived-chats/pending-deletions.json`，会话保持归档与隐藏；下次启动时插件清扫该队列，通过常规删除路径完成物理删除。原地删除也用该队列包裹（删除前登记、文件移除后清除），中途崩溃由下次启动补完。已入队的会话不会出现在列表中；取消归档会撤销待删标记。
 - **标题缓存**：列表刷新时按 id 记忆已解析的标题，不再每次全量读日志；删除与取消归档会使对应缓存失效。
-- **浏览器半**（`lib/client.js`）注册 `settings.section` 插槽项（order 30），用 React 和 DSH 设计令牌渲染页面。
+- **浏览器半**（`lib/client.js`）注册 `settings.section` 插槽项（order 30），用 React 和 rc.7 的 DSH 浮层/状态设计令牌渲染页面。
+
+## 开发
+
+```sh
+npm test
+```
+
+测试使用隔离的临时 DSH 主目录和模拟的宿主/浏览器运行时，不会读取或修改真实会话。
 
 ## 卸载
 

package/lib/client.js

@@ -9,8 +9,8 @@
 // What this plugin is: one settings section — 已归档的聊天 / Archived Chats —
 // modeled 1:1 on the CodeX archived-chats page. The stock DSH sidebar hides
 // archived sessions with no list surface; this page restores one: search,
-// type/project filters, per-workspace grouping, unarchive, delete, and
-// delete-all, all driven through the host half's /plugins/dsh-archived-chats/*
+// type/project filters, sorting, multi-selection, unarchive, delete, and
+// batch actions, all driven through the host half's /plugins/dsh-archived-chats/*
 // routes (the archive set itself lives in the host's workspace registry).
 window.__ModuleLoader__.load({
 	id: "dsh-archived-chats",
@@ -54,6 +54,15 @@ window.__ModuleLoader__.load({
 			"filter.normal": "普通会话",
 			"filter.subagent": "子代理会话",
 			"filter.allProjects": "所有项目",
+			"sort.label": "排序方式",
+			"sort.newest": "最新优先",
+			"sort.oldest": "最早优先",
+			"sort.title": "按标题",
+			"selection.visible": "选择当前结果",
+			"selection.group": "选择此项目",
+			"selection.clear": "清除",
+			"bulk.unarchive": "取消归档",
+			"bulk.delete": "删除",
 			"group.noProject": "未分组",
 			"chat.untitled": "未命名会话",
 			"chat.unarchive": "取消归档",
@@ -65,6 +74,7 @@ window.__ModuleLoader__.load({
 			"confirm.deleteOne.body": "这将永久删除已归档聊天",
 			"confirm.deleteAll.title": "删除全部已归档聊天？",
 			"confirm.deleteGroup.title": "删除该项目下的已归档聊天？",
+			"confirm.deleteSelected.title": "删除选中的已归档聊天？",
 			"confirm.cancel": "取消",
 			"confirm.delete": "删除",
 			"state.loading": "加载中…",
@@ -84,6 +94,15 @@ window.__ModuleLoader__.load({
 			"filter.normal": "Regular chats",
 			"filter.subagent": "Subagent chats",
 			"filter.allProjects": "All projects",
+			"sort.label": "Sort order",
+			"sort.newest": "Newest first",
+			"sort.oldest": "Oldest first",
+			"sort.title": "Title",
+			"selection.visible": "Select visible chats",
+			"selection.group": "Select this project",
+			"selection.clear": "Clear",
+			"bulk.unarchive": "Unarchive",
+			"bulk.delete": "Delete",
 			"group.noProject": "Ungrouped",
 			"chat.untitled": "Untitled chat",
 			"chat.unarchive": "Unarchive",
@@ -95,6 +114,7 @@ window.__ModuleLoader__.load({
 			"confirm.deleteOne.body": "This permanently deletes the archived chat",
 			"confirm.deleteAll.title": "Delete all archived chats?",
 			"confirm.deleteGroup.title": "Delete this project's archived chats?",
+			"confirm.deleteSelected.title": "Delete selected archived chats?",
 			"confirm.cancel": "Cancel",
 			"confirm.delete": "Delete",
 			"state.loading": "Loading…",
@@ -115,6 +135,14 @@ window.__ModuleLoader__.load({
 		const deleteGroupBody = (t, name, n) => isZh(t)
 			? `这将永久删除「${name}」下 ${n} 个已归档聊天`
 			: `This permanently deletes ${n} archived chat${n === 1 ? "" : "s"} under "${name}"`;
+		const deleteSelectedBody = (t, n) => isZh(t)
+			? `这将永久删除选中的 ${n} 个已归档聊天`
+			: `This permanently deletes the ${n} selected archived chat${n === 1 ? "" : "s"}`;
+		const selectedCount = (t, n) => isZh(t)
+			? `已选择 ${n} 个聊天`
+			: `${n} chat${n === 1 ? "" : "s"} selected`;
+		const selectChatLabel = (t, title) => isZh(t) ? `选择 ${title}` : `Select ${title}`;
+		const selectProjectLabel = (t, title) => `${t("selection.group")}${isZh(t) ? "：" : ": "}${title}`;
 		const failureText = (t, failed) => {
 			if (isZh(t)) return `${failed.length} 个会话删除失败：${failed[0]?.message ?? ""}`;
 			return `${failed.length} chat${failed.length === 1 ? "" : "s"} failed to delete: ${failed[0]?.message ?? ""}`;
@@ -148,15 +176,52 @@ window.__ModuleLoader__.load({
 				return new Date(ms).toLocaleString();
 			}
 		}
+
+		function sortArchivedSessions(items, mode, locale) {
+			const collator = new Intl.Collator(locale, { numeric: true, sensitivity: "base" });
+			return items.map((item, index) => ({ item, index })).sort((left, right) => {
+				const a = left.item;
+				const b = right.item;
+				if (mode === "title") {
+					const aTitle = typeof a.title === "string" && a.title.trim() !== "" ? a.title.trim() : null;
+					const bTitle = typeof b.title === "string" && b.title.trim() !== "" ? b.title.trim() : null;
+					if ((aTitle === null) !== (bTitle === null)) return aTitle === null ? 1 : -1;
+					if (aTitle !== null && bTitle !== null) {
+						const compared = collator.compare(aTitle, bTitle);
+						if (compared !== 0) return compared;
+					}
+				} else {
+					const aDate = typeof a.createdAt === "number" && Number.isFinite(a.createdAt) ? a.createdAt : null;
+					const bDate = typeof b.createdAt === "number" && Number.isFinite(b.createdAt) ? b.createdAt : null;
+					if ((aDate === null) !== (bDate === null)) return aDate === null ? 1 : -1;
+					if (aDate !== null && bDate !== null && aDate !== bDate) return mode === "oldest" ? aDate - bDate : bDate - aDate;
+				}
+				return left.index - right.index;
+			}).map(({ item }) => item);
+		}
+
+		function setVisibleSelection(selected, visibleIds, checked) {
+			const next = new Set(selected);
+			for (const id of visibleIds) {
+				if (checked) next.add(id);
+				else next.delete(id);
+			}
+			return next;
+		}
+
+		function reconcileSelection(selected, sessions) {
+			const currentIds = new Set(sessions.map((session) => session.id));
+			return new Set([...selected].filter((id) => currentIds.has(id)));
+		}
 		//#endregion
 
 		//#region styles
 		const CSS = `
 .dac-page{position:relative;display:flex;flex-direction:column;gap:14px;padding:4px 0 28px;font-family:inherit}
 .dac-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
-.dac-title{color:var(--dsw-alias-label-primary);font-size:18px;font-weight:500;line-height:28px}
-.dac-deleteall{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:999px;padding:6px 14px;background:rgba(229,72,77,.1);color:#e5484d;font:inherit;font-size:13px;line-height:20px;cursor:pointer;transition:background .15s}
-.dac-deleteall:hover:not(:disabled){background:rgba(229,72,77,.18)}
+.dac-title{margin:0;color:var(--dsw-alias-label-primary);font-size:18px;font-weight:500;line-height:28px;outline:none}
+.dac-deleteall{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:999px;padding:6px 14px;background:transparent;color:var(--dsw-alias-state-error-primary);font:inherit;font-size:13px;line-height:20px;cursor:pointer;transition:background .15s}
+.dac-deleteall:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}
 .dac-deleteall:disabled{opacity:.45;cursor:default}
 .dac-search{display:flex;align-items:center;gap:8px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-layer-1);padding:8px 12px;color:var(--dsw-alias-label-tertiary);transition:border-color .15s}
 .dac-search:focus-within{border-color:var(--dsw-alias-border-l1,var(--dsw-alias-border-l2))}
@@ -167,8 +232,20 @@ window.__ModuleLoader__.load({
 .dac-select{appearance:none;-webkit-appearance:none;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;line-height:20px;padding:5px 28px 5px 14px;cursor:pointer;outline:none}
 .dac-select:hover{border-color:var(--dsw-alias-border-l1,var(--dsw-alias-border-l2))}
 .dac-chevron{position:absolute;right:10px;pointer-events:none;color:var(--dsw-alias-label-tertiary);display:inline-flex}
+.dac-selection-toggle{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:20px;cursor:pointer;user-select:none}
+.dac-checkbox{width:16px;height:16px;margin:0;accent-color:var(--dsw-alias-interactive-primary,#6e6ef7);cursor:pointer;flex:none}
+.dac-checkbox:disabled{cursor:default;opacity:.45}
+.dac-bulkbar{position:sticky;top:8px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid color-mix(in srgb,var(--dsw-alias-interactive-primary,#6e6ef7) 35%,var(--dsw-alias-border-l2));border-radius:12px;background:color-mix(in srgb,var(--dsw-alias-interactive-primary,#6e6ef7) 8%,var(--dsw-alias-bg-layer-2));padding:9px 12px;box-shadow:0 5px 18px rgba(0,0,0,.08)}
+.dac-bulk-count{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:20px}
+.dac-bulk-actions{display:flex;align-items:center;gap:6px}
+.dac-bulk-btn{border:1px solid var(--dsw-alias-border-l2);border-radius:999px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;line-height:18px;padding:5px 11px;cursor:pointer}
+.dac-bulk-btn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12))}
+.dac-bulk-btn.dac-danger{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);background:transparent}
+.dac-bulk-btn.dac-danger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}
+.dac-bulk-btn:disabled{opacity:.45;cursor:default}
 .dac-group{display:flex;flex-direction:column;gap:8px;margin-top:6px}
 .dac-group-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px}
+.dac-group-left{display:flex;align-items:center;gap:8px;min-width:0}
 .dac-group-toggle{display:inline-flex;align-items:center;gap:7px;border:none;background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:13px;line-height:20px;cursor:pointer;padding:3px 6px;margin:-3px -6px;border-radius:7px}
 .dac-group-toggle:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12))}
 .dac-chev{display:inline-flex;color:var(--dsw-alias-label-tertiary);transform:rotate(-90deg);transition:transform .15s}
@@ -179,15 +256,17 @@ window.__ModuleLoader__.load({
 .dac-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--dsw-alias-label-tertiary);cursor:pointer;transition:background .15s,color .15s;padding:0}
 .dac-iconbtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12));color:var(--dsw-alias-label-primary)}
 .dac-iconbtn:disabled{opacity:.45;cursor:default}
-.dac-iconbtn.dac-danger:hover:not(:disabled){color:#e5484d;background:rgba(229,72,77,.1)}
-.dac-menu{position:absolute;right:0;top:30px;z-index:40;min-width:150px;display:flex;flex-direction:column;gap:2px;padding:4px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-layer-2);box-shadow:0 8px 28px rgba(0,0,0,.18)}
+.dac-iconbtn.dac-danger:hover:not(:disabled){color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-interactive-bg-hover-danger)}
+.dac-menu{position:absolute;right:0;top:30px;z-index:40;min-width:150px;display:flex;flex-direction:column;gap:2px;padding:4px;border:1px solid var(--dsw-alias-border-inverted);border-radius:10px;background:var(--dsw-specific-menu);box-shadow:var(--dsw-shadow-lv3)}
 .dac-menu-item{border:none;border-radius:7px;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;line-height:20px;text-align:left;padding:7px 10px;cursor:pointer}
 .dac-menu-item:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12))}
-.dac-menu-item.dac-danger{color:#e5484d}
-.dac-menu-item.dac-danger:hover{background:rgba(229,72,77,.1)}
+.dac-menu-item.dac-danger{color:var(--dsw-alias-state-error-primary)}
+.dac-menu-item.dac-danger:hover{background:var(--dsw-alias-interactive-bg-hover-danger)}
 .dac-list{display:flex;flex-direction:column;gap:8px}
-.dac-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-1);padding:12px 16px;transition:border-color .15s}
+.dac-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-1);padding:12px 16px;transition:border-color .15s,background .15s}
 .dac-row:hover{border-color:var(--dsw-alias-border-l1,var(--dsw-alias-border-l2))}
+.dac-row.dac-selected{border-color:color-mix(in srgb,var(--dsw-alias-interactive-primary,#6e6ef7) 45%,var(--dsw-alias-border-l2));background:color-mix(in srgb,var(--dsw-alias-interactive-primary,#6e6ef7) 6%,var(--dsw-alias-bg-layer-1))}
+.dac-row-select{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
 .dac-row-main{min-width:0;display:flex;flex-direction:column;gap:4px}
 .dac-row-title{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .dac-row-date{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}
@@ -198,26 +277,28 @@ window.__ModuleLoader__.load({
 .dac-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 0;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}
 .dac-center{display:flex;align-items:center;justify-content:center;gap:8px;padding:48px 0;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}
 .dac-retry{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;padding:4px 12px;cursor:pointer}
-.dac-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(229,72,77,.45);border-radius:10px;background:rgba(229,72,77,.08);color:#e5484d;font-size:12px;line-height:18px;padding:8px 12px}
+.dac-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--dsw-alias-state-error-primary);border-radius:10px;background:var(--dsw-alias-interactive-bg-hover-danger);color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:18px;padding:8px 12px}
 .dac-notice button{border:none;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:0;display:inline-flex}
-.dac-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1200;display:flex;align-items:center;gap:8px;border:1px solid rgba(48,164,108,.4);border-radius:999px;background:color-mix(in srgb,#30a46c 9%,var(--dsw-alias-bg-primary,#fff));color:#2f9e68;font-size:13px;font-weight:500;line-height:20px;padding:7px 12px 7px 14px;box-shadow:0 6px 20px rgba(0,0,0,.10),0 1px 3px rgba(0,0,0,.06);animation:dac-toast-in .28s cubic-bezier(.21,1.02,.55,1) both}
+.dac-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1200;display:flex;align-items:center;gap:8px;border:1px solid var(--dsw-alias-state-success-secondary);border-radius:999px;background:var(--dsw-alias-state-success-tertiary);color:var(--dsw-alias-state-success-primary);font-size:13px;font-weight:500;line-height:20px;padding:7px 12px 7px 14px;box-shadow:var(--dsw-shadow-lv3);animation:dac-toast-in .28s cubic-bezier(.21,1.02,.55,1) both}
 .dac-toast svg{flex:none}
 .dac-toast button{border:none;background:transparent;color:inherit;opacity:.55;cursor:pointer;font:inherit;padding:2px;margin-left:2px;display:inline-flex;border-radius:999px}
-.dac-toast button:hover{opacity:1;background:rgba(48,164,108,.12)}
+.dac-toast button:hover{opacity:1;background:var(--dsw-alias-state-success-secondary)}
 @keyframes dac-toast-in{from{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
 @media (prefers-reduced-motion:reduce){.dac-toast{animation:none}}
 .dac-confirm-overlay{position:fixed;inset:0;z-index:1400;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4)}
-.dac-confirm{width:min(400px,calc(100vw - 64px));display:flex;flex-direction:column;gap:12px;border-radius:16px;background:var(--dsw-alias-bg-layer-2);box-shadow:0 16px 64px rgba(0,0,0,.3);padding:20px}
+.dac-confirm{width:min(400px,calc(100vw - 64px));display:flex;flex-direction:column;gap:12px;border:1px solid var(--dsw-alias-border-inverted);border-radius:16px;background:var(--dsw-specific-menu);box-shadow:var(--dsw-shadow-lv3);padding:20px;outline:none}
+.dac-confirm:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-interactive-primary,#6e6ef7),var(--dsw-shadow-lv3)}
 .dac-confirm-title{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:500;line-height:24px}
 .dac-confirm-body{color:var(--dsw-alias-label-secondary);font-size:13px;line-height:21px}
 .dac-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
 .dac-btn{border:1px solid var(--dsw-alias-border-l2);border-radius:9px;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;line-height:20px;padding:5px 14px;cursor:pointer}
 .dac-btn:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12))}
-.dac-btn-danger{border:none;border-radius:9px;background:#e5484d;color:#fff;font:inherit;font-size:13px;line-height:20px;padding:6px 14px;cursor:pointer}
-.dac-btn-danger:hover:not(:disabled){background:#d13438}
+.dac-btn-danger{border:1px solid var(--dsw-alias-state-error-primary);border-radius:9px;background:transparent;color:var(--dsw-alias-state-error-primary);font:inherit;font-size:13px;line-height:20px;padding:5px 14px;cursor:pointer}
+.dac-btn-danger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}
 .dac-btn-danger:disabled{opacity:.5;cursor:default}
 .dac-spin{display:inline-block;width:14px;height:14px;border:2px solid var(--dsw-alias-label-tertiary);border-top-color:transparent;border-radius:50%;animation:dac-rotate .8s linear infinite}
 @keyframes dac-rotate{to{transform:rotate(360deg)}}
+@media (max-width:640px){.dac-selection-toggle{margin-left:0}.dac-bulkbar{align-items:flex-start;flex-direction:column}.dac-bulk-actions{width:100%;flex-wrap:wrap}.dac-row{align-items:flex-start}.dac-row-actions{gap:4px}.dac-unarchive{padding:5px 10px}}
 `;
 
 		function ensureStyle() {
@@ -241,24 +322,35 @@ window.__ModuleLoader__.load({
 		const NAV_LABELS = ["已归档的聊天", "Archived Chats"];
 		const ARCHIVE_ICON_INNER = '<rect x="3" y="4" width="18" height="5" rx="1"></rect><path d="M5 9v9a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V9"></path><path d="M10 13h4"></path>';
 
+		function safeQueryAll(root, selector) {
+			try {
+				return typeof root?.querySelectorAll === "function" ? root.querySelectorAll(selector) : [];
+			} catch {
+				return [];
+			}
+		}
+
 		function patchNavIcons() {
 			if (typeof document === "undefined" || document.body === null) return;
-			const dialogs = document.querySelectorAll('[role="dialog"]');
+			const dialogs = safeQueryAll(document, '[role="dialog"]');
 			for (const dialog of dialogs) {
-				const buttons = dialog.querySelectorAll("nav button");
+				const buttons = safeQueryAll(dialog, "nav button");
 				for (const button of buttons) {
-					const text = button.textContent ?? "";
+					const text = typeof button?.textContent === "string" ? button.textContent : "";
 					if (!NAV_LABELS.some((label) => text.includes(label))) continue;
-					const svg = button.querySelector("svg");
-					if (svg === null || svg.dataset.dacPatched === "1") continue;
-					svg.dataset.dacPatched = "1";
-					svg.setAttribute("viewBox", "0 0 24 24");
-					svg.setAttribute("fill", "none");
-					svg.setAttribute("stroke", "currentColor");
-					svg.setAttribute("stroke-width", "1.5");
-					svg.setAttribute("stroke-linecap", "round");
-					svg.setAttribute("stroke-linejoin", "round");
-					svg.innerHTML = ARCHIVE_ICON_INNER;
+					let svg = null;
+					try { svg = typeof button.querySelector === "function" ? button.querySelector("svg") : null; } catch { continue; }
+					if (svg === null || svg.dataset === void 0 || svg.dataset.dacPatched === "1" || typeof svg.setAttribute !== "function") continue;
+					try {
+						svg.dataset.dacPatched = "1";
+						svg.setAttribute("viewBox", "0 0 24 24");
+						svg.setAttribute("fill", "none");
+						svg.setAttribute("stroke", "currentColor");
+						svg.setAttribute("stroke-width", "1.5");
+						svg.setAttribute("stroke-linecap", "round");
+						svg.setAttribute("stroke-linejoin", "round");
+						svg.innerHTML = ARCHIVE_ICON_INNER;
+					} catch { /* keep the host-provided fallback icon */ }
 				}
 			}
 		}
@@ -267,15 +359,22 @@ window.__ModuleLoader__.load({
 
 		function startNavIconPatch() {
 			patchNavIcons();
-			const Observer = typeof window !== "undefined" ? window.MutationObserver : void 0;
+			let Observer;
+			try { Observer = typeof window !== "undefined" ? window.MutationObserver : void 0; } catch { return; }
 			if (Observer === void 0 || typeof document === "undefined" || document.body === null) return;
 			if (navObserver !== null) return;
-			navObserver = new Observer(() => patchNavIcons());
-			navObserver.observe(document.body, { childList: true, subtree: true });
+			let observer = null;
+			try {
+				observer = new Observer(() => patchNavIcons());
+				observer.observe(document.body, { childList: true, subtree: true });
+				navObserver = observer;
+			} catch {
+				try { observer?.disconnect?.(); } catch { /* best-effort decoration cleanup */ }
+			}
 		}
 
 		function stopNavIconPatch() {
-			navObserver?.disconnect();
+			try { navObserver?.disconnect?.(); } catch { /* best-effort decoration cleanup */ }
 			navObserver = null;
 		}
 		//#endregion
@@ -351,27 +450,85 @@ window.__ModuleLoader__.load({
 			});
 		}
 
-		function ConfirmDialog({ title, body, confirmLabel, cancelLabel, busy, onConfirm, onCancel }) {
+		function SelectionCheckbox({ checked, indeterminate = false, disabled = false, ariaLabel, onChange }) {
+			const inputRef = _react.useRef(null);
+			_react.useEffect(() => {
+				if (inputRef.current !== null) inputRef.current.indeterminate = indeterminate;
+			}, [indeterminate]);
+			return (0, jsx.jsx)("input", {
+				ref: inputRef,
+				type: "checkbox",
+				className: "dac-checkbox",
+				checked,
+				disabled,
+				"aria-label": ariaLabel,
+				"aria-checked": indeterminate ? "mixed" : checked,
+				onChange: (event) => onChange(event.target.checked)
+			});
+		}
+
+		function ConfirmDialog({ title, body, confirmLabel, cancelLabel, busy, returnFocus, fallbackFocusRef, onConfirm, onCancel }) {
+			const dialogRef = _react.useRef(null);
+			const cancelRef = _react.useRef(null);
 			_react.useEffect(() => {
-				const onKey = (e) => { if (e.key === "Escape") onCancel(); };
+				const previousFocus = returnFocus ?? document.activeElement;
+				const dialog = dialogRef.current;
+				(cancelRef.current ?? dialog)?.focus?.();
+				const onKey = (e) => {
+					if (e.key === "Escape") {
+						e.preventDefault?.();
+						onCancel();
+						return;
+					}
+					if (e.key !== "Tab" || dialog === null) return;
+					const focusable = [...dialog.querySelectorAll('button:not([disabled]),a[href],input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])')];
+					if (focusable.length === 0) {
+						e.preventDefault();
+						dialog.focus?.();
+						return;
+					}
+					const first = focusable[0];
+					const last = focusable[focusable.length - 1];
+					const active = document.activeElement;
+					const focusIsInside = typeof dialog.contains === "function" ? dialog.contains(active) : focusable.includes(active);
+					if (e.shiftKey && (active === first || !focusIsInside)) {
+						e.preventDefault();
+						last.focus();
+					} else if (!e.shiftKey && (active === last || !focusIsInside)) {
+						e.preventDefault();
+						first.focus();
+					}
+				};
 				document.addEventListener("keydown", onKey);
-				return () => document.removeEventListener("keydown", onKey);
-			}, [onCancel]);
+				return () => {
+					document.removeEventListener("keydown", onKey);
+					const previousIsUsable = previousFocus !== null
+						&& previousFocus !== document.body
+						&& typeof previousFocus?.focus === "function"
+						&& (typeof document.contains !== "function" || document.contains(previousFocus));
+					const target = previousIsUsable ? previousFocus : fallbackFocusRef?.current;
+					target?.focus?.();
+				};
+			}, [onCancel, returnFocus, fallbackFocusRef]);
 			return (0, jsx.jsx)("div", {
 				className: "dac-confirm-overlay",
 				onClick: onCancel,
 				children: (0, jsx.jsxs)("div", {
+					ref: dialogRef,
 					className: "dac-confirm",
 					role: "alertdialog",
 					"aria-modal": "true",
+					"aria-labelledby": "dac-confirm-title",
+					"aria-describedby": "dac-confirm-body",
+					tabIndex: -1,
 					onClick: (e) => e.stopPropagation(),
 					children: [
-						(0, jsx.jsx)("div", { className: "dac-confirm-title", children: title }),
-						(0, jsx.jsx)("div", { className: "dac-confirm-body", children: body }),
+						(0, jsx.jsx)("div", { id: "dac-confirm-title", className: "dac-confirm-title", children: title }),
+						(0, jsx.jsx)("div", { id: "dac-confirm-body", className: "dac-confirm-body", children: body }),
 						(0, jsx.jsxs)("div", {
 							className: "dac-confirm-actions",
 							children: [
-								(0, jsx.jsx)("button", { type: "button", className: "dac-btn", onClick: onCancel, children: cancelLabel }),
+								(0, jsx.jsx)("button", { ref: cancelRef, type: "button", className: "dac-btn", onClick: onCancel, children: cancelLabel }),
 								(0, jsx.jsx)("button", { type: "button", className: "dac-btn-danger", disabled: busy, onClick: onConfirm, children: confirmLabel })
 							]
 						})
@@ -380,7 +537,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 
-		function GroupSection({ group, t, collapsed, onToggleCollapsed, menuOpen, onToggleMenu, onUnarchive, onDelete, busy }) {
+		function GroupSection({ group, t, collapsed, onToggleCollapsed, menuOpen, onToggleMenu, onUnarchive, onDelete, busy, selected, onToggleSelected }) {
 			const wrapRef = _react.useRef(null);
 			_react.useEffect(() => {
 				if (!menuOpen) return void 0;
@@ -388,7 +545,11 @@ window.__ModuleLoader__.load({
 				document.addEventListener("mousedown", onDown);
 				return () => document.removeEventListener("mousedown", onDown);
 			}, [menuOpen, onToggleMenu]);
-			const ids = group.items.map((s) => s.id);
+			const ids = group.selectionIds;
+			const selectedInGroup = ids.filter((id) => selected.has(id)).length;
+			const allSelected = ids.length > 0 && selectedInGroup === ids.length;
+			const someSelected = selectedInGroup > 0 && !allSelected;
+			const groupBusy = ids.some((id) => busy[id] === true);
 			return (0, jsx.jsxs)("div", {
 				className: "dac-group",
 				children: [
@@ -396,16 +557,28 @@ window.__ModuleLoader__.load({
 						className: "dac-group-head",
 						ref: wrapRef,
 						children: [
-							(0, jsx.jsxs)("button", {
-								type: "button",
-								className: "dac-group-toggle",
-								"aria-expanded": collapsed !== true,
-								"aria-label": collapsed === true ? t("group.expand") : t("group.collapse"),
-								onClick: () => onToggleCollapsed(group.key),
+							(0, jsx.jsxs)("div", {
+								className: "dac-group-left",
 								children: [
-									(0, jsx.jsx)("span", { className: collapsed === true ? "dac-chev" : "dac-chev open", children: (0, jsx.jsx)(IconChevron, {}) }),
-									(0, jsx.jsx)(IconFolder, {}),
-									(0, jsx.jsx)("span", { children: group.title })
+									(0, jsx.jsx)(SelectionCheckbox, {
+										checked: allSelected,
+										indeterminate: someSelected,
+										disabled: groupBusy,
+										ariaLabel: selectProjectLabel(t, group.title),
+										onChange: (checked) => onToggleSelected(ids, checked)
+									}),
+									(0, jsx.jsxs)("button", {
+										type: "button",
+										className: "dac-group-toggle",
+										"aria-expanded": collapsed !== true,
+										"aria-label": collapsed === true ? t("group.expand") : t("group.collapse"),
+										onClick: () => onToggleCollapsed(group.key),
+										children: [
+											(0, jsx.jsx)("span", { className: collapsed === true ? "dac-chev" : "dac-chev open", children: (0, jsx.jsx)(IconChevron, {}) }),
+											(0, jsx.jsx)(IconFolder, {}),
+											(0, jsx.jsx)("span", { children: group.title })
+										]
+									})
 								]
 							}),
 							(0, jsx.jsxs)("div", {
@@ -446,15 +619,26 @@ window.__ModuleLoader__.load({
 					collapsed !== true && (0, jsx.jsx)("div", {
 						className: "dac-list",
 						children: group.items.map((session) => (0, jsx.jsxs)("div", {
-							className: "dac-row",
-							children: [
-								(0, jsx.jsxs)("div", {
-									className: "dac-row-main",
-									children: [
-										(0, jsx.jsx)("div", { className: "dac-row-title", children: session.title ?? t("chat.untitled") }),
-										(0, jsx.jsx)("div", { className: "dac-row-date", children: formatDate(t, session.createdAt) })
-									]
-								}),
+								className: selected.has(session.id) ? "dac-row dac-selected" : "dac-row",
+								children: [
+									(0, jsx.jsxs)("label", {
+										className: "dac-row-select",
+										children: [
+											(0, jsx.jsx)(SelectionCheckbox, {
+												checked: selected.has(session.id),
+												disabled: busy[session.id] === true,
+												ariaLabel: selectChatLabel(t, session.title ?? t("chat.untitled")),
+												onChange: (checked) => onToggleSelected([session.id], checked)
+											}),
+											(0, jsx.jsxs)("div", {
+												className: "dac-row-main",
+												children: [
+													(0, jsx.jsx)("div", { className: "dac-row-title", children: session.title ?? t("chat.untitled") }),
+													(0, jsx.jsx)("div", { className: "dac-row-date", children: formatDate(t, session.createdAt) })
+												]
+											})
+										]
+									}),
 								(0, jsx.jsxs)("div", {
 									className: "dac-row-actions",
 									children: [
@@ -489,11 +673,15 @@ window.__ModuleLoader__.load({
 			const [query, setQuery] = _react.useState("");
 			const [typeFilter, setTypeFilter] = _react.useState("all");
 			const [projectFilter, setProjectFilter] = _react.useState("all");
+			const [sortMode, setSortMode] = _react.useState("newest");
 			const [menuFor, setMenuFor] = _react.useState(null);
 			const [confirm, setConfirm] = _react.useState(null);
 			const [busy, setBusy] = _react.useState({});
 			const [notice, setNotice] = _react.useState(null);
 			const [collapsed, setCollapsed] = _react.useState(readCollapsed);
+			const [selected, setSelected] = _react.useState(() => new Set());
+			const pageHeadingRef = _react.useRef(null);
+			const deleteReturnFocusRef = _react.useRef(null);
 
 			// Success confirmations are transient toasts (CodeX behavior);
 			// errors stay until dismissed.
@@ -524,6 +712,17 @@ window.__ModuleLoader__.load({
 				}
 			}, []);
 			_react.useEffect(() => { refresh(); }, [refresh]);
+			_react.useEffect(() => {
+				if (sessions === null) return;
+				setSelected((current) => {
+					const next = reconcileSelection(current, sessions);
+					return next.size === current.size && [...next].every((id) => current.has(id)) ? current : next;
+				});
+			}, [sessions]);
+
+			const toggleSelected = (ids, checked) => {
+				setSelected((current) => setVisibleSelection(current, ids, checked));
+			};
 
 			const markBusy = (ids, value) => {
 				setBusy((prev) => {
@@ -543,6 +742,7 @@ window.__ModuleLoader__.load({
 				try {
 					await post("/unarchive-all", { sessionIds: ids });
 					setSessions((prev) => (prev ?? []).filter((s) => !ids.includes(s.id)));
+					setSelected((current) => setVisibleSelection(current, ids, false));
 				} catch (error) {
 					setNotice({ kind: "error", text: String(error.message ?? error) });
 				} finally {
@@ -562,10 +762,12 @@ window.__ModuleLoader__.load({
 					const failed = result.failed ?? [];
 					if (deleted.length > 0 || pending.length > 0) {
 						changed = true;
+						const removed = [...deleted, ...pending];
 						// Pending rows leave the list too: the deletion is accepted,
 						// the session is parked and excluded from /state until the
 						// next-boot sweep physically removes it.
-						setSessions((prev) => (prev ?? []).filter((s) => !deleted.includes(s.id) && !pending.includes(s.id)));
+						setSessions((prev) => (prev ?? []).filter((s) => !removed.includes(s.id)));
+						setSelected((current) => setVisibleSelection(current, removed, false));
 					}
 					if (failed.length > 0) setNotice({ kind: "error", text: failureText(t, failed) });
 					else if (pending.length > 0) setNotice({ kind: "error", text: pendingText(t, pending.length) });
@@ -576,7 +778,9 @@ window.__ModuleLoader__.load({
 					const failed = error.body?.failed ?? [];
 					if (deleted.length > 0 || pending.length > 0) {
 						changed = true;
-						setSessions((prev) => (prev ?? []).filter((s) => !deleted.includes(s.id) && !pending.includes(s.id)));
+						const removed = [...deleted, ...pending];
+						setSessions((prev) => (prev ?? []).filter((s) => !removed.includes(s.id)));
+						setSelected((current) => setVisibleSelection(current, removed, false));
 					}
 					setNotice({ kind: "error", text: failed.length > 0 ? failureText(t, failed) : String(error.message ?? error) });
 				} finally {
@@ -590,9 +794,12 @@ window.__ModuleLoader__.load({
 				}
 			};
 
-			const askDelete = (ids, groupName) => {
+			const askDelete = (ids, groupName, selectedScope = false) => {
 				if (ids.length === 0) return;
-				if (ids.length === 1 && groupName === null) {
+				deleteReturnFocusRef.current = document.activeElement;
+				if (selectedScope) {
+					setConfirm({ title: t("confirm.deleteSelected.title"), body: deleteSelectedBody(t, ids.length), ids });
+				} else if (ids.length === 1 && groupName === null) {
 					setConfirm({ title: t("confirm.deleteOne.title"), body: t("confirm.deleteOne.body"), ids });
 				} else if (groupName !== null && groupName !== void 0) {
 					setConfirm({ title: t("confirm.deleteGroup.title"), body: deleteGroupBody(t, groupName, ids.length), ids });
@@ -612,6 +819,12 @@ window.__ModuleLoader__.load({
 
 			const groups = _react.useMemo(() => {
 				const q = query.trim().toLowerCase();
+				const projectIds = new Map();
+				for (const session of sessions ?? []) {
+					const key = session.workspaceId ?? "ungrouped";
+					if (!projectIds.has(key)) projectIds.set(key, []);
+					projectIds.get(key).push(session.id);
+				}
 				const visible = (sessions ?? []).filter((s) => {
 					if (projectFilter !== "all" && (s.workspaceId ?? "ungrouped") !== projectFilter) return false;
 					if (typeFilter === "normal" && s.origin === "subagent") return false;
@@ -622,17 +835,23 @@ window.__ModuleLoader__.load({
 				const byKey = new Map();
 				for (const s of visible) {
 					const key = s.workspaceId ?? "ungrouped";
-					if (!byKey.has(key)) byKey.set(key, { key, title: s.workspaceTitle ?? t("group.noProject"), items: [] });
+					if (!byKey.has(key)) byKey.set(key, { key, title: s.workspaceTitle ?? t("group.noProject"), items: [], selectionIds: projectIds.get(key) ?? [] });
 					byKey.get(key).items.push(s);
 				}
 				const list = [...byKey.values()];
-				for (const g of list) g.items.sort((a, b) => (b.createdAt ?? 0) - (a.createdAt ?? 0));
+				for (const g of list) g.items = sortArchivedSessions(g.items, sortMode, t("locale.intl"));
+				const groupCollator = new Intl.Collator(t("locale.intl"), { numeric: true, sensitivity: "base" });
 				list.sort((a, b) => {
 					if ((a.key === "ungrouped") !== (b.key === "ungrouped")) return a.key === "ungrouped" ? 1 : -1;
-					return (b.items[0]?.createdAt ?? 0) - (a.items[0]?.createdAt ?? 0);
+					if (sortMode === "title") return groupCollator.compare(a.title, b.title);
+					const aDate = typeof a.items[0]?.createdAt === "number" ? a.items[0].createdAt : null;
+					const bDate = typeof b.items[0]?.createdAt === "number" ? b.items[0].createdAt : null;
+					if ((aDate === null) !== (bDate === null)) return aDate === null ? 1 : -1;
+					if (aDate !== null && bDate !== null && aDate !== bDate) return sortMode === "oldest" ? aDate - bDate : bDate - aDate;
+					return groupCollator.compare(a.title, b.title);
 				});
 				return list;
-			}, [sessions, query, projectFilter, typeFilter, t]);
+			}, [sessions, query, projectFilter, typeFilter, sortMode, t]);
 
 			if (sessions === null && loadError === null) {
 				return (0, jsx.jsx)("div", { className: "dac-center", children: [(0, jsx.jsx)("span", { className: "dac-spin" }), (0, jsx.jsx)("span", { children: t("state.loading") })] });
@@ -648,6 +867,13 @@ window.__ModuleLoader__.load({
 			}
 
 			const allIds = (sessions ?? []).map((s) => s.id);
+			const visibleIds = groups.flatMap((group) => group.items.map((session) => session.id));
+			const selectedIds = allIds.filter((id) => selected.has(id));
+			const selectedVisibleCount = visibleIds.filter((id) => selected.has(id)).length;
+			const allVisibleSelected = visibleIds.length > 0 && selectedVisibleCount === visibleIds.length;
+			const someVisibleSelected = selectedVisibleCount > 0 && !allVisibleSelected;
+			const selectedBusy = selectedIds.some((id) => busy[id] === true);
+			const visibleBusy = visibleIds.some((id) => busy[id] === true);
 			const filtering = query.trim() !== "" || projectFilter !== "all" || typeFilter !== "all";
 
 			return (0, jsx.jsxs)("div", {
@@ -656,7 +882,7 @@ window.__ModuleLoader__.load({
 					(0, jsx.jsxs)("div", {
 						className: "dac-head",
 						children: [
-							(0, jsx.jsx)("div", { className: "dac-title", children: t("page.title") }),
+							(0, jsx.jsx)("h2", { ref: pageHeadingRef, tabIndex: -1, className: "dac-title", children: t("page.title") }),
 							(0, jsx.jsxs)("button", {
 								type: "button",
 								className: "dac-deleteall",
@@ -699,6 +925,62 @@ window.__ModuleLoader__.load({
 									{ value: "all", label: t("filter.allProjects") },
 									...projects.map((p) => ({ value: p.value, label: p.title ?? t("group.noProject") }))
 								]
+							}),
+							(0, jsx.jsx)(Select, {
+								value: sortMode,
+								onChange: setSortMode,
+								ariaLabel: t("sort.label"),
+								options: [
+									{ value: "newest", label: t("sort.newest") },
+									{ value: "oldest", label: t("sort.oldest") },
+									{ value: "title", label: t("sort.title") }
+								]
+							}),
+							visibleIds.length > 0 && (0, jsx.jsxs)("label", {
+								className: "dac-selection-toggle",
+								children: [
+									(0, jsx.jsx)(SelectionCheckbox, {
+										checked: allVisibleSelected,
+										indeterminate: someVisibleSelected,
+										disabled: visibleBusy,
+										ariaLabel: t("selection.visible"),
+										onChange: (checked) => toggleSelected(visibleIds, checked)
+									}),
+									(0, jsx.jsx)("span", { children: t("selection.visible") })
+								]
+							})
+						]
+					}),
+					selectedIds.length > 0 && (0, jsx.jsxs)("div", {
+						className: "dac-bulkbar",
+						role: "region",
+						"aria-label": selectedCount(t, selectedIds.length),
+						children: [
+							(0, jsx.jsx)("span", { className: "dac-bulk-count", children: selectedCount(t, selectedIds.length) }),
+							(0, jsx.jsxs)("div", {
+								className: "dac-bulk-actions",
+								children: [
+									(0, jsx.jsx)("button", {
+										type: "button",
+										className: "dac-bulk-btn",
+										disabled: selectedBusy,
+										onClick: () => unarchive(selectedIds),
+										children: t("bulk.unarchive")
+									}),
+									(0, jsx.jsx)("button", {
+										type: "button",
+										className: "dac-bulk-btn dac-danger",
+										disabled: selectedBusy,
+										onClick: () => askDelete(selectedIds, null, true),
+										children: t("bulk.delete")
+									}),
+									(0, jsx.jsx)("button", {
+										type: "button",
+										className: "dac-bulk-btn",
+										onClick: () => setSelected(new Set()),
+										children: t("selection.clear")
+									})
+								]
 							})
 						]
 					}),
@@ -736,7 +1018,9 @@ window.__ModuleLoader__.load({
 						onToggleMenu: setMenuFor,
 						onUnarchive: unarchive,
 						onDelete: askDelete,
-						busy
+						busy,
+						selected,
+						onToggleSelected: toggleSelected
 					}, group.key)),
 					confirm !== null && (0, jsx.jsx)(ConfirmDialog, {
 						title: confirm.title,
@@ -744,6 +1028,8 @@ window.__ModuleLoader__.load({
 						confirmLabel: t("confirm.delete"),
 						cancelLabel: t("confirm.cancel"),
 						busy: confirm.ids.some((id) => busy[id] === true),
+						returnFocus: deleteReturnFocusRef.current,
+						fallbackFocusRef: pageHeadingRef,
 						onConfirm: () => runDelete(confirm.ids),
 						onCancel: () => setConfirm(null)
 					})
@@ -782,6 +1068,7 @@ window.__ModuleLoader__.load({
 		//#endregion
 
 		exports.SETTINGS_NS = SETTINGS_NS;
+		exports.__test = { sortArchivedSessions, setVisibleSelection, reconcileSelection };
 		exports.apply = apply;
 		exports.inject = inject;
 		return module.exports;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-archived-chats",
-  "version": "0.4.0",
-  "description": "DeepSeek Harness 已归档会话管理页：在设置里查看、搜索、取消归档、删除已归档的聊天，按项目分组。An Archived Chats settings page for DeepSeek Harness: browse, search, unarchive, and delete archived sessions, grouped by workspace.",
+  "version": "0.5.1",
+  "description": "DeepSeek Harness 已归档会话管理页：搜索、排序、批量选择、取消归档和删除。An Archived Chats settings page for DeepSeek Harness with search, sorting, bulk selection, unarchive, and delete.",
   "license": "MIT",
   "author": "Ultronen",
   "repository": {
@@ -21,6 +21,9 @@
     "web-ui"
   ],
   "type": "module",
+  "scripts": {
+    "test": "node --test test/smoke.test.mjs"
+  },
   "main": "lib/index.js",
   "exports": {
     ".": {