dsh-archived-chats 0.3.0 → 0.5.0

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.
@@ -15,18 +17,29 @@ Restart DSH once after installing, then open **Settings → Archived Chats**.
 ## 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 that are still resident in the background are **parked permanently** and physically removed on the next DSH start — nothing is left half-deleted, and parked sessions stay hidden meanwhile.
+- 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.
 - Works in light and dark schemes; localized in English and 中文.
 
 ## How it works
 
 - **Host half** (`lib/index.js`) registers the `/plugins/dsh-archived-chats/*` routes on the DSH web server: `GET /state`, `POST /unarchive`, `POST /unarchive-all`, `POST /delete`, `POST /delete-all`. Unarchiving writes through the workspace registry's own state path, so every connected client receives the `host/archived-sessions-changed` push. Mutating routes require a custom `x-dsh-archived-chats: 1` header as CSRF hardening.
-- **Pending-deletion store**: deleting a live session takes a "park and defer" path — the agent is cancelled permanently (`cancel({ kind: 'disposed' })`), the session stays archived and hidden, and the id is recorded in `$DSH_HOME/plugin-data/archived-chats/pending-deletions.json`. On the next boot the plugin sweeps the queue and completes the deletion through the ordinary delete path. Parked sessions are excluded from the listing; unarchiving one before the restart cancels its pending deletion.
+- **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.
 
+## 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
 
 ```sh

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`）还记得它。这个插件在「设置」中补上一个「已归档的聊天」页面，让所有归档会话都可见、可搜索、可管理。
@@ -15,18 +17,29 @@ dsh plugin --profile web add dsh-archived-chats
 ## 功能
 
 - **完整归档列表**：按工作区（项目）分组并显示每组数量；每个分组都可折叠/展开，状态按浏览器记忆。
-- **搜索**标题，外加两个筛选器：类型（全部 / 普通会话 / 子代理会话）和项目。
+- **搜索与排序**：按标题搜索，用类型（全部 / 普通会话 / 子代理会话）和项目筛选，并按最新、最早或标题排序。
+- **灵活多选**：逐条选择、选择当前筛选结果或选择整个项目；选中后可一次取消归档或永久删除，隐藏在其他筛选结果中的选择不会丢失。
 - **取消归档**单个聊天，或从分组的 `⋯` 菜单整组取消——恢复的聊天会立刻回到侧边栏。
 - **删除**单个聊天、某个项目分组或全部（**全部删除**），均有确认弹窗。删除是彻底的：会话日志从磁盘移除、从工作区记录中摘除、注册表内存索引同步清理，主侧边栏的条目也会立即消失。
-- 仍驻留后台的会话会被**永久停用**，待下次启动 DSH 时完成物理删除——不会留下半删除状态，停用期间会话保持隐藏。
+- 仍驻留后台的会话也**当场删除**：插件按官方生命周期的拆除顺序原地停用并注销会话（取消 → 静默 → 落盘 → 拆纤程 → 摘出注册表），持久层随之释放写入通道，同一次请求内即完成物理删除——无需重启。若当前 DSH 版本不提供所需内部接口，则自动回退为「永久停用 + 下次启动完成删除」，停用期间会话保持隐藏。
 - 适配浅色/深色主题，支持中文和英文界面。
 
 ## 实现原理
 
 - **Host 半**（`lib/index.js`）在 DSH Web 服务器上注册 `/plugins/dsh-archived-chats/*` 路由：`GET /state`、`POST /unarchive`、`POST /unarchive-all`、`POST /delete`、`POST /delete-all`。取消归档走 workspace registry 自身的状态写入通道，所有已连接的客户端都会收到 `host/archived-sessions-changed` 推送。写操作路由要求自定义请求头 `x-dsh-archived-chats: 1` 作为 CSRF 加固。
-- **待删队列**：删除仍在后台运行的会话时采用「停用并延后」策略——agent 被永久取消（`cancel({ kind: 'disposed' })`），会话保持归档与隐藏，id 记入 `$DSH_HOME/plugin-data/archived-chats/pending-deletions.json`；下次启动时插件会清扫该队列，通过常规删除路径完成物理删除。已入队的会话不会出现在列表中；若在重启前取消归档，待删标记会被撤销。
+- **活会话原地删除**：删除仍驻留后台的会话时，插件复刻 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 设计令牌渲染页面。
 
+## 开发
+
+```sh
+npm test
+```
+
+测试使用隔离的临时 DSH 主目录和模拟的宿主/浏览器运行时，不会读取或修改真实会话。
+
 ## 卸载
 
 ```sh

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 ?? ""}`;
@@ -124,6 +152,19 @@ window.__ModuleLoader__.load({
 			: n === 1
 				? "1 chat is parked and will be permanently deleted after DSH restarts"
 				: `${n} chats are parked and will be permanently deleted after DSH restarts`;
+		// Success confirmation after a completed delete — same copy as CodeX.
+		const deletedText = (t, n) => isZh(t)
+			? "已删除归档聊天"
+			: n === 1 ? "Archived chat deleted" : `${n} archived chats deleted`;
+		// Pin the success toast just inside the settings dialog's top edge: the
+		// toast is fixed-positioned (viewport coordinates), so measure where the
+		// dialog actually starts instead of hardcoding an offset.
+		const toastTop = () => {
+			try {
+				const top = document.querySelector('[role="dialog"]')?.getBoundingClientRect().top;
+				return typeof top === "number" && top >= 0 ? Math.round(top) + 16 : 24;
+			} catch { return 24; }
+		};
 		function formatDate(t, ms) {
 			if (typeof ms !== "number" || !Number.isFinite(ms)) return "";
 			try {
@@ -135,13 +176,50 @@ 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{display:flex;flex-direction:column;gap:14px;padding:4px 0 28px;font-family:inherit}
+.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-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: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-deleteall:disabled{opacity:.45;cursor:default}
@@ -154,8 +232,19 @@ 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:rgba(229,72,77,.28);color:#e5484d;background:rgba(229,72,77,.08)}
+.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}
@@ -173,8 +262,10 @@ window.__ModuleLoader__.load({
 .dac-menu-item.dac-danger{color:#e5484d}
 .dac-menu-item.dac-danger:hover{background:rgba(229,72,77,.1)}
 .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}
@@ -187,8 +278,15 @@ window.__ModuleLoader__.load({
 .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 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 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)}
+@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-radius:16px;background:var(--dsw-alias-bg-layer-2);box-shadow:0 16px 64px rgba(0,0,0,.3);padding:20px;outline:none}
+.dac-confirm:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-interactive-primary,#6e6ef7),0 16px 64px rgba(0,0,0,.3)}
 .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}
@@ -199,6 +297,7 @@ window.__ModuleLoader__.load({
 .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() {
@@ -310,6 +409,9 @@ window.__ModuleLoader__.load({
 		function IconClose({ size = 12 }) {
 			return (0, jsx.jsx)("svg", { ...svgProps(size), children: (0, jsx.jsx)("path", { d: "M6 6l12 12M18 6 6 18" }) });
 		}
+		function IconCheckCircle({ size = 15 }) {
+			return (0, jsx.jsxs)("svg", { ...svgProps(size), children: [(0, jsx.jsx)("circle", { cx: 12, cy: 12, r: 9 }), (0, jsx.jsx)("path", { d: "m8.5 12.2 2.4 2.4 4.6-5" })] });
+		}
 		//#endregion
 
 		//#region components
@@ -329,27 +431,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 })
 							]
 						})
@@ -358,7 +518,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;
@@ -366,7 +526,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: [
@@ -374,16 +538,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", {
@@ -424,15 +600,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: [
@@ -467,11 +654,25 @@ 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.
+			_react.useEffect(() => {
+				if (notice?.kind !== "ok") return undefined;
+				const timer = setTimeout(() => {
+					setNotice((current) => (current === notice ? null : current));
+				}, 4000);
+				return () => clearTimeout(timer);
+			}, [notice]);
 
 			const toggleCollapsed = (key) => {
 				setCollapsed((prev) => {
@@ -492,6 +693,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) => {
@@ -511,8 +723,9 @@ 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(String(error.message ?? error));
+					setNotice({ kind: "error", text: String(error.message ?? error) });
 				} finally {
 					markBusy(ids, false);
 				}
@@ -530,22 +743,27 @@ 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(failureText(t, failed));
-					else if (pending.length > 0) setNotice(pendingText(t, pending.length));
+					if (failed.length > 0) setNotice({ kind: "error", text: failureText(t, failed) });
+					else if (pending.length > 0) setNotice({ kind: "error", text: pendingText(t, pending.length) });
+					else if (deleted.length > 0) setNotice({ kind: "ok", text: deletedText(t, deleted.length) });
 				} catch (error) {
 					const deleted = error.body?.deleted ?? [];
 					const pending = error.body?.pending ?? [];
 					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(failed.length > 0 ? failureText(t, failed) : String(error.message ?? error));
+					setNotice({ kind: "error", text: failed.length > 0 ? failureText(t, failed) : String(error.message ?? error) });
 				} finally {
 					markBusy(ids, false);
 					setConfirm(null);
@@ -557,9 +775,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 });
@@ -579,6 +800,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;
@@ -589,17 +816,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") })] });
@@ -615,6 +848,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", {
@@ -623,7 +863,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",
@@ -666,13 +906,79 @@ 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")
+									})
+								]
 							})
 						]
 					}),
-					notice !== null && (0, jsx.jsxs)("div", {
+					notice !== null && notice.kind === "ok" && (0, jsx.jsxs)("div", {
+						className: "dac-toast",
+						role: "status",
+						style: { top: `${toastTop()}px` },
+						children: [
+							(0, jsx.jsx)(IconCheckCircle, {}),
+							(0, jsx.jsx)("span", { children: notice.text }),
+							(0, jsx.jsx)("button", { type: "button", "aria-label": t("notice.dismiss"), onClick: () => setNotice(null), children: (0, jsx.jsx)(IconClose, {}) })
+						]
+					}),
+					notice !== null && notice.kind !== "ok" && (0, jsx.jsxs)("div", {
 						className: "dac-notice",
 						children: [
-							(0, jsx.jsx)("span", { children: notice }),
+							(0, jsx.jsx)("span", { children: notice.text }),
 							(0, jsx.jsx)("button", { type: "button", "aria-label": t("notice.dismiss"), onClick: () => setNotice(null), children: (0, jsx.jsx)(IconClose, {}) })
 						]
 					}),
@@ -693,7 +999,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,
@@ -701,6 +1009,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)
 					})
@@ -739,6 +1049,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/lib/index.js

@@ -14,8 +14,10 @@
  *   POST /plugins/dsh-archived-chats/delete-all     → { sessionIds: [...] }
  *
  *   Mutating responses carry { ok, deleted, pending, failed }: `deleted` is
- *   complete cold deletes, `pending` is live sessions accepted for deferred
- *   deletion (parked now, physically removed on the next boot).
+ *   complete deletes (cold sessions, and live sessions this build lets us
+ *   dispose in place), `pending` is live sessions accepted for deferred
+ *   deletion (parked now, physically removed on the next boot — the fallback
+ *   when in-place disposal is unavailable).
  *
  * The stock workspace registry only exposes `archiveSession` — unarchiving and
  * deleting live here, behind one HTTP surface the browser half can drive.
@@ -25,20 +27,32 @@
  * updates live). Delete additionally detaches the session from its workspace
  * record and removes the session-log directory from disk.
  *
- * Deleting a COLD session is immediate. A session that is still LIVE (opened
- * at least once this boot — web agents stay resident until shutdown and the
- * stock composition exposes no dispose) cannot have its log ripped out from
- * under it: the persistence coordinator would hit ENOENT on its next append.
- * Instead the live path parks the agent permanently (`cancel({kind:
- * 'disposed'})` — parked input never wakes the driver again), waits for
- * quiescence, flushes durability, then records the id in a small
- * pending-deletions store while KEEPING it archived so it stays invisible.
- * The boot sweep (`sweepPendingDeletions`, launched once when the plugin's
- * three services have all bound) completes the removal through the ordinary
- * cold delete path on the next boot — when every session is cold. Unarchiving
- * a parked session drops it from the pending store, and the sweep skips ids
- * that are no longer archived, so an unarchive always wins over a parked
- * deletion.
+ * Deleting a COLD session is immediate. A LIVE session (opened at least once
+ * this boot — web agents stay resident until shutdown) cannot have its log
+ * ripped out from under it: the persistence coordinator would hit ENOENT on
+ * its next append. The live path therefore disposes the session first, the
+ * same sequence the agent factory's own lifecycle disposer runs: cancel the
+ * agent with the `disposed` cause, wait for quiescence, flush durability,
+ * tear down the agent's fiber (`agent.scope.dispose()`), then detach the
+ * `agents` and `sessions` store entries — the session-store detach emits
+ * `session/disposed`, which the persistence coordinator answers by retiring
+ * (draining and releasing) the session's write path. Once retired the session
+ * is cold and the ordinary delete completes in the same request — no restart.
+ *
+ * The store entries and their `detach` are internal surfaces of this dsh
+ * build (plain properties, not exported API), so every step is feature-
+ * detected. When any piece is missing the live path falls back to the
+ * original conservative behavior: the agent is left parked (cancelled,
+ * flushed) and the id is recorded in a small pending-deletions store while
+ * KEEPING it archived so it stays invisible. The boot sweep
+ * (`sweepPendingDeletions`, launched once when the plugin's three services
+ * have all bound) completes the removal through the ordinary cold delete path
+ * on the next boot — when every session is cold. The pending store also
+ * brackets the successful live path (recorded before disposal, cleared after
+ * the files are gone), so a crash mid-delete is swept on the next boot
+ * instead of leaving a half-deleted ghost. Unarchiving a parked session drops
+ * it from the pending store, and the sweep skips ids that are no longer
+ * archived, so an unarchive always wins over a parked deletion.
  *
  * Routes bind lazily (same posture as dsh-agent-teams): the web server, the
  * workspace registry, and session persistence may mount after this plugin
@@ -166,9 +180,13 @@ function extractTitle(events) {
 /**
  * Build the archived-session listing: one row per archived id with the
  * resolved title, creation time, and owning workspace (accounting slot first,
- * canonical cwd second, ungrouped last).
+ * canonical cwd second, ungrouped last). Resolved titles are memoized in
+ * `titleCache` (id → title) so refreshes stop re-reading every archived log:
+ * only non-null titles are cached — a title-less session stays cheap to
+ * re-inspect and picks up a late `session/title` event on the next refresh.
+ * Delete and unarchive invalidate their ids.
  */
-async function listArchived(ctx, registry, persistence) {
+async function listArchived(ctx, registry, persistence, titleCache) {
     const archivedIds = registry.archivedSessionIds.map(String);
     if (archivedIds.length === 0) return [];
     const headerById = new Map();
@@ -182,12 +200,15 @@ async function listArchived(ctx, registry, persistence) {
     const rows = [];
     for (const id of archivedIds) {
         const header = headerById.get(id) ?? live?.get(id)?.header;
-        let title;
-        try {
-            const inspection = await persistence.inspect(id);
-            title = extractTitle(inspection.events);
-        } catch {
-            // A torn/unreadable log still lists — the row is manageable without a title.
+        let title = titleCache?.get(id);
+        if (title === undefined) {
+            try {
+                const inspection = await persistence.inspect(id);
+                title = extractTitle(inspection.events);
+                if (title !== undefined) titleCache?.set(id, title);
+            } catch {
+                // A torn/unreadable log still lists — the row is manageable without a title.
+            }
         }
         const workspace = workspaces.find((w) => w.sessionIds.map(String).includes(id));
         rows.push({
@@ -227,14 +248,29 @@ async function unarchiveIds(registry, ids) {
 }
 
 /**
- * Park a live session for deletion: cancel its agent with the `disposed`
- * cause (parked input never wakes the driver again), wait for quiescence so
- * in-flight closing events land, then flush durability. Afterwards the log is
- * frozen and the id joins the pending-deletions store; the session STAYS
- * archived so it keeps hidden until the next-boot sweep completes the delete.
+ * Dispose a live session in place so its deletion can complete without a
+ * restart. Mirrors the agent factory's own lifecycle disposer: cancel the
+ * agent with the `disposed` cause (parked input never wakes the driver
+ * again), wait for quiescence so in-flight closing events land, flush
+ * durability, tear down the agent's fiber, then detach the `agents` and
+ * `sessions` store entries. The session-store detach emits `session/disposed`
+ * — the persistence coordinator answers by retiring (draining and releasing)
+ * the session's write path, after which the log directory is free to remove.
+ *
+ * The store maps and their entries' `detach` are internal surfaces of this
+ * dsh build, so every step is feature-detected. Returns true when the session
+ * ends up fully detached (cold); false when disposal is unavailable or did
+ * not converge — the session is then left in the parked state (cancelled and
+ * flushed) and the caller falls back to the deferred next-boot deletion.
  */
-async function parkLiveSession(ctx, id) {
-    const agent = ctx.get('agents')?.get(id);
+async function disposeLiveSession(ctx, id) {
+    const sessions = ctx.get('sessions');
+    const agents = ctx.get('agents');
+    const session = sessions?.get(id);
+    if (session === undefined) return true;
+    // Park first — this is also the complete fallback outcome: the loop can
+    // never run again and the log's buffered tail is durable.
+    const agent = agents?.get(id);
     if (agent !== undefined) {
         try {
             agent.cancel({ kind: 'disposed' });
@@ -246,27 +282,60 @@ async function parkLiveSession(ctx, id) {
             ctx.logger.warn(`archived-chats: parking ${id} did not fully converge: ${String(error)}`);
         }
     }
-    const sessions = ctx.get('sessions');
-    const live = sessions?.get(id);
-    if (live !== undefined && typeof sessions.flush === 'function') {
-        try { await sessions.flush(live); }
-        catch (error) { ctx.logger.warn(`archived-chats: flush before parking ${id} failed: ${String(error)}`); }
+    if (typeof sessions.flush === 'function') {
+        try { await sessions.flush(session); }
+        catch (error) { ctx.logger.warn(`archived-chats: flush before disposing ${id} failed: ${String(error)}`); }
+    }
+    // Feature-detect the internal store entries before touching anything else:
+    // without BOTH detach capabilities the session must stay parked. The
+    // session-store entry carries its own `detach`; the agent-registry entry
+    // does not (its detach closure lives with the creator), so the agent side
+    // goes through the registry's `detachEntered(entry)` — the same method
+    // that closure calls.
+    const sessionEntry = sessions.store instanceof Map ? sessions.store.get(id) : undefined;
+    const agentEntry = agents?.store instanceof Map ? agents.store.get(id) : undefined;
+    if (typeof sessionEntry?.detach !== 'function') return false;
+    if (agent !== undefined && (agentEntry === undefined
+        || typeof agents.detachEntered !== 'function'
+        || agentEntry.announcing === true)) return false;
+    // Factory disposer order: agent fiber first, then unregister the agent,
+    // then detach the session (emitting `session/disposed`).
+    try { await agent?.scope?.dispose?.(); }
+    catch (error) { ctx.logger.warn(`archived-chats: agent fiber teardown for ${id} failed: ${String(error)}`); }
+    try { if (agentEntry !== undefined) agents.detachEntered(agentEntry); }
+    catch (error) { ctx.logger.warn(`archived-chats: agent detach for ${id} failed: ${String(error)}`); }
+    try { sessionEntry.detach(); }
+    catch (error) {
+        ctx.logger.warn(`archived-chats: session detach for ${id} failed: ${String(error)}`);
+        return false;
     }
-    await addPending(id);
+    // Detach can defer while a creation announce or append is unwinding — if
+    // the session is still in the store, treat it as parked, not disposed.
+    if (sessions.get(id) !== undefined) return false;
+    // The retirement triggered by `session/disposed` drains asynchronously.
+    // The pre-detach flush left nothing buffered, so a short settle keeps the
+    // log-directory removal below clear of the drain's final serialize.
+    await new Promise((resolve) => setTimeout(resolve, 250));
+    return true;
 }
 
 /**
  * Delete one archived session. A COLD session is removed end to end right
  * away: unarchive, detach from the owning workspace record, remove the
  * session-log directory from disk, and purge the registry's stale header
- * index. A LIVE session is parked and deferred instead (see
- * {@link parkLiveSession}) and reported as `pending`.
+ * index. A LIVE session is first disposed in place (see
+ * {@link disposeLiveSession}) and then follows the same cold path in this
+ * request; when in-place disposal is unavailable on this build it stays
+ * parked and is reported as `pending` for the next-boot sweep. Either way the
+ * id sits in the pending-deletions store from before disposal until the files
+ * are gone, so a crash mid-delete is completed by the sweep instead of
+ * leaving a half-deleted ghost.
  */
-async function deleteSession(ctx, registry, persistence, id) {
-    const live = ctx.get('sessions');
-    if (live?.get(id) !== undefined) {
-        await parkLiveSession(ctx, id);
-        return 'pending';
+async function deleteSession(ctx, registry, persistence, id, titleCache) {
+    if (ctx.get('sessions')?.get(id) !== undefined) {
+        await addPending(id);
+        const disposed = await disposeLiveSession(ctx, id);
+        if (!disposed) return 'pending';
     }
     await unarchiveIds(registry, [id]);
     for (const workspace of registry.list()) {
@@ -295,6 +364,10 @@ async function deleteSession(ctx, registry, persistence, id) {
         const map = registry[key];
         if (map instanceof Map) map.delete(id);
     }
+    titleCache?.delete(id);
+    // Clear the crash bracket (and any pre-existing parked mark) now that the
+    // files are gone. A no-op for ids that were never pending.
+    await removePending([id]);
     return 'deleted';
 }
 
@@ -335,13 +408,13 @@ async function sweepPendingDeletions(ctx, registry, persistence) {
 //#endregion
 
 //#region routes
-function registerRoutes(ctx, webServer, registry, persistence) {
+function registerRoutes(ctx, webServer, registry, persistence, titleCache) {
     ctx.effect(() => webServer.register({
         kind: 'exact',
         path: `${ROUTE_PREFIX}/state`,
         handler: async (req, res) => {
             try {
-                const sessions = await listArchived(ctx, registry, persistence);
+                const sessions = await listArchived(ctx, registry, persistence, titleCache);
                 send(res, 200, { sessions });
             } catch (error) {
                 ctx.logger.warn(`archived-chats: state failed: ${String(error)}`);
@@ -362,6 +435,7 @@ function registerRoutes(ctx, webServer, registry, persistence) {
                     return;
                 }
                 const archivedSessionIds = await unarchiveIds(registry, [body.sessionId]);
+                titleCache.delete(body.sessionId);
                 await removePending([body.sessionId]);
                 send(res, 200, { ok: true, archivedSessionIds });
             } catch (error) {
@@ -383,6 +457,7 @@ function registerRoutes(ctx, webServer, registry, persistence) {
                     return;
                 }
                 const archivedSessionIds = await unarchiveIds(registry, ids);
+                for (const id of ids) titleCache.delete(id);
                 await removePending(ids);
                 send(res, 200, { ok: true, archivedSessionIds });
             } catch (error) {
@@ -407,7 +482,7 @@ function registerRoutes(ctx, webServer, registry, persistence) {
             const failed = [];
             for (const id of ids) {
                 try {
-                    const outcome = await deleteSession(ctx, registry, persistence, id);
+                    const outcome = await deleteSession(ctx, registry, persistence, id, titleCache);
                     if (outcome === 'pending') pending.push(id);
                     else deleted.push(id);
                 } catch (error) {
@@ -439,6 +514,8 @@ function registerRoutes(ctx, webServer, registry, persistence) {
  */
 export function apply(ctx) {
     let registered = false;
+    /** Memoized session titles for {@link listArchived} (id → title). */
+    const titleCache = new Map();
     const registerWebSurface = () => {
         if (registered) return;
         const webServer = ctx.get(WEB_SERVER_KEYS[0]) ?? ctx.get(WEB_SERVER_KEYS[1]);
@@ -446,7 +523,7 @@ export function apply(ctx) {
         const persistence = ctx.get(PERSISTENCE_KEYS[0]);
         if (webServer === undefined || registry === undefined || persistence === undefined) return;
         registered = true;
-        registerRoutes(ctx, webServer, registry, persistence);
+        registerRoutes(ctx, webServer, registry, persistence, titleCache);
         // Boot sweep: every pending-deletion id is cold now (plugin activation
         // precedes any client resume), so complete each deferred deletion.
         void sweepPendingDeletions(ctx, registry, persistence)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-archived-chats",
-  "version": "0.3.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.0",
+  "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": {
     ".": {