dsh-sidenote 0.2.0 → 0.3.1

package/lib/client.js

@@ -4,10 +4,59 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-		let react = require("react");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let react = require("react");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let react_dom_client = require("react-dom/client");
+		//#region src/client/host/probes.ts
+		const PROBES = [
+			{
+				name: "Session.open()（非 staged 会话开窗）",
+				check: (ctx) => {
+					return typeof ctx.sessions?.binding === "function";
+				},
+				fallback: "侧边聊天消息流降级为只发不收"
+			},
+			{
+				name: "conversation.input 输入机器",
+				check: (ctx) => {
+					return typeof (ctx.get?.("conversation"))?.input?.for === "function";
+				},
+				fallback: "侧边 composer 降级为本地草稿 + session.prompt"
+			},
+			{
+				name: "commandUi（斜杠命令注册）",
+				check: (ctx) => {
+					return typeof (ctx.get?.("commandUi"))?.register === "function";
+				},
+				fallback: "/side 与「/侧边」命令不可用（菜单/顶栏入口仍在）"
+			},
+			{
+				name: "ctx.modules.import（动态组件复用）",
+				check: (ctx) => {
+					return typeof ctx.modules?.import === "function";
+				},
+				fallback: "ProducedFiles 等动态复用件降级为自绘"
+			}
+		];
+		/** 激活时跑一遍探测清单；缺失项逐项 warn-once。返回缺失项数（测试可断言）。 */
+		function probeHost(ctx) {
+			let missing = 0;
+			for (const probe of PROBES) {
+				let ok = false;
+				try {
+					ok = probe.check(ctx);
+				} catch {
+					ok = false;
+				}
+				if (!ok) {
+					missing += 1;
+					console.warn(`[dsh-sidenote] 宿主能力缺失：${probe.name} → ${probe.fallback}`);
+				}
+			}
+			return missing;
+		}
+		//#endregion
 		//#region src/client/locales.ts
 		/** 英文词典（key 的权威清单）。 */
 		const en = {
@@ -29,13 +78,24 @@ window.__ModuleLoader__.load({
 			stopped: "Stopped",
 			toolLabel: "Tool",
 			failed: "failed",
+			todoTitle: "Tasks",
+			todoDone: "{n} done",
+			todoDoing: "{n} in progress",
+			todoPending: "{n} pending",
 			running: "running…",
 			inputPlaceholder: "Message… (Enter to send, Shift+Enter for a newline)",
 			modelLabel: "Model: {name}",
+			modelSwitchTitle: "Switch the side chat model",
+			permChipTitle: "Permission mode",
+			permFullAccess: "Full access",
+			pendingNotice: "⚠ 侧边会话有审批/提问待处理——点击跳到主视图处理",
+			writeNotice: "侧边会话与主会话同权限，可以修改文件（当前模式见输入框旁 chip）",
 			modelFollowsMain: "follows main session",
 			stopReply: "Stop",
 			stopReplyTitle: "Stop the current reply",
 			send: "Send",
+			attachTitle: "Attach images",
+			attachRemove: "Remove",
 			imagePlaceholder: "[Image]",
 			toolFallback: "Tool",
 			unknownError: "Unknown error",
@@ -50,6 +110,8 @@ window.__ModuleLoader__.load({
 			cmdNewDetail: "Forked from the current session; evolves independently",
 			cmdFocus: "Focus \"{title}\"",
 			cmdFocusDetail: "Existing side chat",
+			cmdReopen: "Reopen \"{title}\"",
+			cmdReopenDetail: "Recently closed side chat",
 			addToConversation: "Add to conversation",
 			askInSideChat: "Ask in side chat",
 			toolbarAria: "Selection annotations",
@@ -88,7 +150,37 @@ window.__ModuleLoader__.load({
 			reflowChipMany: "{n} side-chat reflows",
 			reflowReason: "brought back from a side chat by the user",
 			reflowBubbleLabel: "Side-chat context",
-			reflowRemoveTitle: "Remove reflow"
+			reflowRemoveTitle: "Remove reflow",
+			termSignal: "Terminated ({signal})",
+			termExitCode: "Exit code {code}",
+			termDone: "done",
+			termNoOutput: "(no output)",
+			termCollapse: "Collapse",
+			termCollapseAria: "Collapse the output",
+			termExpand: "Show all ({n} hidden lines)",
+			termExpandAria: "Show all ({n} hidden lines)",
+			inheritedLabel: "Inherited from main session · up to the fork point · {n}",
+			collapseAll: "Collapse all",
+			expandAll: "Expand all",
+			jumpToLatest: "↓ Jump to latest",
+			reflowAll: "Reflow all",
+			reflowAllTitle: "Bring all Q&A pairs back to the main session",
+			reflowAllDone: "Reflowed ✓",
+			promote: "Save as session",
+			promoteTitle: "Fork this side chat into a standalone session in the main list",
+			promoteDone: "Saved as a regular session — it's open in the main view now",
+			readWindow: "{shown} of {total} lines",
+			searchPathsSummary: "{shown} of {total} paths",
+			searchMatchesSummary: "{shown} of {total} matches in {files} files",
+			searchNoResults: "No results",
+			diffFiles: "{n} files",
+			webNoResults: "No results",
+			webSourcesTruncated: "Source list truncated",
+			webContentTruncated: "Content truncated",
+			parentStripTitle: "Main session status — click to jump back",
+			parentRunning: "Main: running",
+			parentPending: "Main: awaiting approval",
+			parentIdle: "Main: idle"
 		};
 		/** 中文词典（与 en 同 key）。 */
 		const zh = {
@@ -110,13 +202,24 @@ window.__ModuleLoader__.load({
 			stopped: "已停止",
 			toolLabel: "工具",
 			failed: "失败",
+			todoTitle: "任务",
+			todoDone: "{n} 已完成",
+			todoDoing: "{n} 进行中",
+			todoPending: "{n} 待处理",
 			running: "执行中…",
 			inputPlaceholder: "输入消息…（Enter 发送，Shift+Enter 换行）",
 			modelLabel: "模型：{name}",
+			modelSwitchTitle: "切换侧边聊天模型",
+			permChipTitle: "权限模式",
+			permFullAccess: "Full access",
+			pendingNotice: "⚠ 侧边会话有审批/提问待处理——点击跳到主视图处理",
+			writeNotice: "侧边会话与主会话同权限，可以修改文件（当前模式见输入框旁 chip）",
 			modelFollowsMain: "跟随主会话",
 			stopReply: "停止",
 			stopReplyTitle: "停止当前回复",
 			send: "发送",
+			attachTitle: "添加图片附件",
+			attachRemove: "移除",
 			imagePlaceholder: "[图片]",
 			toolFallback: "工具",
 			unknownError: "未知错误",
@@ -131,6 +234,8 @@ window.__ModuleLoader__.load({
 			cmdNewDetail: "从当前会话 fork，独立演进",
 			cmdFocus: "聚焦「{title}」",
 			cmdFocusDetail: "已存在的侧边聊天",
+			cmdReopen: "重开「{title}」",
+			cmdReopenDetail: "最近关闭的侧边聊天",
 			addToConversation: "添加到对话",
 			askInSideChat: "在侧边聊天中提问",
 			toolbarAria: "划选注释",
@@ -169,7 +274,37 @@ window.__ModuleLoader__.load({
 			reflowChipMany: "{n} 条侧边回流",
 			reflowReason: "用户选择从侧边聊天带回主线",
 			reflowBubbleLabel: "含侧边回流上下文",
-			reflowRemoveTitle: "移除回流"
+			reflowRemoveTitle: "移除回流",
+			termSignal: "已终止（{signal}）",
+			termExitCode: "退出码 {code}",
+			termDone: "完成",
+			termNoOutput: "（无输出）",
+			termCollapse: "收起",
+			termCollapseAria: "收起输出",
+			termExpand: "展开全部（隐藏 {n} 行）",
+			termExpandAria: "展开全部（隐藏 {n} 行）",
+			inheritedLabel: "继承自主会话 · 截至 fork 点 · {n} 条",
+			collapseAll: "全部折叠",
+			expandAll: "全部展开",
+			jumpToLatest: "↓ 跳到最新",
+			reflowAll: "整段回流",
+			reflowAllTitle: "把该侧聊全部问答对带回主会话（chip 可预览/逐条撤）",
+			reflowAllDone: "已回流 ✓",
+			promote: "保存为正式会话",
+			promoteTitle: "把侧边聊天转为会话列表里的正式会话",
+			promoteDone: "已保存为正式会话——已在主视图打开",
+			readWindow: "{shown}/{total} 行",
+			searchPathsSummary: "{shown}/{total} 个路径",
+			searchMatchesSummary: "{shown}/{total} 处匹配 · {files} 个文件",
+			searchNoResults: "无结果",
+			diffFiles: "{n} 个文件",
+			webNoResults: "无结果",
+			webSourcesTruncated: "来源列表已截断",
+			webContentTruncated: "内容已截断",
+			parentStripTitle: "主线会话状态——点击回到主对话",
+			parentRunning: "主线：运行中",
+			parentPending: "主线：待审批",
+			parentIdle: "主线：空闲"
 		};
 		let localeService;
 		/** Attach the DSH locale service (call once from the client apply). */
@@ -184,16 +319,16 @@ window.__ModuleLoader__.load({
 		function activeLocale() {
 			return localeService?.getSnapshot().active ?? (typeof navigator !== "undefined" ? navigator.language : "") ?? "en";
 		}
+		/** uSES 快照源（locale-tick.ts 专用出口）：语言字符串本身即快照。 */
+		function localeSnapshot() {
+			return localeService?.getSnapshot().active ?? "en";
+		}
 		/** Translate a copy key; `{name}` placeholders interpolate from `params`. */
 		function t(key, params) {
 			let text = (activeLocale().toLowerCase().startsWith("zh") ? zh : en)[key];
 			if (params !== void 0) for (const [name, value] of Object.entries(params)) text = text.replaceAll(`{${name}}`, String(value));
 			return text;
 		}
-		/** 语言切换时驱动组件重渲（useSyncExternalStore 标准接法）。 */
-		function useLocaleTick() {
-			(0, react.useSyncExternalStore)(subscribeLocale, () => localeService?.getSnapshot().active ?? "en");
-		}
 		//#endregion
 		//#region src/client/reflow.ts
 		/**
@@ -202,8 +337,8 @@ window.__ModuleLoader__.load({
 		* 发送瞬间由 annotate/send.ts 拦截器与注释协议块一起序列化进消息。
 		* 不经草稿文本流（用户裁定：直接进草稿「很脏」）。
 		*
-		* 气泡留痕：序列化形态是**单块 blockquote**（首行为来源说明），bubble.ts
-		* 按首行标记识别并整块折叠为「含侧边回流上下文」标签。
+		* 气泡留痕：序列化形态是 XML 协议块（见 buildReflowBlock），随注释协议块
+		* 一起作为消息连续前缀注入，bubble.ts 反解析后折叠为「含侧边回流上下文」标签。
 		*
 		* 持久化：localStorage 按会话键（dsh-sidenote:reflow:v1:<sessionId>），
 		* 与注释 store 同款纪律（刷新不丢、容错 revive、空删键）。
@@ -213,14 +348,19 @@ window.__ModuleLoader__.load({
 		* 回流块序列化（XML 形态，与注释协议同族）：
 		*
 		*   <reflow source="侧边 2" reason="用户选择从侧边聊天带回主线">
-		*   结论全文（不截断）
+		*   <问>用户在侧边聊天里的提问</问>
+		*   <答>结论全文（不截断）</答>
 		*   </reflow>
 		*
+		* 问答成对：只有答没有问，模型理解打折；question 缺省时只有 <答>。
 		* 来源与意图放在属性里，内容行保持纯净；模型对 XML 包裹的上下文理解最好
 		* （Claude 官方推荐形态 / Codex additionalContext 同款思路）。
 		*/
 		function buildReflowBlock(item) {
-			return `<reflow source="${item.sideTitle}" reason="${t("reflowReason")}">\n${item.text}\n</reflow>`;
+			const parts = [];
+			if (item.question !== void 0 && item.question.trim() !== "") parts.push(`<问>${item.question}</问>`);
+			parts.push(`<答>${item.text}</答>`);
+			return `<reflow source="${item.sideTitle}" reason="${t("reflowReason")}">\n${parts.join("\n")}\n</reflow>`;
 		}
 		function revive(value) {
 			if (typeof value !== "object" || value === null) return null;
@@ -232,6 +372,7 @@ window.__ModuleLoader__.load({
 				sessionId: r.sessionId,
 				sideTitle: r.sideTitle,
 				text: r.text,
+				...typeof r.question === "string" && r.question.trim() !== "" ? { question: r.question } : {},
 				createdAt: typeof r.createdAt === "number" ? r.createdAt : 0
 			};
 		}
@@ -283,12 +424,13 @@ window.__ModuleLoader__.load({
 						listeners.delete(fn);
 					};
 				},
-				add(sessionId, sideTitle, text) {
+				add(sessionId, sideTitle, text, question) {
 					const item = {
 						id: nextId,
 						sessionId,
 						sideTitle,
 						text,
+						...typeof question === "string" && question.trim() !== "" ? { question } : {},
 						createdAt: now()
 					};
 					nextId += 1;
@@ -317,6 +459,87 @@ window.__ModuleLoader__.load({
 		//#region src/client/bridge.ts
 		const sideChatBridge = { current: null };
 		//#endregion
+		//#region src/client/annotate/format.ts
+		/** 协议头（双语）：zh「我批注了以下 2 处内容：」/ en 见 locales。 */
+		function protocolHeader(n) {
+			return t("protocolHeader", { n });
+		}
+		/** One annotation's XML block（无注解时省略 <note>）。 */
+		function formatAnnotationXml(index, item) {
+			const id = item.number ?? index;
+			const note = item.note.trim();
+			return note === "" ? `<annotation id="${id}">\n<quote>${item.text}</quote>\n</annotation>` : `<annotation id="${id}">\n<quote>${item.text}</quote>\n<note>${note}</note>\n</annotation>`;
+		}
+		/** 注释协议块 = 头部句 + 每个注释一个 XML 块（行间无空行，与正文空一行）。 */
+		function buildProtocolBlock(items) {
+			return [protocolHeader(items.length), ...items.map((item, i) => formatAnnotationXml(i + 1, item))].join("\n");
+		}
+		/** 「在侧边聊天中提问」的种子引用（进侧边草稿，不是协议块——保持轻量）。 */
+		function buildSideChatQuote(text, note = "") {
+			return `${text.split("\n").map((line) => line === "" ? ">" : `> ${line}`).join("\n")}\n${note.trim() === "" ? t("noNote") : t("noteLine", { note })}`;
+		}
+		/** 协议头识别（zh/en 都认）：整行匹配。 */
+		const PROTOCOL_HEADER_RE = /^(?:我批注了以下 (\d+) 处内容：|I annotated (\d+) passage\(s\) of the conversation above:)$/;
+		const ANNOTATION_RE = /<annotation id="(\d+)">\s*<quote>([\s\S]*?)<\/quote>\s*(?:<note>([\s\S]*?)<\/note>\s*)?<\/annotation>/y;
+		const REFLOW_RE = /<reflow\s+source="([^"]*)"(?:\s+reason="([^"]*)")?\s*>([\s\S]*?)<\/reflow>/y;
+		/**
+		* 气泡 tooltip / 面板留痕 chip 的展示拍平：剥掉 <问>/<答> 协议标签只留内容行
+		* （协议标签是 wire 形态，不出现在 UI）。仅用于 title 悬浮文案。
+		*/
+		function flattenReflowContent(content) {
+			return content.replace(/<问>([\s\S]*?)<\/问>/g, "$1").replace(/<答>([\s\S]*?)<\/答>/g, "$1");
+		}
+		/** 跳过空白（含换行），返回新位置。 */
+		function skipBlank(text, pos) {
+			while (pos < text.length && /\s/.test(text[pos])) pos += 1;
+			return pos;
+		}
+		/**
+		* 从消息文本开头解析协议前缀（回流块* → 注释块）：任一命中即返回。
+		* 全部不命中返回 null（普通用户消息，零开销）。
+		* 注意：内容里恰好含字面 `</quote>` 会在该处截断解析（已知极限，聊天引用
+		* 场景可忽略；Codex 的 <external_KEY> 同款取舍）。
+		*/
+		function splitProtocolPrefix(text) {
+			let pos = 0;
+			const reflows = [];
+			const annotations = [];
+			for (;;) {
+				REFLOW_RE.lastIndex = pos;
+				const m = REFLOW_RE.exec(text);
+				if (m === null) break;
+				reflows.push({
+					source: m[1] ?? "",
+					content: (m[3] ?? "").trim()
+				});
+				pos = skipBlank(text, REFLOW_RE.lastIndex);
+			}
+			const rest = text.slice(pos);
+			const headerMatch = /^([^\n]*)\n/.exec(rest);
+			if (headerMatch !== null && PROTOCOL_HEADER_RE.test(headerMatch[1] ?? "")) {
+				let cursor = pos + headerMatch[0].length;
+				for (;;) {
+					ANNOTATION_RE.lastIndex = cursor;
+					const m = ANNOTATION_RE.exec(text);
+					if (m === null) break;
+					annotations.push({
+						id: Number(m[1]),
+						quote: m[2] ?? "",
+						note: (m[3] ?? "").trim()
+					});
+					cursor = skipBlank(text, ANNOTATION_RE.lastIndex);
+				}
+				if (annotations.length > 0) pos = cursor;
+				else if (reflows.length === 0) return null;
+			} else if (reflows.length === 0) return null;
+			if (reflows.length === 0 && annotations.length === 0) return null;
+			return {
+				length: skipBlank(text, pos),
+				annotations,
+				reflows
+			};
+		}
+		//#endregion
 		//#region src/client/sidechat/model.ts
 		/** Tab 类型 id（better-sidebar 注册表键；带包前缀防冲突）。 */
 		const SIDE_TAB_TYPE = "dsh-sidenote:side";
@@ -349,6 +572,7 @@ window.__ModuleLoader__.load({
 			if (typeof raw.childId === "string" && raw.childId !== "") out.childId = raw.childId;
 			if (typeof raw.parentSessionId === "string" && raw.parentSessionId !== "") out.parentSessionId = raw.parentSessionId;
 			if (typeof raw.pendingDraft === "string" && raw.pendingDraft !== "") out.pendingDraft = raw.pendingDraft;
+			if (typeof raw.boundarySeq === "number" && Number.isInteger(raw.boundarySeq)) out.boundarySeq = raw.boundarySeq;
 			return out;
 		}
 		/** 清除 meta.pendingDraft（其余字段原样保留）。 */
@@ -415,151 +639,46 @@ window.__ModuleLoader__.load({
 		function appendDraftText(draft, text) {
 			return draft.trim() === "" ? text : `${draft}\n${text}`;
 		}
-		/** 工具结果正文截断上限（面板是窄栏，超长输出不撑爆 DOM）。 */
-		const TOOL_TEXT_LIMIT = 4e3;
-		function truncateText(text, max) {
-			return text.length <= max ? text : `${text.slice(0, max)}…`;
-		}
-		/** ContentBlock[] → 纯文本：text 块拼接；image 块降级占位；其余忽略。 */
-		function contentTextOf(content) {
-			if (!Array.isArray(content)) return "";
-			const parts = [];
-			for (const block of content) {
-				if (typeof block !== "object" || block === null) continue;
-				const b = block;
-				if (b.type === "text" && typeof b.text === "string") parts.push(b.text);
-				else if (b.type === "image") parts.push(t("imagePlaceholder"));
-			}
-			return parts.join("\n");
-		}
-		function seqKey(prefix, node) {
-			return `${prefix}:${typeof node.seq === "number" ? node.seq : "?"}`;
-		}
-		function assistantParts(blocks) {
-			const texts = [];
-			const reasonings = [];
-			let hasToolCall = false;
-			if (Array.isArray(blocks)) for (const block of blocks) {
-				if (typeof block !== "object" || block === null) continue;
-				const b = block;
-				if (b.kind === "text" && typeof b.text === "string") texts.push(b.text);
-				else if (b.kind === "reasoning" && typeof b.text === "string") reasonings.push(b.text);
-				else if (b.kind === "tool-call") hasToolCall = true;
-			}
-			return {
-				text: texts.join("\n\n"),
-				reasoning: reasonings.join("\n\n"),
-				hasToolCall
-			};
-		}
 		/**
-		* 单个 ConversationNode → ChatMessage；返回 null = 面板不渲染
-		* （context 注入、未知面事件、已取消的重试等对读者无信息的节点）。
+		* 回流「问答成对」的数据源：为每条 assistant 消息配对它在回答的用户提问。
+		* 顺序扫描消息流，记录最近一条用户消息的可见文本（剥掉注释/回流协议前缀——
+		* fork 历史里的主会话消息可能携带），其后每条非流式 assistant 消息都配对到它；
+		* 中间的 tool/notice 节点不打断配对。此前没有用户提问（如 fork 历史结尾
+		* 恰是 assistant）则不配对，回流块退化为只有 <答>。
+		* 返回 Map：assistant 消息 key → 提问全文。
 		*/
-		function nodeToMessage(node) {
-			if (typeof node !== "object" || node === null) return null;
-			const n = node;
-			switch (n.kind) {
-				case "user": return {
-					key: seqKey("u", n),
-					role: "user",
-					text: contentTextOf(n.content)
-				};
-				case "steering": return {
-					key: seqKey("s", n),
-					role: "user",
-					text: contentTextOf(n.content)
-				};
-				case "assistant": {
-					const { text, reasoning, hasToolCall } = assistantParts(n.blocks);
-					if (text === "" && reasoning === "" && hasToolCall) return null;
-					return {
-						key: seqKey("a", n),
-						role: "assistant",
-						text,
-						...reasoning !== "" ? { reasoning } : {},
-						...n.interrupted === true ? { interrupted: true } : {}
-					};
-				}
-				case "tool-result": {
-					const call = n.call;
-					const toolName = typeof call?.name === "string" ? call.name : typeof n.callId === "string" ? n.callId : t("toolFallback");
-					return {
-						key: seqKey("t", n),
-						role: "tool",
-						toolName,
-						text: truncateText(contentTextOf(n.content), TOOL_TEXT_LIMIT),
-						...n.isError === true ? { isError: true } : {}
-					};
-				}
-				case "turn-error": return {
-					key: seqKey("e", n),
-					role: "error",
-					text: typeof n.message === "string" ? n.message : t("unknownError")
-				};
-				case "model-retry":
-					if (n.retryState === "cancelled") return null;
-					return {
-						key: seqKey("r", n),
-						role: "notice",
-						text: t(n.retryState === "started" ? "modelRetryStarted" : "modelRetryWaiting")
-					};
-				case "turn-max-tokens": return {
-					key: seqKey("m", n),
-					role: "notice",
-					text: t("maxTokens")
-				};
-				case "command": {
-					const name = typeof n.name === "string" && n.name !== "" ? n.name : t("commandNameFallback");
-					const args = typeof n.args === "string" ? n.args.trimStart() : "";
-					return {
-						key: seqKey("c", n),
-						role: "notice",
-						text: t("runCommand", { cmd: `/${name}${args === "" ? "" : ` ${args}`}` })
-					};
-				}
-				case "compaction": return {
-					key: seqKey("k", n),
-					role: "notice",
-					text: t("compacted")
-				};
-				default: return null;
-			}
+		function pairQuestions(messages) {
+			const pairs = /* @__PURE__ */ new Map();
+			let pending;
+			for (const message of messages) if (message.role === "user") {
+				const proto = splitProtocolPrefix(message.text);
+				const visible = (proto === null ? message.text : message.text.slice(proto.length)).trim();
+				pending = visible === "" ? void 0 : visible;
+			} else if (message.role === "assistant" && message.streaming !== true && pending !== void 0) pairs.set(message.key, pending);
+			return pairs;
 		}
-		/**
-		* ConversationSnapshot → 渲染消息列表：终态节点 + 在途工具调用 + 流式部分。
-		* 快照缺省（未绑定）时为空列表。
-		*/
-		function transcriptOf(snapshot) {
-			if (snapshot === void 0 || snapshot === null) return [];
-			const out = [];
-			for (const node of snapshot.nodes ?? []) {
-				const message = nodeToMessage(node);
-				if (message !== null) out.push(message);
-			}
-			if (Array.isArray(snapshot.runningCalls)) for (const call of snapshot.runningCalls) {
-				if (typeof call !== "object" || call === null) continue;
-				const c = call;
-				out.push({
-					key: `rc:${typeof c.callId === "string" ? c.callId : "?"}`,
-					role: "tool",
-					toolName: typeof c.name === "string" ? c.name : t("toolFallback"),
-					text: "",
-					streaming: true
-				});
+		//#endregion
+		//#region src/client/sidechat/composer/attach.ts
+		/** 解析附件 API（缺失返回 null → 调用点不渲染附件入口）。 */
+		function resolveAttachmentApis(ctx) {
+			try {
+				const conv = ctx.get("conversation");
+				if (typeof conv?.createDraftImages !== "function" || typeof conv?.draftImages !== "function" || typeof conv?.releaseDraftImage !== "function") return null;
+				return conv;
+			} catch {
+				return null;
 			}
-			const partial = snapshot.partial;
-			if (partial !== void 0 && partial !== null) {
-				const { text, reasoning, hasToolCall } = assistantParts(partial.blocks);
-				if (text !== "" || reasoning !== "" || !hasToolCall) out.push({
-					key: "partial",
-					role: "assistant",
-					text,
-					...reasoning !== "" ? { reasoning } : {},
-					streaming: true
-				});
+		}
+		/** 选中文件 → 注册为草稿图片并挂进输入机器；返回是否成功挂上。 */
+		function attachFiles(apis, input, files) {
+			try {
+				const images = apis.createDraftImages(files);
+				if (images.length === 0) return false;
+				return input.addImages(images.map((i) => i.id));
+			} catch (error) {
+				console.warn("[dsh-sidenote] 附件注册失败:", error);
+				return false;
 			}
-			return out;
 		}
 		//#endregion
 		//#region src/client/sidechat/composer.ts
@@ -614,10 +733,21 @@ window.__ModuleLoader__.load({
 		*/
 		function useComposer(ctx, session, childId) {
 			const input = (0, react.useMemo)(() => childId === void 0 ? null : resolveSessionInput(ctx, childId), [ctx, childId]);
-			const machineDraft = (0, react.useSyncExternalStore)((0, react.useCallback)((notify) => input === null ? NOOP_UNSUBSCRIBE$1 : input.state.subscribe(notify), [input]), () => input === null ? "" : readInputDraft(input));
+			const machineState = (0, react.useSyncExternalStore)((0, react.useCallback)((notify) => input === null ? NOOP_UNSUBSCRIBE$1 : input.state.subscribe(notify), [input]), () => input === null ? null : input.state.getSnapshot());
+			const machineDraft = machineState?.draft ?? "";
 			const [localDraft, setLocalDraft] = (0, react.useState)("");
 			const [sendError, setSendError] = (0, react.useState)(null);
 			const draft = input === null ? localDraft : machineDraft;
+			const apis = (0, react.useMemo)(() => resolveAttachmentApis(ctx), [ctx]);
+			const attachImages = (0, react.useCallback)((files) => {
+				if (input === null || apis === null) return false;
+				return attachFiles(apis, input, files);
+			}, [input, apis]);
+			const removeImage = (0, react.useCallback)((id) => {
+				if (input === null || apis === null) return;
+				input.removeImage(id);
+				apis.releaseDraftImage(id);
+			}, [input, apis]);
 			const setDraft = (0, react.useCallback)((text) => {
 				if (input === null) setLocalDraft(text);
 				else input.setDraft(text);
@@ -626,11 +756,11 @@ window.__ModuleLoader__.load({
 				if (input === null) setLocalDraft((d) => appendDraftText(d, text));
 				else input.setDraft(appendDraftText(readInputDraft(input), text));
 			}, [input]);
-			const submit = (0, react.useCallback)(() => {
+			const submit = (0, react.useCallback)((mode) => {
 				const text = draft.trim();
 				if (text === "") return;
 				if (input !== null) {
-					input.submit();
+					input.submit(mode);
 					return;
 				}
 				if (session === void 0) return;
@@ -639,11 +769,10 @@ window.__ModuleLoader__.load({
 				session.prompt([{
 					type: "text",
 					text
-				}], "queue").then((result) => {
-					const r = result;
-					if (r !== void 0 && r.ok === false) {
+				}], mode ?? "queue").then((result) => {
+					if (result.ok === false) {
 						setLocalDraft((d) => d === "" ? text : d);
-						setSendError(r.error?.message ?? "发送失败");
+						setSendError(result.error?.message ?? "发送失败");
 					}
 				}).catch((error) => {
 					setLocalDraft((d) => d === "" ? text : d);
@@ -660,640 +789,2292 @@ window.__ModuleLoader__.load({
 				sendError,
 				setDraft,
 				appendDraft,
-				submit
+				submit,
+				phase: machineState?.phase,
+				draftRev: machineState?.draftRev,
+				imageIds: machineState?.imageIds ?? [],
+				imagePreviews: (() => {
+					const ids = machineState?.imageIds ?? [];
+					if (ids.length === 0 || apis === null) return [];
+					try {
+						return apis.draftImages(ids).map((i) => ({
+							id: i.id,
+							url: i.previewUrl
+						}));
+					} catch {
+						return [];
+					}
+				})(),
+				canAttach: input !== null && apis !== null,
+				attachImages,
+				removeImage
 			};
 		}
 		//#endregion
-		//#region src/client/sidechat/open.ts
-		/** 从最新快照读一个 Tab（meta 合并写入前的读取面；布局即注册表）。 */
-		function readTab(ctx, tabId) {
-			return collectTabs(ctx.betterSidebar.getSnapshot().state).find((tab) => tab.id === tabId);
+		//#region src/client/chat/cards.ts
+		/** ContentBlock[] → 纯文本（transcript.ts 同款的极简版，避免互依赖）。 */
+		function blocksText(content) {
+			if (!Array.isArray(content)) return void 0;
+			const parts = [];
+			for (const block of content) {
+				const b = block;
+				if (b?.type === "text" && typeof b.text === "string") parts.push(b.text);
+			}
+			return parts.length === 0 ? void 0 : parts.join("\n");
+		}
+		/** 未知 card 值的 warn-once 登记（T3 纪律：降级不静默）。 */
+		const warnedCards = /* @__PURE__ */ new Set();
+		function warnUnknownCard(value) {
+			if (warnedCards.has(value)) return;
+			warnedCards.add(value);
+			console.warn(`[dsh-sidenote] 未知工具卡种类 "${value}"——降级为 generic 卡（宿主可能扩展了 card union）`);
+		}
+		/** 相对 cwd 按会话工作区折成绝对路径（UI bridge 责任——presentation 注释明文）。 */
+		function resolveCwd(cwd, cwdBase) {
+			if (cwd === void 0) return cwdBase;
+			if (cwd.startsWith("/") || /^[A-Za-z]:[\\/]/.test(cwd)) return cwd;
+			if (cwdBase === void 0) return cwd;
+			return `${cwdBase.replace(/\/+$/, "")}/${cwd}`;
 		}
 		/**
-		* 为 sessionId 新建或聚焦一个侧边聊天 Tab；draftText 给出时写入其草稿。
-		* @returns false = 未能打开（调用方保持自己的流程）。
+		* 展示态路径缩短：>3 段的绝对路径只保末 3 段（≈仓库相对形态，与主区
+		* 「Read · dsh-sidenote/scripts/x.sh」同款）。窄栏标题位只够放语义尾部。
 		*/
-		function openOrFocusSideChat(ctx, sessionId, draftText) {
-			try {
-				const snapshot = ctx.betterSidebar.getSnapshot();
-				if (snapshot.sessionId !== sessionId || snapshot.state === void 0) return false;
-				const existing = collectSideTabs(snapshot.state);
-				if (existing.length > 0) {
-					const target = existing[existing.length - 1];
-					if (draftText !== void 0 && draftText !== "") {
-						const meta = parseSideChatMeta(target.meta);
-						const input = meta.childId === void 0 ? null : resolveSessionInput(ctx, meta.childId);
-						if (input !== null) input.setDraft(appendDraftText(readInputDraft(input), draftText));
-						else ctx.betterSidebar.updateTab(target.id, { meta: {
-							...meta,
-							pendingDraft: appendDraftText(meta.pendingDraft ?? "", draftText)
-						} });
-					}
-					ctx.betterSidebar.activateTab(target.id, { sessionId });
-					return true;
-				}
-				return createSideChat(ctx, sessionId, draftText);
-			} catch (error) {
-				console.warn("[dsh-sidenote] 打开侧边聊天失败:", error);
-				return false;
-			}
+		function shortPath(p) {
+			if (!p.startsWith("/")) return p;
+			const segs = p.split("/").filter((s) => s !== "");
+			return segs.length > 3 ? segs.slice(-3).join("/") : p;
 		}
 		/**
-		* 无条件新建一个侧边聊天 Tab（/side「新建侧边聊天」选项的语义——既有实例
-		* 在弹层里另有聚焦项，「新建」必须真的新建，否则标签与行为不符）。
-		* @returns false = 未能创建（调用方保持自己的流程）。
+		* 标题整形：「Tool /abs/path」→「Tool · 末3段」（主区同名同款）；
+		* 裸绝对路径标题 → 末 3 段；不含路径的标题原样。
 		*/
-		function createSideChat(ctx, sessionId, draftText) {
-			try {
-				const snapshot = ctx.betterSidebar.getSnapshot();
-				if (snapshot.sessionId !== sessionId || snapshot.state === void 0) return false;
-				const before = new Set(collectTabs(snapshot.state).map((tab) => tab.id));
-				ctx.betterSidebar.openTab({ type: SIDE_TAB_TYPE }, { sessionId });
-				const created = collectSideTabs(ctx.betterSidebar.getSnapshot().state).find((tab) => !before.has(tab.id));
-				if (created === void 0) return false;
-				if (draftText !== void 0 && draftText !== "") ctx.betterSidebar.updateTab(created.id, { meta: { pendingDraft: draftText } });
-				return true;
-			} catch (error) {
-				console.warn("[dsh-sidenote] 新建侧边聊天失败:", error);
-				return false;
+		function displayTitle(title) {
+			const m = /^([A-Za-z][\w-]*) (\/.+)$/.exec(title);
+			const name = m?.[1];
+			const path = m?.[2];
+			if (name !== void 0 && path !== void 0) return `${name} · ${shortPath(path)}`;
+			return title.startsWith("/") ? shortPath(title) : title;
+		}
+		/** todo_write 入参形状校验（字段不齐即放弃 todo 卡）。两种数据源形状：
+		*  0.1.1 wire：callView.rawInput = todos 数组本身（dsh-tool-todo presentCall 实证）；
+		*  0.1.2 argsRaw：{ todos: [...] }。 */
+		function todoItemsOf(raw) {
+			const list = Array.isArray(raw) ? raw : typeof raw === "object" && raw !== null ? raw.todos : void 0;
+			if (!Array.isArray(list) || list.length === 0) return void 0;
+			const items = [];
+			for (const it of list) {
+				const o = it;
+				if (typeof o?.content !== "string" || typeof o?.status !== "string") return void 0;
+				items.push({
+					content: o.content,
+					status: o.status
+				});
 			}
+			return items;
+		}
+		/** todo 卡标题：任务 · 非零状态组计数（主区「任务 · N 已完成 · …」同款）。 */
+		function todoTitleOf(items) {
+			let done = 0;
+			let doing = 0;
+			let pending = 0;
+			for (const it of items) if (it.status === "completed") done += 1;
+			else if (it.status === "in_progress") doing += 1;
+			else pending += 1;
+			const parts = [];
+			if (done > 0) parts.push(t("todoDone", { n: done }));
+			if (doing > 0) parts.push(t("todoDoing", { n: doing }));
+			if (pending > 0) parts.push(t("todoPending", { n: pending }));
+			return parts.length === 0 ? t("todoTitle") : `${t("todoTitle")} · ${parts.join(" · ")}`;
 		}
 		/**
-		* 桥接/命令的目标预览：askInSideChat 此时若执行会落在哪个 Tab 的标题
-		* （既有并存 = 最后一个；无 = 即将新建的首个标题）。用于编辑器上标明
-		* 「发送至：侧边 N」。会话不在屏上/状态缺失时返回 undefined。
+		* callView + resultView → 一张卡的视图模型。三层判别全在这里；
+		* 结果态优先（title 等字段 result 覆盖 call），缺省逐字段回退。
 		*/
-		function sideChatTargetTitle(ctx, sessionId) {
-			try {
-				const snapshot = ctx.betterSidebar.getSnapshot();
-				if (snapshot.sessionId !== sessionId || snapshot.state === void 0) return void 0;
-				const existing = collectSideTabs(snapshot.state);
-				if (existing.length > 0) return existing[existing.length - 1].title;
-				return sideTabTitle([]);
-			} catch {
-				return;
+		function cardModelOf(input) {
+			const { callView, resultView } = input;
+			const call = callView ?? void 0;
+			const result = resultView ?? void 0;
+			const card = result?.card ?? call?.card ?? "generic";
+			switch (card) {
+				case "terminal": {
+					const rc = result?.card === "terminal" ? result : void 0;
+					const cc = call?.card === "terminal" ? call : void 0;
+					const command = rc?.title ?? cc?.title ?? input.toolName;
+					return {
+						kind: "terminal",
+						title: cc?.description !== void 0 ? `${displayToolName(input.toolName)} · ${cc.description}` : command,
+						command,
+						...cc?.description !== void 0 ? { description: cc.description } : {},
+						...resolveCwd(cc?.cwd, input.cwdBase) !== void 0 ? { cwd: resolveCwd(cc?.cwd, input.cwdBase) } : {},
+						...rc?.output !== void 0 ? { output: rc.output } : {},
+						...rc?.exitCode !== void 0 ? { exitCode: rc.exitCode } : {},
+						...rc?.signal !== void 0 ? { signal: rc.signal } : {}
+					};
+				}
+				case "diff": {
+					const rc = result?.card === "diff" ? result : void 0;
+					const cc = call?.card === "diff" ? call : void 0;
+					return {
+						kind: "diff",
+						title: displayTitle(rc?.title ?? cc?.title ?? input.toolName),
+						diffs: rc?.diffs ?? cc?.diffs ?? [],
+						...cc?.locations !== void 0 ? { locations: cc.locations } : {}
+					};
+				}
+				case "search": {
+					const rc = result?.card === "search" ? result : void 0;
+					if (rc === void 0) return genericModel(input, call, result);
+					if (rc.shape === "matches") return {
+						kind: "search",
+						title: rc.title ?? call?.title ?? input.toolName,
+						shape: "matches",
+						files: rc.files,
+						truncated: rc.truncated,
+						total: rc.total
+					};
+					if (rc.shape === "paths") return {
+						kind: "search",
+						title: rc.title ?? call?.title ?? input.toolName,
+						shape: "paths",
+						paths: rc.paths,
+						truncated: rc.truncated,
+						total: rc.total
+					};
+					warnUnknownCard(`search/${String(rc.shape)}`);
+					return genericModel(input, call, result);
+				}
+				case "read": {
+					const rc = result?.card === "read" ? result : void 0;
+					if (rc === void 0) return genericModel(input, call, result);
+					return {
+						kind: "read",
+						title: `Read · ${shortPath(rc.path)}`,
+						path: rc.path,
+						lines: rc.lines,
+						totalLines: rc.totalLines,
+						...rc.lang !== void 0 ? { lang: rc.lang } : {}
+					};
+				}
+				case "web": {
+					const rc = result?.card === "web" ? result : void 0;
+					if (rc === void 0) return genericModel(input, call, result);
+					const base = {
+						kind: "web",
+						title: rc.title ?? call?.title ?? input.toolName
+					};
+					if (rc.kind === "search") {
+						const rs = rc;
+						return {
+							...base,
+							webKind: "search",
+							sources: rs.sources,
+							truncated: rs.truncated,
+							...rs.answer !== void 0 ? { answer: rs.answer } : {}
+						};
+					}
+					if (rc.kind === "fetch") {
+						const rf = rc;
+						return {
+							...base,
+							webKind: "fetch",
+							url: rf.url,
+							statusCode: rf.statusCode,
+							truncated: rf.truncated
+						};
+					}
+					warnUnknownCard(`web/${String(rc.kind)}`);
+					return genericModel(input, call, result);
+				}
+				case "generic": return genericModel(input, call, result);
+				default:
+					warnUnknownCard(String(card));
+					return genericModel(input, call, result);
 			}
 		}
-		//#endregion
-		//#region src/client/annotate/format.ts
-		/** 协议头（双语）：zh「我批注了以下 2 处内容：」/ en 见 locales。 */
-		function protocolHeader(n) {
-			return t("protocolHeader", { n });
+		function genericModel(input, call, result) {
+			const gc = call?.card === "generic" ? call : void 0;
+			const gr = result?.card === "generic" ? result : void 0;
+			if (input.toolName === "todo_write") {
+				const items = todoItemsOf(gc?.rawInput);
+				if (items !== void 0) return {
+					kind: "todo",
+					title: todoTitleOf(items),
+					items
+				};
+			}
+			return {
+				kind: "generic",
+				title: displayTitle(gr?.title ?? gc?.title ?? input.toolName),
+				icon: gc?.kind ?? "other",
+				...gc?.rawInput !== void 0 ? { rawInput: gc.rawInput } : {},
+				bodyText: blocksText(gr?.content) ?? blocksText(gc?.content) ?? input.rawText,
+				...gc?.locations !== void 0 ? { locations: gc.locations } : {}
+			};
 		}
-		/** One annotation's XML block（无注解时省略 <note>）。 */
-		function formatAnnotationXml(index, item) {
-			const id = item.number ?? index;
-			const note = item.note.trim();
-			return note === "" ? `<annotation id="${id}">\n<quote>${item.text}</quote>\n</annotation>` : `<annotation id="${id}">\n<quote>${item.text}</quote>\n<note>${note}</note>\n</annotation>`;
+		/** 工具机器名 → 展示名（主区「Bash · …」的同款首字母大写）。 */
+		function displayToolName(name) {
+			return name.charAt(0).toUpperCase() + name.slice(1);
 		}
-		/** 注释协议块 = 头部句 + 每个注释一个 XML 块（行间无空行，与正文空一行）。 */
-		function buildProtocolBlock(items) {
-			return [protocolHeader(items.length), ...items.map((item, i) => formatAnnotationXml(i + 1, item))].join("\n");
+		/** 结果正文尾标解析（宿主 parseExitStatus 的线格式）。 */
+		function parseExitStatus(text) {
+			const m = /\n\[(?:exit code: (\d+)|killed by signal: ([A-Z]+))\]\s*$/.exec(text);
+			if (m === null) return { output: text };
+			const output = text.slice(0, m.index).replace(/\n+$/, "");
+			if (m[1] !== void 0) return {
+				output,
+				exitCode: Number(m[1])
+			};
+			return {
+				output,
+				signal: m[2]
+			};
 		}
-		/** 「在侧边聊天中提问」的种子引用（进侧边草稿，不是协议块——保持轻量）。 */
-		function buildSideChatQuote(text, note = "") {
-			return `${text.split("\n").map((line) => line === "" ? ">" : `> ${line}`).join("\n")}\n${note.trim() === "" ? t("noNote") : t("noteLine", { note })}`;
+		/** FsReadMeta 形状+语义校验（readMetaFromMeta 的忠实子集）。 */
+		function readMetaOf(meta) {
+			if (typeof meta !== "object" || meta === null) return void 0;
+			const m = meta;
+			if (typeof m.path !== "string" || !Array.isArray(m.lines) || typeof m.totalLines !== "number") return void 0;
+			if (!Number.isInteger(m.totalLines) || m.totalLines < 0) return void 0;
+			let prev = 0;
+			const lines = [];
+			for (const raw of m.lines) {
+				const l = raw;
+				if (typeof l?.number !== "number" || typeof l?.text !== "string") return void 0;
+				if (!Number.isInteger(l.number) || l.number <= prev || l.number > m.totalLines) return void 0;
+				prev = l.number;
+				lines.push({
+					number: l.number,
+					text: l.text
+				});
+			}
+			return {
+				path: m.path,
+				lines,
+				totalLines: m.totalLines,
+				...typeof m.lang === "string" ? { lang: m.lang } : {}
+			};
 		}
-		/** 协议头识别（zh/en 都认）：整行匹配。 */
-		const PROTOCOL_HEADER_RE = /^(?:我批注了以下 (\d+) 处内容：|I annotated (\d+) passage\(s\) of the conversation above:)$/;
-		const ANNOTATION_RE = /<annotation id="(\d+)">\s*<quote>([\s\S]*?)<\/quote>\s*(?:<note>([\s\S]*?)<\/note>\s*)?<\/annotation>/y;
-		const REFLOW_RE = /<reflow\s+source="([^"]*)"(?:\s+reason="([^"]*)")?\s*>([\s\S]*?)<\/reflow>/y;
-		/** 跳过空白（含换行），返回新位置。 */
-		function skipBlank(text, pos) {
-			while (pos < text.length && /\s/.test(text[pos])) pos += 1;
-			return pos;
+		/** argsRaw（JSON 字符串）里尽力提取展示字段。 */
+		function argsSummary(argsRaw) {
+			if (argsRaw === void 0 || argsRaw === "") return {};
+			try {
+				const parsed = JSON.parse(argsRaw);
+				if (typeof parsed !== "object" || parsed === null) return {};
+				const a = parsed;
+				return {
+					...typeof a.command === "string" ? { command: a.command } : {},
+					...typeof a.description === "string" ? { description: a.description } : {},
+					...typeof a.file_path === "string" ? { path: a.file_path } : typeof a.path === "string" ? { path: a.path } : {},
+					...Array.isArray(a.todos) ? { todos: a.todos } : {}
+				};
+			} catch {
+				return {};
+			}
 		}
 		/**
-		* 从消息文本开头解析协议前缀（回流块* → 注释块）：任一命中即返回。
-		* 全部不命中返回 null（普通用户消息，零开销）。
-		* 注意：内容里恰好含字面 `</quote>` 会在该处截断解析（已知极限，聊天引用
-		* 场景可忽略；Codex 的 <external_KEY> 同款取舍）。
+		* 0.1.2 推导路径：节点原始字段 → ToolCardModel。与 cardModelOf（0.1.1 wire
+		* 面）平级；选择点在 transcript 层（节点带不带 callView 一眼可分）。
 		*/
-		function splitProtocolPrefix(text) {
-			let pos = 0;
-			const reflows = [];
-			const annotations = [];
-			for (;;) {
-				REFLOW_RE.lastIndex = pos;
-				const m = REFLOW_RE.exec(text);
-				if (m === null) break;
-				reflows.push({
-					source: m[1] ?? "",
-					content: (m[3] ?? "").trim()
-				});
-				pos = skipBlank(text, REFLOW_RE.lastIndex);
+		function cardModelFromNode(input) {
+			const args = argsSummary(input.argsRaw);
+			const name = input.name;
+			if (name === "bash" || name === "bash-persistent" || name === "pwsh" || name === "pwsh-persistent") {
+				const { output, exitCode, signal } = parseExitStatus(input.rawText);
+				const command = args.command ?? name;
+				return {
+					kind: "terminal",
+					title: args.description !== void 0 ? `${displayToolName(name)} · ${args.description}` : command,
+					command,
+					...args.description !== void 0 ? { description: args.description } : {},
+					output,
+					...exitCode !== void 0 ? { exitCode } : {},
+					...signal !== void 0 ? { signal } : {}
+				};
+			}
+			if (name === "read") {
+				const meta = readMetaOf(input.meta);
+				if (meta !== void 0) return {
+					kind: "read",
+					title: `Read · ${shortPath(meta.path)}`,
+					path: meta.path,
+					lines: meta.lines,
+					totalLines: meta.totalLines,
+					...meta.lang !== void 0 ? { lang: meta.lang } : {}
+				};
+			}
+			if (name === "todo_write") {
+				const items = todoItemsOf(args.todos);
+				if (items !== void 0) return {
+					kind: "todo",
+					title: todoTitleOf(items),
+					items
+				};
 			}
-			const rest = text.slice(pos);
-			const headerMatch = /^([^\n]*)\n/.exec(rest);
-			if (headerMatch !== null && PROTOCOL_HEADER_RE.test(headerMatch[1] ?? "")) {
-				let cursor = pos + headerMatch[0].length;
-				for (;;) {
-					ANNOTATION_RE.lastIndex = cursor;
-					const m = ANNOTATION_RE.exec(text);
-					if (m === null) break;
-					annotations.push({
-						id: Number(m[1]),
-						quote: m[2] ?? "",
-						note: (m[3] ?? "").trim()
-					});
-					cursor = skipBlank(text, ANNOTATION_RE.lastIndex);
-				}
-				if (annotations.length > 0) pos = cursor;
-				else if (reflows.length === 0) return null;
-			} else if (reflows.length === 0) return null;
-			if (reflows.length === 0 && annotations.length === 0) return null;
 			return {
-				length: skipBlank(text, pos),
-				annotations,
-				reflows
+				kind: "generic",
+				title: args.path !== void 0 ? `${name} · ${shortPath(args.path)}` : args.command ?? name,
+				icon: KIND_BY_NAME[name] ?? "other",
+				bodyText: input.rawText === "" ? void 0 : input.rawText
 			};
 		}
-		//#endregion
-		//#region \0dsh-css:/home/runner/work/dsh-sidenote/dsh-sidenote/src/client/sidechat/sidechat.module.css.mjs
-		const css$1 = "._5KEEsG_root{height:100%;color:var(--dsw-alias-label-primary);flex-direction:column;font-size:13px;display:flex}._5KEEsG_body{flex-direction:column;flex:1;padding:12px 10px;display:flex;overflow-y:auto}._5KEEsG_transcript{flex-direction:column;gap:12px;display:flex}._5KEEsG_empty,._5KEEsG_stateScreen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px 16px;display:flex}._5KEEsG_emptyIcon{color:var(--dsw-alias-label-tertiary)}._5KEEsG_emptyTitle{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:600}._5KEEsG_emptyText{color:var(--dsw-alias-label-tertiary);max-width:240px;font-size:12px;line-height:1.6}._5KEEsG_stateDetail{color:var(--dsw-alias-state-error-primary);word-break:break-word;max-width:260px;font-size:12px;line-height:1.6}._5KEEsG_userRow{justify-content:flex-end;display:flex}._5KEEsG_userBubble{background:var(--dsw-alias-button-info-fill);color:#fff;white-space:pre-wrap;word-break:break-word;border-radius:12px 12px 2px;max-width:88%;padding:8px 12px}._5KEEsG_assistantRow{justify-content:flex-start;display:flex;position:relative}._5KEEsG_rowActions{opacity:0;z-index:2;transition:opacity .12s ease-out;position:absolute;top:-8px;right:0}._5KEEsG_assistantRow:hover ._5KEEsG_rowActions{opacity:1}._5KEEsG_reflowButton{border:1px solid var(--dsw-alias-border-l1,#0000001a);background:var(--dsw-alias-bg-layer-1,#fff);width:22px;height:22px;color:var(--dsw-alias-label-tertiary,#8f959e);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:grid;box-shadow:0 2px 8px #00000014}._5KEEsG_reflowButton:hover{color:var(--dsw-alias-state-business-primary,#2f88ff);border-color:var(--dsw-alias-state-business-primary,#2f88ff)}._5KEEsG_assistantBody{word-break:break-word;max-width:100%;font-size:13px;line-height:1.6}._5KEEsG_reasoning{border-left:3px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);margin-bottom:6px;padding-left:8px;font-size:12px}._5KEEsG_reasoning>summary{cursor:pointer;user-select:none}._5KEEsG_reasoningBody{white-space:pre-wrap;word-break:break-word;margin-top:4px}._5KEEsG_streamingHint{color:var(--dsw-alias-label-dimmed)}._5KEEsG_toolCard{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:8px;overflow:hidden}._5KEEsG_toolHead{background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-secondary);align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:flex}._5KEEsG_toolError{color:var(--dsw-alias-state-error-primary)}._5KEEsG_toolRunning{color:var(--dsw-alias-label-tertiary)}._5KEEsG_toolBody{color:var(--dsw-alias-label-tertiary);white-space:pre-wrap;word-break:break-word;max-height:160px;padding:8px 10px;font-size:12px;overflow-y:auto}._5KEEsG_errorRow{color:var(--dsw-alias-state-error-primary);white-space:pre-wrap;padding:4px 2px;font-size:12px}._5KEEsG_noticeRow{color:var(--dsw-alias-label-dimmed);text-align:center;padding:2px 0;font-size:12px}._5KEEsG_composer{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:6px;padding:8px 10px;display:flex}._5KEEsG_input{resize:vertical;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);width:100%;min-height:40px;max-height:160px;color:var(--dsw-alias-label-primary);font:inherit;box-sizing:border-box;border-radius:8px;padding:8px 10px}._5KEEsG_input:focus{border-color:var(--dsw-alias-state-business-primary);outline:none}._5KEEsG_composerFoot{justify-content:space-between;align-items:center;gap:8px;display:flex}._5KEEsG_modelLabel{color:var(--dsw-alias-label-dimmed);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}._5KEEsG_sendButton,._5KEEsG_stopButton{appearance:none;border:1px solid var(--dsw-alias-state-business-primary);background:var(--dsw-alias-button-info-fill);color:#fff;cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:4px;padding:6px 12px;font-size:13px;display:inline-flex}._5KEEsG_sendButton:disabled{opacity:.55;cursor:default}._5KEEsG_headerSide{border:1px solid var(--dsw-alias-border-l1,#0000001a);color:var(--dsw-alias-label-secondary,#3f454d);cursor:pointer;user-select:none;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;line-height:18px;display:inline-flex}._5KEEsG_headerSide:hover{background:var(--dsw-alias-interactive-bg-hover,#0000000d);color:var(--dsw-alias-label-primary,#1f2329)}._5KEEsG_sentChipRow{align-items:center;gap:6px;margin-right:8px;display:inline-flex}._5KEEsG_sentChip{border:1px solid var(--dsw-alias-border-l1,#0000001a);background:var(--dsw-alias-interactive-bg-hover,#0000000d);color:var(--dsw-alias-label-secondary,#3f454d);user-select:none;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:11px;line-height:16px;display:inline-flex}";
-		const tagId$1 = "dsh-sidenote/sidechat.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
-			const tag = document.createElement("style");
-			tag.dataset.plugin = "dsh-sidenote";
-			tag.dataset.pluginCss = tagId$1;
-			tag.textContent = css$1;
-			document.head.appendChild(tag);
-		}
-		var sidechat_module_css_default = {
-			"empty": "_5KEEsG_empty",
-			"assistantBody": "_5KEEsG_assistantBody",
-			"root": "_5KEEsG_root",
-			"headerSide": "_5KEEsG_headerSide",
-			"sentChipRow": "_5KEEsG_sentChipRow",
-			"toolRunning": "_5KEEsG_toolRunning",
-			"errorRow": "_5KEEsG_errorRow",
-			"composer": "_5KEEsG_composer",
-			"toolCard": "_5KEEsG_toolCard",
-			"reflowButton": "_5KEEsG_reflowButton",
-			"sendButton": "_5KEEsG_sendButton",
-			"reasoning": "_5KEEsG_reasoning",
-			"rowActions": "_5KEEsG_rowActions",
-			"emptyIcon": "_5KEEsG_emptyIcon",
-			"input": "_5KEEsG_input",
-			"streamingHint": "_5KEEsG_streamingHint",
-			"stopButton": "_5KEEsG_stopButton",
-			"toolError": "_5KEEsG_toolError",
-			"body": "_5KEEsG_body",
-			"composerFoot": "_5KEEsG_composerFoot",
-			"sentChip": "_5KEEsG_sentChip",
-			"modelLabel": "_5KEEsG_modelLabel",
-			"transcript": "_5KEEsG_transcript",
-			"noticeRow": "_5KEEsG_noticeRow",
-			"toolHead": "_5KEEsG_toolHead",
-			"assistantRow": "_5KEEsG_assistantRow",
-			"toolBody": "_5KEEsG_toolBody",
-			"emptyTitle": "_5KEEsG_emptyTitle",
-			"reasoningBody": "_5KEEsG_reasoningBody",
-			"stateDetail": "_5KEEsG_stateDetail",
-			"stateScreen": "_5KEEsG_stateScreen",
-			"emptyText": "_5KEEsG_emptyText",
-			"userRow": "_5KEEsG_userRow",
-			"userBubble": "_5KEEsG_userBubble"
+		/** 工具名 → 图标类别的静态映射（0.1.2 没有 callView.kind 可用）。 */
+		const KIND_BY_NAME = {
+			read: "read",
+			write: "edit",
+			edit: "edit",
+			"str-replace-editor": "edit",
+			bash: "execute",
+			"bash-persistent": "execute",
+			pwsh: "execute",
+			"pwsh-persistent": "execute",
+			grep: "search",
+			glob: "search",
+			web_search: "fetch",
+			web_fetch: "fetch"
 		};
 		//#endregion
-		//#region src/client/sidechat/SideChatPanel.tsx
-		/**
-		* 侧边聊天 Tab 面板：fork 编排（首开）/ 绑定恢复（刷新后）/ 消息流 / composer。
-		*
-		* 打开流程（design.md 详细方案 2）：组件挂载时 tab.meta 无 childId →
-		* ctx.sessions.fork({ sessionId: scope.sessionId })（fork 时刻全量历史快照）
-		* → ctx.workspaces.archiveSession(childId)（durable 隐藏出会话列表）
-		* → ctx.betterSidebar.updateTab(tab.id, { meta: { childId, parentSessionId } })
-		* （Tab meta 即注册表，随布局持久化，刷新/重启后恢复）。
-		* fork 失败（blank 会话无已完成 turn 等）→ 中文错误态 + 关闭指引，不崩页面。
-		*
-		* 恢复流程：有 meta.childId → ctx.sessions.binding(childId) 直接绑定；
-		* 列表就绪后仍不在列 → 「会话已不存在」态。
-		*
-		* 消息流：binding.session 快照订阅（useSyncExternalStore），visible=false 时
-		* 暂停订阅。已知偏差（记录于此）：client-runtime 只为 staged（当前选中）会话
-		* 打开事件窗口，非 staged 会话 openState 停留 'cold' 且 acceptLiveEvent 丢弃
-		* 事件 —— 因此绑定后对该会话调一次 concrete Session 的 open()（off-face、
-		* feature-check、幂等），否则消息流永远为空。
-		*/
-		/** MarkdownText 代码块复制按钮文案（跟随 DSH 语言；函数内读取保持引用稳定）。 */
-		function codeLabels() {
+		//#region src/client/chat/transcript.ts
+		/** 工具结果正文截断上限（面板是窄栏，超长输出不撑爆 DOM）。 */
+		const TOOL_TEXT_LIMIT = 4e3;
+		function truncateText(text, max) {
+			return text.length <= max ? text : `${text.slice(0, max)}…`;
+		}
+		/** ContentBlock[] → 纯文本：text 块拼接；image 块降级占位；其余忽略。 */
+		function contentTextOf(content) {
+			if (!Array.isArray(content)) return "";
+			const parts = [];
+			for (const block of content) {
+				if (typeof block !== "object" || block === null) continue;
+				const b = block;
+				if (b.type === "text" && typeof b.text === "string") parts.push(b.text);
+				else if (b.type === "image") parts.push(t("imagePlaceholder"));
+			}
+			return parts.join("\n");
+		}
+		function seqKey(prefix, node) {
+			return `${prefix}:${typeof node.seq === "number" ? node.seq : "?"}`;
+		}
+		/** 节点 seq 随行（D1 折叠边界用；缺省不带）。 */
+		function seqOf(node) {
+			return typeof node.seq === "number" ? { seq: node.seq } : {};
+		}
+		function assistantParts(blocks) {
+			const texts = [];
+			const reasonings = [];
+			let hasToolCall = false;
+			if (Array.isArray(blocks)) for (const block of blocks) {
+				if (typeof block !== "object" || block === null) continue;
+				const b = block;
+				if (b.kind === "text" && typeof b.text === "string") texts.push(b.text);
+				else if (b.kind === "reasoning" && typeof b.text === "string") reasonings.push(b.text);
+				else if (b.kind === "tool-call") hasToolCall = true;
+			}
 			return {
-				copyLabel: t("codeCopy"),
-				copiedLabel: t("codeCopied")
+				text: texts.join("\n\n"),
+				reasoning: reasonings.join("\n\n"),
+				hasToolCall
 			};
 		}
-		const NOOP_UNSUBSCRIBE = () => {};
 		/**
-		* 打开非 staged 会话的事件窗口（off-face：open() 在 concrete Session 上是
-		* public 且幂等，但不在 SessionFace 契约上 —— 契约面只有 staged 会话会被
-		* 运行时自动 open）。feature-check + 吞错，运行时若移除则降级为只发不收。
+		* 单个 ConversationNode → ChatMessage；返回 null = 面板不渲染
+		* （context 注入、未知面事件、已取消的重试等对读者无信息的节点）。
 		*/
-		function openSessionWindow(session) {
-			const openable = session;
-			if (typeof openable?.open !== "function") return;
-			openable.open().catch((error) => {
-				console.warn("[dsh-sidenote] 会话窗口打开失败:", error);
-			});
-		}
-		function SideChatPanel(props) {
-			useLocaleTick();
-			const { ctx, scope, tab, visible } = props;
-			const meta = parseSideChatMeta(tab.meta);
-			const childId = meta.childId;
-			const [forkError, setForkError] = (0, react.useState)(null);
-			const forkStarted = (0, react.useRef)(false);
-			const { store } = props;
-			(0, react.useEffect)(() => {
-				const mutable = store;
-				try {
-					mutable?.update?.((state) => {
-						if (state.panelOpen === false) state.panelOpen = true;
+		function nodeToMessage(node) {
+			if (typeof node !== "object" || node === null) return null;
+			const n = node;
+			switch (n.kind) {
+				case "user": return {
+					key: seqKey("u", n),
+					...seqOf(n),
+					role: "user",
+					text: contentTextOf(n.content)
+				};
+				case "steering": return {
+					key: seqKey("s", n),
+					...seqOf(n),
+					role: "user",
+					text: contentTextOf(n.content)
+				};
+				case "assistant": {
+					const { text, reasoning, hasToolCall } = assistantParts(n.blocks);
+					if (text === "" && reasoning === "" && hasToolCall) return null;
+					return {
+						key: seqKey("a", n),
+						...seqOf(n),
+						role: "assistant",
+						text,
+						...reasoning !== "" ? { reasoning } : {},
+						...n.interrupted === true ? { interrupted: true } : {}
+					};
+				}
+				case "tool-result": {
+					const call = n.call;
+					const toolName = typeof call?.name === "string" ? call.name : typeof n.callId === "string" ? n.callId : t("toolFallback");
+					const text = truncateText(contentTextOf(n.content), TOOL_TEXT_LIMIT);
+					const card = (n.callView ?? n.resultView) != null ? cardModelOf({
+						toolName,
+						callView: n.callView,
+						resultView: n.resultView,
+						rawText: text
+					}) : cardModelFromNode({
+						name: toolName,
+						argsRaw: typeof call?.argsRaw === "string" ? call.argsRaw : void 0,
+						meta: n.meta,
+						rawText: text
+					});
+					return {
+						key: seqKey("t", n),
+						...seqOf(n),
+						role: "tool",
+						toolName,
+						text,
+						card,
+						...n.isError === true ? { isError: true } : {}
+					};
+				}
+				case "turn-error": return {
+					key: seqKey("e", n),
+					...seqOf(n),
+					role: "error",
+					text: typeof n.message === "string" ? n.message : t("unknownError")
+				};
+				case "model-retry":
+					if (n.retryState === "cancelled") return null;
+					return {
+						key: seqKey("r", n),
+						...seqOf(n),
+						role: "notice",
+						text: t(n.retryState === "started" ? "modelRetryStarted" : "modelRetryWaiting")
+					};
+				case "turn-max-tokens": return {
+					key: seqKey("m", n),
+					...seqOf(n),
+					role: "notice",
+					text: t("maxTokens")
+				};
+				case "command": {
+					const name = typeof n.name === "string" && n.name !== "" ? n.name : t("commandNameFallback");
+					const args = typeof n.args === "string" ? n.args.trimStart() : "";
+					return {
+						key: seqKey("c", n),
+						...seqOf(n),
+						role: "notice",
+						text: t("runCommand", { cmd: `/${name}${args === "" ? "" : ` ${args}`}` })
+					};
+				}
+				case "compaction": return {
+					key: seqKey("k", n),
+					...seqOf(n),
+					role: "notice",
+					text: t("compacted")
+				};
+				default: return null;
+			}
+		}
+		/**
+		* ConversationSnapshot → 渲染消息列表：终态节点 + 在途项（按 turn/step 归并）。
+		* 快照缺省（未绑定）时为空列表。
+		*
+		* 时序归并（WI-01）：在途项不再恒追加尾部——真实交错是「partial 文本 → 它
+		* 自己 step 发出的工具卡」：partial 与同 step 的 runningCall 并存时必须文本
+		* 在前（原文早于调用），不同 step 按 (turn, step) 升序；并行多 call 保持
+		* 宿主 dispatch 序（同 turn/step 内稳定）。终态节点自带 seq 全序，不参与
+		* 归并（在途项永远属于当前 turn 的前沿，尾部插入点天然正确）。
+		*/
+		function transcriptOf(snapshot) {
+			if (snapshot === void 0 || snapshot === null) return [];
+			const out = [];
+			for (const node of snapshot.nodes ?? []) {
+				const message = nodeToMessage(node);
+				if (message !== null) out.push(message);
+			}
+			const inflight = [];
+			const partial = snapshot.partial;
+			if (partial !== void 0 && partial !== null) {
+				const { text, reasoning, hasToolCall } = assistantParts(partial.blocks);
+				if (text !== "" || reasoning !== "" || !hasToolCall) inflight.push({
+					turn: typeof partial.turn === "number" ? partial.turn : Number.MAX_SAFE_INTEGER,
+					step: typeof partial.step === "number" ? partial.step : Number.MAX_SAFE_INTEGER,
+					order: 0,
+					message: {
+						key: "partial",
+						role: "assistant",
+						text,
+						...reasoning !== "" ? { reasoning } : {},
+						streaming: true
+					}
+				});
+			}
+			if (Array.isArray(snapshot.runningCalls)) for (const call of snapshot.runningCalls) {
+				if (typeof call !== "object" || call === null) continue;
+				const c = call;
+				const toolName = typeof c.name === "string" ? c.name : t("toolFallback");
+				inflight.push({
+					turn: typeof c.turn === "number" ? c.turn : Number.MAX_SAFE_INTEGER,
+					step: typeof c.step === "number" ? c.step : Number.MAX_SAFE_INTEGER,
+					order: 1,
+					message: {
+						key: `rc:${typeof c.callId === "string" ? c.callId : "?"}`,
+						role: "tool",
+						toolName,
+						text: "",
+						streaming: true,
+						card: c.callView != null ? cardModelOf({
+							toolName,
+							callView: c.callView,
+							resultView: null
+						}) : cardModelFromNode({
+							name: toolName,
+							argsRaw: typeof c.argsRaw === "string" ? c.argsRaw : void 0,
+							rawText: ""
+						})
+					}
+				});
+			}
+			inflight.sort((a, b) => a.turn - b.turn || a.step - b.step || a.order - b.order);
+			for (const item of inflight) out.push(item.message);
+			return out;
+		}
+		/**
+		* D1 父历史折叠的划分：seq <= boundarySeq 的消息为继承区（fork 时刻快照，
+		* 折叠进指示卡），其余（含在途项——无 seq）为新鲜区。boundarySeq 缺省 =
+		* 全新鲜（升级前老 Tab 的行为不变）。
+		*/
+		function partitionInherited(messages, boundarySeq) {
+			if (boundarySeq === void 0) return {
+				inherited: [],
+				fresh: [...messages]
+			};
+			const inherited = [];
+			const fresh = [];
+			for (const message of messages) if (message.seq !== void 0 && message.seq <= boundarySeq) inherited.push(message);
+			else fresh.push(message);
+			return {
+				inherited,
+				fresh
+			};
+		}
+		//#endregion
+		//#region src/client/host/markdown.ts
+		let cache;
+		/** 当前语言的 chrome 对象（同语言复用同一引用）。 */
+		function markdownChrome() {
+			const copyLabel = t("codeCopy");
+			const copiedLabel = t("codeCopied");
+			if (cache !== void 0 && cache.copyLabel === copyLabel && cache.copiedLabel === copiedLabel) return cache.chrome;
+			const chrome = {
+				copyLabel,
+				copiedLabel,
+				code: {
+					copyLabel,
+					copiedLabel
+				},
+				footnotes: ""
+			};
+			cache = {
+				copyLabel,
+				copiedLabel,
+				chrome
+			};
+			return chrome;
+		}
+		/** MarkdownText 整组 props（双 prop 名承载同一 chrome；text/streaming 透传）。 */
+		function markdownTextProps(text, streaming) {
+			const chrome = markdownChrome();
+			return {
+				text,
+				streaming,
+				codeLabels: chrome,
+				labels: chrome
+			};
+		}
+		//#endregion
+		//#region src/client/host/labels.ts
+		/**
+		* 工具卡叶子块的 labels 构建器（0.1.2 起各块 labels 为必填/无守卫读取——
+		* 缺了在宿主运行时直接崩，e2e 实锤两次：TerminalBlock.copy、ReadBlock.copy）。
+		*
+		* 类型注记：我们构建期类型是 0.1.1（labels 字段不存在/可选），0.1.2 运行时
+		* 要求必填——所以各 builder 返回类型按 0.1.2 形状写、调用点 cast（与
+		* markdown.ts 双形状同款姿势）。
+		*/
+		/** TerminalBlockLabels（0.1.1 与 0.1.2 同形状）。 */
+		function terminalLabels() {
+			return {
+				signal: (signal) => t("termSignal", { signal }),
+				exitCode: (code) => t("termExitCode", { code }),
+				running: t("running"),
+				failed: t("failed"),
+				done: t("termDone"),
+				copy: t("codeCopy"),
+				copied: t("codeCopied"),
+				noOutput: t("termNoOutput"),
+				collapseAria: t("termCollapseAria"),
+				collapse: t("termCollapse"),
+				expandAria: (n) => t("termExpandAria", { n }),
+				expand: (n) => t("termExpand", { n })
+			};
+		}
+		/** ReadBlockLabels（0.1.2 必填）。 */
+		function readLabels() {
+			return {
+				window: (shown, total) => t("readWindow", {
+					shown,
+					total
+				}),
+				copy: t("codeCopy"),
+				copied: t("codeCopied"),
+				collapseAria: t("termCollapseAria"),
+				expandAria: (n) => t("termExpandAria", { n }),
+				collapse: t("termCollapse"),
+				expand: (n) => t("termExpand", { n })
+			};
+		}
+		/** SearchBlockLabels（0.1.2 必填）。 */
+		function searchLabels() {
+			return {
+				pathsSummary: (shown, total, truncated) => t("searchPathsSummary", {
+					shown,
+					total
+				}) + (truncated ? "…" : ""),
+				matchesSummary: (shown, total, files, truncated) => t("searchMatchesSummary", {
+					shown,
+					total,
+					files
+				}) + (truncated ? "…" : ""),
+				copy: t("codeCopy"),
+				copied: t("codeCopied"),
+				noResults: t("searchNoResults"),
+				collapseAria: t("termCollapseAria"),
+				expandAria: (n) => t("termExpandAria", { n }),
+				collapse: t("termCollapse"),
+				expand: (n) => t("termExpand", { n })
+			};
+		}
+		/** DiffBlockLabels（0.1.2 必填）。 */
+		function diffLabels() {
+			return {
+				copy: t("codeCopy"),
+				copied: t("codeCopied"),
+				collapseAria: t("termCollapseAria"),
+				expandAria: (n) => t("termExpandAria", { n }),
+				collapse: t("termCollapse"),
+				expand: (n) => t("termExpand", { n }),
+				files: (n) => t("diffFiles", { n })
+			};
+		}
+		/** WebBlockLabels（0.1.2 必填；markdown 子面复用双形状 chrome）。 */
+		function webLabels() {
+			return {
+				noResults: t("webNoResults"),
+				sourcesTruncated: t("webSourcesTruncated"),
+				http: "HTTP",
+				contentTruncated: t("webContentTruncated"),
+				markdown: markdownChrome()
+			};
+		}
+		//#endregion
+		//#region \0dsh-css:/home/runner/work/dsh-sidenote/dsh-sidenote/src/client/sidechat/sidechat.module.css.mjs
+		const css$1 = "._5KEEsG_root{height:100%;color:var(--dsw-alias-label-primary);flex-direction:column;font-size:13px;display:flex;position:relative}._5KEEsG_body{flex-direction:column;flex:1;padding:12px 10px;display:flex;overflow-y:auto}._5KEEsG_transcript{flex-direction:column;gap:10px;display:flex}._5KEEsG_empty,._5KEEsG_stateScreen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px 16px;display:flex}._5KEEsG_emptyIcon{color:var(--dsw-alias-label-tertiary)}._5KEEsG_emptyTitle{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:600}._5KEEsG_emptyText{color:var(--dsw-alias-label-tertiary);max-width:240px;font-size:12px;line-height:1.6}._5KEEsG_stateDetail{color:var(--dsw-alias-state-error-primary);word-break:break-word;max-width:260px;font-size:12px;line-height:1.6}._5KEEsG_userRow{justify-content:flex-end;display:flex}._5KEEsG_userBubble{background:var(--dsw-specific-bubble,#edf3fe);max-width:88%;color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;border-radius:16px;padding:8px 12px;font-size:13px;line-height:1.55}._5KEEsG_assistantRow{justify-content:flex-start;display:flex;position:relative}._5KEEsG_rowActions{opacity:0;z-index:2;transition:opacity .12s ease-out;position:absolute;top:-8px;right:0}._5KEEsG_assistantRow:hover ._5KEEsG_rowActions{opacity:1}._5KEEsG_reflowButton{border:1px solid var(--dsw-alias-border-l1,#0000001a);background:var(--dsw-alias-bg-layer-1,#fff);width:22px;height:22px;color:var(--dsw-alias-label-tertiary,#8f959e);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:grid;box-shadow:0 2px 8px #00000014}._5KEEsG_reflowButton:hover{color:var(--dsw-alias-state-business-primary,#2f88ff);border-color:var(--dsw-alias-state-business-primary,#2f88ff)}._5KEEsG_assistantBody{word-break:break-word;max-width:100%;font-size:13px;line-height:1.6}._5KEEsG_reasoning{border-left:3px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);margin-bottom:6px;padding-left:8px;font-size:12px}._5KEEsG_reasoning>summary{cursor:pointer;user-select:none}._5KEEsG_reasoningBody{white-space:pre-wrap;word-break:break-word;color:var(--dsw-alias-label-tertiary);margin-top:2px;padding-bottom:2px;padding-left:22px}._5KEEsG_streamingHint{color:var(--dsw-alias-label-dimmed)}._5KEEsG_toolCard{font-size:12px}._5KEEsG_toolHead{color:var(--dsw-alias-label-secondary);align-items:center;gap:6px;font-size:12px;display:flex}._5KEEsG_toolError{color:var(--dsw-alias-state-error-primary)}._5KEEsG_toolRunning{color:var(--dsw-alias-label-tertiary)}._5KEEsG_toolBody{color:var(--dsw-alias-label-tertiary);white-space:pre-wrap;word-break:break-word;max-height:160px;padding:2px 0 2px 22px;font-size:12px;overflow-y:auto}._5KEEsG_errorRow{color:var(--dsw-alias-state-error-primary);white-space:pre-wrap;padding:4px 2px;font-size:12px}._5KEEsG_noticeRow{color:var(--dsw-alias-label-dimmed);text-align:center;padding:2px 0;font-size:12px}._5KEEsG_composer{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:6px;padding:8px 10px;display:flex;position:relative}._5KEEsG_composerCard{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:14px;flex-direction:column;gap:2px;padding:4px 6px 6px;transition:border-color .12s;display:flex}._5KEEsG_composerCard:focus-within{border-color:var(--dsw-alias-state-business-primary)}._5KEEsG_input{resize:none;width:100%;min-height:36px;max-height:160px;color:var(--dsw-alias-label-primary);font:inherit;box-sizing:border-box;background:0 0;border:none;padding:6px 6px 2px}._5KEEsG_input:focus{outline:none}._5KEEsG_composerFoot{justify-content:space-between;align-items:center;gap:8px;padding:0 2px;display:flex}._5KEEsG_modelLabel{color:var(--dsw-alias-label-dimmed);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}._5KEEsG_sendButton,._5KEEsG_stopButton{appearance:none;background:var(--dsw-alias-button-info-fill);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}._5KEEsG_sendButton:disabled{opacity:.45;cursor:default}._5KEEsG_headerSide{border:1px solid var(--dsw-alias-border-l1,#0000001a);color:var(--dsw-alias-label-secondary,#3f454d);cursor:pointer;user-select:none;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;line-height:18px;display:inline-flex}._5KEEsG_headerSide:hover{background:var(--dsw-alias-interactive-bg-hover,#0000000d);color:var(--dsw-alias-label-primary,#1f2329)}._5KEEsG_sentChipRow{align-items:center;gap:6px;margin-right:8px;display:inline-flex}._5KEEsG_sentChip{border:1px solid var(--dsw-alias-border-l1,#0000001a);background:var(--dsw-alias-interactive-bg-hover,#0000000d);color:var(--dsw-alias-label-secondary,#3f454d);user-select:none;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:11px;line-height:16px;display:inline-flex}._5KEEsG_flowRow{font-size:12px}._5KEEsG_rowPreview{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-dimmed);flex:1;margin-left:8px;font-size:12px;overflow:hidden}._5KEEsG_flowRowError{color:var(--dsw-alias-state-error-primary)}._5KEEsG_todoBody{flex-direction:column;gap:3px;padding:2px 0 4px 22px;display:flex}._5KEEsG_todoItem{align-items:baseline;gap:7px;min-width:0;font-size:12px;line-height:1.5;display:flex}._5KEEsG_todoDot{background:var(--dsw-alias-label-dimmed);border-radius:50%;flex:none;width:6px;height:6px;transform:translateY(-1px)}._5KEEsG_todoDot[data-status=completed]{background:var(--dsw-alias-state-success-primary,#34a853)}._5KEEsG_todoDot[data-status=in_progress]{background:var(--dsw-alias-state-business-primary)}._5KEEsG_todoText[data-status=completed]{color:var(--dsw-alias-label-dimmed)}._5KEEsG_toolGenericBody{flex-direction:column;gap:6px;padding:4px 0 4px 22px;display:flex}._5KEEsG_toolBodyText{color:var(--dsw-alias-label-secondary);white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.55;font-family:var(--dsw-alias-font-mono,ui-monospace, monospace);margin:0}._5KEEsG_toolLocations{color:var(--dsw-alias-label-tertiary);white-space:pre-wrap;word-break:break-all;font-size:11px}._5KEEsG_inheritedBody{border-top:1px dashed var(--dsw-alias-border-l2);opacity:.92;padding:6px 0 2px}._5KEEsG_densityRow{justify-content:flex-end;align-items:center;padding:2px 2px 4px;display:flex}._5KEEsG_densityToggle{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11px}._5KEEsG_densityToggle:hover{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2)}._5KEEsG_jumpBottom{z-index:5;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:999px;padding:3px 10px;font-size:11px;position:absolute;bottom:96px;right:12px;box-shadow:0 2px 8px #0000001f}._5KEEsG_jumpBottom:hover{background:var(--dsw-alias-bg-layer-2)}._5KEEsG_modelSelect{color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:3px;max-width:180px;padding:3px 6px;font-size:12px;display:inline-flex;overflow:hidden}._5KEEsG_modelSelect>span:first-child{text-overflow:ellipsis;overflow:hidden}._5KEEsG_modelSelect>svg{color:var(--dsw-alias-label-dimmed);flex:none}._5KEEsG_modelSelect:hover{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2)}._5KEEsG_composerChips{align-items:center;gap:4px;min-width:0;display:inline-flex;overflow:hidden}._5KEEsG_slashMenu{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);z-index:20;border-radius:10px;max-height:260px;margin-bottom:6px;padding:4px;position:absolute;bottom:100%;left:8px;right:8px;overflow-y:auto;box-shadow:0 8px 24px #00000024}._5KEEsG_slashGroupTitle{color:var(--dsw-alias-label-tertiary);text-transform:none;padding:4px 8px 2px;font-size:11px}._5KEEsG_slashItem,._5KEEsG_slashItemActive{text-align:left;cursor:pointer;width:100%;color:var(--dsw-alias-label-primary);background:0 0;border:none;border-radius:6px;align-items:baseline;gap:8px;padding:6px 8px;font-size:13px;display:flex}._5KEEsG_slashItemActive,._5KEEsG_slashItem:hover{background:var(--dsw-alias-interactive-bg-hover)}._5KEEsG_slashItemName{flex:none;font-weight:500}._5KEEsG_slashItemDetail{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}._5KEEsG_attachRail{flex-wrap:wrap;gap:6px;padding:2px 0;display:flex}._5KEEsG_attachThumb{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;width:44px;height:44px;position:relative;overflow:hidden}._5KEEsG_attachImg{object-fit:cover;width:100%;height:100%;display:block}._5KEEsG_attachRemove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:999px;place-items:center;width:16px;height:16px;padding:0;font-size:11px;line-height:1;display:grid;position:absolute;top:1px;right:1px}._5KEEsG_attachButton{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:inline-flex}._5KEEsG_attachButton:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}._5KEEsG_pendingBar{border:1px solid var(--dsw-alias-state-warning-primary,#d4a017);background:var(--dsw-alias-bg-layer-2);width:calc(100% - 16px);color:var(--dsw-alias-state-warning-primary,#d4a017);text-align:left;cursor:pointer;border-radius:8px;margin:0 8px 6px;padding:6px 10px;font-size:12px;display:block}._5KEEsG_pendingBar:hover{background:var(--dsw-alias-bg-layer-3)}._5KEEsG_writeNotice{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-tertiary);border-radius:8px;align-items:center;gap:8px;margin:0 8px 6px;padding:6px 10px;font-size:12px;display:flex}._5KEEsG_writeNoticeClose{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:13px}._5KEEsG_parentStrip{border:none;border-bottom:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;color:var(--dsw-alias-label-secondary);cursor:pointer;text-align:left;align-items:center;gap:6px;padding:5px 12px;font-size:11px;display:flex}._5KEEsG_parentStrip:hover{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary)}._5KEEsG_dotRunning,._5KEEsG_dotPending,._5KEEsG_dotIdle{border-radius:999px;flex:none;width:7px;height:7px}._5KEEsG_dotRunning{background:var(--dsw-alias-state-business-primary,#2f88ff);animation:1.2s ease-in-out infinite _5KEEsG_sidechat-pulse}._5KEEsG_dotPending{background:var(--dsw-alias-state-warning-primary,#d4a017)}._5KEEsG_dotIdle{background:var(--dsw-alias-label-dimmed)}@keyframes _5KEEsG_sidechat-pulse{50%{opacity:.45}}._5KEEsG_actionGroup{gap:2px;margin-right:auto;display:inline-flex}";
+		const tagId$1 = "dsh-sidenote/sidechat.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "dsh-sidenote";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var sidechat_module_css_default = {
+			"noticeRow": "_5KEEsG_noticeRow",
+			"toolBody": "_5KEEsG_toolBody",
+			"densityRow": "_5KEEsG_densityRow",
+			"toolCard": "_5KEEsG_toolCard",
+			"sidechat-pulse": "_5KEEsG_sidechat-pulse",
+			"slashItemDetail": "_5KEEsG_slashItemDetail",
+			"composerFoot": "_5KEEsG_composerFoot",
+			"assistantRow": "_5KEEsG_assistantRow",
+			"toolGenericBody": "_5KEEsG_toolGenericBody",
+			"attachImg": "_5KEEsG_attachImg",
+			"slashItemActive": "_5KEEsG_slashItemActive",
+			"emptyIcon": "_5KEEsG_emptyIcon",
+			"toolError": "_5KEEsG_toolError",
+			"empty": "_5KEEsG_empty",
+			"flowRow": "_5KEEsG_flowRow",
+			"flowRowError": "_5KEEsG_flowRowError",
+			"slashItem": "_5KEEsG_slashItem",
+			"streamingHint": "_5KEEsG_streamingHint",
+			"input": "_5KEEsG_input",
+			"sendButton": "_5KEEsG_sendButton",
+			"todoBody": "_5KEEsG_todoBody",
+			"parentStrip": "_5KEEsG_parentStrip",
+			"dotRunning": "_5KEEsG_dotRunning",
+			"dotPending": "_5KEEsG_dotPending",
+			"userRow": "_5KEEsG_userRow",
+			"toolLocations": "_5KEEsG_toolLocations",
+			"todoText": "_5KEEsG_todoText",
+			"actionGroup": "_5KEEsG_actionGroup",
+			"inheritedBody": "_5KEEsG_inheritedBody",
+			"todoItem": "_5KEEsG_todoItem",
+			"errorRow": "_5KEEsG_errorRow",
+			"attachRemove": "_5KEEsG_attachRemove",
+			"sentChipRow": "_5KEEsG_sentChipRow",
+			"composerCard": "_5KEEsG_composerCard",
+			"stateScreen": "_5KEEsG_stateScreen",
+			"headerSide": "_5KEEsG_headerSide",
+			"transcript": "_5KEEsG_transcript",
+			"emptyText": "_5KEEsG_emptyText",
+			"toolHead": "_5KEEsG_toolHead",
+			"pendingBar": "_5KEEsG_pendingBar",
+			"assistantBody": "_5KEEsG_assistantBody",
+			"attachButton": "_5KEEsG_attachButton",
+			"dotIdle": "_5KEEsG_dotIdle",
+			"root": "_5KEEsG_root",
+			"toolRunning": "_5KEEsG_toolRunning",
+			"stateDetail": "_5KEEsG_stateDetail",
+			"slashMenu": "_5KEEsG_slashMenu",
+			"slashItemName": "_5KEEsG_slashItemName",
+			"writeNotice": "_5KEEsG_writeNotice",
+			"attachRail": "_5KEEsG_attachRail",
+			"reasoningBody": "_5KEEsG_reasoningBody",
+			"sentChip": "_5KEEsG_sentChip",
+			"densityToggle": "_5KEEsG_densityToggle",
+			"modelSelect": "_5KEEsG_modelSelect",
+			"slashGroupTitle": "_5KEEsG_slashGroupTitle",
+			"emptyTitle": "_5KEEsG_emptyTitle",
+			"body": "_5KEEsG_body",
+			"userBubble": "_5KEEsG_userBubble",
+			"reflowButton": "_5KEEsG_reflowButton",
+			"toolBodyText": "_5KEEsG_toolBodyText",
+			"rowPreview": "_5KEEsG_rowPreview",
+			"attachThumb": "_5KEEsG_attachThumb",
+			"stopButton": "_5KEEsG_stopButton",
+			"rowActions": "_5KEEsG_rowActions",
+			"jumpBottom": "_5KEEsG_jumpBottom",
+			"reasoning": "_5KEEsG_reasoning",
+			"modelLabel": "_5KEEsG_modelLabel",
+			"writeNoticeClose": "_5KEEsG_writeNoticeClose",
+			"todoDot": "_5KEEsG_todoDot",
+			"composerChips": "_5KEEsG_composerChips",
+			"composer": "_5KEEsG_composer"
+		};
+		//#endregion
+		//#region src/client/chat/ToolCard.tsx
+		/**
+		* 工具卡（L2 视图）：DisclosureRow 窄栏壳（默认折叠——密度于默认态）+
+		* 展开态用宿主同源叶子块（TerminalBlock/DiffBlock/ReadBlock——材质同源）。
+		* 数据全部来自 cards.ts 的 ToolCardModel（本组件零判别逻辑）。
+		*
+		* P0 落地四卡：generic（自绘）/ terminal / diff / read；search/web 暂经
+		* generic 化渲染（cards.ts 保留全量数据，后续 arm 扩展是加法不是返工）。
+		*/
+		/** ToolCallKind → 图标（宿主 ui-tool 同族映射；primitives 图标全集见 icons/index.d.ts）。 */
+		function kindIcon(kind) {
+			switch (kind) {
+				case "read": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconListPenOutline16, { size: 14 });
+				case "edit": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, { size: 14 });
+				case "delete": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, { size: 14 });
+				case "move": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRightUpOutline16, { size: 14 });
+				case "search": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutline16, { size: 14 });
+				case "execute": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlayOutline16, { size: 14 });
+				case "fetch": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGlobeOutline14, { size: 14 });
+				default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCordisPluginOutline14, { size: 14 });
+			}
+		}
+		/** 折叠态读取 hook（viewState store 的 React 绑定，L2 侧）。 */
+		function useFoldOpen(fold, rowKey) {
+			return (0, react.useSyncExternalStore)((notify) => fold.subscribe(notify), () => fold.isOpen(rowKey));
+		}
+		function ToolCard(props) {
+			const { model, rowKey, fold } = props;
+			const open = useFoldOpen(fold, rowKey);
+			const icon = model.kind === "terminal" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlayOutline16, { size: 14 }) : model.kind === "diff" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, { size: 14 }) : model.kind === "read" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCodeOutline16, { size: 14 }) : model.kind === "todo" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChecklistOutline14, { size: 14 }) : model.kind === "generic" ? kindIcon(model.icon) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCordisPluginOutline14, { size: 14 });
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: sidechat_module_css_default.flowRow,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+					icon,
+					title: model.title,
+					open,
+					expandable: true,
+					expandOnRowClick: true,
+					previewChevron: true,
+					...props.error === true ? { titleClassName: sidechat_module_css_default.flowRowError } : {},
+					onToggle: () => {
+						fold.toggle(rowKey);
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolCardBody, {
+						model,
+						streaming: props.streaming
+					})
+				})
+			});
+		}
+		function ToolCardBody({ model, streaming }) {
+			switch (model.kind) {
+				case "terminal": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.TerminalBlock, {
+					command: model.command,
+					labels: terminalLabels(),
+					...model.cwd !== void 0 ? { cwd: model.cwd } : {},
+					...model.output !== void 0 ? { output: model.output } : {},
+					...model.exitCode !== void 0 ? { exitCode: model.exitCode } : {},
+					...model.signal !== void 0 ? { signal: model.signal } : {},
+					...streaming === true ? { running: true } : {}
+				});
+				case "todo": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: sidechat_module_css_default.todoBody,
+					children: model.items.map((item, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: sidechat_module_css_default.todoItem,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: sidechat_module_css_default.todoDot,
+							"data-status": item.status
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: sidechat_module_css_default.todoText,
+							"data-status": item.status,
+							children: item.content
+						})]
+					}, i))
+				});
+				case "diff": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DiffBlock, {
+					labels: diffLabels(),
+					diffs: model.diffs.map((d) => ({
+						path: d.path,
+						oldText: d.oldText,
+						newText: d.newText
+					}))
+				});
+				case "read": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.ReadBlock, {
+					label: model.path,
+					labels: readLabels(),
+					lines: model.lines.map((l) => ({
+						number: l.number,
+						text: l.text
+					})),
+					totalLines: model.totalLines,
+					...model.lang !== void 0 ? { lang: model.lang } : {}
+				});
+				case "search": return model.shape === "matches" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SearchBlock, {
+					labels: searchLabels(),
+					kind: "matches",
+					files: [...model.files ?? []].map((f) => ({
+						path: f.path,
+						matches: [...f.matches]
+					})),
+					truncated: model.truncated,
+					total: model.total
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SearchBlock, {
+					labels: searchLabels(),
+					kind: "paths",
+					paths: [...model.paths ?? []],
+					truncated: model.truncated,
+					total: model.total
+				});
+				case "web": return model.webKind === "search" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.WebBlock, {
+					labels: webLabels(),
+					kind: "search",
+					sources: [...model.sources ?? []],
+					truncated: model.truncated === true,
+					...model.answer !== void 0 ? { answer: model.answer } : {}
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.WebBlock, {
+					labels: webLabels(),
+					kind: "fetch",
+					url: model.url ?? "",
+					statusCode: model.statusCode ?? 0,
+					truncated: model.truncated === true
+				});
+				default: {
+					const m = model;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: sidechat_module_css_default.toolGenericBody,
+						children: [
+							m.bodyText !== void 0 && m.bodyText !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+								className: sidechat_module_css_default.toolBodyText,
+								children: m.bodyText
+							}),
+							m.rawInput !== void 0 && (typeof m.rawInput === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+								className: sidechat_module_css_default.toolBodyText,
+								children: m.rawInput
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonTree, { data: m.rawInput })),
+							m.locations !== void 0 && m.locations.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: sidechat_module_css_default.toolLocations,
+								children: m.locations.map((l) => `${l.path}${l.line !== void 0 ? `:${l.line}` : ""}`).join("\n")
+							}),
+							m.bodyText === void 0 && m.rawInput === void 0 && streaming === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: sidechat_module_css_default.toolBodyText,
+								children: t("running")
+							})
+						]
+					});
+				}
+			}
+		}
+		//#endregion
+		//#region src/client/chat/ReasoningRow.tsx
+		/**
+		* 思考折叠行（L2 视图）：DisclosureRow 壳取代原生 <details>——与工具卡同
+		* 一套镀铬（材质同源）。行为对齐宿主 ReasoningRow 语义：流式中默认展开
+		* （用户在看推理），完成后默认折叠；用户显式收起过就不再自动展开
+		* （fold.has 区分「未触碰」与「显式收起」）。
+		*/
+		/** 首行非空文本（折叠态预览——主区「Think · 首行摘要」同款）。 */
+		function firstLineOf(text) {
+			for (const line of text.split("\n")) {
+				const s = line.trim();
+				if (s !== "") return s;
+			}
+			return "";
+		}
+		function ReasoningRow(props) {
+			const { rowKey, fold } = props;
+			const touched = (0, react.useSyncExternalStore)((fn) => fold.subscribe(fn), () => fold.has(rowKey));
+			const open = (0, react.useSyncExternalStore)((fn) => fold.subscribe(fn), () => fold.isOpen(rowKey)) || props.streaming === true && !touched;
+			const preview = firstLineOf(props.text);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: sidechat_module_css_default.flowRow,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconThinkOutline16, { size: 14 }),
+					title: t("thinking"),
+					open,
+					expandable: true,
+					expandOnRowClick: true,
+					previewChevron: true,
+					...preview !== "" ? { collapsedContent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: sidechat_module_css_default.rowPreview,
+						children: preview
+					}) } : {},
+					onToggle: () => {
+						fold.toggle(rowKey);
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: sidechat_module_css_default.reasoningBody,
+						children: props.text
+					})
+				})
+			});
+		}
+		//#endregion
+		//#region src/client/chat/FoldCard.tsx
+		/**
+		* 父历史折叠卡（D1，L2 视图）：fork 继承的消息区默认折叠为一张指示卡
+		* 「继承自主会话 · 截至 fork 点 · N 条」，点击展开查看（内容与主对话同源
+		* 渲染——同一套 MessageRow）。
+		*
+		* 产品语义（design-draft v3 D1）：模型侧全量继承不变（fork 即快照），UI 分层；
+		* 文案标注「截至 fork 点」——fork 后主对话继续推进，本卡是静态快照。
+		*/
+		function FoldCard(props) {
+			const { rowKey, fold } = props;
+			const open = (0, react.useSyncExternalStore)((fn) => fold.subscribe(fn), () => fold.isOpen(rowKey));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: sidechat_module_css_default.flowRow,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconBranchOutline16, { size: 14 }),
+					title: t("inheritedLabel", { n: props.count }),
+					open,
+					expandable: true,
+					expandOnRowClick: true,
+					previewChevron: true,
+					onToggle: () => {
+						fold.toggle(rowKey);
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: sidechat_module_css_default.inheritedBody,
+						children: props.children
+					})
+				})
+			});
+		}
+		//#endregion
+		//#region src/client/locale-tick.ts
+		/**
+		* React 绑定点（从 locales.ts 拆出）：字典/t() 是纯逻辑层（L0 可测），
+		* 本 hook 是唯一的 react 依赖——拆开让 L0 不再经 locales 传递性引入 react
+		* （WI-00 分层纪律，arch-audit §1.3）。
+		*/
+		/** 语言切换时驱动组件重渲（useSyncExternalStore 标准接法）。 */
+		function useLocaleTick() {
+			(0, react.useSyncExternalStore)(subscribeLocale, localeSnapshot);
+		}
+		//#endregion
+		//#region src/client/sidechat/rows.tsx
+		/**
+		* 侧边面板的消息行家族（L2 视图）：MessageList/MessageRow/ReflowButton/
+		* EmptyState/StateScreen。自 SideChatPanel.tsx 拆出（WI-00 预算纪律：
+		* 面板壳只留编排）。渲染规则：MessageRow 全族 memo（字段值比较器）。
+		*/
+		/** 空状态：💬 类图标 + 标题 + fork 语义文案（形态规格）。 */
+		function EmptyState() {
+			useLocaleTick();
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: sidechat_module_css_default.empty,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: sidechat_module_css_default.emptyIcon,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconNewChatOutline16, { size: 32 })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: sidechat_module_css_default.emptyTitle,
+						children: t("emptyTitle")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: sidechat_module_css_default.emptyText,
+						children: t("emptyText")
+					})
+				]
+			});
+		}
+		/** 加载 / 错误整屏态（标题 + 可选详情 + 可选指引）。 */
+		function StateScreen(props) {
+			useLocaleTick();
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: sidechat_module_css_default.stateScreen,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: sidechat_module_css_default.emptyIcon,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconNewChatOutline16, { size: 32 })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: sidechat_module_css_default.emptyTitle,
+						children: props.title
+					}),
+					props.detail !== void 0 && props.detail !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: sidechat_module_css_default.stateDetail,
+						children: props.detail
+					}),
+					props.hint !== void 0 && props.hint !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: sidechat_module_css_default.emptyText,
+						children: props.hint
+					})
+				]
+			});
+		}
+		function MessageList({ messages, fold, boundarySeq, reflow, parentSessionId, sideTitle, onPromote }) {
+			const [reflowAllDone, setReflowAllDone] = (0, react.useState)(false);
+			const questions = (0, react.useMemo)(() => pairQuestions(messages), [messages]);
+			const { inherited, fresh } = (0, react.useMemo)(() => partitionInherited(messages, boundarySeq), [messages, boundarySeq]);
+			const renderRow = (message) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageRow, {
+				message,
+				question: questions.get(message.key),
+				fold,
+				reflow,
+				parentSessionId,
+				sideTitle
+			}, message.key);
+			const foldableKeys = (0, react.useMemo)(() => {
+				const keys = [];
+				if (inherited.length > 0) keys.push("inherited");
+				for (const m of messages) {
+					if (m.card !== void 0) keys.push(m.key);
+					if (m.reasoning !== void 0 && m.reasoning !== "") keys.push(`${m.key}:thinking`);
+				}
+				return keys;
+			}, [messages, inherited.length]);
+			(0, react.useSyncExternalStore)((0, react.useCallback)((fn) => fold.subscribe(fn), [fold]), () => fold.getSnapshot());
+			const anyOpen = foldableKeys.some((k) => fold.isOpen(k));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: sidechat_module_css_default.transcript,
+				children: [
+					(foldableKeys.length >= 2 || parentSessionId !== void 0 && messages.length > 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: sidechat_module_css_default.densityRow,
+						children: [parentSessionId !== void 0 && messages.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: sidechat_module_css_default.actionGroup,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: sidechat_module_css_default.densityToggle,
+								title: t("reflowAllTitle"),
+								onClick: () => {
+									let added = 0;
+									for (const m of messages) {
+										if (m.role !== "assistant" || m.text === "" || m.streaming === true) continue;
+										reflow.add(parentSessionId, sideTitle, m.text, questions.get(m.key));
+										added += 1;
+									}
+									if (added > 0) setReflowAllDone(true);
+								},
+								children: reflowAllDone ? t("reflowAllDone") : t("reflowAll")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: sidechat_module_css_default.densityToggle,
+								title: t("promoteTitle"),
+								onClick: onPromote,
+								children: t("promote")
+							})]
+						}), foldableKeys.length >= 2 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: sidechat_module_css_default.densityToggle,
+							onClick: () => {
+								fold.setAll(foldableKeys, !anyOpen);
+							},
+							children: anyOpen ? t("collapseAll") : t("expandAll")
+						})]
+					}),
+					inherited.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FoldCard, {
+						count: inherited.length,
+						rowKey: "inherited",
+						fold,
+						children: inherited.map(renderRow)
+					}),
+					fresh.map(renderRow)
+				]
+			});
+		}
+		/** 回流按钮（W04 v2）：把这条 assistant 结论收为主会话的受控回流对象
+		*  （主 composer 上方出现「侧边回流」chip），发送时随拦截器序列化。
+		*  问答成对：带上它回答的那条用户提问（question 缺省时只有 <答>）。 */
+		function ReflowButton({ reflow, parentSessionId, sideTitle, text, question }) {
+			useLocaleTick();
+			const [done, setDone] = (0, react.useState)(false);
+			const timer = (0, react.useRef)(0);
+			(0, react.useEffect)(() => () => {
+				window.clearTimeout(timer.current);
+			}, []);
+			if (parentSessionId === void 0) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: sidechat_module_css_default.reflowButton,
+				title: done ? t("reflowDone") : t("reflowToMain"),
+				"aria-label": t("reflowToMain"),
+				onClick: () => {
+					reflow.add(parentSessionId, sideTitle, text, question);
+					setDone(true);
+					window.clearTimeout(timer.current);
+					timer.current = window.setTimeout(() => {
+						setDone(false);
+					}, 1600);
+				},
+				children: done ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline16, { size: 12 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconShareOutline16, { size: 12 })
+			});
+		}
+		const MessageRow = (0, react.memo)(function MessageRow({ message, question, fold, reflow, parentSessionId, sideTitle }) {
+			useLocaleTick();
+			switch (message.role) {
+				case "user": {
+					const proto = splitProtocolPrefix(message.text);
+					if (proto !== null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: sidechat_module_css_default.userRow,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: sidechat_module_css_default.userBubble,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: sidechat_module_css_default.sentChipRow,
+								children: [proto.annotations.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: sidechat_module_css_default.sentChip,
+									title: proto.annotations.map((a) => `${a.id}. 「${a.quote}」${a.note}`).join("\n"),
+									children: t("sentChipLabel", { n: proto.annotations.length })
+								}), proto.reflows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: sidechat_module_css_default.sentChip,
+									title: proto.reflows.map((r) => `${r.source}: ${flattenReflowContent(r.content).slice(0, 200)}`).join("\n"),
+									children: t("reflowBubbleLabel")
+								})]
+							}), message.text.slice(proto.length)]
+						})
+					});
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: sidechat_module_css_default.userRow,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: sidechat_module_css_default.userBubble,
+							children: message.text
+						})
 					});
-				} catch {}
-			}, [store]);
-			(0, react.useEffect)(() => {
-				if (childId !== void 0 || forkStarted.current) return;
-				forkStarted.current = true;
-				let cancelled = false;
-				(async () => {
-					try {
-						const forked = await ctx.sessions.fork({ sessionId: scope.sessionId });
-						const current = parseSideChatMeta(readTab(ctx, tab.id)?.meta);
-						ctx.betterSidebar.updateTab(tab.id, { meta: {
-							...current,
-							childId: forked,
-							parentSessionId: scope.sessionId
+				}
+				case "assistant": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: sidechat_module_css_default.assistantRow,
+					children: [message.text !== "" && message.streaming !== true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: sidechat_module_css_default.rowActions,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReflowButton, {
+							reflow,
+							parentSessionId,
+							sideTitle,
+							text: message.text,
+							question
+						})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: sidechat_module_css_default.assistantBody,
+						children: [
+							message.reasoning !== void 0 && message.reasoning !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReasoningRow, {
+								text: message.reasoning,
+								rowKey: `${message.key}:thinking`,
+								fold,
+								...message.streaming === true ? { streaming: true } : {}
+							}),
+							message.text !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, { ...markdownTextProps(message.text, message.streaming) }) : message.streaming === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: sidechat_module_css_default.streamingHint,
+								children: t("writing")
+							}),
+							message.interrupted === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: sidechat_module_css_default.noticeRow,
+								children: t("stopped")
+							})
+						]
+					})]
+				});
+				case "tool":
+					if (message.card !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolCard, {
+						model: message.card,
+						rowKey: message.key,
+						fold,
+						...message.streaming === true ? { streaming: true } : {},
+						...message.isError === true ? { error: true } : {}
+					});
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: sidechat_module_css_default.toolCard,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: sidechat_module_css_default.toolHead,
+							children: [
+								t("toolLabel"),
+								" · ",
+								message.toolName,
+								message.isError === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: sidechat_module_css_default.toolError,
+									children: t("failed")
+								}),
+								message.streaming === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: sidechat_module_css_default.toolRunning,
+									children: t("running")
+								})
+							]
+						}), message.text !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: sidechat_module_css_default.toolBody,
+							children: message.text
+						})]
+					});
+				case "error": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: sidechat_module_css_default.errorRow,
+					children: message.text
+				});
+				case "notice": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: sidechat_module_css_default.noticeRow,
+					children: message.text
+				});
+			}
+		}, rowPropsEqual);
+		/** memo 比较器：transcriptOf 每次快照重建消息对象（引用必变），按字段值比。 */
+		function rowPropsEqual(prev, next) {
+			if (prev.fold !== next.fold || prev.reflow !== next.reflow) return false;
+			if (prev.parentSessionId !== next.parentSessionId || prev.sideTitle !== next.sideTitle) return false;
+			if (prev.question !== next.question) return false;
+			const a = prev.message;
+			const b = next.message;
+			return a === b || a.key === b.key && a.role === b.role && a.text === b.text && a.reasoning === b.reasoning && a.streaming === b.streaming && a.isError === b.isError && a.interrupted === b.interrupted && a.toolName === b.toolName && a.card === b.card && a.seq === b.seq;
+		}
+		//#endregion
+		//#region src/client/sidechat/open.ts
+		/** 从最新快照读一个 Tab（meta 合并写入前的读取面；布局即注册表）。 */
+		function readTab(ctx, tabId) {
+			return collectTabs(ctx.betterSidebar.getSnapshot().state).find((tab) => tab.id === tabId);
+		}
+		/**
+		* 为 sessionId 新建或聚焦一个侧边聊天 Tab；draftText 给出时写入其草稿。
+		* @returns false = 未能打开（调用方保持自己的流程）。
+		*/
+		function openOrFocusSideChat(ctx, sessionId, draftText) {
+			try {
+				const snapshot = ctx.betterSidebar.getSnapshot();
+				if (snapshot.sessionId !== sessionId || snapshot.state === void 0) return false;
+				const existing = collectSideTabs(snapshot.state);
+				if (existing.length > 0) {
+					const target = existing[existing.length - 1];
+					if (draftText !== void 0 && draftText !== "") {
+						const meta = parseSideChatMeta(target.meta);
+						const input = meta.childId === void 0 ? null : resolveSessionInput(ctx, meta.childId);
+						if (input !== null) input.setDraft(appendDraftText(readInputDraft(input), draftText));
+						else ctx.betterSidebar.updateTab(target.id, { meta: {
+							...meta,
+							pendingDraft: appendDraftText(meta.pendingDraft ?? "", draftText)
 						} });
-						try {
-							await ctx.workspaces.archiveSession(forked);
-						} catch (error) {
-							console.warn("[dsh-sidenote] 归档侧边会话失败（会话列表可能短暂可见）:", error);
-						}
-						try {
-							const parentModels = await ctx.connection.api.sessions.models({ sessionId: scope.sessionId });
-							if (parentModels.result.ok) {
-								const current = parentModels.result.value.current;
-								await ctx.connection.api.sessions.selectModel({
-									sessionId: forked,
-									provider: current.provider,
-									model: current.model,
-									...current.reasoningEffort !== void 0 ? { reasoningEffort: current.reasoningEffort } : {}
-								});
-							}
-						} catch (error) {
-							console.warn("[dsh-sidenote] 同步主会话模型失败（子会话用默认模型）:", error);
-						}
-					} catch (error) {
-						if (!cancelled) setForkError(error instanceof Error ? error.message : String(error));
 					}
-				})();
-				return () => {
-					cancelled = true;
-				};
-			}, [
-				ctx,
-				scope.sessionId,
-				tab.id,
-				childId
-			]);
-			const listSnap = (0, react.useSyncExternalStore)((0, react.useCallback)((notify) => ctx.sessions.list.subscribe(notify), [ctx]), () => ctx.sessions.list.getSnapshot());
-			const listed = childId !== void 0 && listSnap.byId?.[childId] !== void 0;
-			const session = (childId === void 0 ? void 0 : ctx.sessions.binding(childId))?.session;
-			(0, react.useEffect)(() => {
-				openSessionWindow(session);
-			}, [session]);
-			const phase = phaseOf({
-				childId,
-				forkError,
-				bound: session !== void 0,
-				listPhase: listSnap.phase,
-				listed
-			});
-			const snapshot = (0, react.useSyncExternalStore)((0, react.useCallback)((notify) => visible && session !== void 0 ? session.subscribe(notify) : NOOP_UNSUBSCRIBE, [visible, session]), () => session === void 0 ? null : session.getSnapshot());
-			const messages = (0, react.useMemo)(() => transcriptOf(snapshot), [snapshot]);
-			const composer = useComposer(ctx, session, childId);
-			const [modelName, setModelName] = (0, react.useState)(null);
-			(0, react.useEffect)(() => {
-				if (childId === void 0 || session === void 0) return;
-				let cancelled = false;
-				ctx.connection.api.sessions.models({ sessionId: childId }).then((res) => {
-					if (!cancelled && res.result.ok) setModelName(res.result.value.current.model);
-				}).catch(() => {});
-				return () => {
-					cancelled = true;
-				};
-			}, [
-				ctx,
-				childId,
-				session
-			]);
-			const pendingDraft = meta.pendingDraft;
-			const rootRef = (0, react.useRef)(null);
-			(0, react.useEffect)(() => {
-				if (pendingDraft === void 0 || pendingDraft === "" || phase !== "chat") return;
-				composer.appendDraft(pendingDraft);
-				const current = parseSideChatMeta(readTab(ctx, tab.id)?.meta);
-				ctx.betterSidebar.updateTab(tab.id, { meta: clearPendingDraft(current) });
-				requestAnimationFrame(() => {
-					rootRef.current?.querySelector("textarea")?.focus();
+					ctx.betterSidebar.activateTab(target.id, { sessionId });
+					return true;
+				}
+				return createSideChat(ctx, sessionId, draftText);
+			} catch (error) {
+				console.warn("[dsh-sidenote] 打开侧边聊天失败:", error);
+				return false;
+			}
+		}
+		/**
+		* 无条件新建一个侧边聊天 Tab（/side「新建侧边聊天」选项的语义——既有实例
+		* 在弹层里另有聚焦项，「新建」必须真的新建，否则标签与行为不符）。
+		* @returns false = 未能创建（调用方保持自己的流程）。
+		*/
+		function createSideChat(ctx, sessionId, draftText) {
+			try {
+				const snapshot = ctx.betterSidebar.getSnapshot();
+				if (snapshot.sessionId !== sessionId || snapshot.state === void 0) return false;
+				const before = new Set(collectTabs(snapshot.state).map((tab) => tab.id));
+				ctx.betterSidebar.openTab({ type: SIDE_TAB_TYPE }, { sessionId });
+				const created = collectSideTabs(ctx.betterSidebar.getSnapshot().state).find((tab) => !before.has(tab.id));
+				if (created === void 0) return false;
+				if (draftText !== void 0 && draftText !== "") ctx.betterSidebar.updateTab(created.id, { meta: { pendingDraft: draftText } });
+				return true;
+			} catch (error) {
+				console.warn("[dsh-sidenote] 新建侧边聊天失败:", error);
+				return false;
+			}
+		}
+		/**
+		* 桥接/命令的目标预览：askInSideChat 此时若执行会落在哪个 Tab 的标题
+		* （既有并存 = 最后一个；无 = 即将新建的首个标题）。用于编辑器上标明
+		* 「发送至：侧边 N」。会话不在屏上/状态缺失时返回 undefined。
+		*/
+		function sideChatTargetTitle(ctx, sessionId) {
+			try {
+				const snapshot = ctx.betterSidebar.getSnapshot();
+				if (snapshot.sessionId !== sessionId || snapshot.state === void 0) return void 0;
+				const existing = collectSideTabs(snapshot.state);
+				if (existing.length > 0) return existing[existing.length - 1].title;
+				return sideTabTitle([]);
+			} catch {
+				return;
+			}
+		}
+		/**
+		* 重开最近关闭的侧边聊天（D3 后悔药）：开 Tab + meta 预置 childId/
+		* parentSessionId——面板挂载后走绑定恢复路径（不重新 fork）。
+		* 会话本体必须仍 archived 在列（若被清理，面板落「会话已不存在」态——
+		* 有现成错误态兜着）。
+		*/
+		function reopenSideChat(ctx, sessionId, childId, title) {
+			try {
+				const snapshot = ctx.betterSidebar.getSnapshot();
+				if (snapshot.sessionId !== sessionId || snapshot.state === void 0) return false;
+				const before = new Set(collectTabs(snapshot.state).map((tab) => tab.id));
+				ctx.betterSidebar.openTab({ type: SIDE_TAB_TYPE }, { sessionId });
+				const created = collectSideTabs(ctx.betterSidebar.getSnapshot().state).find((tab) => !before.has(tab.id));
+				if (created === void 0) return false;
+				ctx.betterSidebar.updateTab(created.id, {
+					...title !== void 0 ? { title } : {},
+					meta: {
+						childId,
+						parentSessionId: sessionId
+					}
 				});
-			}, [
-				pendingDraft,
-				phase,
-				ctx,
-				tab.id
-			]);
-			const bodyRef = (0, react.useRef)(null);
-			const tailKey = messages.length === 0 ? "" : `${messages[messages.length - 1].key}:${messages[messages.length - 1].text.length}:${messages[messages.length - 1].reasoning?.length ?? 0}`;
-			(0, react.useEffect)(() => {
-				const el = bodyRef.current;
-				if (el !== null && visible) el.scrollTop = el.scrollHeight;
-			}, [tailKey, visible]);
-			if (phase === "fork-error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StateScreen, {
-				title: t("forkErrorTitle"),
-				detail: forkError ?? void 0,
-				hint: t("forkErrorHint")
-			});
-			if (phase === "missing") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StateScreen, {
-				title: t("missingTitle"),
-				detail: t("missingDetail"),
-				hint: t("missingHint")
+				return true;
+			} catch (error) {
+				console.warn("[dsh-sidenote] 重开侧边聊天失败:", error);
+				return false;
+			}
+		}
+		//#endregion
+		//#region src/client/sidechat/lifecycle.ts
+		/**
+		* 首开编排：fork（全量历史快照）→ 登记 meta（先行，绝不丢登记）→
+		* 归档隐藏出会话列表（best-effort）→ 模型跟随主会话（best-effort）。
+		* fork 失败抛错（面板组件转错误态）；后两步失败只告警不阻断。
+		* @returns fork 出的子会话 id。
+		*/
+		async function forkAndRegister(ctx, parentSessionId, tabId) {
+			let boundarySeq;
+			try {
+				const snap = chatSourceOf(ctx, ctx.sessions.binding(parentSessionId))?.getLegacy();
+				let max = -1;
+				for (const node of snap?.nodes ?? []) {
+					const seq = node.seq;
+					if (typeof seq === "number" && seq > max) max = seq;
+				}
+				if (max >= 0) boundarySeq = max;
+			} catch {}
+			const forked = await ctx.sessions.fork({ sessionId: parentSessionId });
+			updateTabMeta(ctx, tabId, (current) => ({
+				...current,
+				childId: forked,
+				parentSessionId,
+				...boundarySeq !== void 0 ? { boundarySeq } : {}
+			}));
+			try {
+				await ctx.workspaces.archiveSession(forked);
+			} catch (error) {
+				console.warn("[dsh-sidenote] 归档侧边会话失败（会话列表可能短暂可见）:", error);
+			}
+			try {
+				const parentModels = await ctx.connection.api.sessions.models({ sessionId: parentSessionId });
+				if (parentModels.result.ok) {
+					const current = parentModels.result.value.current;
+					await ctx.connection.api.sessions.selectModel({
+						sessionId: forked,
+						provider: current.provider,
+						model: current.model,
+						...current.reasoningEffort !== void 0 ? { reasoningEffort: current.reasoningEffort } : {}
+					});
+				}
+			} catch (error) {
+				console.warn("[dsh-sidenote] 同步主会话模型失败（子会话用默认模型）:", error);
+			}
+			return forked;
+		}
+		/** Tab meta 读-改-写（布局持久化寄存处）；tab 已消失时 no-op。 */
+		function updateTabMeta(ctx, tabId, mutate) {
+			const current = parseSideChatMeta(readTab(ctx, tabId)?.meta);
+			ctx.betterSidebar.updateTab(tabId, { meta: mutate(current) });
+		}
+		/**
+		* 程序化入口（/side、bridge 划选提问）打开 Tab 时面板可能处于折叠态——
+		* 类型型 openTab 不自动展开（better-sidebar 只对 path/url 内容型打开展开）。
+		* 幂等展开（off-face：store.update 是 SidebarStore 公开 mutator 面；
+		* feature-check + 吞错，兜底失败不影响功能）。
+		*/
+		function ensurePanelOpen(store) {
+			const mutable = store;
+			try {
+				mutable?.update?.((state) => {
+					if (state.panelOpen === false) state.panelOpen = true;
+				});
+			} catch {}
+		}
+		/**
+		* 打开非 staged 会话的事件窗口（off-face：open() 在 concrete Session 上是
+		* public 且幂等，但不在 SessionFace 契约上——契约面只有 staged 会话会被
+		* 运行时自动 open）。feature-check + 吞错，运行时若移除则降级为只发不收。
+		*/
+		function openSessionWindow(session) {
+			const openable = session;
+			if (typeof openable?.open !== "function") return;
+			openable.open().catch((error) => {
+				console.warn("[dsh-sidenote] 会话窗口打开失败:", error);
 			});
-			if (phase === "forking" || phase === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StateScreen, { title: t("preparing") });
-			const running = snapshot?.running === true;
-			const openFailed = snapshot?.openState === "error";
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				ref: rootRef,
-				className: sidechat_module_css_default.root,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					ref: bodyRef,
-					className: sidechat_module_css_default.body,
-					children: [messages.length === 0 && !running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageList, {
-						messages,
-						reflow: props.reflow,
-						parentSessionId: meta.parentSessionId,
-						sideTitle: tab.title
-					}), openFailed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: sidechat_module_css_default.errorRow,
-						children: t("historyFailed")
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComposerBar, {
-					ctx,
-					session,
-					composer,
-					running,
-					visible,
-					modelName
-				})]
+		}
+		/** 读子会话当前模型名（composer 模型标签用）；任何失败回退 null（默认文案）。 */
+		async function readModelName(ctx, sessionId) {
+			try {
+				const res = await ctx.connection.api.sessions.models({ sessionId });
+				return res.result.ok ? res.result.value.current.model : null;
+			} catch {
+				return null;
+			}
+		}
+		/**
+		* 0.1.2 优先：`uiConversation` 服务 → binding(会话 binding) → target('chat')
+		* → 快照 .legacy 切片（0.1.2 把内容面从 Session 快照顶层拆到此处——
+		* 根因与证据见 reports/ux-review/W00-fork-replay-012.md）；0.1.1 回退
+		* Session 快照顶层（nodes 直接在）。均 miss 返回 undefined（面板维持
+		* 既有降级，不崩）。
+		*/
+		function chatSourceOf(ctx, binding) {
+			const session = binding?.session;
+			if (session === void 0) return void 0;
+			try {
+				const target = ctx.get("uiConversation")?.binding?.(binding)?.target?.("chat");
+				if (target !== void 0 && typeof target.getSnapshot === "function" && typeof target.subscribe === "function") return {
+					subscribe: (fn) => target.subscribe(fn),
+					getLegacy: () => {
+						return target.getSnapshot()?.legacy ?? null;
+					}
+				};
+			} catch {}
+			const snap = session.getSnapshot();
+			if (snap !== null && Array.isArray(snap.nodes)) return {
+				subscribe: (fn) => session.subscribe(fn),
+				getLegacy: () => session.getSnapshot()
+			};
+		}
+		/** 拉会话模型目录（models RPC 容错；失败 null → 菜单保持只读标签态）。 */
+		async function listModels(ctx, sessionId) {
+			try {
+				const res = await ctx.connection.api.sessions.models({ sessionId });
+				return res.result.ok ? res.result.value : null;
+			} catch {
+				return null;
+			}
+		}
+		/** 切换子会话模型；成功返回新模型展示名，失败 null（best-effort）。 */
+		async function switchModel(ctx, sessionId, provider, model) {
+			try {
+				return (await ctx.connection.api.sessions.selectModel({
+					sessionId,
+					provider,
+					model
+				})).result.ok ? model : null;
+			} catch {
+				return null;
+			}
+		}
+		//#endregion
+		//#region src/client/sidechat/ModelMenu.tsx
+		/**
+		* 模型选择器（WI-02）：composer 脚部的模型 chip → 两级 Menu（provider 分组
+		* 标签 + 型号行）。数据走 wire 面（sessions.models/selectModel——fork 时
+		* 同步主会话的同款通道）；切的是子会话自己的选择，不回写主会话。
+		*
+		* 懒加载：首次打开才拉目录（models RPC 有成本）；切换后本地标签立即更新
+		* （selectModel 返回的 selected 为准）。
+		*/
+		function ModelMenu(props) {
+			useLocaleTick();
+			const [open, setOpen] = (0, react.useState)(false);
+			const [models, setModels] = (0, react.useState)(null);
+			const [switching, setSwitching] = (0, react.useState)(false);
+			const openMenu = () => {
+				setOpen(true);
+				if (models !== null) return;
+				listModels(props.ctx, props.sessionId).then((m) => {
+					if (m !== null) setModels(m);
+				});
+			};
+			const items = [];
+			if (models !== null) for (const group of models.groups) {
+				items.push({
+					type: "label",
+					id: `g:${group.id}`,
+					text: group.name
+				});
+				for (const m of group.models) {
+					const selected = models.current.provider === group.id && models.current.model === m.id;
+					items.push({
+						id: `${group.id}/${m.id}`,
+						label: m.name,
+						...selected ? { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline16, { size: 12 }) } : {}
+					});
+				}
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+				open,
+				side: "top",
+				portal: true,
+				compact: true,
+				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: sidechat_module_css_default.modelSelect,
+					title: t("modelSwitchTitle"),
+					onClick: () => {
+						open ? setOpen(false) : openMenu();
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("modelLabel", { name: props.modelName ?? t("modelFollowsMain") }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 12 })]
+				}),
+				items,
+				onClose: () => {
+					setOpen(false);
+				},
+				onSelect: (id) => {
+					const slash = id.indexOf("/");
+					if (slash === -1 || models === null) return;
+					const provider = id.slice(0, slash);
+					const model = id.slice(slash + 1);
+					setOpen(false);
+					setSwitching(true);
+					switchModel(props.ctx, props.sessionId, provider, model).then((name) => {
+						if (name !== null) props.onSwitched(name);
+					}).finally(() => {
+						setSwitching(false);
+					});
+				}
 			});
 		}
-		/** 空状态：💬 类图标 + 标题 + fork 语义文案（形态规格）。 */
-		function EmptyState() {
+		//#endregion
+		//#region src/client/sidechat/PermissionChip.tsx
+		/**
+		* 权限 chip（WI-02，D2 定档 c：同权 + 常显）：显示子会话当前权限档位，
+		* 点击弹 Menu 切换（原生同路径：`session.command('/permission <id>')`）。
+		*
+		* 数据：session.projections.faceOf('permissions')（off-face——缺席则 chip
+		* 不渲染）。KnobState = {preset, sandbox, approval}，preset null = 组合默认
+		* （默认表 workspace-write/danger-full-access，dsh-permission-presets 实证）。
+		*/
+		/** preset 机器值 → 展示名（宿主 displayPermissionPreset 同款：Full access 特例）。 */
+		function presetLabel(preset) {
+			if (preset === "danger-full-access") return t("permFullAccess");
+			return preset.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+		}
+		/** 默认表（dsh-permission-presets bundle 实证，0.1.1/0.1.2 同）。 */
+		const KNOWN_PRESETS = ["workspace-write", "danger-full-access"];
+		function PermissionChip(props) {
 			useLocaleTick();
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: sidechat_module_css_default.empty,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: sidechat_module_css_default.emptyIcon,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconNewChatOutline16, { size: 32 })
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: sidechat_module_css_default.emptyTitle,
-						children: t("emptyTitle")
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: sidechat_module_css_default.emptyText,
-						children: t("emptyText")
-					})
-				]
+			const [open, setOpen] = (0, react.useState)(false);
+			const face = (0, react.useMemo)(() => {
+				const p = props.session;
+				return typeof p?.projections?.faceOf === "function" ? p.projections.faceOf("permissions") : void 0;
+			}, [props.session]);
+			const knob = (0, react.useSyncExternalStore)((fn) => face?.subscribe(fn) ?? (() => {}), () => face?.getSnapshot() ?? null);
+			if (face === void 0 || knob === null) return null;
+			const effective = knob.preset ?? "workspace-write";
+			const items = KNOWN_PRESETS.map((id) => ({
+				id,
+				label: presetLabel(id) + (id === effective ? " ✓" : "")
+			}));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+				open,
+				side: "top",
+				portal: true,
+				compact: true,
+				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: sidechat_module_css_default.modelSelect,
+					title: t("permChipTitle"),
+					onClick: () => {
+						setOpen(!open);
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconInspectOutline12, { size: 12 }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: presetLabel(effective) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 12 })
+					]
+				}),
+				items,
+				onClose: () => {
+					setOpen(false);
+				},
+				onSelect: (id) => {
+					setOpen(false);
+					props.session?.command(`/permission ${id}`).catch(() => {});
+				}
 			});
 		}
-		/** 加载 / 错误整屏态（标题 + 可选详情 + 可选指引）。 */
-		function StateScreen(props) {
+		//#endregion
+		//#region src/client/sidechat/composer/slash.tsx
+		/**
+		* 侧边 composer 的斜杠/@ 触发菜单（WI-02）：官方触发引擎（inputTriggers
+		* 控制器的公开契约面：track/arbitrate/pick/dismiss + menu store）+
+		* 自绘菜单皮（MenuView 不导出——技术审查 A5 证伪，primitives Menu 做皮）。
+		*
+		* 接线面（全是公开契约，非 off-face 键盘面）：
+		* - onChange → controller.track(draft, caret, guardOf(phase), draftRev)
+		* - onKeyDown（菜单开着）→ controller.arbitrate(key, composing)
+		* - 点击候选 → controller.pick(source, index)
+		* - 外部点击/Esc → controller.dismiss()
+		*
+		* 全局 source 涌入裁决（C-6）：侧边会话的菜单会涌入全局注册的 source
+		* （/side 自己、skill、@file 等）——「不可嵌套」把 /side、/侧边 过滤掉
+		* （source 名按注册名匹配），其余放行（与主对话同能力）。
+		*/
+		/** TriggerGuard 推导（宿主 guardOf 的 3 行复刻：plain 全活 / claimed 只活 @ / 其余全灭）。 */
+		function guardOf(phase) {
+			if (phase === "plain") return "plain";
+			if (phase === "claimed") return "claimed";
+			return "frozen";
+		}
+		/** 侧边会话里要过滤的候选名（不可嵌套 P2-3：侧聊里不再开侧聊）。
+		* 注意过滤粒度是**候选名**而非 source 组名——/side 是 commands 源里的一个
+		* 候选，组名是宿主命令源（过滤组名会误杀整组）。 */
+		const EXCLUDED_NAMES = /* @__PURE__ */ new Set(["side", "侧边"]);
+		/** 解析侧边会话的触发控制器（缺席/异常 → null，菜单整体不出现）。 */
+		function resolveTriggerController(ctx, childId) {
+			if (childId === void 0) return null;
+			try {
+				const actx = ctx.sessions.scope(childId);
+				if (actx === void 0) return null;
+				const controller = ctx.get("inputTriggers")?.sessionOf?.(actx);
+				if (controller === void 0 || controller === null) return null;
+				if (typeof controller.track !== "function" || typeof controller.pick !== "function") return null;
+				return controller;
+			} catch {
+				return null;
+			}
+		}
+		/** 订阅控制器 menu store；controller 缺席返回 null。 */
+		function useSlashMenuState(controller) {
+			return (0, react.useSyncExternalStore)((fn) => controller?.menu.subscribe(fn) ?? (() => {}), () => controller?.menu.getSnapshot() ?? null);
+		}
+		/** 过滤后的可视分组（排除不可嵌套候选名 + 空组；候选保留原始索引供 pick）。 */
+		function visibleGroups(state) {
+			if (state === null || !state.open) return [];
+			return state.groups.map((g) => ({
+				...g,
+				items: g.items.map((item, index) => ({
+					item,
+					index
+				})).filter((entry) => !EXCLUDED_NAMES.has(entry.item.name))
+			})).filter((g) => g.items.length > 0);
+		}
+		/** 键盘键 → 仲裁键映射（非仲裁键返回 null = 放行）。 */
+		function arbitrateKeyOf(key) {
+			if (key === "ArrowUp") return "up";
+			if (key === "ArrowDown") return "down";
+			if (key === "Enter") return "enter";
+			if (key === "Escape") return "escape";
+			return null;
+		}
+		/**
+		* 斜杠菜单浮层（composer 上方，绝对定位）。分组渲染（source 组头）+
+		* 高亮跟随 controller 的 highlight store + 点击 pick。
+		*/
+		function SlashMenuView(props) {
+			const groups = visibleGroups(props.state);
+			if (groups.length === 0) return null;
+			const highlight = props.state.highlight;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: sidechat_module_css_default.slashMenu,
+				role: "listbox",
+				"aria-label": "commands",
+				children: groups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: sidechat_module_css_default.slashGroupTitle,
+					children: group.source
+				}), group.items.map(({ item, index }) => {
+					const active = highlight !== null && highlight.source === group.source && highlight.index === index;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						role: "option",
+						"aria-selected": active,
+						className: active ? sidechat_module_css_default.slashItemActive : sidechat_module_css_default.slashItem,
+						onMouseDown: (event) => {
+							event.preventDefault();
+							props.onPick(group.source, index);
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: sidechat_module_css_default.slashItemName,
+							children: [typeof item.icon === "string" && item.icon !== "" ? `${item.icon} ` : "", item.name]
+						}), item.description !== void 0 && item.description !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: sidechat_module_css_default.slashItemDetail,
+							children: item.description
+						})]
+					}, `${group.source}:${index}`);
+				})] }, group.source))
+			});
+		}
+		//#endregion
+		//#region src/client/sidechat/ComposerBar.tsx
+		/**
+		* 侧边聊天 composer（L2）：自绘输入壳 + 斜杠/@ 菜单接线 + 模型/权限 chip +
+		* 附件 rail。自 SideChatPanel.tsx 拆出（WI-02 主战场，面板壳只留编排）。
+		*/
+		/** 底部 composer：自绘输入框；模型标签显示子会话真实当前模型（fork 时同步主会话选择）。 */
+		function ComposerBar(props) {
 			useLocaleTick();
+			const { session, composer, running, visible } = props;
+			const childIdForMenu = props.childId;
+			const inputRef = (0, react.useRef)(null);
+			const fileInputRef = (0, react.useRef)(null);
+			const triggerCtl = (0, react.useMemo)(() => resolveTriggerController(props.ctx, props.childId), [props.ctx, props.childId]);
+			const menuState = useSlashMenuState(triggerCtl);
+			const menuOpen = menuState?.open === true;
+			(0, react.useEffect)(() => {
+				if (visible) inputRef.current?.focus();
+			}, [visible]);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: sidechat_module_css_default.stateScreen,
+				className: sidechat_module_css_default.composer,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: sidechat_module_css_default.emptyIcon,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconNewChatOutline16, { size: 32 })
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: sidechat_module_css_default.emptyTitle,
-						children: props.title
+					menuOpen && menuState !== null && triggerCtl !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SlashMenuView, {
+						state: menuState,
+						onPick: (source, index) => {
+							triggerCtl.pick(source, index);
+						}
 					}),
-					props.detail !== void 0 && props.detail !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: sidechat_module_css_default.stateDetail,
-						children: props.detail
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: sidechat_module_css_default.composerCard,
+						children: [
+							composer.imagePreviews.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: sidechat_module_css_default.attachRail,
+								children: composer.imagePreviews.map((img) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: sidechat_module_css_default.attachThumb,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+										src: img.url,
+										alt: "",
+										className: sidechat_module_css_default.attachImg
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: sidechat_module_css_default.attachRemove,
+										"aria-label": t("attachRemove"),
+										onClick: () => {
+											composer.removeImage(img.id);
+										},
+										children: "×"
+									})]
+								}, img.id))
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								ref: inputRef,
+								className: sidechat_module_css_default.input,
+								placeholder: t("inputPlaceholder"),
+								value: composer.draft,
+								onChange: (event) => {
+									composer.setDraft(event.target.value);
+									triggerCtl?.track(event.target.value, event.target.selectionStart ?? event.target.value.length, guardOf(composer.phase), composer.draftRev ?? 0);
+								},
+								onKeyDown: (event) => {
+									if (menuOpen && triggerCtl !== null) {
+										const arbKey = arbitrateKeyOf(event.key);
+										if (arbKey !== null) {
+											if (triggerCtl.arbitrate(arbKey, event.nativeEvent.isComposing) !== "pass") {
+												event.preventDefault();
+												return;
+											}
+										}
+									}
+									if (event.key !== "Enter" || event.shiftKey) return;
+									if (event.nativeEvent.isComposing || event.nativeEvent.keyCode === 229) return;
+									event.preventDefault();
+									composer.submit(event.metaKey || event.ctrlKey ? "steer" : void 0);
+								}
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: sidechat_module_css_default.composerFoot,
+								children: [
+									composer.canAttach && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: sidechat_module_css_default.attachButton,
+										title: t("attachTitle"),
+										"aria-label": t("attachTitle"),
+										onClick: () => {
+											fileInputRef.current?.click();
+										},
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPaperclipOutline16, { size: 14 })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										ref: fileInputRef,
+										type: "file",
+										accept: "image/*",
+										multiple: true,
+										hidden: true,
+										onChange: (event) => {
+											const files = [...event.target.files ?? []];
+											if (files.length > 0) composer.attachImages(files);
+											event.target.value = "";
+										}
+									}),
+									childIdForMenu !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: sidechat_module_css_default.composerChips,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PermissionChip, { session }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelMenu, {
+											ctx: props.ctx,
+											sessionId: childIdForMenu,
+											modelName: props.modelName,
+											onSwitched: props.onModelSwitched
+										})]
+									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: sidechat_module_css_default.modelLabel,
+										children: t("modelLabel", { name: props.modelName ?? t("modelFollowsMain") })
+									}),
+									running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: sidechat_module_css_default.stopButton,
+										title: t("stopReplyTitle"),
+										"aria-label": t("stopReplyTitle"),
+										onClick: () => {
+											session?.cancel().catch(() => {});
+										},
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconStopFill16, { size: 12 })
+									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: sidechat_module_css_default.sendButton,
+										title: t("send"),
+										"aria-label": t("send"),
+										disabled: composer.draft.trim() === "",
+										onClick: () => {
+											composer.submit();
+										},
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSendOutline16, { size: 14 })
+									})
+								]
+							})
+						]
 					}),
-					props.hint !== void 0 && props.hint !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: sidechat_module_css_default.emptyText,
-						children: props.hint
+					composer.sendError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: sidechat_module_css_default.errorRow,
+						children: composer.sendError
 					})
 				]
 			});
 		}
-		function MessageList({ messages, reflow, parentSessionId, sideTitle }) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: sidechat_module_css_default.transcript,
-				children: messages.map((message) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageRow, {
-					message,
-					reflow,
-					parentSessionId,
-					sideTitle
-				}, message.key))
-			});
-		}
-		/** 回流按钮（W04 v2）：把这条 assistant 结论收为主会话的受控回流对象
-		*  （主 composer 上方出现「侧边回流」chip），发送时随拦截器序列化。 */
-		function ReflowButton({ reflow, parentSessionId, sideTitle, text }) {
-			useLocaleTick();
-			const [done, setDone] = (0, react.useState)(false);
-			const timer = (0, react.useRef)(0);
-			(0, react.useEffect)(() => () => {
-				window.clearTimeout(timer.current);
-			}, []);
-			if (parentSessionId === void 0) return null;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				className: sidechat_module_css_default.reflowButton,
-				title: done ? t("reflowDone") : t("reflowToMain"),
-				"aria-label": t("reflowToMain"),
-				onClick: () => {
-					reflow.add(parentSessionId, sideTitle, text);
-					setDone(true);
-					window.clearTimeout(timer.current);
-					timer.current = window.setTimeout(() => {
-						setDone(false);
-					}, 1600);
+		//#endregion
+		//#region src/client/chat/viewState.ts
+		function createFoldStore(storageKey) {
+			const open = /* @__PURE__ */ new Map();
+			let version = 0;
+			const listeners = /* @__PURE__ */ new Set();
+			if (storageKey !== void 0 && typeof localStorage !== "undefined") try {
+				const raw = localStorage.getItem(storageKey);
+				if (raw !== null) {
+					const parsed = JSON.parse(raw);
+					if (typeof parsed === "object" && parsed !== null) {
+						for (const [k, v] of Object.entries(parsed)) if (v === true) open.set(k, true);
+					}
+				}
+			} catch (error) {
+				console.warn("[dsh-sidenote] 折叠态恢复失败（按空起步）:", error);
+			}
+			const persist = () => {
+				if (storageKey === void 0 || typeof localStorage === "undefined") return;
+				try {
+					if (open.size === 0) localStorage.removeItem(storageKey);
+					else localStorage.setItem(storageKey, JSON.stringify(Object.fromEntries(open)));
+				} catch {}
+			};
+			const notify = () => {
+				version += 1;
+				for (const fn of [...listeners]) fn();
+				persist();
+			};
+			return {
+				getSnapshot: () => version,
+				subscribe(fn) {
+					listeners.add(fn);
+					return () => {
+						listeners.delete(fn);
+					};
 				},
-				children: done ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline16, { size: 12 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconShareOutline16, { size: 12 })
-			});
+				isOpen: (key) => open.get(key) === true,
+				has: (key) => open.has(key),
+				toggle(key) {
+					open.set(key, open.get(key) !== true);
+					notify();
+				},
+				setAll(keys, value) {
+					for (const key of keys) open.set(key, value);
+					notify();
+				}
+			};
 		}
-		function MessageRow({ message, reflow, parentSessionId, sideTitle }) {
-			useLocaleTick();
-			switch (message.role) {
-				case "user": {
-					const proto = splitProtocolPrefix(message.text);
-					if (proto !== null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: sidechat_module_css_default.userRow,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: sidechat_module_css_default.userBubble,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: sidechat_module_css_default.sentChipRow,
-								children: [proto.annotations.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: sidechat_module_css_default.sentChip,
-									title: proto.annotations.map((a) => `${a.id}. 「${a.quote}」${a.note}`).join("\n"),
-									children: t("sentChipLabel", { n: proto.annotations.length })
-								}), proto.reflows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: sidechat_module_css_default.sentChip,
-									title: proto.reflows.map((r) => `${r.source}: ${r.content.slice(0, 200)}`).join("\n"),
-									children: t("reflowBubbleLabel")
-								})]
-							}), message.text.slice(proto.length)]
-						})
-					});
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: sidechat_module_css_default.userRow,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: sidechat_module_css_default.userBubble,
-							children: message.text
-						})
-					});
+		//#endregion
+		//#region src/client/sidechat/toast.tsx
+		/**
+		* 全局瞬态通知（P4 确认反馈）：body 级独立 React 根，寿命不随任何 Tab——
+		* 「保存为正式会话」后主视图跳转 + 侧聊 Tab 关闭，面板自己的组件树已卸载，
+		* toast 必须挂在更长寿的宿主上（annotate overlay 同款 ctx.effect 模式：
+		* HMR/插件禁用时 fiber 撤销即清理）。
+		*/
+		let current = null;
+		const listeners = /* @__PURE__ */ new Set();
+		function emit() {
+			for (const fn of listeners) fn();
+		}
+		/** 全局瞬态通知入口（任何模块可调；未挂载宿主时静默丢弃）。 */
+		function showToast(text) {
+			current = {
+				seq: (current?.seq ?? 0) + 1,
+				text
+			};
+			emit();
+		}
+		function subscribe(fn) {
+			listeners.add(fn);
+			return () => {
+				listeners.delete(fn);
+			};
+		}
+		function ToastHost() {
+			const snap = (0, react.useSyncExternalStore)(subscribe, () => current);
+			if (snap === null) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Toast, {
+				text: snap.text,
+				onDone: () => {
+					current = null;
+					emit();
 				}
-				case "assistant": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: sidechat_module_css_default.assistantRow,
-					children: [message.text !== "" && message.streaming !== true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: sidechat_module_css_default.rowActions,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReflowButton, {
-							reflow,
-							parentSessionId,
-							sideTitle,
-							text: message.text
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: sidechat_module_css_default.assistantBody,
-						children: [
-							message.reasoning !== void 0 && message.reasoning !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-								className: sidechat_module_css_default.reasoning,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t("thinking") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: sidechat_module_css_default.reasoningBody,
-									children: message.reasoning
-								})]
-							}),
-							message.text !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, {
-								text: message.text,
-								streaming: message.streaming,
-								codeLabels: codeLabels()
-							}) : message.streaming === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: sidechat_module_css_default.streamingHint,
-								children: t("writing")
-							}),
-							message.interrupted === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: sidechat_module_css_default.noticeRow,
-								children: t("stopped")
-							})
-						]
-					})]
-				});
-				case "tool": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: sidechat_module_css_default.toolCard,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: sidechat_module_css_default.toolHead,
-						children: [
-							t("toolLabel"),
-							" · ",
-							message.toolName,
-							message.isError === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: sidechat_module_css_default.toolError,
-								children: t("failed")
-							}),
-							message.streaming === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: sidechat_module_css_default.toolRunning,
-								children: t("running")
-							})
-						]
-					}), message.text !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: sidechat_module_css_default.toolBody,
-						children: message.text
-					})]
+			}, snap.seq);
+		}
+		/** 挂载全局 toast 宿主（registerSideChat 里调用一次）。 */
+		function registerToastHost(ctx) {
+			ctx.effect(() => {
+				const host = document.createElement("div");
+				host.dataset.dshSidenoteToast = "";
+				document.body.appendChild(host);
+				const root = (0, react_dom_client.createRoot)(host);
+				root.render(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastHost, {}));
+				return () => {
+					root.unmount();
+					host.remove();
+				};
+			}, "dsh-sidenote: toast host");
+		}
+		//#endregion
+		//#region src/client/sidechat/SideChatPanel.tsx
+		/**
+		* 侧边聊天 Tab 面板（L2 薄视图）：相位编排 + 消息流 + composer。
+		* 宿主接线（fork/archive/模型同步/Tab meta/窗口打开）全部在 lifecycle.ts（L3）——
+		* 本文件无直接宿主调用（WI-00 分层纪律）。
+		*
+		* 打开流程（design.md 详细方案 2）：组件挂载时 tab.meta 无 childId →
+		* lifecycle.forkAndRegister（fork 全量快照 → 归档隐藏 → meta 登记 → 模型同步）。
+		* 恢复流程：有 meta.childId → ctx.sessions.binding(childId) 直接绑定；
+		* 列表就绪后仍不在列 → 「会话已不存在」态。
+		*
+		* 消息流：binding.session 快照订阅（useSyncExternalStore），visible=false 时
+		* 暂停订阅。非 staged 会话需 off-face open() 开窗（lifecycle.openSessionWindow），
+		* 否则消息流永远为空（client-runtime 只为 staged 会话开窗的已知偏差）。
+		*/
+		const NOOP_UNSUBSCRIBE = () => {};
+		/** D2 写型工具名（无 diff 卡时的名字兜底）。 */
+		const WRITE_TOOLS = /* @__PURE__ */ new Set([
+			"edit",
+			"write",
+			"str-replace-editor",
+			"str_replace_editor"
+		]);
+		/** 首次写提示的一次性 localStorage 键。 */
+		const WRITE_NOTICE_KEY = "dsh-sidenote:write-notice:v1";
+		function SideChatPanel(props) {
+			useLocaleTick();
+			const { ctx, scope, tab, visible } = props;
+			const meta = parseSideChatMeta(tab.meta);
+			const childId = meta.childId;
+			const [forkError, setForkError] = (0, react.useState)(null);
+			const forkStarted = (0, react.useRef)(false);
+			const { store } = props;
+			(0, react.useEffect)(() => {
+				ensurePanelOpen(store);
+			}, [store]);
+			(0, react.useEffect)(() => {
+				if (childId !== void 0 || forkStarted.current) return;
+				forkStarted.current = true;
+				let cancelled = false;
+				forkAndRegister(ctx, scope.sessionId, tab.id).catch((error) => {
+					if (!cancelled) setForkError(error instanceof Error ? error.message : String(error));
 				});
-				case "error": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: sidechat_module_css_default.errorRow,
-					children: message.text
+				return () => {
+					cancelled = true;
+				};
+			}, [
+				ctx,
+				scope.sessionId,
+				tab.id,
+				childId
+			]);
+			const listSnap = (0, react.useSyncExternalStore)((0, react.useCallback)((notify) => ctx.sessions.list.subscribe(notify), [ctx]), () => ctx.sessions.list.getSnapshot());
+			const listed = childId !== void 0 && listSnap.byId?.[childId] !== void 0;
+			const session = (childId === void 0 ? void 0 : ctx.sessions.binding(childId))?.session;
+			(0, react.useEffect)(() => {
+				openSessionWindow(session);
+			}, [session]);
+			const phase = phaseOf({
+				childId,
+				forkError,
+				bound: session !== void 0,
+				listPhase: listSnap.phase,
+				listed
+			});
+			const snapshot = (0, react.useSyncExternalStore)((0, react.useCallback)((notify) => visible && session !== void 0 ? session.subscribe(notify) : NOOP_UNSUBSCRIBE, [visible, session]), () => session === void 0 ? null : session.getSnapshot());
+			const chat = (0, react.useMemo)(() => chatSourceOf(ctx, childId === void 0 ? void 0 : ctx.sessions.binding(childId)), [
+				ctx,
+				childId,
+				session
+			]);
+			const chatLegacy = (0, react.useSyncExternalStore)((0, react.useCallback)((notify) => visible && chat !== void 0 ? chat.subscribe(notify) : NOOP_UNSUBSCRIBE, [visible, chat]), () => chat?.getLegacy() ?? null);
+			const messages = (0, react.useMemo)(() => transcriptOf(chatLegacy ?? snapshot), [chatLegacy, snapshot]);
+			const fold = (0, react.useMemo)(() => createFoldStore(childId === void 0 ? void 0 : `dsh-sidenote:fold:v1:${childId}`), [childId]);
+			const parentSession = meta.parentSessionId === void 0 ? void 0 : ctx.sessions.binding(meta.parentSessionId)?.session;
+			const parentSnap = (0, react.useSyncExternalStore)((0, react.useCallback)((notify) => visible && parentSession !== void 0 ? parentSession.subscribe(notify) : NOOP_UNSUBSCRIBE, [visible, parentSession]), () => parentSession === void 0 ? null : parentSession.getSnapshot());
+			const [writeNoticeDismissed, setWriteNoticeDismissed] = (0, react.useState)(() => typeof localStorage !== "undefined" && localStorage.getItem(WRITE_NOTICE_KEY) === "1");
+			const composer = useComposer(ctx, session, childId);
+			const [modelName, setModelName] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				if (childId === void 0 || session === void 0) return;
+				let cancelled = false;
+				readModelName(ctx, childId).then((name) => {
+					if (!cancelled && name !== null) setModelName(name);
 				});
-				case "notice": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: sidechat_module_css_default.noticeRow,
-					children: message.text
+				return () => {
+					cancelled = true;
+				};
+			}, [
+				ctx,
+				childId,
+				session
+			]);
+			const pendingDraft = meta.pendingDraft;
+			const rootRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				if (pendingDraft === void 0 || pendingDraft === "" || phase !== "chat") return;
+				composer.appendDraft(pendingDraft);
+				updateTabMeta(ctx, tab.id, clearPendingDraft);
+				requestAnimationFrame(() => {
+					rootRef.current?.querySelector("textarea")?.focus();
 				});
-			}
-		}
-		/** 底部 composer：自绘输入框；模型标签显示子会话真实当前模型（fork 时同步主会话选择）。 */
-		function ComposerBar(props) {
-			useLocaleTick();
-			const { session, composer, running, visible } = props;
-			const inputRef = (0, react.useRef)(null);
+			}, [
+				pendingDraft,
+				phase,
+				ctx,
+				tab.id
+			]);
+			const promote = (0, react.useCallback)(() => {
+				if (childId === void 0) return;
+				(async () => {
+					try {
+						const promoted = await ctx.sessions.fork({
+							sessionId: childId,
+							increaseTitle: true
+						});
+						ctx.sessions.open(promoted);
+						ctx.betterSidebar.closeTab(tab.id, { sessionId: scope.sessionId });
+						showToast(t("promoteDone"));
+					} catch (error) {
+						console.warn("[dsh-sidenote] 保存为正式会话失败:", error);
+					}
+				})();
+			}, [
+				ctx,
+				childId,
+				tab.id,
+				scope.sessionId
+			]);
 			(0, react.useEffect)(() => {
-				if (visible) inputRef.current?.focus();
+				if (!visible) return;
+				const onKey = (event) => {
+					if (!event.altKey || event.metaKey || event.ctrlKey || event.code !== "KeyJ") return;
+					event.preventDefault();
+					if (rootRef.current?.contains(document.activeElement) === true) document.querySelector("[data-composer-seat] textarea, [data-composer-seat] [contenteditable]")?.focus();
+					else rootRef.current?.querySelector("textarea")?.focus();
+				};
+				document.addEventListener("keydown", onKey);
+				return () => {
+					document.removeEventListener("keydown", onKey);
+				};
 			}, [visible]);
+			const bodyRef = (0, react.useRef)(null);
+			const [nearBottom, setNearBottom] = (0, react.useState)(true);
+			const tailKey = messages.length === 0 ? "" : `${messages[messages.length - 1].key}:${messages[messages.length - 1].text.length}:${messages[messages.length - 1].reasoning?.length ?? 0}`;
+			(0, react.useEffect)(() => {
+				const el = bodyRef.current;
+				if (el !== null && visible && nearBottom) el.scrollTop = el.scrollHeight;
+			}, [
+				tailKey,
+				visible,
+				nearBottom
+			]);
+			const scrollKey = childId === void 0 ? void 0 : `dsh-sidenote:scroll:v1:${childId}`;
+			const scrollTimer = (0, react.useRef)(0);
+			const onBodyScroll = (0, react.useCallback)(() => {
+				const el = bodyRef.current;
+				if (el === null) return;
+				setNearBottom(el.scrollHeight - el.scrollTop - el.clientHeight < 80);
+				if (scrollKey !== void 0) {
+					window.clearTimeout(scrollTimer.current);
+					scrollTimer.current = window.setTimeout(() => {
+						try {
+							localStorage.setItem(scrollKey, String(el.scrollTop));
+						} catch {}
+					}, 300);
+				}
+			}, [scrollKey]);
+			const jumpToLatest = (0, react.useCallback)(() => {
+				const el = bodyRef.current;
+				if (el !== null) el.scrollTop = el.scrollHeight;
+				setNearBottom(true);
+			}, []);
+			const scrollRestored = (0, react.useRef)(false);
+			(0, react.useEffect)(() => {
+				if (scrollRestored.current || scrollKey === void 0 || messages.length === 0) return;
+				scrollRestored.current = true;
+				let saved = null;
+				try {
+					saved = localStorage.getItem(scrollKey);
+				} catch {}
+				if (saved !== null && bodyRef.current !== null) {
+					bodyRef.current.scrollTop = Number(saved);
+					const el = bodyRef.current;
+					setNearBottom(el.scrollHeight - el.scrollTop - el.clientHeight < 80);
+				}
+			}, [messages.length, scrollKey]);
+			if (phase === "fork-error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StateScreen, {
+				title: t("forkErrorTitle"),
+				detail: forkError ?? void 0,
+				hint: t("forkErrorHint")
+			});
+			if (phase === "missing") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StateScreen, {
+				title: t("missingTitle"),
+				detail: t("missingDetail"),
+				hint: t("missingHint")
+			});
+			if (phase === "forking" || phase === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StateScreen, { title: t("preparing") });
+			const running = snapshot?.running === true;
+			const openFailed = snapshot?.openState === "error";
+			const hasWriteTool = messages.some((m) => m.role === "tool" && (m.card?.kind === "diff" || m.toolName !== void 0 && WRITE_TOOLS.has(m.toolName)));
+			const pendingCount = (snapshot?.pending ?? chatLegacy?.pending ?? []).length;
+			const parentPending = (parentSnap?.pending ?? []).length;
+			const parentState = parentSession === void 0 ? null : parentPending > 0 ? "pending" : parentSnap?.running === true ? "running" : "idle";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: sidechat_module_css_default.composer,
+				ref: rootRef,
+				className: sidechat_module_css_default.root,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-						ref: inputRef,
-						className: sidechat_module_css_default.input,
-						placeholder: t("inputPlaceholder"),
-						value: composer.draft,
-						onChange: (event) => {
-							composer.setDraft(event.target.value);
+					parentState !== null && meta.parentSessionId !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: sidechat_module_css_default.parentStrip,
+						title: t("parentStripTitle"),
+						onClick: () => {
+							if (meta.parentSessionId !== void 0) ctx.sessions.open(meta.parentSessionId);
 						},
-						onKeyDown: (event) => {
-							if (event.key !== "Enter" || event.shiftKey) return;
-							if (event.nativeEvent.isComposing || event.nativeEvent.keyCode === 229) return;
-							event.preventDefault();
-							composer.submit();
-						}
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: parentState === "running" ? sidechat_module_css_default.dotRunning : parentState === "pending" ? sidechat_module_css_default.dotPending : sidechat_module_css_default.dotIdle }), t(parentState === "running" ? "parentRunning" : parentState === "pending" ? "parentPending" : "parentIdle")]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: sidechat_module_css_default.composerFoot,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: sidechat_module_css_default.modelLabel,
-							children: t("modelLabel", { name: props.modelName ?? t("modelFollowsMain") })
-						}), running ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-							type: "button",
-							className: sidechat_module_css_default.stopButton,
-							title: t("stopReplyTitle"),
-							onClick: () => {
-								session?.cancel().catch(() => {});
-							},
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconStopFill16, { size: 14 }),
-								" ",
-								t("stopReply")
-							]
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						ref: bodyRef,
+						className: sidechat_module_css_default.body,
+						onScroll: onBodyScroll,
+						children: [messages.length === 0 && !running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageList, {
+							messages,
+							fold,
+							boundarySeq: meta.boundarySeq,
+							reflow: props.reflow,
+							parentSessionId: meta.parentSessionId,
+							sideTitle: tab.title,
+							onPromote: promote
+						}), openFailed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: sidechat_module_css_default.errorRow,
+							children: t("historyFailed")
+						})]
+					}),
+					hasWriteTool && !writeNoticeDismissed && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: sidechat_module_css_default.writeNotice,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("writeNotice") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: sidechat_module_css_default.sendButton,
-							disabled: composer.draft.trim() === "",
+							className: sidechat_module_css_default.writeNoticeClose,
+							"aria-label": t("hintClose"),
 							onClick: () => {
-								composer.submit();
+								setWriteNoticeDismissed(true);
+								try {
+									localStorage.setItem(WRITE_NOTICE_KEY, "1");
+								} catch {}
 							},
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSendOutline16, { size: 14 }),
-								" ",
-								t("send")
-							]
+							children: "×"
 						})]
 					}),
-					composer.sendError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: sidechat_module_css_default.errorRow,
-						children: composer.sendError
+					pendingCount > 0 && childId !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: sidechat_module_css_default.pendingBar,
+						onClick: () => {
+							ctx.sessions.open(childId);
+						},
+						children: t("pendingNotice")
+					}),
+					!nearBottom && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: sidechat_module_css_default.jumpBottom,
+						onClick: jumpToLatest,
+						children: t("jumpToLatest")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComposerBar, {
+						ctx,
+						session,
+						composer,
+						running,
+						visible,
+						modelName,
+						childId,
+						onModelSwitched: setModelName
 					})
 				]
 			});
 		}
 		//#endregion
+		//#region src/client/sidechat/recentClosed.ts
+		const KEY_PREFIX = "dsh-sidenote:closed-side:v1:";
+		const CAP = 5;
+		function readAll(storageKey) {
+			try {
+				const raw = localStorage.getItem(storageKey);
+				if (raw === null) return [];
+				const parsed = JSON.parse(raw);
+				if (!Array.isArray(parsed)) return [];
+				return parsed.filter((e) => typeof e === "object" && e !== null && typeof e.childId === "string" && typeof e.parentSessionId === "string" && typeof e.title === "string");
+			} catch {
+				return [];
+			}
+		}
+		function recordClosedSideChat(parentSessionId, entry) {
+			try {
+				const key = KEY_PREFIX + parentSessionId;
+				const list = [entry, ...readAll(key).filter((e) => e.childId !== entry.childId)].slice(0, CAP);
+				localStorage.setItem(key, JSON.stringify(list));
+			} catch {}
+		}
+		/** 读某主会话的最近关闭列表（新者在前）。 */
+		function listClosedSideChats(parentSessionId) {
+			if (typeof localStorage === "undefined") return [];
+			return readAll(KEY_PREFIX + parentSessionId);
+		}
+		/** 重开消费：从列表移除（重开后若再关会重新入列）。 */
+		function dropClosedSideChat(parentSessionId, childId) {
+			try {
+				const key = KEY_PREFIX + parentSessionId;
+				const list = readAll(key).filter((e) => e.childId !== childId);
+				if (list.length === 0) localStorage.removeItem(key);
+				else localStorage.setItem(key, JSON.stringify(list));
+			} catch {}
+		}
+		//#endregion
 		//#region src/client/sidechat/header.tsx
 		/**
 		* 顶栏「侧边」入口（Delivery_02 Workitem_02 发现性）：注册进宿主的
@@ -1355,6 +3136,11 @@ window.__ModuleLoader__.load({
 							label: t("cmdFocus", { title: tab.title }),
 							detail: t("cmdFocusDetail")
 						});
+						for (const entry of listClosedSideChats(session.sessionId)) options.push({
+							id: `reopen:${entry.childId}`,
+							label: t("cmdReopen", { title: entry.title }),
+							detail: t("cmdReopenDetail")
+						});
 						return Promise.resolve(options);
 					},
 					onSelect: (option, session) => {
@@ -1362,7 +3148,14 @@ window.__ModuleLoader__.load({
 							createSideChat(ctx, session.sessionId);
 							return;
 						}
-						if (option.id.startsWith("focus:")) ctx.betterSidebar.activateTab(option.id.slice(6), { sessionId: session.sessionId });
+						if (option.id.startsWith("focus:")) {
+							ctx.betterSidebar.activateTab(option.id.slice(6), { sessionId: session.sessionId });
+							return;
+						}
+						if (option.id.startsWith("reopen:")) {
+							const childId = option.id.slice(7);
+							if (reopenSideChat(ctx, session.sessionId, childId)) dropClosedSideChat(session.sessionId, childId);
+						}
 					}
 				}
 			};
@@ -1383,6 +3176,80 @@ window.__ModuleLoader__.load({
 			}
 		}
 		//#endregion
+		//#region src/client/sidechat/referenceSource.ts
+		const TRIGGER = "@";
+		const SOURCE = "sidenote-side-chats";
+		/** 侧聊内容 → 结构化引用块（问答成对，全文不截断）。 */
+		async function serializeSideChatRef(ctx, childId) {
+			const snap = chatSourceOf(ctx, ctx.sessions.binding(childId))?.getLegacy();
+			const messages = transcriptOf(snap);
+			const pairs = pairQuestions(messages);
+			const parts = [];
+			for (const m of messages) {
+				if (m.role !== "assistant" || m.text === "" || m.streaming === true) continue;
+				const q = pairs.get(m.key);
+				if (q !== void 0) parts.push(`<问>${q}</问>`);
+				parts.push(`<答>${m.text}</答>`);
+			}
+			return `<side-chat-reference source="${(() => {
+				try {
+					for (const tab of collectSideTabs(ctx.betterSidebar.getSnapshot().state)) if (parseSideChatMeta(tab.meta).childId === childId) return tab.title;
+				} catch {}
+				return childId;
+			})()}" note="用户 @ 引用的侧边聊天内容（问答成对）">\n${parts.join("\n")}\n</side-chat-reference>`;
+		}
+		/** 注册「@ 侧聊」触发源；服务缺席静默降级（不影响其他入口）。 */
+		function registerSideChatReferenceSource(ctx) {
+			let svc;
+			try {
+				svc = ctx.get("inputTriggers");
+			} catch {
+				return;
+			}
+			if (svc === void 0 || typeof svc.registerSource !== "function") return;
+			try {
+				ctx.effect(() => svc.registerSource({
+					trigger: TRIGGER,
+					name: SOURCE,
+					order: 50,
+					candidates: (session) => {
+						try {
+							const snapshot = ctx.betterSidebar.getSnapshot();
+							if (session?.sessionId === void 0) return Promise.resolve([]);
+							if (snapshot.sessionId !== session.sessionId || snapshot.state === void 0) return Promise.resolve([]);
+							return Promise.resolve(collectSideTabs(snapshot.state).map((tab) => ({
+								name: tab.title,
+								description: "侧边聊天",
+								icon: "💬"
+							})));
+						} catch {
+							return Promise.resolve([]);
+						}
+					},
+					onPick: (pick, session) => {
+						const snapshot = ctx.betterSidebar.getSnapshot();
+						if (session?.sessionId === void 0) return void 0;
+						if (snapshot.sessionId !== session.sessionId || snapshot.state === void 0) return void 0;
+						const tab = collectSideTabs(snapshot.state).find((t) => t.title === pick.candidate.name);
+						const childId = tab === void 0 ? void 0 : parseSideChatMeta(tab.meta).childId;
+						if (childId === void 0) return void 0;
+						return { insert: {
+							source: SOURCE,
+							ref: childId,
+							label: pick.candidate.name,
+							clipboardText: `@${pick.candidate.name}`
+						} };
+					},
+					codec: {
+						clipboardText: (ref) => `@${ref}`,
+						serialize: (ref, _signal) => serializeSideChatRef(ctx, ref)
+					}
+				}), "dsh-sidenote: @ side-chat reference source");
+			} catch (error) {
+				console.warn("[dsh-sidenote] @ 引用源注册失败:", error);
+			}
+		}
+		//#endregion
 		//#region src/client/sidechat/index.tsx
 		/**
 		* Workitem 01 — 侧边聊天面板。
@@ -1413,6 +3280,15 @@ window.__ModuleLoader__.load({
 					type: SIDE_TAB_TYPE,
 					title: sideTabTitle(collectSideTabs(state).map((tab) => tab.title))
 				} }),
+				onClose: (closedTab) => {
+					const meta = parseSideChatMeta(closedTab.meta);
+					if (meta.childId !== void 0 && meta.parentSessionId !== void 0) recordClosedSideChat(meta.parentSessionId, {
+						childId: meta.childId,
+						parentSessionId: meta.parentSessionId,
+						title: closedTab.title,
+						closedAt: Date.now()
+					});
+				},
 				component: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SideChatPanel, {
 					...props,
 					reflow
@@ -1429,7 +3305,9 @@ window.__ModuleLoader__.load({
 				};
 			}, "dsh-sidenote: annotate bridge");
 			registerSideCommand(ctx);
+			registerSideChatReferenceSource(ctx);
 			registerHeaderEntry(ctx);
+			registerToastHost(ctx);
 		}
 		//#endregion
 		//#region src/client/annotate/model.ts
@@ -1882,43 +3760,43 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var annotate_module_css_default = {
-			"sentChip": "_SVViG_sentChip",
-			"chipWrap": "_SVViG_chipWrap",
-			"chipNumber": "_SVViG_chipNumber",
-			"chipPanel": "_SVViG_chipPanel",
-			"chipText": "_SVViG_chipText",
-			"editorEdit": "_SVViG_editorEdit",
-			"editorSpacer": "_SVViG_editorSpacer",
+			"cancelButton": "_SVViG_cancelButton",
 			"editorNew": "_SVViG_editorNew",
-			"editorAsk": "_SVViG_editorAsk",
+			"editorFooter": "_SVViG_editorFooter",
+			"confirmButton": "_SVViG_confirmButton",
+			"chipClearAll": "_SVViG_chipClearAll",
 			"editorTarget": "_SVViG_editorTarget",
+			"chipNumber": "_SVViG_chipNumber",
+			"chipText": "_SVViG_chipText",
+			"editorAskRow": "_SVViG_editorAskRow",
+			"chipWrap": "_SVViG_chipWrap",
+			"chip": "_SVViG_chip",
+			"highlight": "_SVViG_highlight",
 			"toolbarButton": "_SVViG_toolbarButton",
 			"chipNote": "_SVViG_chipNote",
-			"sentChipRow": "_SVViG_sentChipRow",
+			"chipPanel": "_SVViG_chipPanel",
+			"editorInput": "_SVViG_editorInput",
+			"hint": "_SVViG_hint",
+			"toolbar": "_SVViG_toolbar",
 			"saveButton": "_SVViG_saveButton",
-			"dshSidenoteHintIn": "_SVViG_dshSidenoteHintIn",
-			"editorFooter": "_SVViG_editorFooter",
-			"hintClose": "_SVViG_hintClose",
-			"deleteButton": "_SVViG_deleteButton",
-			"highlight": "_SVViG_highlight",
-			"cancelButton": "_SVViG_cancelButton",
-			"chip": "_SVViG_chip",
 			"sentCardTitle": "_SVViG_sentCardTitle",
-			"confirmButton": "_SVViG_confirmButton",
+			"sentCardNote": "_SVViG_sentCardNote",
+			"deleteButton": "_SVViG_deleteButton",
+			"chipRemove": "_SVViG_chipRemove",
+			"editorAsk": "_SVViG_editorAsk",
+			"hintClose": "_SVViG_hintClose",
 			"toolbarBelow": "_SVViG_toolbarBelow",
+			"sentChipRow": "_SVViG_sentChipRow",
+			"sentChip": "_SVViG_sentChip",
 			"editorTextarea": "_SVViG_editorTextarea",
-			"chipClearAll": "_SVViG_chipClearAll",
-			"toolbar": "_SVViG_toolbar",
-			"editorError": "_SVViG_editorError",
-			"badge": "_SVViG_badge",
-			"chipRow": "_SVViG_chipRow",
+			"badgeSent": "_SVViG_badgeSent",
 			"sentCardQuote": "_SVViG_sentCardQuote",
-			"hint": "_SVViG_hint",
-			"chipRemove": "_SVViG_chipRemove",
-			"sentCardNote": "_SVViG_sentCardNote",
-			"editorInput": "_SVViG_editorInput",
-			"editorAskRow": "_SVViG_editorAskRow",
-			"badgeSent": "_SVViG_badgeSent"
+			"editorEdit": "_SVViG_editorEdit",
+			"chipRow": "_SVViG_chipRow",
+			"dshSidenoteHintIn": "_SVViG_dshSidenoteHintIn",
+			"editorSpacer": "_SVViG_editorSpacer",
+			"editorError": "_SVViG_editorError",
+			"badge": "_SVViG_badge"
 		};
 		//#endregion
 		//#region src/client/annotate/hint.tsx
@@ -2817,7 +4695,7 @@ window.__ModuleLoader__.load({
 			};
 			const onKeyDown = (event) => {
 				const target = event.target;
-				if (!(target instanceof HTMLTextAreaElement && target.closest("[data-composer-seat]") !== null)) return;
+				if (!(target instanceof HTMLElement && (target.closest("[data-composer-input]") !== null || target instanceof HTMLTextAreaElement) && target.closest("[data-composer-seat]") !== null)) return;
 				if (committing) {
 					if (event.key === "Enter") {
 						event.preventDefault();
@@ -2915,7 +4793,7 @@ window.__ModuleLoader__.load({
 				const chip = document.createElement("span");
 				chip.className = annotate_module_css_default.sentChip ?? "";
 				chip.textContent = t("reflowBubbleLabel");
-				chip.title = proto.reflows.map((r) => `${r.source}: ${r.content.slice(0, 200)}`).join("\n");
+				chip.title = proto.reflows.map((r) => `${r.source}: ${flattenReflowContent(r.content).slice(0, 200)}`).join("\n");
 				labels.appendChild(chip);
 			}
 			hidden.insertAdjacentElement("afterend", labels);
@@ -3031,6 +4909,7 @@ window.__ModuleLoader__.load({
 		];
 		function apply(ctx) {
 			attachLocale(ctx.locale);
+			probeHost(ctx);
 			const reflow = createReflowStore();
 			registerSideChat(ctx, reflow);
 			registerAnnotations(ctx, reflow);