@xrn1997/dsh-session-delete 0.6.1 → 0.7.0

package/lib/client.js

@@ -119,6 +119,7 @@ window.__ModuleLoader__.load({
 			"trash.empty.hint": "在会话条目的「…」菜单里选「删除」，会话会先进到这里，随时可以恢复。",
 			"trash.summary": "{count} 个会话 · 可释放 {size}",
 			"trash.group.count": "{count} 个会话",
+			"trash.group.ungrouped": "未分组",
 			"trash.project.unknown": "未记录项目",
 			"trash.row.deletedNow": "刚刚删除",
 			"trash.row.deletedAgo": "删除于 {n}{unit}前",
@@ -131,7 +132,8 @@ window.__ModuleLoader__.load({
 			"trash.unit.months": "个月",
 			"trash.unit.years": "年",
 			"trash.row.restore": "恢复",
-			"trash.row.purge": "彻底删除…",
+			"trash.row.purge": "彻底删除",
+			"trash.row.purgeOne": "彻底删除「{title}」",
 			"trash.footer.note": "回收站本体在宿主数据根下的 {dir} 里，不自动过期；清空后不可恢复。",
 			"trash.emptyAll": "清空回收站…",
 			"trash.confirm.all": "清空回收站？",
@@ -171,6 +173,22 @@ window.__ModuleLoader__.load({
 			"trash.attachments.skipped": "附件未清理：{reason}",
 			"trash.attachments.skippedPartial": "部分附件未清理：{reason}（已清理 {removed} 个）",
 			"trash.attachments.alsoFailed": "；另有 {count} 个附件删除失败",
+			"config.title": "可调项",
+			"config.hint": "保存后插件会重启；本页用保存回执回填，重开本页会重新读取。也可以直接改 profile 的 cordis.patch.yml。",
+			"config.orphanPreviewLimit": "孤儿附件预览条数",
+			"config.maxAttachmentBytes": "附件单次响应上限",
+			"config.maxJsonRefBytes": "附件引用扫描的单 JSON 上限",
+			"config.unit.items": "条",
+			"config.unit.bytes": "字节",
+			"config.loading": "正在读当前值…",
+			"config.loadFailed": "读取失败：{message}",
+			"config.save": "保存",
+			"config.saving": "保存中…",
+			"config.saved": "已保存；插件正在重启。",
+			"config.saveFailed": "保存失败：{message}",
+			"config.retry": "重试",
+			"config.invalid": "需为 {min}–{max} 的整数",
+			"config.unchanged": "没有改动",
 			"maintenance.title": "维护",
 			"maintenance.orphans.title": "孤儿会话",
 			"maintenance.orphans.hint": "父会话已不在会话列表或回收站里的子会话。检查只读，不会自动运行。",
@@ -199,8 +217,6 @@ window.__ModuleLoader__.load({
 			"detail.noBody": "这条会话没有可显示的内容",
 			"detail.field.created": "创建",
 			"detail.field.lastActivity": "最后活动",
-			"detail.field.deletedAt": "删除于",
-			"detail.deletedAt.combined": "{relative}（{absolute}）",
 			"detail.field.span": "活跃跨度",
 			"detail.field.size": "大小",
 			"detail.field.turns": "轮数",
@@ -232,8 +248,16 @@ window.__ModuleLoader__.load({
 			"detail.block.truncated": "已截断",
 			"detail.loadOlder": "加载更早",
 			"detail.loadOlder.loading": "正在加载更早…",
-			"detail.expandAll": "全部展开",
-			"detail.collapseAll": "全部折叠",
+			"detail.viewMode.label": "工作步骤展示",
+			"detail.viewMode.compact": "简洁",
+			"detail.viewMode.standard": "标准",
+			"detail.viewMode.detailed": "详细",
+			"detail.viewMode.verbose": "完全展开",
+			"detail.compact.empty": "这段会话只有过程内容；切到「标准」可以看到。",
+			"detail.compact.pageOnly": "这一页只有过程内容；点「加载更早」继续往前看。",
+			"detail.process.header": "工作步骤",
+			"detail.process.step": "{n} 步",
+			"detail.process.steps": "{n} 步",
 			"detail.injection.runtimeContext": "运行上下文",
 			"detail.injection.timeContext": "时间上下文",
 			"detail.injection.agentInstructions": "Agent 指令",
@@ -256,7 +280,8 @@ window.__ModuleLoader__.load({
 			"detail.attachment.saving": "保存中…",
 			"detail.attachment.saveFailed": "保存失败：{message}",
 			"detail.back": "← 返回清单",
-			"detail.subagents.header": "子会话（{n}） · {size}",
+			"detail.subagents.header": "子会话（{n}） · {size}，随本条一起恢复或删除",
+			"detail.subagents.open": "查看子会话详情",
 			"detail.subagents.truncated": "仅列出前 {shown} 条，共 {total} 条",
 			"detail.backToParent": "← 返回父会话",
 			"detail.list.label": "回收站清单",
@@ -303,6 +328,7 @@ window.__ModuleLoader__.load({
 			"trash.empty.hint": "Pick Delete in a session’s “…” menu; the session lands here first and can be restored at any time.",
 			"trash.summary": "{count} sessions · {size} reclaimable",
 			"trash.group.count": "{count} sessions",
+			"trash.group.ungrouped": "Ungrouped",
 			"trash.project.unknown": "Unrecorded project",
 			"trash.row.deletedNow": "Deleted just now",
 			"trash.row.deletedAgo": "Deleted {n}{unit} ago",
@@ -315,7 +341,8 @@ window.__ModuleLoader__.load({
 			"trash.unit.months": "mo",
 			"trash.unit.years": "y",
 			"trash.row.restore": "Restore",
-			"trash.row.purge": "Delete permanently…",
+			"trash.row.purge": "Delete permanently",
+			"trash.row.purgeOne": "Delete “{title}” permanently",
 			"trash.footer.note": "The trash itself lives under the host data root in {dir}; it never expires on its own, and emptying it cannot be undone.",
 			"trash.emptyAll": "Empty the trash…",
 			"trash.confirm.all": "Empty the trash?",
@@ -355,6 +382,22 @@ window.__ModuleLoader__.load({
 			"trash.attachments.skipped": "Attachments were not cleaned: {reason}",
 			"trash.attachments.skippedPartial": "Some attachments were not cleaned: {reason} ({removed} cleaned)",
 			"trash.attachments.alsoFailed": "; also {count} attachment deletions failed",
+			"config.title": "Options",
+			"config.hint": "Saving restarts the plugin. This card fills in from the save receipt; reopening this page reads the values again. You can also edit the profile cordis.patch.yml.",
+			"config.orphanPreviewLimit": "Orphan attachment preview limit",
+			"config.maxAttachmentBytes": "Attachment response limit",
+			"config.maxJsonRefBytes": "Per-JSON reference scan limit",
+			"config.unit.items": "items",
+			"config.unit.bytes": "bytes",
+			"config.loading": "Reading current values…",
+			"config.loadFailed": "Could not read: {message}",
+			"config.save": "Save",
+			"config.saving": "Saving…",
+			"config.saved": "Saved; the plugin is restarting.",
+			"config.saveFailed": "Could not save: {message}",
+			"config.retry": "Retry",
+			"config.invalid": "Must be an integer from {min} to {max}",
+			"config.unchanged": "No changes",
 			"maintenance.title": "Maintenance",
 			"maintenance.orphans.title": "Orphan sessions",
 			"maintenance.orphans.hint": "Subagent sessions whose parent is no longer in the session list or the trash. Checking only reads; it never runs automatically.",
@@ -383,8 +426,6 @@ window.__ModuleLoader__.load({
 			"detail.noBody": "This session has nothing to show",
 			"detail.field.created": "Created",
 			"detail.field.lastActivity": "Last activity",
-			"detail.field.deletedAt": "Deleted",
-			"detail.deletedAt.combined": "{relative} ({absolute})",
 			"detail.field.span": "Active for",
 			"detail.field.size": "Size",
 			"detail.field.turns": "Turns",
@@ -416,8 +457,16 @@ window.__ModuleLoader__.load({
 			"detail.block.truncated": "Truncated",
 			"detail.loadOlder": "Load earlier",
 			"detail.loadOlder.loading": "Loading earlier…",
-			"detail.expandAll": "Expand all",
-			"detail.collapseAll": "Collapse all",
+			"detail.viewMode.label": "Work steps",
+			"detail.viewMode.compact": "Compact",
+			"detail.viewMode.standard": "Standard",
+			"detail.viewMode.detailed": "Detailed",
+			"detail.viewMode.verbose": "Verbose",
+			"detail.compact.empty": "This session has only process content; switch to “Standard” to see it.",
+			"detail.compact.pageOnly": "Only process content on this page; choose “Load earlier” to keep looking.",
+			"detail.process.header": "Work steps",
+			"detail.process.step": "{n} step",
+			"detail.process.steps": "{n} steps",
 			"detail.injection.runtimeContext": "Runtime context",
 			"detail.injection.timeContext": "Time context",
 			"detail.injection.agentInstructions": "Agent instructions",
@@ -440,7 +489,8 @@ window.__ModuleLoader__.load({
 			"detail.attachment.saving": "Saving…",
 			"detail.attachment.saveFailed": "Save failed: {message}",
 			"detail.back": "← Back to list",
-			"detail.subagents.header": "Subagent sessions ({n}) · {size}",
+			"detail.subagents.header": "Subagent sessions ({n}) · {size}, restored or deleted with this session",
+			"detail.subagents.open": "Open subagent session",
 			"detail.subagents.truncated": "Showing the first {shown} of {total} subagent sessions",
 			"detail.backToParent": "← Back to parent session",
 			"detail.list.label": "Trash list",
@@ -557,7 +607,7 @@ window.__ModuleLoader__.load({
 			];
 		}
 		/**
-		* 绝对时间那一句串。清单行的 `title`、确认框里的meta、详情的元信息三处要的是同一个写法，
+		* 绝对时间那一句串。清单行的 `title`、确认框里的meta、详情的会话信息三处要的是同一个写法，
 		* 各自 `new Date(...).toLocaleString()` 一遍迟早会漂成两种样子。
 		*/
 		function absoluteText(at) {
@@ -578,6 +628,10 @@ window.__ModuleLoader__.load({
 		function unitWord(unit, t) {
 			return unit === "now" ? t("common.justNow") : t(UNIT_KEY[unit]);
 		}
+		/** 「工作步骤 N 步」：英文 n=1 要单数、中文两条同形；选哪条键只住这里，调用方只报数。 */
+		function stepsText(n, t) {
+			return t(n === 1 ? "detail.process.step" : "detail.process.steps", { n });
+		}
 		/** 「7分钟前」这类**不带谓语**的相对短语；`now` 桶不套模板——"刚刚前"不是话。 */
 		function agoText(at, now, t) {
 			const { unit, n } = relativeTime(at, now);
@@ -867,11 +921,11 @@ window.__ModuleLoader__.load({
 			return (0, react.useSyncExternalStore)(enabled ? visibleRows.subscribe : noopSubscribe, enabled ? visibleRows.get : getEmptyRowsSnapshot, enabled ? visibleRows.get : getEmptyRowsSnapshot);
 		}
 		/**
-		* 唯一的取数基础路径：宿主 `/api` + 插件前缀。九段 exact Fetch 路由、客户端探测与附件 URL
+		* 唯一的取数基础路径：宿主 `/api` + 插件前缀。十段 exact Fetch 路由、客户端探测与附件 URL
 		* 都从它起；`SESSION_DELETE_API_PREFIX` 只作为段名的相对前缀与错误原文。
 		*/
 		const OFFICIAL_SESSION_DELETE_API_PREFIX = `/api/dsh-session-delete-api`;
-		/** 九个段名（相对前缀）。**每项 `{ path, method }` 两键**：某段用什么方法也是线上形状的一部分
+		/** 十段段名（相对前缀）。**每项 `{ path, method }` 两键**：某段用什么方法也是线上形状的一部分
 		*  （ADR-0003），家就在这一张表——路由记录（`src/api/route-table.ts`）逐行投影（`ROUTES.x.method`），
 		*  浏览器半的 GET 段同样投影、写段把 `ROUTES.x.method` 交给 `src/client/remote.ts` 的 `post()`，
 		*  两半都不逐段手写一份。
@@ -886,7 +940,8 @@ window.__ModuleLoader__.load({
 		*    这一段只负责"有多少、在哪、多大"。
 		*  - `attachment`：附件原始字节（全仓唯一的二进制响应段；失败仍回 JSON 信封）。
 		*  - `attachmentOrphans`：无引用图片对象的扫描报告（纯读；数量/字节 + 供预览的对象清单）。
-		*  - `attachmentClean`：清掉报告那一刻无引用的图片对象（聚合回执 `AttachmentCleanupWire`）。 */
+		*  - `attachmentClean`：清掉报告那一刻无引用的图片对象（聚合回执 `AttachmentCleanupWire`）。
+		*  - `config`：三只可调项的读/写共用一段——空体读当前值，带字段写回 profile 的 patch 层。 */
 		const ROUTES = {
 			list: {
 				path: "/list",
@@ -897,6 +952,11 @@ window.__ModuleLoader__.load({
 				path: "/ping",
 				method: "GET"
 			},
+			/** 可调项：空体读（与 `/detail` 同法，用 POST 表达一个读）；带字段写，写必须进到达序链。 */
+			config: {
+				path: "/config",
+				method: "POST"
+			},
 			/** 单条详情（读回收站目录里那条会话自己的日志）。 */
 			detail: {
 				path: "/detail",
@@ -933,6 +993,22 @@ window.__ModuleLoader__.load({
 				method: "POST"
 			}
 		};
+		/** 三只可调项的接受范围（闭区间整数）。Node 半的归一与浏览器半的表单共用这一格：
+		*  两处各写一份范围就会「表单说能存、宿主激活时说越界」。 */
+		const CONFIG_LIMITS = {
+			orphanPreviewLimit: {
+				min: 1,
+				max: 1e4
+			},
+			maxAttachmentBytes: {
+				min: 1,
+				max: 209715200
+			},
+			maxJsonRefBytes: {
+				min: 1,
+				max: 104857600
+			}
+		};
 		/** 请求参数名：浏览器半发、Node 半读，同名同义（`empty` 没有入参）。
 		*  附件段是 **query 参数**（GET 二进制响应，没有请求体）。 */
 		const PARAMS = {
@@ -1263,10 +1339,10 @@ window.__ModuleLoader__.load({
 		* 浏览器半的取数通道：同源 fetch 宿主 `connection.fetch` 的 exact Fetch 路由（`/api` + 插件前缀）。
 		* 信封与失败原文在这一层收口。
 		*
-		* - 九段注册在宿主 `connection.fetch.register` 上，鉴权归宿主 `/api` bridge（ADR-0033）；
+		* - 十段注册在宿主 `connection.fetch.register` 上，鉴权归宿主 `/api` bridge（ADR-0033）；
 		*   没有旧前缀 fallback——支持面是 web UI 与桌面端，二者的标准组合都装 `client-connection`。
 		*   官方 remote.<namespace> 仍不可用（第三方拿不到 Typert 描述符的动态发现挂载点）。
-		* - 九段的**段名与方法**住 `src/shared/wire.ts` 的结构化段名表（`ROUTES` 每项 `{ path, method }`），
+		* - 十段的**段名与方法**住 `src/shared/wire.ts` 的结构化段名表（`ROUTES` 每项 `{ path, method }`），
 		*   本文件只投影段名与方法（GET 段直接取 `ROUTES.x.method`，写段把它交给 `post()`）——方法字面量
 		*   不在本文件出现第二份；取数地址（官方 `/api` 前缀 + 文档挂载点）归 `src/client/api-base.ts`
 		*   （根部署下与旧版逐字相同）。
@@ -1382,7 +1458,12 @@ window.__ModuleLoader__.load({
 			});
 			return {
 				list: () => requestEnvelope(apiPath(ROUTES.list.path), { method: ROUTES.list.method }),
-				ping: () => requestEnvelope(apiPath(ROUTES.ping.path), { method: ROUTES.ping.method }),
+				ping: (signal) => requestEnvelope(apiPath(ROUTES.ping.path), signal === void 0 ? { method: ROUTES.ping.method } : {
+					method: ROUTES.ping.method,
+					signal
+				}),
+				config: () => requestEnvelope(apiPath(ROUTES.config.path), post(ROUTES.config, {})),
+				saveConfig: (next) => requestEnvelope(apiPath(ROUTES.config.path), post(ROUTES.config, { ...next })),
 				orphans: () => requestEnvelope(apiPath(ROUTES.orphans.path), { method: ROUTES.orphans.method }),
 				attachmentOrphans: () => requestEnvelope(apiPath(ROUTES.attachmentOrphans.path), { method: ROUTES.attachmentOrphans.method }),
 				attachmentClean: () => requestEnvelope(apiPath(ROUTES.attachmentClean.path), post(ROUTES.attachmentClean, {})),
@@ -1403,13 +1484,29 @@ window.__ModuleLoader__.load({
 		* - 401/403 是宿主 `/api` 的纯文本身份/归属失败：入口不出现，不装禁用态。
 		* - 失败信封 / 404 / 非信封同样按不可用处理：`/api` 网关对未知路径也可能回错误形状，
 		*   不能据此把入口摆出来让每个动作都失败。
+		* - **往返有 5s 上限**：半开连接或宿主没起来时 `activate` 不悬着；超时与网络失败同样是
+		*   「这一代不可用」，不自动重试（一次探测一个结论，刷新页面才会再探）。三种失败都在
+		*   console 留下原因——入口不出现是有意的，但"为什么没出现"不能只活在脑子里。
 		*/
-		async function probeChannel(raw) {
+		async function probeChannel(raw, options = {}) {
+			const controller = new AbortController();
+			const timer = setTimeout(() => controller.abort(), options.timeoutMs ?? 5e3);
 			try {
-				const result = await raw.ping();
-				return result.ok && result.value === "pong";
-			} catch {
+				const result = await raw.ping(controller.signal);
+				if (!result.ok) {
+					console.warn("[dsh-session-delete] 取数通道探测失败，入口不注册：", result.error.code, result.error.message);
+					return false;
+				}
+				if (result.value !== "pong") {
+					console.warn("[dsh-session-delete] 取数通道回的不是 pong，入口不注册：", result.value);
+					return false;
+				}
+				return true;
+			} catch (error) {
+				console.warn("[dsh-session-delete] 取数通道打不通，入口不注册：", error);
 				return false;
+			} finally {
+				clearTimeout(timer);
 			}
 		}
 		/**
@@ -1448,6 +1545,8 @@ window.__ModuleLoader__.load({
 			};
 			return {
 				list: () => raw.list().then((result) => unwrapRemoteResult(result)),
+				config: () => raw.config().then((result) => unwrapRemoteResult(result)),
+				saveConfig: (next) => raw.saveConfig(next).then((result) => unwrapRemoteResult(result)),
 				scanOrphans: () => raw.orphans().then((result) => unwrapRemoteResult(result)),
 				scanAttachmentOrphans: () => raw.attachmentOrphans().then((result) => unwrapRemoteResult(result)),
 				cleanAttachmentOrphans: () => raw.attachmentClean().then((result) => unwrapRemoteResult(result)),
@@ -1643,18 +1742,6 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		function IconFolderOpenOutlineRegular({ size }) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(IconFrame, {
-				size,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					d: "M12.3994 13.5986H2.04956C1.49728 13.5986 1.04956 13.1509 1.04956 12.5986V3.40137C1.04956 2.84908 1.49728 2.40137 2.04956 2.40137H4.76632C5.01016 2.40137 5.24561 2.49046 5.42836 2.6519L6.94088 3.98799C7.12364 4.14943 7.35908 4.23852 7.60293 4.23852H12.3994C12.9517 4.23852 13.3994 4.68624 13.3994 5.23852V7.16991",
-					stroke: "currentColor"
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					d: "M2.55911 7.93683C2.67584 7.49906 3.07229 7.19446 3.52536 7.19446H13.6491C14.3061 7.19446 14.7846 7.81725 14.6153 8.45209L13.4411 12.856C13.3244 13.2938 12.9279 13.5984 12.4748 13.5984H2.35113C1.69411 13.5984 1.21562 12.9756 1.38489 12.3407L2.55911 7.93683Z",
-					stroke: "currentColor"
-				})]
-			});
-		}
 		function IconCloseOutlineRegular({ size }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(IconFrame, {
 				size,
@@ -1690,7 +1777,51 @@ window.__ModuleLoader__.load({
 				})
 			});
 		}
-		/** 分组头「展开中」那一枚（官方 `IconChevronDownOutlineRegular`，`viewBox`/`d` 逐字）。 */
+		/** 分组头：展开时（官方 `IconFolderOpenRegular`，16×16；开盖那一片带 0.16 透明度）。 */
+		function IconFolderOpenRegular({ size }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(IconFrame, {
+				size,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M2.55912 7.93683C2.67584 7.49906 3.0723 7.19446 3.52536 7.19446H13.6491C14.3061 7.19446 14.7846 7.81725 14.6153 8.45209L13.4411 12.856C13.3244 13.2938 12.9279 13.5984 12.4748 13.5984H2.35113C1.69411 13.5984 1.21562 12.9756 1.38489 12.3407L2.55912 7.93683Z",
+						fill: "currentColor",
+						opacity: "0.16"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M13.6491 6.69446C14.6346 6.69453 15.3522 7.62895 15.0983 8.58118L13.9245 12.9845C13.7494 13.6412 13.1539 14.0988 12.4743 14.0988H2.35126C1.36574 14.0988 0.648153 13.1643 0.902044 12.212L2.07587 7.80774C2.25102 7.15128 2.84567 6.69455 3.52509 6.69446H13.6491ZM3.52509 7.69446C3.29865 7.69455 3.10004 7.84674 3.04169 8.06555L1.86786 12.4698C1.78345 12.7872 2.02285 13.0988 2.35126 13.0988H12.4743C12.7007 13.0988 12.8992 12.9463 12.9577 12.7277L14.1325 8.32336C14.2171 8.00598 13.9776 7.69453 13.6491 7.69446H3.52509Z",
+						fill: "currentColor"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M4.7666 1.90137C5.13227 1.90144 5.48571 2.03525 5.75977 2.27734L7.27246 3.61328C7.36379 3.69382 7.48174 3.73828 7.60352 3.73828H12.3994C13.2276 3.73841 13.8993 4.41005 13.8994 5.23828V6.7168C13.8183 6.70327 13.735 6.69436 13.6494 6.69434H12.8994V5.23828C12.8993 4.96233 12.6754 4.73841 12.3994 4.73828H7.60352C7.23781 4.73828 6.88446 4.60438 6.61035 4.3623L5.09766 3.02637C5.00636 2.94576 4.88838 2.90144 4.7666 2.90137H2.0498C1.77366 2.90137 1.5498 3.12523 1.5498 3.40137V9.78223L0.902344 12.2119C0.648452 13.1642 1.36604 14.0986 2.35156 14.0986H2.0498C1.2214 14.0986 0.549838 13.427 0.549805 12.5986V3.40137C0.549805 2.57294 1.22138 1.90137 2.0498 1.90137H4.7666Z",
+						fill: "currentColor"
+					})
+				]
+			});
+		}
+		/** 分组头：收起时（官方 `IconFolderCloseRegular`，16×16）。 */
+		function IconFolderCloseRegular({ size }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(IconFrame, {
+				size,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M1.50439 3.11059C1.50439 2.55831 1.95211 2.1106 2.50439 2.1106H5.43389C5.67773 2.1106 5.91318 2.19969 6.09593 2.36113L7.71649 3.79265C7.89924 3.95409 8.1347 4.04319 8.3785 4.04319H13.4958C14.0481 4.04319 14.4958 4.4909 14.4958 5.04319V12.8894C14.4958 13.4417 14.0481 13.8894 13.4958 13.8894H2.50439C1.95211 13.8894 1.50439 13.4417 1.50439 12.8894V4.04319V3.11059Z",
+					stroke: "currentColor"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M3.63501 7.66614H12.3647",
+					stroke: "currentColor"
+				})]
+			});
+		}
+		/** 分组头悬停时替换文件夹的折叠指示（官方 `IconTriangleRightFillRegular`）；展开时旋转 90°。 */
+		function IconTriangleRightFillRegular({ size }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconFrame, {
+				size,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M5.5 4.5C5.5 4.40714 5.52586 4.31612 5.57467 4.23713C5.62349 4.15815 5.69334 4.09431 5.77639 4.05279C5.85945 4.01126 5.95242 3.99368 6.0449 4.00202C6.13738 4.01036 6.22572 4.04429 6.3 4.1L10.967 7.6C11.0291 7.64657 11.0795 7.70697 11.1142 7.77639C11.1489 7.84582 11.167 7.92238 11.167 8C11.167 8.07762 11.1489 8.15418 11.1142 8.22361C11.0795 8.29303 11.0291 8.35343 10.967 8.4L6.3 11.9C6.22572 11.9557 6.13738 11.9896 6.0449 11.998C5.95242 12.0063 5.85945 11.9887 5.77639 11.9472C5.69334 11.9057 5.62349 11.8419 5.57467 11.7629C5.52586 11.6839 5.5 11.5929 5.5 11.5V4.5Z",
+					fill: "currentColor"
+				})
+			});
+		}
+		/** 折叠头与标准档「工作步骤」组「展开中」那一枚（官方 `IconChevronDownOutlineRegular`，`viewBox`/`d` 逐字）。 */
 		function IconChevronDownOutlineRegular({ size }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconFrame, {
 				size,
@@ -1700,7 +1831,7 @@ window.__ModuleLoader__.load({
 				})
 			});
 		}
-		/** 分组头「已折叠」那一枚（官方 `IconChevronRightOutlineRegular`）。 */
+		/** 折叠头与子会话导航行「已折叠 / 前进」那一枚（官方 `IconChevronRightOutlineRegular`）。 */
 		function IconChevronRightOutlineRegular({ size }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconFrame, {
 				size,
@@ -1710,17 +1841,68 @@ window.__ModuleLoader__.load({
 				})
 			});
 		}
+		/** 行内「恢复」：**本插件自绘**的回退箭头（↩，16×16 / 1px，与宿主图标同一族几何）。
+		*  官方集里的 `unarchive` 与归档动作的"箱子"轮廓太近、`refresh` 读作"刷新"，都不合适。 */
+		function IconRestoreOutlineRegular({ size }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(IconFrame, {
+				size,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M4.4 2.7L1.5 5.6L4.4 8.5",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M1.5 5.6H9.9A4.1 4.1 0 0 1 9.9 13.8H4.7",
+					stroke: "currentColor",
+					strokeLinecap: "round"
+				})]
+			});
+		}
+		/** 子会话行的前导：官方 `IconBranchOutlineRegular`（16×16）。 */
+		function IconBranchOutlineRegular({ size }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(IconFrame, {
+				size,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M1.01503 8.0001L5.6964 8.0001C6.41913 8.0001 6.78049 8.0001 7.12115 7.91951C7.4232 7.84804 7.71233 7.73014 7.97821 7.57C8.27809 7.38939 8.5364 7.13669 9.05303 6.63129L11.3281 4.40564",
+						stroke: "currentColor"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M1.01221 7.9999L5.6964 7.9999C6.41913 7.9999 6.78049 7.9999 7.12115 8.08049C7.4232 8.15196 7.71233 8.26986 7.97821 8.43C8.27809 8.61061 8.5364 8.86331 9.05303 9.36871L11.3281 11.5944",
+						stroke: "currentColor"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "12.4502",
+						cy: "3.3079",
+						r: "1.56962",
+						stroke: "currentColor"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "12.4502",
+						cy: "12.6921",
+						r: "1.56962",
+						stroke: "currentColor"
+					})
+				]
+			});
+		}
 		//#endregion
 		//#region src/client/ui/ui.css?dsh-css-text
 		var ui_default = "/*\r\n * 本插件自己的控件样式（**不再 require 宿主的 `@deepseek-ai/dsh-client-ui-primitives`**）。\r\n *\r\n * 出处：逐条抄自 `@deepseek-ai/dsh-client-ui-primitives@0.2.0-rc.2` 随包发布的明文 CSS\r\n * （`lib/Button.module.css`、`Tag.module.css`、`Modal.module.css`、`Tooltip.module.css`、\r\n * `Toast.module.css`、`Menu.module.css`；2026-10-15 又加两张：`lib/Checkbox.module.css`、\r\n * `lib/DisclosureRow.module.css`，以及 `dsh-client-ui-conversation` 里的\r\n * `ConversationRoot.module.css` 的 `.widthHandle` 那一族——宿主自己那根可拖的宽度把手；\r\n * 2026-10-17 又加一张，也是首张来自 ui-primitives 之外的包：`dsh-client-ui-workspace` 的\r\n * `Rows.module.css` 的 `.iconButton` 那一族——会话行尾悬停排那颗按钮的基底（行尾兜底勾选开关\r\n * 要跟宿主自己的归档/置顶同形）。\r\n * 这是官方给第三方 UI 插件的处方：\r\n * 「copy markup, CSS, and behavior from the primitive into the plugin … Rename copied classes under\r\n * your plugin's prefix, keep only `--dsw-alias-*` token references」（宿主技能\r\n * `cordis-plugin-development/references/practices.md` 原文）。理由是那个包**随宿主换代而变、且不经类型检查**，\r\n * 一个抛错的组件会把整个槽位条目打空（控制台 `slot entry crashed in '<slot>'`）。\r\n *\r\n * 三条改写规则：\r\n * 1. **类名全部加本插件前缀 `sd-`**（原来是 CSS module 的哈希名，全局无冲突由前缀承担）。\r\n * 2. **配色一律走 token**，一个颜色的字面量都没有——所以宿主换主题、改名 token 时最差是难看，\r\n *    不会崩。几何量（圆角/阴影/层级）同样取 token；**只有字号/行高/尺寸是字面量 px**，与官方 CSS 逐字一致。\r\n * 3. **`@keyframes` 全部改名**（`sd-` 前缀）：它们是全局命名空间，撞名会互相覆盖。\r\n *\r\n * 只收本插件真正用到的部分：Button 的 `primary`/`ghost`/`outline` 三档与 `md`/`sm` 两号\r\n * （没有 `toolbar` 变体、没有 `lg`）、Tag 的 `danger` 一档、Modal 的全部骨架、Tooltip 的三个方位、\r\n * Toast 全部、Menu 行的全部（含 danger 态与 separator）、Checkbox 的全部、DisclosureRow 的\r\n * 折叠头那一半（没有 `data-state` 那档状态点）、宽度把手的视觉与光标。**没抄进来的就是本插件不用的**，\r\n * 不预先铺开——宿主那套里还有几十个变体与控件，抄全了等于把它的表面积整个搬进来。\r\n *\r\n * **七处不是抄本**：① `.sd-resizing`（拖动期间挂在面板根上、关掉文字选中）——宿主那份没有对应的类，\r\n * 它的把手由 JS 侧的 pointer capture 承担；② `[data-dsh-session-delete=\"trash-row\"]:focus-visible`\r\n * （清单那一行的键盘焦点描边，复用选中态那枚 `ghost-active-border`）——宿主那套表里行不是可聚焦\r\n * div，我们这一行是 `role=\"row\"` 且要吃 ↑↓，而这一代 `--dsw-focus-ring-color` 是 `transparent`；\r\n * ③ `.sd-rowaction-button` 的 `[aria-pressed='true']` 与 `:disabled` 两档（2026-10-17）——\r\n * 官方那颗 `iconButton` 只有常态与 hover，勾选开关要有\"按下\"和\"这条删不动\"两档，token 与回收站\r\n * 选中行同源（`--sd-button-ghost-active-*`，别名到 `--dsw-alias-button-ghost-active-*`）；④ `.sd-batch-bar`（同日）——宿主没有\"浮条\"\r\n * 这件控件，四件 token 自拼；⑤ 宿主行的批量选中底色与兜底隐藏（同日改版）——宿主的行选中态不归\r\n * 第三方，整行可见性靠 `data-row-key` + `:has`，token 与回收站选中行同源；行首格在场时行尾兜底退场；\r\n * ⑥ `.sd-batch-pick-leading`（同日）——宿主行首那格只给 16×20，勾选框要一层 inline-flex 包装才压得回\r\n * 同样大小，官方没有这层包装；⑦ `.sd-toast-action:disabled`（2026-11-01）——撤销横幅在飞时那颗动作要\r\n * 看着就按不动，官方 Toast 的 action 没有禁用档，而我们这份自带 `color`、浏览器默认置灰不生效，\r\n * 档位与③的禁用档同源（`opacity` + `not-allowed`）。\r\n * 整张表里就这七条是我们自造的，标在这里，\r\n * 下次做「与官方逐条比对」时它属于**已知差异**，不是漂移。\r\n *\r\n * **还有一处系统性改写不算抄本差异**：抄来的每条规则里，配色与几何的 token 引用都走下面那层\r\n * `--sd-*` 别名（本插件新增的一层间接）。逐属性比对时按「别名 → 它引用/兜底的那枚 `--dsw-*`」还原\r\n * 之后再比；这一层不新造颜色、只加兜底，也不重复计入上面七条。\r\n *\r\n * **另有一处已知差异不住在本文件**：回收站组头那颗按钮的整套 UA reset。宿主 `DisclosureRow` 那份是\r\n * `div`，没有这个坑；我们这行要做成可点的 `<button>`，UA 样式表会把背景、边框、内距、字体、居中与\r\n * flex 基线一起渗进来（真机上就是项目名整条居中，2026-10-15 截图）。它写在\r\n * `src/client/trash-panel.tsx` 组头那一行的 inline 样式上，**具体 reset 了哪几项由\r\n * `tests/skeleton.test.ts` 逐条钉住**（不在这里再抄一份名单）——所以「与官方逐条比对」时本表仍然只数\r\n * 上面那些，这条不算进抄本差异。\r\n */\r\n\r\n/* ──────────────── 主题 token 兜底（本插件的别名层） ────────────────\r\n * 宿主 `Theme.listTokens` 的公开面只有 14 个 `--dsw-*`（13 个 `--dsw-alias-*` +\r\n * `--dsw-specific-sidebar-fill`）；这张抄本表还用了一批宿主内部 token\r\n * （`label-tertiary` / `border-l3`·`l4` / `markdown-code-*` / `scrollbar-*` …）。它们在同代宿主上\r\n * 都存在，但换代改名时 `var()` 会整条失效、颜色退回继承值。这里给**有公开等价物的语义 token**\r\n * 建一层 `--sd-*` 别名：私有 token 在场时逐字等价；不在时退到最接近的公开 token —— 最差是难看，\r\n * 不会没有颜色。\r\n *\r\n * **为什么挂 `body` 而不是 `:root`**（2026-11-04 当代宿主产物实测）：`--dsw-alias-*` 那套主题\r\n * palette 写在 `body` / `body[data-ds-dark-theme]` 两条规则上，主题服务还把当前快照逐条 inline\r\n * 写到 `document.body.style`；`:root` 那份 base.css 只有字体、圆角与动效。别名层若挂 `:root`，\r\n * 引用就在 `html` 上求值——私有 token 与公开兜底都还没定义，整条 `var()` 链在计算值阶段失效，\r\n * 别名拿到的是**保证无效值**，用到它的声明（字色、边框、底色）会被整条丢弃；连 `--dsw-mask-blur`\r\n * 都会拿到兜底 `blur(2px)`，而宿主这一代给的是 `none`。挂 `body` 时：palette 与别名在同一元素上\r\n * （暗色切换一并跟着），base.css 的几何 token 从 `html` 继承下来，两边都取得到；宿主哪天把 palette\r\n * 挪回 `:root` 也仍然可见（自定义属性本来就继承），只有挪到更深的包裹元素才会再次失效——那时先\r\n * 复核这段的落点。\r\n *\r\n * 不在这一层的是：`--dsw-font-markdown-*`（整条 `font` 简写，没有等价公开 token，失效退回继承字体）、\r\n * `--dsw-static-*`（固定色：tooltip 文字、toast 动作等，允许自带颜色）、`--dsw-focus-ring-color`（原处已带 fallback）。\r\n * 新增私有 token 时先在这张表里找等价公开 token；找不到就别进别名层，并在头注记一笔。\r\n */\r\nbody {\r\n  --sd-label-tertiary: var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary));\r\n  --sd-label-caption: var(--dsw-alias-label-caption, var(--dsw-alias-label-secondary));\r\n  --sd-label-primary-foreground: var(--dsw-alias-label-primary-foreground, var(--dsw-alias-bg-base));\r\n  --sd-border-l3: var(--dsw-alias-border-l3, var(--dsw-alias-border-l2));\r\n  --sd-border-l4: var(--dsw-alias-border-l4, var(--dsw-alias-border-l2));\r\n  --sd-menu-icon: var(--dsw-alias-menu-icon, var(--dsw-alias-label-secondary));\r\n  --sd-link: var(--dsw-alias-link, var(--dsw-alias-brand-primary));\r\n  --sd-interactive-bg-hover: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-layer-2));\r\n  --sd-interactive-bg-active: var(--dsw-alias-interactive-bg-active, var(--dsw-alias-bg-layer-2));\r\n  --sd-interactive-bg-hover-danger: var(\r\n    --dsw-alias-interactive-bg-hover-danger,\r\n    color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent)\r\n  );\r\n  --sd-button-primary-fill: var(--dsw-alias-button-primary-fill, var(--dsw-alias-brand-primary));\r\n  --sd-button-primary-hover: var(--dsw-alias-button-primary-hover, var(--dsw-alias-brand-primary));\r\n  --sd-button-ghost-active-fill: var(--dsw-alias-button-ghost-active-fill, var(--dsw-alias-bg-layer-2));\r\n  --sd-button-ghost-active-border: var(--dsw-alias-button-ghost-active-border, var(--dsw-alias-border-l2));\r\n  --sd-markdown-code-block: var(--dsw-alias-markdown-code-block, var(--dsw-alias-bg-layer-2));\r\n  --sd-markdown-inline-code: var(--dsw-alias-markdown-inline-code, var(--dsw-alias-bg-layer-2));\r\n  --sd-state-business-primary: var(--dsw-alias-state-business-primary, var(--dsw-alias-brand-primary));\r\n  --sd-state-warn-label: var(--dsw-alias-state-warn-label, var(--dsw-alias-state-warn-primary));\r\n  --sd-toast-bg: var(--dsw-alias-toast-bg, var(--dsw-alias-bg-overlay));\r\n  --sd-toast-label: var(--dsw-alias-toast-label, var(--dsw-alias-label-primary));\r\n  --sd-tooltip-bg: var(--dsw-alias-tooltip-bg, var(--dsw-alias-bg-overlay));\r\n  --sd-specific-bubble: var(--dsw-specific-bubble, var(--dsw-alias-bg-layer-2));\r\n  --sd-bg-mask-1: var(\r\n    --dsw-alias-bg-mask-1,\r\n    color-mix(in srgb, var(--dsw-alias-label-primary) 35%, transparent)\r\n  );\r\n  --sd-scrollbar-bg-l1: var(--dsw-alias-scrollbar-bg-l1, var(--dsw-alias-border-l1));\r\n  --sd-scrollbar-bg-l2: var(--dsw-alias-scrollbar-bg-l2, var(--dsw-alias-border-l1));\r\n  --sd-scrollbar-hover-l2: var(--dsw-alias-scrollbar-hover-l2, var(--dsw-alias-border-l2));\r\n  --sd-elevation-prominent: var(\r\n    --dsw-elevation-prominent,\r\n    0 8px 24px color-mix(in srgb, var(--dsw-alias-label-primary) 18%, transparent)\r\n  );\r\n  --sd-shadow-lv3: var(\r\n    --dsw-shadow-lv3,\r\n    0 1px 3px color-mix(in srgb, var(--dsw-alias-label-primary) 12%, transparent)\r\n  );\r\n  --sd-radius-xs: var(--dsw-radius-xs, 2px);\r\n  --sd-radius-sm: var(--dsw-radius-sm, 4px);\r\n  --sd-radius-md: var(--dsw-radius-md, 6px);\r\n  --sd-radius-lg: var(--dsw-radius-lg, 8px);\r\n  --sd-radius-xl: var(--dsw-radius-xl, 12px);\r\n  --sd-radius-panel: var(--dsw-radius-panel, 12px);\r\n  --sd-mask-blur: var(--dsw-mask-blur, blur(2px));\r\n  --sd-focus-ring-width: var(--dsw-focus-ring-width, 2px);\r\n}\r\n\r\n/* ────────────────────────── Button ────────────────────────── */\r\n\r\n.sd-button {\r\n  box-sizing: border-box;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  border: none;\r\n  border-radius: var(--sd-radius-md);\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  color: var(--dsw-alias-label-primary);\r\n  background: transparent;\r\n  padding: 0 14px;\r\n}\r\n\r\n.sd-button:disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.4;\r\n}\r\n\r\n.sd-button-md {\r\n  height: 36px;\r\n}\r\n\r\n/* 紧凑档：尺寸不随填充/描边换档（官方原文的注释即此意）。 */\r\n.sd-button-sm {\r\n  height: 28px;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  padding: 0 10px;\r\n  border-radius: var(--sd-radius-sm);\r\n}\r\n\r\n.sd-button-primary {\r\n  background: var(--sd-button-primary-fill);\r\n  color: var(--sd-label-primary-foreground);\r\n}\r\n\r\n.sd-button-primary:hover:not(:disabled) {\r\n  background: var(--sd-button-primary-hover);\r\n}\r\n\r\n.sd-button-ghost:hover:not(:disabled) {\r\n  background: var(--sd-interactive-bg-hover);\r\n}\r\n\r\n.sd-button-ghost:active:not(:disabled) {\r\n  background: var(--sd-interactive-bg-active);\r\n}\r\n\r\n.sd-button-outline {\r\n  border: 0.5px solid var(--sd-border-l3);\r\n  background: transparent;\r\n}\r\n\r\n.sd-button-outline:hover:not(:disabled) {\r\n  background: var(--sd-interactive-bg-hover);\r\n}\r\n\r\n.sd-button-icon {\r\n  display: inline-flex;\r\n  width: 16px;\r\n  height: 16px;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n/* ────────────────────────── Tag ────────────────────────── */\r\n\r\n/* 胶囊几何固定：一个 tag 在哪里都是同一个尺寸，只有色板随 tone 走。 */\r\n.sd-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  border-radius: 999px;\r\n  corner-shape: round;\r\n  padding: 1px 8px;\r\n  font-size: 11px;\r\n  line-height: 17px;\r\n  font-weight: 500;\r\n  white-space: nowrap;\r\n}\r\n\r\n/* 状态色自带填充：底色由自身颜色 10% 混出，换色板时底与字一起走，不需要第二个 token。 */\r\n.sd-tag-danger {\r\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);\r\n  color: var(--dsw-alias-state-error-primary);\r\n}\r\n\r\n/* ────────────────────────── Modal ────────────────────────── */\r\n\r\n/* 整视口层（figma Mask + Dialog）：蒙层 + 居中卡片。四边留 24px，上下按外壳公布的浮层内缩加宽，\r\n   高卡片才不会顶到外壳。卡片按这个内边距盒取尺寸：消费方用 `max-height:100%` 收口，不自己算视口。 */\r\n.sd-modal-root {\r\n  pointer-events: auto;\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 1000;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: max(24px, var(--dsh-frame-overlay-top, 24px)) 24px;\r\n}\r\n\r\n/* 只有绘制避让原生标题栏；根仍然挡住背景点击。 */\r\n.sd-modal-mask {\r\n  position: absolute;\r\n  inset: var(--dsh-frame-chrome-top, 0px) 0 0;\r\n  backdrop-filter: var(--sd-mask-blur);\r\n}\r\n\r\n.sd-modal-mask::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: var(--sd-bg-mask-1);\r\n  animation: sd-modal-enter var(--ds-transition-duration) var(--ds-ease-in-out);\r\n}\r\n\r\n.sd-modal-dialog {\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  z-index: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n  width: min(380px, 100%);\r\n  padding: 0 0 24px;\r\n  overflow: hidden;\r\n  border: 0;\r\n  border-radius: var(--sd-radius-panel);\r\n  background: var(--dsw-alias-bg-layer-2);\r\n  box-shadow: var(--sd-elevation-prominent);\r\n  animation: sd-modal-enter var(--ds-transition-duration) var(--ds-ease-in-out);\r\n}\r\n\r\n@keyframes sd-modal-enter {\r\n  from { opacity: 0; }\r\n  to { opacity: 1; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sd-modal-mask::after,\r\n  .sd-modal-dialog { animation: none; }\r\n}\r\n\r\n.sd-modal-dialog:focus {\r\n  outline: none;\r\n}\r\n\r\n.sd-modal-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n}\r\n\r\n/* 头行：标题左、关闭钮右。 */\r\n.sd-modal-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 8px;\r\n  padding: 22px 14px 12px 24px;\r\n}\r\n\r\n.sd-modal-title {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  font-weight: 500;\r\n  color: var(--dsw-alias-label-primary);\r\n}\r\n\r\n.sd-modal-close {\r\n  flex: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 28px;\r\n  height: 28px;\r\n  border: none;\r\n  border-radius: var(--sd-radius-sm);\r\n  background: transparent;\r\n  cursor: pointer;\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n.sd-modal-close:hover {\r\n  background: var(--sd-interactive-bg-hover);\r\n}\r\n\r\n.sd-modal-body {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n  margin-top: 20px;\r\n  padding: 0 24px;\r\n}\r\n\r\n.sd-modal-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  gap: 8px;\r\n  padding: 0 24px;\r\n}\r\n\r\n/* ────────────────────────── Tooltip ────────────────────────── */\r\n\r\n.sd-tooltip-bubble {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  position: fixed;\r\n  z-index: 100;\r\n  /* 定宽收缩只按 `left` 到视口右缘量，靠右的锚点会提前折行；\r\n     `max-content` 只按文案定宽，再用半个视口收口。 */\r\n  width: max-content;\r\n  max-width: 50vw;\r\n  padding: 3px 7px;\r\n  border-radius: var(--sd-radius-sm);\r\n  background: var(--sd-tooltip-bg);\r\n  color: var(--dsw-static-neutral-bluish-00);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n  white-space: pre-line;\r\n  /* 不可断的长 token（URL、路径）不许顶破 max-width。 */\r\n  overflow-wrap: break-word;\r\n  pointer-events: none;\r\n  animation: sd-tooltip-in 150ms var(--ds-ease-in-out);\r\n}\r\n\r\n.sd-tooltip-bubble[data-portal] { z-index: 1100; }\r\n.sd-tooltip-label { min-width: 0; }\r\n\r\n.sd-tooltip-bubble[data-side='right'] {\r\n  transform: translateY(-50%);\r\n}\r\n\r\n.sd-tooltip-bubble[data-side='bottom'] {\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.sd-tooltip-bubble[data-side='top'] {\r\n  transform: translate(-50%, -100%);\r\n}\r\n\r\n@keyframes sd-tooltip-in {\r\n  from { opacity: 0; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sd-tooltip-bubble {\r\n    animation: none;\r\n  }\r\n}\r\n\r\n/* ────────────────────────── Toast ────────────────────────── */\r\n\r\n/* 淡出延迟由组件以 `--dsh-toast-hold` 给出 ⇒ 同一个值同时驱动卸载计时器与这段动画，\r\n   两者不可能再对不上。淡出**时长**仍需与组件里的 FADE_MS 一致（没有 owner 会改它）。 */\r\n.sd-toast {\r\n  position: fixed;\r\n  top: 40px;\r\n  left: 50%;\r\n  /* 高过图片灯箱底层的 1000：预览开着时报错也必须读得到。 */\r\n  z-index: 1100;\r\n  /* 通告不截点击。 */\r\n  pointer-events: none;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  /* 定宽盒设了 `left` 只按右侧空间收缩（-50% 的位移发生在定尺之后）⇒ 靠窗边的横幅会提前折行。\r\n     `max-content` 只按文案定宽，再由下面的 max-width 收口。 */\r\n  width: max-content;\r\n  max-width: min(640px, calc(100vw - 48px));\r\n  padding: 12px 16px;\r\n  border-radius: var(--sd-radius-lg);\r\n  /* 设计平台的 toast 表面在**两套主题下都是深的**（浅色 bluish-800 / 深色 bluish-750），\r\n     所以这里的字色与动作色是固定值，不随主题翻转。 */\r\n  background: var(--sd-toast-bg);\r\n  color: var(--sd-toast-label);\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  box-shadow: var(--sd-shadow-lv3);\r\n  transform: translateX(-50%);\r\n  animation:\r\n    sd-toast-in 160ms ease-out,\r\n    sd-toast-fade 1000ms ease var(--dsh-toast-hold, 3000ms) forwards;\r\n}\r\n\r\n.sd-toast-icon {\r\n  display: grid;\r\n  place-items: center;\r\n  flex: none;\r\n  color: var(--sd-state-warn-label);\r\n}\r\n\r\n.sd-toast-icon-success {\r\n  color: var(--dsw-alias-state-success-primary);\r\n}\r\n\r\n.sd-toast-text {\r\n  min-width: 0;\r\n}\r\n\r\n.sd-toast-action {\r\n  display: inline;\r\n  padding: 0;\r\n  border: 0;\r\n  background: none;\r\n  color: var(--dsw-static-deepseek-400);\r\n  font: inherit;\r\n  cursor: pointer;\r\n  /* 动作文字与周围文案之间的呼吸位。 */\r\n  margin-inline: 3px;\r\n  /* 横幅表面整体是穿透点击的，只有动作文字接指针。 */\r\n  pointer-events: auto;\r\n}\r\n\r\n.sd-toast-action:hover {\r\n  opacity: 0.8;\r\n}\r\n\r\n/* 本插件自造的第七条（不是抄本，见文件头点名）：撤销横幅在飞时那颗动作要**看着就按不动**。\r\n   官方 Toast 的 action 只有常态与 hover，没有禁用档；而 `.sd-toast-action` 自带 `color`，\r\n   浏览器默认的置灰根本不生效（真机上只会看见一个光标照常是手、点下去没反应的「撤销」）。\r\n   禁用档与行尾勾选开关同源（`opacity` + `not-allowed`），不新造颜色。 */\r\n.sd-toast-action:disabled {\r\n  opacity: 0.4;\r\n  cursor: not-allowed;\r\n}\r\n\r\n@keyframes sd-toast-in {\r\n  from {\r\n    opacity: 0;\r\n    transform: translate(-50%, -6px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translate(-50%, 0);\r\n  }\r\n}\r\n\r\n@keyframes sd-toast-fade {\r\n  to {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n}\r\n\r\n/* 减动效去掉滑入；延迟淡出（透明度变化、不是位移）仍然在定时卸载前收掉横幅。 */\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sd-toast {\r\n    animation: sd-toast-fade 1000ms ease var(--dsh-toast-hold, 3000ms) forwards;\r\n  }\r\n}\r\n\r\n/* ────────────────────────── 菜单行 ────────────────────────── */\r\n\r\n.sd-menu-item-wrap {\r\n  position: relative;\r\n}\r\n\r\n/* 菜单格：紧凑文字、图标与选中间距。 */\r\n.sd-menu-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  width: 100%;\r\n  min-height: 34px;\r\n  padding: 6px 8px;\r\n  border: none;\r\n  border-radius: var(--sd-radius-md);\r\n  background: transparent;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n  color: var(--dsw-alias-label-primary);\r\n  text-align: left;\r\n}\r\n\r\n.sd-menu-item:hover:not(:disabled) {\r\n  background: var(--sd-interactive-bg-hover);\r\n}\r\n\r\n/* 方向键移动的是真焦点 ⇒ 键盘所在的那一行拿指针同款填充；填充就是这一行的焦点呈现，\r\n   浏览器默认的 ring 再叠一层就重了。 */\r\n.sd-menu-item:focus-visible:not(:disabled) {\r\n  background: var(--sd-interactive-bg-hover);\r\n  outline: none;\r\n}\r\n\r\n.sd-menu-item:disabled {\r\n  opacity: 0.4;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.sd-menu-item-icon {\r\n  display: inline-flex;\r\n  flex: none;\r\n  width: 14px;\r\n  height: 14px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--sd-menu-icon);\r\n}\r\n\r\n.sd-menu-item-icon svg {\r\n  width: 14px;\r\n  height: 14px;\r\n}\r\n\r\n.sd-menu-item-label {\r\n  flex: 1;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n/* 破坏性行：error 字/图标 + danger 悬停底。 */\r\n.sd-menu-item-danger {\r\n  color: var(--dsw-alias-state-error-primary);\r\n}\r\n\r\n.sd-menu-item-danger .sd-menu-item-icon {\r\n  color: var(--dsw-alias-state-error-primary);\r\n}\r\n\r\n.sd-menu-item-danger:hover:not(:disabled) {\r\n  background: var(--sd-interactive-bg-hover-danger);\r\n}\r\n\r\n.sd-menu-item-danger:focus-visible:not(:disabled) {\r\n  background: var(--sd-interactive-bg-hover-danger);\r\n  outline: none;\r\n}\r\n\r\n/* 分隔格：发丝线上下的间距。取 l2 而不是 l1——l1 在这个表面上几乎看不见。 */\r\n.sd-menu-separator {\r\n  height: 0.5px;\r\n  margin: 3px 2px;\r\n  background: var(--dsw-alias-border-l2);\r\n}\r\n\r\n/* ────────────────────────── Checkbox ────────────────────────── */\r\n/* 抄 `lib/Checkbox.module.css` 全部四条声明，逐字。勾选框本体是**原生 input** + `accent-color`，\r\n   不是自绘的圆框——回收站多选态用它（清单行左侧那一格）。 */\r\n\r\n.sd-checkbox {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 14px;\r\n  line-height: 20px;\r\n  color: var(--dsw-alias-label-primary);\r\n  cursor: pointer;\r\n}\r\n\r\n.sd-checkbox input {\r\n  flex: 0 0 auto;\r\n  width: 16px;\r\n  height: 16px;\r\n  margin: 0;\r\n  accent-color: var(--dsw-alias-brand-primary);\r\n  cursor: inherit;\r\n}\r\n\r\n.sd-checkbox input:focus-visible {\r\n  outline: var(--sd-focus-ring-width) solid var(--dsw-focus-ring-color, var(--sd-state-business-primary));\r\n  outline-offset: 2px;\r\n}\r\n\r\n.sd-checkbox:has(input:disabled) {\r\n  cursor: default;\r\n  opacity: 0.5;\r\n}\r\n\r\n/* ────────────────────────── DisclosureRow（分组折叠头） ────────────────────────── */\r\n/* 抄 `lib/DisclosureRow.module.css` 的 `.root`/`.row`/`.leading`/`.title` 与那两枚 glyph 的\r\n   显隐。没抄进来的是 `StateDot`（`svg[data-state]`）那一档——它说\"这是状态标记不是文字装饰\"，\r\n   我们的组头没有状态点。行高与 leading 盒走 `--dsh-content-font-delta` 那根轴，\r\n   标题字号走 secondary 档：宿主的\"设置里调正文字号\"会一起推着它走。 */\r\n\r\n.sd-disclosure {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  min-width: 0;\r\n}\r\n\r\n.sd-disclosure-row {\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  height: calc(24px + var(--dsh-content-font-delta, 0px));\r\n  min-width: 0;\r\n  color: var(--sd-label-tertiary);\r\n  transition: color 100ms ease;\r\n}\r\n\r\n.sd-disclosure-row[data-expandable] {\r\n  cursor: pointer;\r\n}\r\n\r\n.sd-disclosure-row:hover {\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n.sd-disclosure-leading {\r\n  position: relative;\r\n  flex: none;\r\n  width: calc(16px + var(--dsh-content-font-delta, 0px));\r\n  height: calc(16px + var(--dsh-content-font-delta, 0px));\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-right: 6px;\r\n  padding: 0;\r\n  border: none;\r\n  background: none;\r\n  color: inherit;\r\n}\r\n\r\n.sd-disclosure-leading svg:not([data-state]) {\r\n  width: calc(14px + var(--dsh-content-font-delta, 0px));\r\n  height: calc(14px + var(--dsh-content-font-delta, 0px));\r\n}\r\n\r\nbutton.sd-disclosure-leading {\r\n  cursor: pointer;\r\n}\r\n\r\n.sd-disclosure-title {\r\n  flex: none;\r\n  font-size: var(--dsh-content-font-size-secondary, 13px);\r\n  line-height: calc(24px + var(--dsh-content-font-delta, 0px));\r\n  color: inherit;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sd-disclosure-row {\r\n    transition: none;\r\n  }\r\n}\r\n\r\n/* ────────────────────────── 宽度把手（可拖的分栏线） ────────────────────────── */\r\n/* 抄 `ConversationRoot.module.css` 的 `.widthHandle` 一族：10px 的命中区、`col-resize` 光标、\r\n   平时不画、悬停或拖动时才浮出一条 2px 的 `--dsw-alias-scrollbar-bg-l1` 短标（那条渐变里\r\n   `--dsh-width-handle-pointer-y` 的兜底是 50%，宿主靠 JS 跟着指针走；我们不跟，\r\n   停在中间——少一条 pointermove 上的写字，视觉上是同一族东西）。\r\n   与宿主的差别只有位置：它绝对定位在会话栏两侧，我们这根住在两栏之间的那一格 flex 位里，\r\n   所以 `top/bottom/position` 那三样交给内联布局，这里只留视觉与光标。 */\r\n\r\n.sd-width-handle {\r\n  position: relative;\r\n  z-index: 0;\r\n  cursor: col-resize;\r\n  align-self: stretch;\r\n  flex: 0 0 10px;\r\n  width: 10px;\r\n  padding: 0;\r\n  border: none;\r\n  background: none;\r\n}\r\n\r\n.sd-width-handle::after {\r\n  content: \"\";\r\n  background: linear-gradient(\r\n    to bottom,\r\n    transparent calc(var(--dsh-width-handle-pointer-y, 50%) - 36px),\r\n    var(--sd-scrollbar-bg-l1) calc(var(--dsh-width-handle-pointer-y, 50%) - 8px),\r\n    var(--sd-scrollbar-bg-l1) calc(var(--dsh-width-handle-pointer-y, 50%) + 8px),\r\n    transparent calc(var(--dsh-width-handle-pointer-y, 50%) + 36px)\r\n  );\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  border-radius: 2px;\r\n  width: 2px;\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 4px;\r\n}\r\n\r\n.sd-width-handle:hover::after,\r\n.sd-width-handle[data-dragging]::after {\r\n  opacity: 1;\r\n}\r\n\r\n.sd-width-handle:focus-visible {\r\n  outline: none;\r\n}\r\n\r\n.sd-width-handle:focus-visible::after {\r\n  opacity: 1;\r\n}\r\n\r\n/* 本插件自造的第一条（不是抄本，见文件头点名）：拖动期间整块面板别把文字选上了。 */\r\n.sd-resizing {\r\n  user-select: none;\r\n  cursor: col-resize;\r\n}\r\n\r\n/* 本插件自造的第二条（不是抄本，见文件头点名）：清单行是 `role=\"row\"` 的可聚焦 div，而这一代\r\n   `--dsw-focus-ring-color` 逐字是 `transparent`（2026-10-15 实测）——不自己描一条，键盘走\r\n   ↑↓ 选会话时就没有任何焦点可见性。描边**复用选中态那枚** `ghost-active-border`，不新造颜色；\r\n   0.5px 与 `outline-offset: 1px` 是行的描边宽度与一档外移，不动布局（outline 不进滚动区）。 */\r\n[data-dsh-session-delete=\"trash-row\"]:focus-visible {\r\n  outline: 0.5px solid var(--sd-button-ghost-active-border);\r\n  outline-offset: 1px;\r\n}\r\n\r\n/* 会话行尾悬停排那颗**兜底**勾选开关（状态点行 / 归档行；行首主勾选是原生 Checkbox）。\r\n   基底**逐字抄** `dsh-client-ui-workspace` 的 `Rows.module.css` 的 `.iconButton` / `.iconButton:hover`，\r\n   只改类名——兜底开关要跟同排宿主自己的归档/置顶同形，尺寸与色档都不自己发明。 */\r\n.sd-rowaction-button {\r\n  border-radius: var(--sd-radius-xs);\r\n  cursor: pointer;\r\n  width: 16px;\r\n  height: 16px;\r\n  color: var(--sd-label-tertiary);\r\n  background: 0 0;\r\n  border: none;\r\n  flex: none;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 0;\r\n  display: inline-flex;\r\n}\r\n.sd-rowaction-button:hover {\r\n  color: var(--dsw-alias-label-primary);\r\n}\r\n\r\n/* 本插件自造的第三条（不是抄本，见文件头点名）：官方那颗只有常态与 hover，勾选开关还要有\r\n   「已按下」与「这条删不动」两档。按下档**复用回收站选中行那两枚** `ghost-active-*`，不新造颜色；\r\n   禁用档走 opacity。 */\r\n.sd-rowaction-button[aria-pressed='true'] {\r\n  background: var(--sd-button-ghost-active-fill);\r\n  box-shadow: inset 0 0 0 1px var(--sd-button-ghost-active-border);\r\n  color: var(--dsw-alias-label-primary);\r\n}\r\n.sd-rowaction-button:disabled {\r\n  opacity: 0.4;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* 本插件自造的第⑥条（不是抄本，见文件头点名）：行首 16px 格里的勾选框（2026-10-17 改版，**只在\r\n   多选模式内渲染**）。格本身由宿主居中（16×20），这里只把包装层压成同样大小；勾选框本体是回收站\r\n   多选同款原生 input（`.sd-checkbox`，见上）。 */\r\n.sd-batch-pick-leading {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n/* 本插件自造的第⑤条（不是抄本，见文件头点名）：宿主行自己的选中态只归它自己，批量选择要有整行\r\n   底色；行首格在场时行尾兜底要退场（两条入口不许同屏）。两条都只认宿主行已有的\r\n   `data-row-key`；将来这个属性改名，最差是底色不亮 / 兜底多露一颗，勾选本身仍在。 */\r\n[data-row-key^=\"session:\"]:has([data-dsh-session-delete=\"batch-pick\"][data-checked=\"true\"]) {\r\n  background: var(--sd-button-ghost-active-fill);\r\n  box-shadow: inset 0 0 0 0.5px var(--sd-button-ghost-active-border);\r\n}\r\n[data-row-key^=\"session:\"]:has([data-dsh-session-delete=\"batch-pick\"][data-seat=\"leading\"]) .sd-batch-pick-action {\r\n  display: none;\r\n}\r\n\r\n/* 本插件自造的第四条（不是抄本，见文件头点名）：批量删除的浮条。宿主没有\"浮条\"这件控件，形状照\r\n   本插件自己的浮层口径来——固定底部居中，表面/描边/圆角/高程四件全走 token（与单删那张目标卡同源）。\r\n   **层级必须低于确认框（`.sd-modal-root` 1000）**：2026-10-17 真机发现浮条在 1100 时会盖住确认框、\r\n   还能抢它的按钮；撤销横幅与 Tooltip 是瞬时通告、保持 1100。列方向：清单在上、操作行在下；\r\n   清单限高可滚，默认收起（见 `batch-bar.tsx`）。**宽度按内容展开**（`max-content`，最多视口减 48）：\r\n   只写 `left:50% + width:auto` 时 shrink-to-fit 只拿左半屏，新增「全选/取消全选」后会把「退出多选」\r\n   挤到第二行；窄到 max-width 还放不下才由 `.sd-batch-bar-main` 的 `flex-wrap` 兜底。 */\r\n.sd-batch-bar {\r\n  position: fixed;\r\n  bottom: 24px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 900;\r\n  width: max-content;\r\n  max-width: calc(100vw - 48px);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: stretch;\r\n  gap: 8px;\r\n  padding: 8px 12px;\r\n  background: var(--dsw-alias-bg-layer-2);\r\n  border: 0.5px solid var(--sd-border-l4);\r\n  border-radius: var(--sd-radius-lg);\r\n  box-shadow: var(--sd-elevation-prominent);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.sd-batch-bar-main {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.sd-batch-bar-hint {\r\n  color: var(--sd-label-tertiary);\r\n}\r\n\r\n.sd-batch-bar-list-head {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n/* 汇总的第二句（含 K 个子会话）比条数轻一档，和列表行里的 chip 同级。 */\r\n.sd-batch-bar-list-head span + span {\r\n  color: var(--sd-label-tertiary);\r\n}\r\n\r\n.sd-batch-bar-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  max-height: 240px;\r\n  overflow: auto;\r\n  margin: 0;\r\n  padding: 0 0 8px;\r\n  border-bottom: 0.5px solid var(--sd-border-l4);\r\n  list-style: none;\r\n}\r\n\r\n.sd-batch-bar-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  min-width: 0;\r\n}\r\n\r\n.sd-batch-bar-title {\r\n  flex: 1;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n.sd-batch-bar-meta {\r\n  flex: none;\r\n  color: var(--sd-label-tertiary);\r\n}\r\n\r\n.sd-batch-bar-remove {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex: none;\r\n  width: 16px;\r\n  height: 16px;\r\n  padding: 0;\r\n  border: none;\r\n  border-radius: var(--sd-radius-xs);\r\n  background: 0 0;\r\n  color: var(--sd-label-tertiary);\r\n  cursor: pointer;\r\n}\r\n\r\n.sd-batch-bar-remove:hover {\r\n  color: var(--dsw-alias-label-primary);\r\n  background: var(--sd-interactive-bg-hover);\r\n}\r\n";
 		//#endregion
+		//#region src/client/ui/forms.css?dsh-css-text
+		var forms_default = "/**\n * 「可调项」卡的数字输入（本插件自造控件）。\n *\n * 为什么不并进 `ui.css`：那份是照宿主 primitives 逐字抄的对照表，`tests/skeleton.test.ts` 的\n * 界面保真门要求它与官方明文逐属性一致；这里是我们自己的表单控件，混进去会把那份核对弄脏。\n *\n * 配色只用宿主公开 token（`--dsw-alias-*`）：这份控件不在抄本表里，不需要 `--sd-*` 别名层的\n * 私有 token 兜底；几何走别名层已有的圆角。\n */\n.sd-config-input {\n  width: 132px;\n  padding: 4px 8px;\n  font: inherit;\n  font-size: 13px;\n  line-height: 19px;\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-layer-1);\n  border: 0.5px solid var(--dsw-alias-border-l1);\n  border-radius: var(--sd-radius-md);\n  box-sizing: border-box;\n}\n\n.sd-config-input:focus-visible {\n  outline: 1px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.sd-config-input:disabled {\n  opacity: 0.6;\n}\n";
+		//#endregion
+		//#region src/client/ui/layout.css?dsh-css-text
+		var layout_default = "/**\n * 清单行 / 行内动作 / 工作步骤开关的**本插件自造规则**（不在抄本对照表里）。\n *\n * 为什么不并进 `ui.css`：那份是照宿主 `dsh-client-ui-primitives` 明文逐字抄的对照表，\n * `docs/development.md` 的界面保真复核门要求它与官方逐属性一致（差异只允许文件头列出的那几处）。\n * 把自造规则混进去会把那次核对弄脏——同 `forms.css` 文件头给的理由。\n *\n * 为什么非要有个 CSS 文件：`trash-view.ts` 的 `ROW` 是 inline style，而 inline style 表达不了\n * `:hover` / `:focus-within` / `prefers-reduced-motion`。动作列的低强调与提亮、分段开关的选中态\n * 本身就是伪类。\n *\n * 配色只用宿主**公开** token（`--dsw-alias-*`）与本插件的 `--sd-*` 别名层（后者在 `ui.css` 顶部\n * 定义、逐条退到公开 token）。**悬停一律走 `--sd-interactive-bg-hover`**（宿主交互悬停档，半透明叠色）：\n * `bg-layer-1` / `bg-layer-2` 在浅色主题下与页面底色同值，拿它们做悬停等于没变色（2026-11-07 真机反馈）。\n */\n\n/* 悬停档为什么是 `--sd-interactive-bg-hover`：判据住文件头注。\n   选中态的底色写在元素上（`ROW_SELECTED`），伪类打不过它，所以选中 + 悬停同时成立时\n   看到的是选中那一档，不会在鼠标经过时闪回浅色。 */\n[data-dsh-session-delete=\"trash-row\"]:hover {\n  background: var(--sd-interactive-bg-hover);\n}\n\n/*\n * 行内动作：两颗图标按钮**常驻**，默认低强调，悬停 / 键盘落到这一行 / 这一行被选中时提亮；\n * 窄档（面板根 `.sd-narrow`）常亮——触屏没有 hover，点行即下钻，不能要求\"先选中才出场\"。\n *\n * 用 `opacity` 而不是 `visibility` 或 `display`：两颗按钮始终住在自己的 `gridcell` 里、\n * 始终在可访问性树内（docs/ui-spec.md 状态④）。\n */\n.sd-icon-btn {\n  box-sizing: border-box;\n  width: 28px;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  padding: 0;\n  border: none;\n  border-radius: var(--sd-radius-sm);\n  background: transparent;\n  color: var(--sd-label-tertiary);\n  cursor: pointer;\n  opacity: 0.55;\n  transition: opacity 120ms ease-out, background-color 120ms ease-out, color 120ms ease-out;\n}\n\n[data-dsh-session-delete=\"trash-row\"]:hover .sd-icon-btn,\n[data-dsh-session-delete=\"trash-row\"]:focus-within .sd-icon-btn,\n[data-dsh-session-delete=\"trash-row\"][aria-selected='true'] .sd-icon-btn,\n.sd-narrow [data-dsh-session-delete=\"trash-row\"] .sd-icon-btn {\n  opacity: 1;\n}\n\n.sd-icon-btn:hover:not(:disabled) {\n  background: var(--sd-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.sd-icon-btn-danger:hover:not(:disabled) {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n/* 禁用态要压过上一组的提亮（那一组是 0,3,0）：写入在飞时按钮不能看起来还能点。 */\n[data-dsh-session-delete=\"trash-row\"] .sd-icon-btn:disabled,\n.sd-narrow [data-dsh-session-delete=\"trash-row\"] .sd-icon-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n/* 为什么不能依赖宿主焦点环 token：住 `ui.css` 的清单行注释。图标按钮没有裁切，环画在外侧一档。 */\n.sd-icon-btn:focus-visible {\n  outline: 1px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/*\n * 工作步骤展示的分段开关（简洁 / 标准 / 详细 / 完全展开）。与工具栏按钮同族的几何；\n * 选中态走宿主\"紧按\"那一档底色与品牌色。原生 `<select>` 与插件其余控件不是一套长相，\n * 所以这里做成四段平铺。\n */\n.sd-seg {\n  display: inline-flex;\n  flex: none;\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--sd-radius-sm);\n  overflow: hidden;\n}\n\n.sd-seg button {\n  border: none;\n  background: transparent;\n  padding: 3px 8px;\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--sd-label-tertiary);\n  cursor: pointer;\n  transition: background-color 120ms ease-out, color 120ms ease-out;\n}\n\n.sd-seg button:hover {\n  background: var(--sd-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sd-seg button[aria-pressed='true'] {\n  background: var(--sd-button-ghost-active-fill);\n  color: var(--dsw-alias-brand-primary);\n  font-weight: 500;\n}\n\n/* `.sd-seg` 的 `overflow: hidden` 会裁掉外描边，环画在内侧一档；颜色与图标按钮同一枚品牌色。 */\n.sd-seg button:focus-visible {\n  outline: 1px solid var(--dsw-alias-brand-primary);\n  outline-offset: -1px;\n}\n\n/* 子会话导航行：与清单行同语言（边框与底色不铺，见 `trash-detail.tsx` 的 SUBAGENT_ROW）。\n   标题是主要信息，取 primary；折叠头那套类把行色钉成 tertiary，这里显式覆盖。\n   大小/时间仍由各自的 `BLOCK_META` 保持 tertiary。 */\n[data-dsh-session-delete=\"trash-subagent-row\"],\n[data-dsh-session-delete=\"trash-subagent-row\"]:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n[data-dsh-session-delete=\"trash-subagent-row\"]:hover {\n  background: var(--sd-interactive-bg-hover);\n}\n\n/*\n * 分组头的开合指示：与宿主工作区行同法（`Rows.module.css` 的 `.projectRow` 那一族）——\n * 默认显示**官方文件夹图标**（展开=开盖 `IconFolderOpenRegular`、收起=闭盒 `IconFolderCloseRegular`）；\n * 鼠标经过时文件夹隐去、换成**实心三角**并旋转 90°（150ms，宿主原文的时长）。\n * 触屏没有 hover，文件夹本身就是开合状态；键盘用户的 aria-expanded 仍在按钮上。\n */\n[data-dsh-session-delete=\"trash-group-row\"] .sd-group-chevron {\n  display: none;\n}\n\n@media (hover: hover) {\n  [data-dsh-session-delete=\"trash-group-row\"]:hover .sd-group-chevron {\n    display: inline-flex;\n  }\n\n  [data-dsh-session-delete=\"trash-group-row\"]:hover .sd-group-folder {\n    display: none;\n  }\n}\n\n.sd-group-arrow {\n  display: inline-flex;\n  transition: transform 150ms ease-in-out;\n}\n\n.sd-group-arrow-open {\n  transform: rotate(90deg);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sd-icon-btn,\n  .sd-seg button {\n    transition: none;\n  }\n\n  .sd-group-arrow {\n    transition: none;\n  }\n}\n";
+		//#endregion
 		//#region src/client/ui/markdown.css?dsh-css-text
 		var markdown_default = "/**\r\n * 回收站详情里**会话正文**的排版（2026-10-15 真机反馈后新增）。\r\n *\r\n * 为什么单独一个文件而不并进 `ui.css`：`ui.css` 是\"照官方 primitives 逐字抄来的那一份表\"，\r\n * 那条 fidelity 核对（`docs/development.md` 的界面保真复核门）要的是它与官方明文**逐属性零差异**，只许文件头点名的几类例外\r\n * （类名前缀、`@keyframes` 改名，外加它点名的自造与已声明的差别）；条数不钉在这里，钉了就会漂成假基线。这一份抄的是\r\n * **另一个来源**（宿主 markdown 那一张表），混进去就把那份核对弄脏了。\r\n *\r\n * **来源（逐字抄，只改选择器、下面点名的三处，以及 token 引用走 `--sd-*` 别名层）**：\r\n * `app.asar` 里 `@deepseek-ai/dsh-client-ui-primitives/lib/markdown/MarkdownText.module.css`\r\n * （`.markdown` 那一支；`.compact` 一支我们不用）+ `lib/markdown/CodeBlock.module.css` 的 `pre`。\r\n * 字体简写 `--dsw-font-markdown-*` 与内容字号 `--dsh-content-font-*` 逐字保留：它们是宿主会话区\r\n * 自己吃的那组，宿主调内容字号时这里跟着一起动。配色/几何的 `--dsw-alias-*` / `--dsw-radius-*`\r\n * 走 `ui.css` 头注那层 `--sd-*` 别名（私有 token 带公开兜底）；逐属性复核时按别名还原成它引用的\r\n * `--dsw-*` 再比，不把别名层算成抄本差异。\r\n *\r\n * 三处**有意**的差异，每条都是因为我们的 DOM 长不出宿主那个节点：\r\n * ① 宿主给表包一层 `.tableScroll`（div）再横向滚动；react-markdown 不产这层 ⇒ 滚动挂在 `table`\r\n *    自己身上（`display:block` + 匿名表盒）。这条得真机量过才算成立。\r\n * ② 宿主的代码卡有 banner 行（语言名 + 复制），四个圆角被拆成\"上圆角在 banner、下圆角在 pre\"；\r\n *    我们没有 banner ⇒ 圆角整块给 `pre`。\r\n * ③ 宿主的链接可点（点开外链/文件），我们不碰宿主导航，链接渲成不可点的文本 ⇒ 保留链接色与字重，\r\n *    **去掉** hover 的下划线（那是\"点我\"的邀请）。\r\n *\r\n * 抄过来但用不上的选择器已删：`.fileLink` / `.fileMention` / `.linkIcon` / `.image` / `.imageAlt`\r\n * （图片渲成本地化占位，见 `copy.ts` 的 `detail.image` / `detail.image.alt`）/ `.katex-display` /\r\n * `:global(.md-code-block)` / `.shiki`（高亮由宿主的 highlighter 提供，我们没有）。\r\n */\r\n.sd-md {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  font: var(--dsw-font-markdown-base);\r\n  color: var(--dsw-alias-label-primary);\r\n}\r\n\r\n.sd-md strong {\r\n  font-weight: 600;\r\n}\r\n\r\n.sd-md h1 {\r\n  font: var(--dsw-font-markdown-h1);\r\n  margin: 32px 0 16px;\r\n}\r\n\r\n.sd-md h2 {\r\n  font: var(--dsw-font-markdown-h2);\r\n  margin: 32px 0 16px;\r\n}\r\n\r\n.sd-md h3 {\r\n  font: var(--dsw-font-markdown-h3);\r\n  margin: 32px 0 16px;\r\n}\r\n\r\n.sd-md h4 {\r\n  font: var(--dsw-font-markdown-h4);\r\n  margin: 16px 0;\r\n}\r\n\r\n.sd-md :where(h5, h6) {\r\n  font: var(--dsw-font-markdown-base-strong);\r\n  margin: 16px 0;\r\n}\r\n\r\n.sd-md :where(h1, h2, h3, h4, h5, h6) strong {\r\n  font-weight: inherit;\r\n}\r\n\r\n.sd-md p {\r\n  margin: 16px 0;\r\n}\r\n\r\n/* Tighten h4–h6 against a following list (design: 8px gap). */\r\n.sd-md :where(h4, h5, h6) + :where(ul, ol) {\r\n  margin-top: 8px;\r\n}\r\n\r\n.sd-md :where(h4, h5, h6):has(+ :where(ul, ol)) {\r\n  margin-bottom: 8px;\r\n}\r\n\r\n/* 见文件头差异③：颜色与字重照抄，hover 的 dotted 下划线不抄——这里没有可点的东西。 */\r\n.sd-md-link {\r\n  color: var(--sd-link);\r\n  font-weight: 500;\r\n}\r\n\r\n.sd-md :where(ul, ol) {\r\n  margin: 16px 0;\r\n  padding-left: 18px;\r\n}\r\n\r\n.sd-md li:not(:first-child) {\r\n  margin-top: 6px;\r\n}\r\n\r\n.sd-md li > :where(ul, ol) {\r\n  margin-top: 4px;\r\n}\r\n\r\n.sd-md li::marker {\r\n  line-height: 24px;\r\n  color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n/* Nested ol under ul/ol: markers inside (models sometimes emit this shape). */\r\n.sd-md :where(ul, ol) ol {\r\n  list-style-position: inside;\r\n  padding-left: 0;\r\n}\r\n\r\n.sd-md :where(ul, ol) ol li p {\r\n  display: inline;\r\n}\r\n\r\n.sd-md li > p {\r\n  margin: 8px 0;\r\n}\r\n\r\n.sd-md li > *:first-child {\r\n  margin-top: 0;\r\n}\r\n\r\n.sd-md li > *:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.sd-md hr {\r\n  display: block;\r\n  border: none;\r\n  height: 0.5px;\r\n  margin: 32px 0;\r\n  background: var(--dsw-alias-border-l2);\r\n}\r\n\r\n.sd-md blockquote {\r\n  border-left: 2px solid var(--sd-label-caption);\r\n  margin: 16px 0 0;\r\n  padding-left: 14px;\r\n}\r\n\r\n/* 代码卡：宿主的卡片由 `.block`（底色+圆角）与其内 `pre`（字号+内边距）两层拼成。\r\n   我们只有 `pre` 这一层，所以两层的声明合成在这里——见文件头差异②。 */\r\n.sd-md pre {\r\n  font: var(--dsw-font-markdown-code-block);\r\n  margin: 16px 0;\r\n  padding: 16px;\r\n  color: var(--dsw-alias-label-primary);\r\n  background: var(--sd-markdown-code-block);\r\n  border-radius: var(--sd-radius-lg);\r\n  overflow-x: auto;\r\n  white-space: pre-wrap;\r\n  word-break: break-all;\r\n}\r\n\r\n.sd-md pre code {\r\n  font: inherit;\r\n  background: none;\r\n  padding: 0;\r\n}\r\n\r\n.sd-md :not(pre) > code {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  font: var(--dsw-font-markdown-code);\r\n  font-family: var(--ds-font-family-code);\r\n  font-size: 0.875em !important;\r\n  background-color: var(--sd-markdown-inline-code);\r\n  border: 0.5px solid var(--dsw-alias-border-l1);\r\n  border-radius: var(--sd-radius-sm);\r\n  padding: 0 5px;\r\n}\r\n\r\n.sd-md :where(h1, h2, h3, h4, h5, h6) code {\r\n  font: inherit;\r\n  font-family: var(--ds-font-family-code);\r\n}\r\n\r\n.sd-md input[type='checkbox'] {\r\n  margin: 0 8px 0 0;\r\n  accent-color: var(--dsw-alias-label-secondary);\r\n}\r\n\r\n/* 见文件头差异①：宿主是 `.tableScroll > table`，我们没有那层 div。 */\r\n.sd-md table {\r\n  display: block;\r\n  box-sizing: border-box;\r\n  max-width: 100%;\r\n  overflow-x: auto;\r\n  overscroll-behavior-x: contain;\r\n  border-collapse: collapse;\r\n  width: max-content;\r\n}\r\n\r\n.sd-md th {\r\n  text-align: start;\r\n  padding: 10px 16px;\r\n  border-bottom: 0.5px solid var(--sd-border-l3);\r\n  border-top: none;\r\n  font: var(--dsw-font-markdown-table-head);\r\n  max-width: 320px;\r\n  max-width: min(30vw, 320px);\r\n  min-width: 100px;\r\n}\r\n\r\n.sd-md td {\r\n  padding: 10px 16px;\r\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\r\n  font: var(--dsw-font-markdown-table);\r\n  max-width: 320px;\r\n  max-width: min(30vw, 320px);\r\n  min-width: 100px;\r\n}\r\n\r\n.sd-md th:first-child,\r\n.sd-md td:first-child {\r\n  padding-left: 0;\r\n}\r\n\r\n.sd-md td:last-child {\r\n  padding-right: 0;\r\n}\r\n\r\n.sd-md table code {\r\n  font-size: 11px;\r\n}\r\n\r\n.sd-md > *:first-child,\r\n.sd-md p:first-child {\r\n  margin-top: 0 !important;\r\n}\r\n\r\n.sd-md > *:last-child,\r\n.sd-md p:last-child {\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n/* 图片在回收站里读不到（路径属于会话当时的 cwd），渲成一句说明，字色用宿主的 tertiary。 */\r\n.sd-md-image {\r\n  color: var(--sd-label-tertiary);\r\n  font-style: italic;\r\n}\r\n";
 		//#endregion
 		//#region src/client/ui/styles.ts
 		/**
-		* 本插件控件的样式装载：把 `ui.css` 的文本挂成一个 `<style>`，**每个 ui 组件 import 本模块**
-		* （副作用导入），所以「组件在屏幕上」必然等于「样式在场」。
+		* 本插件控件的样式装载：把 `ui.css` / `markdown.css` / `forms.css` / `layout.css` 的文本挂成一个 `<style>`，
+		* **每个 ui 组件 import 本模块**（副作用导入），所以「组件在屏幕上」必然等于「样式在场」。
 		*
 		* 为什么是往 DOM 里注 `<style>`、而不是构建期抽成 `.css` 资产：
 		* 宿主对客户端插件的样式**本来就有这条一等公民通道**——浏览器半的模块表在**工厂物化**
@@ -1748,7 +1930,7 @@ window.__ModuleLoader__.load({
 			if (head.querySelector(`style[data-dsh-session-delete="${STYLE_MARKER}"]`) !== null) return;
 			const element = document.createElement("style");
 			element.setAttribute("data-dsh-session-delete", STYLE_MARKER);
-			element.textContent = `${ui_default}\n${markdown_default}`;
+			element.textContent = `${ui_default}\n${markdown_default}\n${forms_default}\n${layout_default}`;
 			head.appendChild(element);
 		}
 		install();
@@ -1760,15 +1942,27 @@ window.__ModuleLoader__.load({
 		* `pointerdown` 置真、`keydown` 置假）。官方还会据此发布 `data-input-modality` 去控制焦点环的
 		* 显隐，**那件事不复制**：宿主自己那份 primitives 已经在同一份文档上发布了它，我们再来一份就是
 		* 两个写入者抢同一个属性。
+		*
+		* 监听器归 `apply` 的 effect（`src/client/index.tsx` 的 `installPointerModality`）：用户在
+		* 卸载 / HMR 换代时要把它们摘掉，模块作用域装上就没人负责收了。样式本身仍是模块作用域——
+		* 宿主在工厂物化时认领 `<style>` 并在条目卸载时统一摘除，这是它给插件 UI 的正式通道。
 		*/
 		let pointerModality = false;
-		if (typeof window !== "undefined") {
-			window.addEventListener("pointerdown", () => {
+		/** 装上两个捕获阶段的监听器，返回摘除函数。重复调用会装两套，所以调用点只该是 `apply` 的一个 effect。 */
+		function installPointerModality() {
+			if (typeof window === "undefined") return () => void 0;
+			const onPointerDown = () => {
 				pointerModality = true;
-			}, true);
-			window.addEventListener("keydown", () => {
+			};
+			const onKeyDown = () => {
 				pointerModality = false;
-			}, true);
+			};
+			window.addEventListener("pointerdown", onPointerDown, true);
+			window.addEventListener("keydown", onKeyDown, true);
+			return () => {
+				window.removeEventListener("pointerdown", onPointerDown, true);
+				window.removeEventListener("keydown", onKeyDown, true);
+			};
 		}
 		/** 最近一次输入是否来自指针（仅本插件自用）。 */
 		function isPointerModality() {
@@ -3352,11 +3546,32 @@ window.__ModuleLoader__.load({
 			border: "0.5px solid var(--sd-border-l4)",
 			borderRadius: "var(--sd-radius-lg)"
 		};
-		/** 选中行：底色与描边都换成宿主"选中"那一档（`trash-panel.tsx` 头注里有这两枚 token 的实测取值）。 */
-		const CARD_SELECTED = {
-			...CARD,
-			background: "var(--sd-button-ghost-active-fill)",
-			border: "0.5px solid var(--sd-button-ghost-active-border)"
+		/**
+		* 清单条目行：与 `CARD` 同族但**不铺底、不描边**。
+		*
+		* 为什么和 `CARD` 分成两份而不改 `CARD`：`CARD` 还被读数失败块与附件回执块借用（`trash-panel.tsx`
+		* 的 `role="status"`、`attachment-view.tsx`），那一类是"要打断你视线的一块"，带底色和边框才对；
+		* 清单行是"一列可以扫的东西"，边框叠出来就是 2010 年代后台面板的长相。
+		*
+		* 悬停底色与动作列的低强调/提亮住在 `ui/layout.css`：inline style 表达不了 `:hover` /
+		* `:focus-within`，而 `ui.css` 是照宿主明文逐字抄的对照表，混进自造规则会把保真复核弄脏
+		* （同 `forms.css` 文件头给的理由）。
+		*/
+		const ROW = {
+			display: "flex",
+			alignItems: "center",
+			gap: 12,
+			minWidth: 0,
+			padding: "8px 10px",
+			borderRadius: "var(--sd-radius-lg)"
+		};
+		/**
+		* 选中行：底色用 inline style **故意压在** `layout.css` 的悬停底色之上——元素上的声明优先于
+		* 样式表里的 `:hover` 规则，选中与悬停同时成立时看到的是选中那一档，不会闪。
+		*/
+		const ROW_SELECTED = {
+			...ROW,
+			background: "var(--sd-button-ghost-active-fill)"
 		};
 		/**
 		* **整页唯一那块实心红**的写法：`variant="primary"` + 在元素上覆盖 primary 那对填充 token。
@@ -3379,24 +3594,343 @@ window.__ModuleLoader__.load({
 			const bare = unescapeProjectKey(projectDir.replace(/^--/, "").replace(/--$/, ""));
 			return bare === "" || bare === "_no-cwd" ? t("trash.project.unknown") : bare;
 		}
-		/** 按项目分组：组内按删除时间倒序，组间按各组最新一条倒序（刚删掉的那个项目排在最上面）。 */
+		/**
+		* 「未分组」组的键：工作区已从宿主账本删掉（`workspaceMissing`）的条目都归这里。
+		* 哨兵值不与真实 `projectDir` 同形——空 cwd 已经由 `projectLabel` 念成「未记录项目」，
+		* 两者不是同一件事，不能撞键。
+		*/
+		const UNGROUPED_PROJECT_DIR = "__dsh-session-delete__ungrouped";
+		function groupKeyOf(entry) {
+			return entry.workspaceMissing === true ? UNGROUPED_PROJECT_DIR : entry.projectDir;
+		}
+		/** 按项目分组：组内按删除时间倒序，组间按各组最新一条倒序（刚删掉的那个项目排在最上面）。
+		*  工作区已不存在的条目统一进「未分组」组，且该组永远沉底——它不是一个可比较的项目。 */
 		function groupByProject(entries, t) {
 			const byProject = /* @__PURE__ */ new Map();
 			for (const entry of [...entries].sort((a, b) => b.deletedAt - a.deletedAt)) {
-				const list = byProject.get(entry.projectDir);
-				if (list === void 0) byProject.set(entry.projectDir, [entry]);
+				const key = groupKeyOf(entry);
+				const list = byProject.get(key);
+				if (list === void 0) byProject.set(key, [entry]);
 				else list.push(entry);
 			}
 			return [...byProject].flatMap(([projectDir, list]) => {
 				const first = list[0];
 				if (first === void 0) return [];
+				const ungrouped = projectDir === UNGROUPED_PROJECT_DIR;
+				const label = ungrouped ? t("trash.group.ungrouped") : projectLabel(projectDir, t);
 				return [{
 					projectDir,
-					label: projectLabel(projectDir, t),
+					label,
+					title: ungrouped ? label : projectDir,
+					ungrouped,
 					latest: first.deletedAt,
 					entries: list
 				}];
-			}).sort((a, b) => b.latest - a.latest);
+			}).sort((a, b) => {
+				if (a.ungrouped !== b.ungrouped) return a.ungrouped ? 1 : -1;
+				return b.latest - a.latest;
+			});
+		}
+		//#endregion
+		//#region src/client/settings-view.ts
+		/** 设置页卡片外壳：`gap` 是这一张卡自己的内容节奏，其余两张贴一样。 */
+		const settingsCardShell = (gap) => ({
+			...CARD,
+			flexDirection: "column",
+			alignItems: "stretch",
+			gap,
+			width: "100%",
+			boxSizing: "border-box",
+			padding: "14px 16px"
+		});
+		//#endregion
+		//#region src/client/config-settings.tsx
+		/**
+		* 插件设置页的「可调项」卡：三只数字输入 + 保存（ADR-0043；ADR-0037 留下的「自绘表单」那条路）。
+		*
+		* 为什么自绘而不是等宿主投影：`Config` 是手写 Standard Schema，宿主的字段投影只认 native
+		* Schemastery（ADR-0037 的实测）；把宿主 schema 库值 import 进本插件会破「跨插件一律 import type」。
+		* 所以这里画三个输入，保存走 `/config` 的写支（`configEditor.edit`）。写会让 **Node 半**
+		* 这一行重启；浏览器半不随之卸载，卡片用保存回执回填，重开插件页 / 刷新页面才会重新读一次。
+		* `config.saved` 只说明"这一轮已经交出去"，不是"页面完成了一次重新读取"。
+		*
+		* 表单只做本地校验（`CONFIG_LIMITS` 与 Node 半归一同一格）；服务端的 400 / io 原文在状态行上屏，
+		* 不吞、不改写。读与写都只在用户动作或挂载时发生，没有定时器。
+		*/
+		/** 卡片外壳：与「维护」卡同款，只差本卡的内容节奏。 */
+		const CARD_SHELL$1 = settingsCardShell(14);
+		/** 三个字段的顺序、文案与单位：键名与线上契约同字，顺序就是表单从上到下的顺序。 */
+		const FIELDS = [
+			{
+				key: "orphanPreviewLimit",
+				label: "config.orphanPreviewLimit",
+				unit: "config.unit.items"
+			},
+			{
+				key: "maxAttachmentBytes",
+				label: "config.maxAttachmentBytes",
+				unit: "config.unit.bytes"
+			},
+			{
+				key: "maxJsonRefBytes",
+				label: "config.maxJsonRefBytes",
+				unit: "config.unit.bytes"
+			}
+		];
+		function draftOf(config) {
+			return {
+				orphanPreviewLimit: String(config.orphanPreviewLimit),
+				maxAttachmentBytes: String(config.maxAttachmentBytes),
+				maxJsonRefBytes: String(config.maxJsonRefBytes)
+			};
+		}
+		/** 空串 / 小数 / 越界都是同一句「需为 min–max 的整数」；第一个不合格的字段决定报在哪一行。 */
+		function parseDraft(draft) {
+			const value = {
+				orphanPreviewLimit: 0,
+				maxAttachmentBytes: 0,
+				maxJsonRefBytes: 0
+			};
+			for (const { key } of FIELDS) {
+				const raw = draft[key].trim();
+				const parsed = raw === "" ? NaN : Number(raw);
+				const { min, max } = CONFIG_LIMITS[key];
+				if (!Number.isInteger(parsed) || parsed < min || parsed > max) return {
+					ok: false,
+					bad: key
+				};
+				value[key] = parsed;
+			}
+			return {
+				ok: true,
+				value
+			};
+		}
+		function ConfigCard({ config, saveConfig, t }) {
+			const idPrefix = (0, react.useId)();
+			const [phase, setPhase] = (0, react.useState)("loading");
+			const [current, setCurrent] = (0, react.useState)(null);
+			const [draft, setDraft] = (0, react.useState)(null);
+			const [failure, setFailure] = (0, react.useState)(null);
+			const [saving, setSaving] = (0, react.useState)(false);
+			const [saved, setSaved] = (0, react.useState)(false);
+			const [reload, setReload] = (0, react.useState)(0);
+			(0, react.useEffect)(() => {
+				let alive = true;
+				setPhase("loading");
+				setFailure(null);
+				setSaved(false);
+				config().then((value) => {
+					if (!alive) return;
+					setCurrent(value);
+					setDraft(draftOf(value));
+					setPhase("ready");
+				}).catch((error) => {
+					if (!alive) return;
+					setPhase("failed");
+					setFailure(error instanceof Error ? error.message : String(error));
+				});
+				return () => {
+					alive = false;
+				};
+			}, [config, reload]);
+			const parsed = draft === null ? {
+				ok: false,
+				bad: null
+			} : parseDraft(draft);
+			const dirty = current !== null && parsed.ok && FIELDS.some(({ key }) => parsed.value[key] !== current[key]);
+			const submit = () => {
+				if (saving || !parsed.ok || !dirty) return;
+				setSaving(true);
+				setFailure(null);
+				setSaved(false);
+				saveConfig(parsed.value).then((value) => {
+					setCurrent(value);
+					setDraft(draftOf(value));
+					setSaved(true);
+				}).catch((error) => {
+					setFailure(error instanceof Error ? error.message : String(error));
+				}).finally(() => {
+					setSaving(false);
+				});
+			};
+			if (phase === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					fontSize: 12,
+					lineHeight: "17px",
+					color: "var(--sd-label-tertiary)"
+				},
+				children: t("config.loading")
+			});
+			if (phase === "failed") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 8
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					role: "alert",
+					style: {
+						fontSize: 12,
+						lineHeight: "17px",
+						color: "var(--dsw-alias-state-error-primary)"
+					},
+					children: t("config.loadFailed", { message: failure ?? "" })
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => {
+						setReload((n) => n + 1);
+					},
+					children: t("config.retry")
+				}) })]
+			});
+			const status = failure !== null ? t("config.saveFailed", { message: failure }) : saved ? t("config.saved") : !parsed.ok || dirty ? "" : t("config.unchanged");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+				"aria-busy": saving,
+				onSubmit: (event) => {
+					event.preventDefault();
+					submit();
+				},
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 10
+				},
+				children: [FIELDS.map(({ key, label, unit }) => {
+					const { min, max } = CONFIG_LIMITS[key];
+					const id = `${idPrefix}-${key}`;
+					const bad = !parsed.ok && parsed.bad === key;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						"data-dsh-session-delete": `config-${key}`,
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							gap: 3
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: 10,
+								flexWrap: "wrap"
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+									htmlFor: id,
+									style: {
+										flex: "1 1 220px",
+										fontSize: 13,
+										lineHeight: "19px"
+									},
+									children: t(label)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									id,
+									className: "sd-config-input",
+									type: "number",
+									inputMode: "numeric",
+									step: 1,
+									min,
+									max,
+									disabled: saving,
+									value: draft?.[key] ?? "",
+									"aria-invalid": bad || void 0,
+									onChange: (event) => {
+										const next = event.target.value;
+										setDraft((old) => old === null ? old : {
+											...old,
+											[key]: next
+										});
+										setSaved(false);
+										setFailure(null);
+									}
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: {
+										fontSize: 12,
+										lineHeight: "17px",
+										color: "var(--sd-label-tertiary)"
+									},
+									children: t(unit)
+								})
+							]
+						}), bad ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							role: "alert",
+							style: {
+								fontSize: 12,
+								lineHeight: "17px",
+								color: "var(--dsw-alias-state-error-primary)"
+							},
+							children: t("config.invalid", {
+								min,
+								max
+							})
+						}) : null]
+					}, key);
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 10,
+						flexWrap: "wrap"
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+						variant: "primary",
+						size: "sm",
+						type: "submit",
+						disabled: !parsed.ok || !dirty || saving,
+						children: saving ? t("config.saving") : t("config.save")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						role: "status",
+						style: {
+							fontSize: 12,
+							lineHeight: "17px",
+							color: "var(--sd-label-tertiary)"
+						},
+						children: status
+					})]
+				})]
+			});
+		}
+		/**
+		* 卡片入口：两个方法都在才渲染。`useMaintenance` 与 `MaintenanceSettings` 的测试替身只造维护四件，
+		* 所以在那些用例里本卡整体缺席——不让"没给配置 deps"变成一次假渲染。
+		*/
+		function ConfigSettings({ deps, t = zhTranslate }) {
+			const config = deps.config;
+			const saveConfig = deps.saveConfig;
+			if (config === void 0 || saveConfig === void 0) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				"data-dsh-session-delete": "config-card",
+				style: CARD_SHELL$1,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 2
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							fontSize: 16,
+							fontWeight: 600,
+							lineHeight: "24px"
+						},
+						children: t("config.title")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							fontSize: 12,
+							lineHeight: "17px",
+							color: "var(--sd-label-tertiary)"
+						},
+						children: t("config.hint")
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfigCard, {
+					config,
+					saveConfig,
+					t
+				})]
+			});
 		}
 		//#endregion
 		//#region src/client/attachment-view.tsx
@@ -3776,6 +4310,8 @@ window.__ModuleLoader__.load({
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap"
 		};
+		/** 数字等宽：清单行、信息表与计量行共用一处，读数横着扫时才不抖。 */
+		const TABULAR_NUMS = { fontVariantNumeric: "tabular-nums" };
 		//#endregion
 		//#region src/client/trash-confirm.tsx
 		/** 弹出的一批卡片（逐条说清这一批有哪些）：长清单在框内滚，标题与动作行留在框里。 */
@@ -4239,16 +4775,8 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/maintenance-settings.tsx
-		/** 卡片外壳：按内容高、铺满宿主给的宽度；不假设自己住在中央面板里（没有 `height:100%`）。 */
-		const CARD_SHELL = {
-			...CARD,
-			flexDirection: "column",
-			alignItems: "stretch",
-			gap: 18,
-			width: "100%",
-			boxSizing: "border-box",
-			padding: "14px 16px"
-		};
+		/** 卡片外壳：与「可调项」卡同款，只差本卡的内容节奏。 */
+		const CARD_SHELL = settingsCardShell(18);
 		/** 一段的标题行：标题 + 说明 + 状态 + 检查按钮。状态按优先级：清理中 / 检查中 / 检查失败 / 尚未检查 / 没有发现 / N。 */
 		function MaintenanceSection({ slot, title, hint, count, countKey, section, onScan, t, children }) {
 			const status = statusText({
@@ -4439,12 +4967,11 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		function MaintenanceSettings({ deps, t = zhTranslate, view }) {
+		function MaintenanceSettings({ deps, t = zhTranslate }) {
 			const maintenance = useMaintenance({
 				deps,
 				t
 			});
-			if (view === "summary") return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				"data-dsh-session-delete": "maintenance-card",
 				style: CARD_SHELL,
@@ -4489,6 +5016,18 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/settings-cards.tsx
+		function SettingsCards({ deps, t = zhTranslate, view }) {
+			if (view === "summary") return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfigSettings, {
+				deps,
+				t
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MaintenanceSettings, {
+				deps,
+				t
+			})] });
+		}
+		//#endregion
 		//#region src/client/trash-entry.tsx
 		/**
 		* 侧栏面板列表里的「回收站」行图标（`sidebar.panellist` 的占用者；docs/ui-spec.md 状态 ④ 的入口那一行）。
@@ -26474,6 +27013,106 @@ window.__ModuleLoader__.load({
 			});
 		}, (prev, next) => prev.text === next.text && prev.probe === next.probe);
 		//#endregion
+		//#region src/client/detail-blocks.ts
+		function isDisclosureBlock(block) {
+			return block.kind !== "user" && block.kind !== "assistant";
+		}
+		/** 这一批块里有没有对话内容（用户或助手）；简洁档靠它决定还要不要继续往前翻。 */
+		function hasDialogue(blocks) {
+			return blocks.some((block) => !isDisclosureBlock(block));
+		}
+		function threadItems(blocks) {
+			const items = [];
+			let current = null;
+			for (const block of blocks) {
+				if (isDisclosureBlock(block)) {
+					if (current === null) {
+						current = {
+							kind: "process",
+							id: "after:end",
+							blocks: []
+						};
+						items.push(current);
+					}
+					current.blocks.push(block);
+					continue;
+				}
+				if (current !== null) current.id = `after:${block.id}`;
+				current = null;
+				items.push({
+					kind: "block",
+					block
+				});
+			}
+			return items;
+		}
+		function useDetailPager({ blocks, olderCursor, loadingOlder, olderFailure, compact, onLoadOlder, scrollRef }) {
+			/** 更早一页要 prepend 时的块数；换页回来（组件重挂载）这份意图会丢，那是可接受的边界。 */
+			const pendingScroll = (0, react.useRef)(null);
+			/** 简洁档自动连翻的账：起点块数 + 已经连翻了几页。 */
+			const autoOlder = (0, react.useRef)(null);
+			/** 上一次布局后的滚动高度：合并更早一页时用它算**真正插进来的高度**，不把请求在飞期间的
+			*  滚动或折叠变化也算进去。 */
+			const lastHeight = (0, react.useRef)(null);
+			const loadOlder = () => {
+				const element = scrollRef?.current;
+				if (element !== null && element !== void 0) pendingScroll.current = { blocks: blocks.length };
+				autoOlder.current = {
+					blocks: blocks.length,
+					pages: 0
+				};
+				onLoadOlder();
+			};
+			(0, react.useLayoutEffect)(() => {
+				const element = scrollRef?.current;
+				const pending = pendingScroll.current;
+				if (element === null || element === void 0 || pending === null) return;
+				if (blocks.length !== pending.blocks) {
+					pendingScroll.current = null;
+					if (lastHeight.current !== null) element.scrollTop += element.scrollHeight - lastHeight.current;
+					return;
+				}
+				if (!loadingOlder) pendingScroll.current = null;
+			}, [
+				blocks.length,
+				loadingOlder,
+				scrollRef
+			]);
+			(0, react.useLayoutEffect)(() => {
+				const element = scrollRef?.current;
+				if (element !== null && element !== void 0) lastHeight.current = element.scrollHeight;
+			});
+			(0, react.useEffect)(() => {
+				const pending = autoOlder.current;
+				if (pending === null) return;
+				if (blocks.length === pending.blocks) {
+					if (!loadingOlder && olderFailure !== null) autoOlder.current = null;
+					return;
+				}
+				const added = blocks.slice(0, blocks.length - pending.blocks);
+				if (!compact || hasDialogue(added) || olderCursor === null || pending.pages >= 10) {
+					autoOlder.current = null;
+					return;
+				}
+				autoOlder.current = {
+					blocks: blocks.length,
+					pages: pending.pages + 1
+				};
+				const element = scrollRef?.current;
+				if (element !== null && element !== void 0) pendingScroll.current = { blocks: blocks.length };
+				onLoadOlder();
+			}, [
+				blocks.length,
+				olderCursor,
+				loadingOlder,
+				olderFailure,
+				compact,
+				onLoadOlder,
+				scrollRef
+			]);
+			return { loadOlder };
+		}
+		//#endregion
 		//#region src/client/trash-detail.tsx
 		/**
 		* 回收站详情块：只画状态，不取数。选中、缓存、失败与重读都在面板控制器里。
@@ -26483,7 +27122,7 @@ window.__ModuleLoader__.load({
 		* - 标题优先用清册标题，空串才回落到日志的 session/title。
 		* - 正文是**块**：用户/助手文字常显；思考、工具、注入、系统消息、压缩摘要默认折叠，折叠头给
 		*   标签 + 首行摘要（工具另给状态）。注入也铺进正文——这是对宿主 Chat 的有意偏离（它隐藏普通注入，
-		*   而这里的目标是「删之前看全」）；条数另进元信息表。
+		*   而这里的目标是「删之前看全」）；条数另进计量行。
 		*
 		* 助手正文与思考走 Markdown，用户提问保持原话；工具参数/结果走等宽纯文本（限高可滚）。
 		* 附件随块位置渲染：用户气泡之上、助手正文之后、工具展开体末尾。
@@ -26493,17 +27132,25 @@ window.__ModuleLoader__.load({
 			flexDirection: "column",
 			gap: 12,
 			boxSizing: "border-box",
-			height: "100%",
+			minHeight: "100%",
 			minWidth: 0
 		};
 		/** 返回键排在标题之后：排在之前会把整条标题的起点往右挤（docs/ui-spec.md 状态⑥）。
 		*  标题排按紧凑按钮（`ui.css` 的 `.sd-button-sm`）预留高度：宽档父详情没有返回键、孩子视图有，
-		*  不预留时下方元信息会在父子切换时跳 6px。 */
+		*  不预留时下方会话信息会在父子切换时跳 6px。
+		*
+		*  `position: sticky`：长会话读到中段时返回键仍在顶上（触屏没有 Esc 兜底，返回必须常驻）。
+		*  底色用宿主页面底色（`bg-base`）把滚过的正文盖住。 */
 		const HEAD = {
 			display: "flex",
 			alignItems: "flex-start",
 			gap: 10,
-			minHeight: 28
+			minHeight: 28,
+			position: "sticky",
+			top: 0,
+			zIndex: 1,
+			background: "var(--dsw-alias-bg-base)",
+			paddingBottom: 6
 		};
 		const TITLE_LINE = {
 			...ELLIPSIS,
@@ -26514,23 +27161,62 @@ window.__ModuleLoader__.load({
 			lineHeight: "22px"
 		};
 		const BACK = { flex: "none" };
-		/** 元信息那张表：label 一列、值一列，窄档也不横向溢出。 */
+		/**
+		* 会话信息表：一张两列表，行序按「认出这条会话 → 时间定位 → 精确核对 → 调试属性」排
+		* （docs/ui-spec.md 状态⑥）。标签列自动宽、值列吃余宽；长串省略号收、全称走 `title`。
+		* 不做折叠、不做卡片：这类信息是给核对用的，默认就该看得见。
+		*/
 		const META = {
 			display: "grid",
 			gridTemplateColumns: "auto 1fr",
 			gap: "3px 12px",
-			margin: 0,
+			margin: "8px 0 0",
 			fontSize: 12,
-			lineHeight: "17px"
+			lineHeight: "18px"
 		};
 		const META_LABEL = {
 			color: "var(--sd-label-tertiary)",
 			whiteSpace: "nowrap"
 		};
 		const META_VALUE = {
+			...ELLIPSIS,
+			...TABULAR_NUMS,
 			margin: 0,
+			minWidth: 0
+		};
+		const META_CODE = {
+			fontFamily: "var(--ds-font-family-code)",
+			fontSize: 11,
+			color: "var(--dsw-alias-label-secondary)"
+		};
+		/**
+		* 计量行：一行内联的「标签 值」对，自动换行。和表分开是因为它们是**可以横着扫的数字**，
+		* 不是要逐行核对的字符串。不插中点分隔符——分隔符是各语言自己的写法（同 `detail.subagents.header`）。
+		*/
+		const METRICS = {
+			display: "flex",
+			flexWrap: "wrap",
+			gap: "2px 14px",
+			marginTop: 8,
+			minWidth: 0,
+			fontSize: 12,
+			lineHeight: "18px"
+		};
+		const METRIC = {
+			display: "inline-flex",
+			gap: 6,
 			minWidth: 0,
-			wordBreak: "break-word"
+			maxWidth: "100%"
+		};
+		const METRIC_LABEL = {
+			flex: "none",
+			color: "var(--sd-label-tertiary)",
+			whiteSpace: "nowrap"
+		};
+		const METRIC_VALUE = {
+			...ELLIPSIS,
+			...TABULAR_NUMS,
+			minWidth: 0
 		};
 		/**
 		* 线程的行距取宿主那两档里的 12px 那档（`ChatView.module.css` 的 `--dsh-chat-flow-gap`：默认 6px，
@@ -26607,14 +27293,21 @@ window.__ModuleLoader__.load({
 			textAlign: "start",
 			width: "100%",
 			minWidth: 0,
-			gap: 6
+			gap: 8
 		};
-		/** 标签不参与收缩：摘要是 `1 1 auto`，标签若也可缩，长结果会把「工具调用 / 来源」挤成几个字。 */
+		/**
+		* 标签不参与收缩：摘要是 `1 1 auto`，标签若也可缩，长结果会把「工具调用 / 来源」挤成几个字。
+		*
+		* 颜色**不跟着 `.sd-disclosure-row` 继承**：那颗类给的是 `label-tertiary`，而摘要也是 tertiary，
+		* 两截同色只差一个字重，真机上就糊成一句「系统消息You are an AI agent…」。标签提到 secondary，
+		* 摘要留在 tertiary，中间再留 8px，标签才真的像标签。
+		*/
 		const BLOCK_TITLE = {
 			...ELLIPSIS,
 			flex: "none",
 			maxWidth: "50%",
 			fontWeight: 500,
+			color: "var(--dsw-alias-label-secondary)",
 			fontSize: "var(--dsh-content-font-size-secondary, 13px)"
 		};
 		const BLOCK_SUMMARY = {
@@ -26627,7 +27320,7 @@ window.__ModuleLoader__.load({
 		};
 		const BLOCK_META = {
 			flex: "none",
-			fontSize: 11.5,
+			fontSize: 11,
 			lineHeight: "18px",
 			color: "var(--sd-label-tertiary)",
 			whiteSpace: "nowrap"
@@ -26662,25 +27355,31 @@ window.__ModuleLoader__.load({
 			overflow: "auto"
 		};
 		const SECTION_LABEL = {
-			fontSize: 11.5,
+			fontSize: 11,
 			lineHeight: "16px",
 			color: "var(--sd-label-tertiary)"
 		};
 		/**
-		* 子会话行：折叠头同族的可点行，卡片底 + 小圆角；悬停走 sd-disclosure-row 的宿主配方。
-		* 两处内联覆盖各有理由：宿主类给折叠头钉死行高并随之裁溢出，导航行带内边距，须放开
-		* 高度按内容撑开，否则裁字；指针光标宿主只发给带展开语义的行，导航行不借那套语义，
-		* 光标就内联自给。
+		* 子会话行：与清单行同语言的无边框导航行（悬停底色住 `ui/layout.css`）。两处内联覆盖各有理由：
+		* 宿主类给折叠头钉死行高并随之裁溢出，导航行带内边距，须放开高度按内容撑开，否则裁字；
+		* 指针光标宿主只发给带展开语义的行，导航行不借那套语义，光标就内联自给。
+		* 底色与边框不铺——一列带框的行叠起来就是"一叠卡片"，与清单行同一条判据。
 		*/
 		const SUBAGENT_ROW = {
 			...BLOCK_ROW,
-			padding: "6px 10px",
+			padding: "6px 8px",
 			height: "auto",
 			cursor: "pointer",
-			background: "var(--dsw-alias-bg-layer-2)",
-			border: "0.5px solid var(--sd-border-l4)",
 			borderRadius: "var(--sd-radius-md)"
 		};
+		/** 工作步骤分组展开后，里面的过程块再缩进一档（与折叠体的前导对齐，前导宽随内容字号一起变）。 */
+		const PROCESS_BODY = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 4,
+			padding: "2px 0 4px calc(22px + var(--dsh-content-font-delta, 0px))",
+			minWidth: 0
+		};
 		const TOOLBAR$1 = {
 			display: "flex",
 			alignItems: "center",
@@ -26689,7 +27388,7 @@ window.__ModuleLoader__.load({
 			minWidth: 0
 		};
 		const TRUNCATED = {
-			fontSize: 11.5,
+			fontSize: 11,
 			lineHeight: "16px",
 			color: "var(--sd-label-tertiary)"
 		};
@@ -26756,9 +27455,24 @@ window.__ModuleLoader__.load({
 			if (status === "error") return t("detail.block.status.error");
 			return t("detail.block.status.unfinished");
 		}
-		function isDisclosureBlock(block) {
-			return block.kind !== "user" && block.kind !== "assistant";
-		}
+		const VIEW_MODES = [
+			{
+				key: "compact",
+				label: "detail.viewMode.compact"
+			},
+			{
+				key: "standard",
+				label: "detail.viewMode.standard"
+			},
+			{
+				key: "detailed",
+				label: "detail.viewMode.detailed"
+			},
+			{
+				key: "verbose",
+				label: "detail.viewMode.verbose"
+			}
+		];
 		/** 一个可折叠块：折叠头一行（chevron + 标签 + 摘要 + 可选状态 + 时间），展开体由调用方给。 */
 		function Disclosure({ block, label, title, summary, status, time, open, onToggle, children }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -26963,7 +27677,7 @@ window.__ModuleLoader__.load({
 					height: "100%",
 					padding: "24px",
 					textAlign: "center",
-					fontSize: 12.5,
+					fontSize: 12,
 					lineHeight: "18px",
 					color: "var(--sd-label-tertiary)"
 				},
@@ -27062,7 +27776,7 @@ window.__ModuleLoader__.load({
 		function LoadingBody({ t }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				style: {
-					fontSize: 12.5,
+					fontSize: 12,
 					lineHeight: "18px",
 					color: "var(--sd-label-tertiary)"
 				},
@@ -27087,35 +27801,62 @@ window.__ModuleLoader__.load({
 				} }, index))
 			})] });
 		}
-		function Meta({ label, title, children }) {
+		function Meta({ label, title, code, children }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
 				style: META_LABEL,
 				children: label
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
 				style: META_VALUE,
 				title,
-				children
+				children: code === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+					style: META_CODE,
+					children
+				}) : children
 			})] });
 		}
+		/** 计量行里的一对（标签 + 值）：可以横着扫的数字，不占表的行。 */
+		function Metric({ label, value }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				style: METRIC,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					style: METRIC_LABEL,
+					children: label
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					style: METRIC_VALUE,
+					children: value
+				})]
+			});
+		}
 		/**
-		* 有内容：元信息（时间 → 体量 → 位置三组的顺序）+ 子会话段 + 折叠块。
+		* 有内容：会话信息（身份 → 时间 → 核对 → 属性）+ 计量行 + 子会话段 + 工作步骤。
 		*
-		* 页面上**两本账分开读**：元信息里的计数是整条日志的（注入条数也在表里）；
-		* 正文是分页取回来的块。`olderCursor` 非空时顶部出「加载更早」。
-		* 折叠状态只活在这个组件里；切条目用 `key={entry.id}` 重挂载，不会把 A 的展开状态带到 B。
+		* 页面上**两本账分开读**：会话信息里的计数是整条日志的（注入条数也在计量行里）；
+		* 正文是分页取回来的块。`olderCursor` 非空时正文工具栏出「加载更早」。
+		* 工作步骤档位与折叠状态只活在这个组件里；切条目用 `key={entry.id}` 重挂载，不会把 A 的
+		* 展开状态带到 B。
 		*/
 		function ReadyBody({ entry, detail, detailNav, pager, t }) {
 			const { loadingOlder, olderFailure, onLoadOlder, scrollRef } = pager;
+			const [mode, setMode] = (0, react.useState)("standard");
+			/** 标准档「工作步骤」组的开合（按组后那条对话块的 id 记，prepend 不换键）。 */
+			const [openGroups, setOpenGroups] = (0, react.useState)(() => /* @__PURE__ */ new Set());
 			const [open, setOpen] = (0, react.useState)(() => /* @__PURE__ */ new Set());
-			/** 更早一页要 prepend 时的块数；换页回来（组件重挂载）这份意图会丢，那是可接受的边界。 */
-			const pendingScroll = (0, react.useRef)(null);
-			/** 上一次布局后的滚动高度：合并更早一页时用它算**真正插进来的高度**，不把请求在飞期间的
-			*  滚动或折叠变化也算进去。 */
-			const lastHeight = (0, react.useRef)(null);
+			/** 手动「加载更早」、简洁档自动连翻与 prepend 后的滚动锚点整块住在 hook 里。 */
+			const { loadOlder } = useDetailPager({
+				blocks: detail.blocks,
+				olderCursor: detail.olderCursor,
+				loadingOlder,
+				olderFailure,
+				compact: mode === "compact",
+				onLoadOlder,
+				scrollRef
+			});
 			const probe = localeProbe(t);
 			const project = detail.cwd === "" ? t("trash.project.unknown") : detail.cwd;
+			const models = detail.models.join(", ") || "—";
+			const span = spanText(detail.createdAt, detail.lastActivity, t) ?? "—";
 			const disclosureBlocks = detail.blocks.filter(isDisclosureBlock);
-			const allOpen = disclosureBlocks.length > 0 && disclosureBlocks.every((block) => open.has(block.id));
+			const items = threadItems(detail.blocks);
 			const openChild = detailNav.onOpenChild;
 			const toggle = (id) => {
 				setOpen((current) => {
@@ -27125,37 +27866,38 @@ window.__ModuleLoader__.load({
 					return next;
 				});
 			};
-			const toggleAll = () => {
-				setOpen(allOpen ? /* @__PURE__ */ new Set() : new Set(disclosureBlocks.map((block) => block.id)));
+			const toggleGroup = (id) => {
+				setOpenGroups((current) => {
+					const next = new Set(current);
+					if (next.has(id)) next.delete(id);
+					else next.add(id);
+					return next;
+				});
 			};
-			const loadOlder = () => {
-				const element = scrollRef?.current;
-				if (element !== null && element !== void 0) pendingScroll.current = { blocks: detail.blocks.length };
-				onLoadOlder();
+			/** 换档：完全展开 = 详细档 + 把当前全部过程块铺开；离开这一档时收回，档位之间才有可感知的差别。
+			*  之后读者仍可逐条收起（完全展开不是一把锁，只是一次性的默认）。
+			*  切进简洁档时当前页全是过程块 ⇒ 先按同一份预算自动往前翻，不让首屏留白。 */
+			const chooseViewMode = (next) => {
+				setMode(next);
+				if (next === "verbose") {
+					if (mode !== "verbose") setOpen(new Set(disclosureBlocks.map((block) => block.id)));
+				} else if (mode === "verbose") setOpen(/* @__PURE__ */ new Set());
+				if (next === "compact" && mode !== "compact" && detail.blocks.length > 0 && !hasDialogue(detail.blocks) && detail.olderCursor !== null) loadOlder();
 			};
-			(0, react.useLayoutEffect)(() => {
-				const element = scrollRef?.current;
-				const pending = pendingScroll.current;
-				if (element === null || element === void 0 || pending === null) return;
-				if (detail.blocks.length !== pending.blocks) {
-					pendingScroll.current = null;
-					if (lastHeight.current !== null) element.scrollTop += element.scrollHeight - lastHeight.current;
-					return;
-				}
-				if (!loadingOlder) pendingScroll.current = null;
-			}, [
-				detail.blocks.length,
-				loadingOlder,
-				scrollRef
-			]);
-			(0, react.useLayoutEffect)(() => {
-				const element = scrollRef?.current;
-				if (element !== null && element !== void 0) lastHeight.current = element.scrollHeight;
-			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
 					style: META,
 					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
+							label: t("detail.field.project"),
+							title: project,
+							children: project
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
+							label: t("detail.field.models"),
+							title: models,
+							children: models
+						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
 							label: t("detail.field.created"),
 							children: timeText(detail.createdAt)
@@ -27165,62 +27907,53 @@ window.__ModuleLoader__.load({
 							children: timeText(detail.lastActivity)
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
-							label: t("detail.field.span"),
-							children: spanText(detail.createdAt, detail.lastActivity, t) ?? "—"
+							label: t("detail.field.sessionId"),
+							title: entry.sessionId,
+							code: true,
+							children: entry.sessionId
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
-							label: t("detail.field.deletedAt"),
-							children: t("detail.deletedAt.combined", {
-								relative: agoText(entry.deletedAt, Date.now(), t),
-								absolute: absoluteText(entry.deletedAt)
-							})
+							label: t("detail.field.trashDir"),
+							title: entry.id,
+							code: true,
+							children: entry.id
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
+							label: t("detail.field.wasArchived"),
+							children: entry.wasArchived ? t("detail.value.yes") : t("detail.value.no")
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: METRICS,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
 							label: t("detail.field.size"),
-							children: fileSizeText(entry.sizeBytes)
+							value: fileSizeText(entry.sizeBytes)
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+							label: t("detail.field.span"),
+							value: span
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
 							label: t("detail.field.turns"),
-							children: String(detail.turnCount)
+							value: String(detail.turnCount)
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
 							label: t("detail.field.userMessages"),
-							children: String(detail.userMessageCount)
+							value: String(detail.userMessageCount)
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
 							label: t("detail.field.assistantMessages"),
-							children: String(detail.assistantMessageCount)
+							value: String(detail.assistantMessageCount)
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
 							label: t("detail.field.toolCalls"),
-							children: String(detail.toolCallCount)
+							value: String(detail.toolCallCount)
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
 							label: t("detail.field.injections"),
-							children: String(detail.injectedCount)
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
-							label: t("detail.field.models"),
-							children: detail.models.join(", ") || "—"
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
-							label: t("detail.field.project"),
-							title: project,
-							children: project
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
-							label: t("detail.field.sessionId"),
-							title: entry.sessionId,
-							children: entry.sessionId
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
-							label: t("detail.field.trashDir"),
-							title: entry.id,
-							children: entry.id
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Meta, {
-							label: t("detail.field.wasArchived"),
-							children: entry.wasArchived ? t("detail.value.yes") : t("detail.value.no")
+							value: String(detail.injectedCount)
 						})
 					]
 				}),
@@ -27229,7 +27962,7 @@ window.__ModuleLoader__.load({
 					style: {
 						display: "flex",
 						flexDirection: "column",
-						gap: 6
+						gap: 2
 					},
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -27245,8 +27978,18 @@ window.__ModuleLoader__.load({
 							"data-dsh-session-delete": "trash-subagent-row",
 							"data-entry-id": child.id,
 							style: SUBAGENT_ROW,
+							title: t("detail.subagents.open"),
 							onClick: () => openChild(child),
 							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: {
+										display: "inline-flex",
+										flex: "none",
+										color: "var(--sd-label-tertiary)"
+									},
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconBranchOutlineRegular, { size: 14 })
+								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									style: {
 										...ELLIPSIS,
@@ -27262,6 +28005,15 @@ window.__ModuleLoader__.load({
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									style: BLOCK_META,
 									children: agoText(child.deletedAt, Date.now(), t)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: {
+										display: "inline-flex",
+										flex: "none",
+										color: "var(--sd-label-tertiary)"
+									},
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronRightOutlineRegular, { size: 14 })
 								})
 							]
 						}, child.id)),
@@ -27294,13 +28046,20 @@ window.__ModuleLoader__.load({
 							},
 							children: olderFailure
 						}),
-						disclosureBlocks.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							style: { marginLeft: "auto" },
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-								variant: "ghost",
-								size: "sm",
-								onClick: toggleAll,
-								children: allOpen ? t("detail.collapseAll") : t("detail.expandAll")
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "sd-seg",
+								role: "group",
+								"aria-label": t("detail.viewMode.label"),
+								children: VIEW_MODES.map(({ key, label }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									"aria-pressed": mode === key,
+									onClick: () => {
+										chooseViewMode(key);
+									},
+									children: t(label)
+								}, key))
 							})
 						})
 					]
@@ -27308,14 +28067,56 @@ window.__ModuleLoader__.load({
 				detail.blocks.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					style: META_LINE,
 					children: t("detail.noBody")
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					style: THREAD,
-					children: detail.blocks.map((block) => renderBlock(block, {
+					children: [mode === "standard" ? items.map((item) => item.kind === "block" ? renderBlock(item.block, {
+						open,
+						toggle,
+						probe,
+						t
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: "sd-disclosure-row",
+						"data-dsh-session-delete": "trash-process-head",
+						"data-expandable": "",
+						"aria-expanded": openGroups.has(item.id),
+						onClick: () => {
+							toggleGroup(item.id);
+						},
+						style: BLOCK_ROW,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "sd-disclosure-leading",
+								style: { marginRight: 0 },
+								"aria-hidden": "true",
+								children: openGroups.has(item.id) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronDownOutlineRegular, { size: 14 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronRightOutlineRegular, { size: 14 })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: BLOCK_TITLE,
+								children: t("detail.process.header")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: BLOCK_SUMMARY,
+								children: stepsText(item.blocks.length, t)
+							})
+						]
+					}), openGroups.has(item.id) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: PROCESS_BODY,
+						children: item.blocks.map((block) => renderBlock(block, {
+							open,
+							toggle,
+							probe,
+							t
+						}))
+					}) : null] }, item.id)) : detail.blocks.filter((block) => mode !== "compact" || !isDisclosureBlock(block)).map((block) => renderBlock(block, {
 						open,
 						toggle,
 						probe,
 						t
-					}))
+					})), mode === "compact" && detail.blocks.length > 0 && !hasDialogue(detail.blocks) && !loadingOlder ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: META_LINE,
+						children: t(detail.olderCursor === null ? "detail.compact.empty" : "detail.compact.pageOnly")
+					}) : null]
 				})
 			] });
 		}
@@ -28191,10 +28992,11 @@ window.__ModuleLoader__.load({
 		* - 动作留在清单行右侧；详情只负责看，失败原文留在出事的那一行。
 		* - 空态不出现「清空回收站…」；「读不到」与「空的」分开。
 		* - 危险层级：页脚那排的最后一颗是整页唯一的实心红（非多选是「清空回收站…」，
-		*   多选是「彻底删除 N 条」）；行内「彻底删除…」只给字色，不给底色。
+		*   多选是「彻底删除 N 条」）；行内「彻底删除」图标默认只给字色，不铺实心底，悬停才转红。
 		*
-		* 样式：结构与布局用内联样式；配色与圆角走宿主 token；控件样式在 src/client/ui/ui.css，
-		* 由 ui/styles.ts 在模块物化时注入 style。界面规格见 docs/ui-spec.md；
+		* 样式：结构与布局用内联样式；配色与圆角走宿主 token；控件与清单行样式在 `src/client/ui/`
+		* （`ui.css` 是宿主抄本，`forms.css` / `layout.css` 是自造规则），由 `ui/styles.ts` 注入 style。
+		* 界面规格见 docs/ui-spec.md；
 		* 改断点或列宽前先看 SPLIT_MIN_WIDTH、LIST_COLUMN_DEFAULT / LIST_COLUMN_MIN、DETAIL_RESERVE 与 usePanelWidth。
 		*/
 		/** 回收站相对宿主**数据根**的位置。**不写 `~/.dsh/`**：数据根可以是 `$DSH_HOME` 指的别处。
@@ -28206,8 +29008,8 @@ window.__ModuleLoader__.load({
 		* 900 这一档清单为 411，刚好守住两边可读下限。改数字前先同步 DETAIL_RESERVE 与 usePanelWidth。
 		*/
 		const SPLIT_MIN_WIDTH = 900;
-		/** 左栏默认宽：为“行内有动作”设计——两颗按钮约 152px，卡片内边距 28px，
-		*  剩下约 240px 给标题与元信息。可拖范围见 LIST_COLUMN_MIN / DETAIL_RESERVE。 */
+		/** 左栏默认宽：为“行内有动作”设计——两颗 28px 图标按钮加间距与行内边距约 80px，
+		*  剩下约 340px 给标题与元信息。可拖范围见 LIST_COLUMN_MIN / DETAIL_RESERVE。 */
 		const LIST_COLUMN_DEFAULT = 420;
 		/** 左栏下限 330：再窄时「删除于 … · 224KB」那行就会开始被省略号截断。
 		*  按钮 flex:none，不参与这个下限。 */
@@ -28298,8 +29100,9 @@ window.__ModuleLoader__.load({
 			paddingBottom: 8
 		};
 		/**
-		* 行那句「删除于 3小时前」：整句模板住在字典里（两种语言各自钉语序），单位词与绝对串走 `copy.ts`
-		* 那一处——详情那格要的是同一份，别抄成两本账。`now` 桶不套模板："删除于 刚刚前"不是话。
+		* 行那句「删除于 3小时前」：整句模板住在字典里（两种语言各自钉语序），单位词走 `copy.ts`
+		* 的 `unitWord` / `relativeTime`——子会话行的时间读同一族，别抄成两本账。`now` 桶不套模板：
+		* "删除于 刚刚前"不是话。
 		*/
 		function deletedAgo(at, now, t) {
 			const { unit, n } = relativeTime(at, now);
@@ -28333,12 +29136,13 @@ window.__ModuleLoader__.load({
 			/** 详情栏的滚动容器：分页 prepend 后按高度差补偿滚动位置（归 `trash-detail.tsx` 消费）。 */
 			const detailScrollRef = (0, react.useRef)(null);
 			const width = usePanelWidth(rootRef);
+			const wide = width >= SPLIT_MIN_WIDTH;
 			/**
 			* 真走两栏的条件：盒子够宽 **且清单里有东西可看**。空态与读数失败时右栏不出现——那一栏既没有
 			* 可选项也没有动作，白占一半宽度（docs/ui-spec.md）。失败那块自己的「重试」
 			* 负责把清单读回来，读回来之后右栏跟着回来。
 			*/
-			const split = width >= SPLIT_MIN_WIDTH && entries !== null && entries.length > 0;
+			const split = wide && entries !== null && entries.length > 0;
 			/** 两栏之间那根可拖的把手（窄档不渲染它，但 hook 照样得在——不能在条件里调）。 */
 			const resize = useColumnResize({
 				panelWidth: width,
@@ -28482,7 +29286,7 @@ window.__ModuleLoader__.load({
 				}) : view.loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					style: {
 						padding: "20px 2px",
-						fontSize: 12.5,
+						fontSize: 12,
 						color: "var(--sd-label-tertiary)"
 					},
 					children: t("trash.loading")
@@ -28515,7 +29319,7 @@ window.__ModuleLoader__.load({
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							style: {
-								fontSize: 13.5,
+								fontSize: 14,
 								color: "var(--dsw-alias-label-secondary)"
 							},
 							children: t("trash.empty.title")
@@ -28537,7 +29341,7 @@ window.__ModuleLoader__.load({
 					style: {
 						display: "flex",
 						flexDirection: "column",
-						gap: 8,
+						gap: 2,
 						minWidth: 0
 					},
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -28547,7 +29351,8 @@ window.__ModuleLoader__.load({
 							display: "flex",
 							alignItems: "center",
 							gap: 6,
-							minWidth: 0
+							minWidth: 0,
+							marginBottom: 4
 						},
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							role: "gridcell",
@@ -28589,18 +29394,17 @@ window.__ModuleLoader__.load({
 								},
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "sd-disclosure-leading",
+										className: "sd-disclosure-leading sd-group-folder",
 										"aria-hidden": "true",
-										children: isCollapsed(group.projectDir) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronRightOutlineRegular, { size: 14 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronDownOutlineRegular, { size: 14 })
+										children: isCollapsed(group.projectDir) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconFolderCloseRegular, { size: 14 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconFolderOpenRegular, { size: 14 })
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: {
-											display: "inline-flex",
-											flex: "none",
-											color: "var(--sd-label-tertiary)"
-										},
+										className: "sd-disclosure-leading sd-group-chevron",
 										"aria-hidden": "true",
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconFolderOpenOutlineRegular, { size: 13 })
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: isCollapsed(group.projectDir) ? "sd-group-arrow" : "sd-group-arrow sd-group-arrow-open",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconTriangleRightFillRegular, { size: 14 })
+										})
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: "sd-disclosure-title",
@@ -28610,14 +29414,14 @@ window.__ModuleLoader__.load({
 											flex: "1 1 auto",
 											fontWeight: 500
 										},
-										title: group.projectDir,
+										title: group.title,
 										children: group.label
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										style: {
 											marginLeft: "auto",
 											flex: "none",
-											fontSize: 11.5,
+											fontSize: 11,
 											color: "var(--sd-label-tertiary)"
 										},
 										children: t("trash.group.count", { count: group.entries.length })
@@ -28638,7 +29442,7 @@ window.__ModuleLoader__.load({
 							tabIndex: entry.id === nav.tabStopId ? 0 : -1,
 							"data-dsh-session-delete": "trash-row",
 							"data-entry-id": entry.id,
-							style: isSelected ? CARD_SELECTED : CARD,
+							style: isSelected ? ROW_SELECTED : ROW,
 							onClick: () => {
 								if (selectMode) {
 									toggleCheck(entry.id);
@@ -28683,9 +29487,10 @@ window.__ModuleLoader__.load({
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 											style: {
 												...ELLIPSIS,
+												...TABULAR_NUMS,
 												fontSize: 12,
 												lineHeight: "16px",
-												color: "var(--sd-label-tertiary)"
+												color: "var(--dsw-alias-label-secondary)"
 											},
 											title: absoluteText(entry.deletedAt),
 											children: [
@@ -28695,15 +29500,6 @@ window.__ModuleLoader__.load({
 												stranded > 0 ? t("trash.row.strandedSubagents", { n: stranded }) : ""
 											].filter(Boolean).join(" · ")
 										}),
-										entry.workspaceMissing === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											"data-dsh-session-delete": "trash-row-workspace-gone",
-											style: {
-												fontSize: 12,
-												lineHeight: "16px",
-												color: "var(--sd-label-tertiary)"
-											},
-											children: t("trash.row.workspaceGone")
-										}) : null,
 										controller.actionFailure[entry.id] === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 											role: "status",
 											style: {
@@ -28730,23 +29526,25 @@ window.__ModuleLoader__.load({
 									role: "gridcell",
 									style: {
 										display: "flex",
-										gap: 6,
+										gap: 2,
 										flex: "none"
 									},
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-										variant: "outline",
-										size: "sm",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "sd-icon-btn",
+										title: t("trash.row.restore"),
+										"aria-label": t("trash.row.restore"),
 										disabled: controller.busy,
 										onClick: (event) => {
 											event.stopPropagation();
 											controller.restore(entry);
 										},
-										children: t("trash.row.restore")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-										variant: "ghost",
-										size: "sm",
-										style: QUIET_DANGER,
-										icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconTrashOutlineRegular, { size: 13 }),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconRestoreOutlineRegular, { size: 14 })
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "sd-icon-btn sd-icon-btn-danger",
+										title: t("trash.row.purge"),
+										"aria-label": t("trash.row.purgeOne", { title }),
 										disabled: controller.busy,
 										onClick: (event) => {
 											event.stopPropagation();
@@ -28755,7 +29553,7 @@ window.__ModuleLoader__.load({
 												entry
 											});
 										},
-										children: t("trash.row.purge")
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconTrashOutlineRegular, { size: 14 })
 									})]
 								})
 							]
@@ -28828,7 +29626,7 @@ window.__ModuleLoader__.load({
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				ref: rootRef,
 				"data-dsh-session-delete": "trash-panel",
-				className: resize.resizing ? "sd-resizing" : void 0,
+				className: [resize.resizing ? "sd-resizing" : "", wide ? "" : "sd-narrow"].filter(Boolean).join(" ") || void 0,
 				style: PAGE,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -28901,7 +29699,7 @@ window.__ModuleLoader__.load({
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 							style: {
 								minWidth: 0,
-								fontSize: 11.5,
+								fontSize: 11,
 								lineHeight: "16px",
 								color: "var(--sd-label-tertiary)"
 							},
@@ -29134,8 +29932,9 @@ window.__ModuleLoader__.load({
 		* **`locale` 也不在这里**：宿主自己的 `ui-sidebar` 是硬注入它的，但那是"宿主知道自己那一代"的前提；
 		* 本插件要跨代活着 ⇒ 走 `ctx.get('locale')` 可选读，缺席时降级到内置 zh 文案（见 `copy.ts` 头注）。
 		* 写进 inject 就等于"这一代没有 locale 就不让整个客户端条目激活"，而那等于宿主进程死。
-		* **`contextMenus` 同理**：0.2.2+ 用 `ctx.get('contextMenus')` 探测，包本身在 package.json 的
-		* `dsh.client.inject` 里排到前面；旧宿主没有这个服务时回退 legacy 槽位。
+		* **`contextMenus` 同理**：0.2.2+ 用 `ctx.get('contextMenus')` 探测，服务比本条目晚到时按
+		* `ctx.inject(['contextMenus'])` 的 scoped 等待切过去；旧宿主没有这个服务时回调不来，legacy 槽位留着。
+		* 条目自己的 `inject` 仍然只有 `slots`——把可能迟到的服务写进去等于让整个客户端条目 pending。
 		*/
 		const inject = ["slots"];
 		/** legacy 菜单槽：只在 contextMenus 不可用时注册（0.2.2+ 的内置动作已迁到数据动作）。 */
@@ -29250,46 +30049,77 @@ window.__ModuleLoader__.load({
 		*/
 		async function activate(client) {
 			bindMainView(client);
+			let disposed = false;
+			if (typeof client.effect === "function") client.effect(() => () => {
+				disposed = true;
+			}, "session-delete: activation");
 			const raw = createHttpRemote();
 			if (!await probeChannel(raw)) return;
+			if (disposed) return;
 			const deps = buildDeps(raw);
 			const t = createTranslate(client);
-			let usesContextMenus = false;
-			const contextMenus = client.get?.("contextMenus");
-			if (contextMenus !== null && contextMenus !== void 0 && typeof contextMenus.register === "function") {
-				const sessions = client.get?.("sessions");
+			/** 数据动作路径：注册 contextMenus 贡献 + 两个 icon key。返回是否成功接管。 */
+			const registerDataMenus = (target) => {
+				const menus = target.get?.("contextMenus");
+				if (menus === null || menus === void 0 || typeof menus.register !== "function") return false;
+				const sessions = target.get?.("sessions");
 				try {
-					client.effect(() => contextMenus.register(createSessionMenuContribution(t, sessions?.list)), "session-delete: context menu actions");
-					usesContextMenus = true;
+					target.effect(() => menus.register(createSessionMenuContribution(t, sessions?.list)), "session-delete: context menu actions");
 				} catch (error) {
 					console.warn("[dsh-session-delete] context menu 注册失败，回退 legacy 菜单行：", error);
+					return false;
 				}
-				if (usesContextMenus) try {
-					client.slots.inject("contextMenu.icon", () => client.slots.register({
+				try {
+					target.slots.inject("contextMenu.icon", () => target.slots.register({
 						name: "contextMenu.icon",
 						key: ICON_BATCH
 					}, IconCheckOutlineRegular));
-					client.slots.inject("contextMenu.icon", () => client.slots.register({
+					target.slots.inject("contextMenu.icon", () => target.slots.register({
 						name: "contextMenu.icon",
 						key: ICON_DELETE
 					}, IconTrashOutlineRegular));
 				} catch (error) {
 					console.warn("[dsh-session-delete] context menu 图标注册失败：", error);
 				}
-			}
-			if (!usesContextMenus) {
-				client.slots.inject(MENU_SLOT, () => client.slots.register({
+				return true;
+			};
+			/** legacy 菜单行：返回两个注册的摘除函数（宿主对 `slots.inject` 的返回值就是 disposer）。 */
+			const registerLegacyMenus = () => {
+				const disposers = [];
+				const keep = (dispose) => {
+					if (typeof dispose === "function") disposers.push(dispose);
+				};
+				keep(client.slots.inject(MENU_SLOT, () => client.slots.register({
 					name: MENU_SLOT,
 					id: `${PLUGIN_ID}.delete`,
 					order: 900,
 					inject: () => ({ t })
-				}, DeleteRow));
-				client.slots.inject(MENU_SLOT, () => client.slots.register({
+				}, DeleteRow)));
+				keep(client.slots.inject(MENU_SLOT, () => client.slots.register({
 					name: MENU_SLOT,
 					id: `${PLUGIN_ID}.batch-select`,
 					order: 850,
 					inject: () => ({ t })
-				}, SelectRow));
+				}, SelectRow)));
+				return disposers;
+			};
+			if (!registerDataMenus(client)) {
+				const legacy = registerLegacyMenus();
+				let legacyDisposed = false;
+				try {
+					if ("inject" in client) client.inject(["contextMenus"], (child) => {
+						if (!registerDataMenus(child)) return;
+						if (legacyDisposed) return;
+						legacyDisposed = true;
+						for (const dispose of legacy) try {
+							dispose();
+						} catch (error) {
+							console.warn("[dsh-session-delete] legacy 菜单行摘除失败：", error);
+						}
+					});
+				} catch (error) {
+					console.warn("[dsh-session-delete] 等待 contextMenus 就绪失败，legacy 菜单行保留：", error);
+				}
 			}
 			client.slots.inject(LEADING_SLOT, () => client.slots.register({
 				name: LEADING_SLOT,
@@ -29356,7 +30186,7 @@ window.__ModuleLoader__.load({
 					deps,
 					t
 				})
-			}, MaintenanceSettings));
+			}, SettingsCards));
 		}
 		/**
 		* 入口：**同步返回、绝不抛**（见文件头注）。
@@ -29367,7 +30197,11 @@ window.__ModuleLoader__.load({
 		* `ctx.slots.subscribe("sidebar.panellist", syncPanels)`（asar @44795361）。
 		*/
 		function apply(ctx) {
-			activate(ctx).catch((error) => {
+			const client = ctx;
+			if (typeof client.effect === "function") try {
+				client.effect(() => installPointerModality(), "session-delete: pointer modality");
+			} catch {}
+			activate(client).catch((error) => {
 				console.warn("[dsh-session-delete] 入口未注册（取数通道不可用）:", error);
 			});
 		}