dsh-sidenote 0.1.0

package/lib/client.js

@@ -0,0 +1,2143 @@
+window.__ModuleLoader__.load({
+	id: "dsh-sidenote",
+	factory: (require) => {
+		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_jsx_runtime = require("react/jsx-runtime");
+		let react_dom_client = require("react-dom/client");
+		//#region src/client/locales.ts
+		/** 英文词典（key 的权威清单）。 */
+		const en = {
+			menuTitle: "Side chat",
+			tabBaseTitle: "Side",
+			codeCopy: "Copy",
+			codeCopied: "Copied",
+			forkErrorTitle: "Couldn't create the side chat",
+			forkErrorHint: "The main session needs at least one completed turn to fork from. Close this tab with the × on the tab.",
+			missingTitle: "Session no longer exists",
+			missingDetail: "This side chat's session was removed and can't be restored.",
+			missingHint: "Close this tab with the × on the tab.",
+			preparing: "Preparing the side chat…",
+			historyFailed: "Failed to load the session history. Close and reopen this tab.",
+			emptyTitle: "Side chat",
+			emptyText: "Forked from the current session and evolves independently. Closing the tab removes it.",
+			thinking: "Thinking",
+			writing: "Writing…",
+			stopped: "Stopped",
+			toolLabel: "Tool",
+			failed: "failed",
+			running: "running…",
+			inputPlaceholder: "Message… (Enter to send, Shift+Enter for a newline)",
+			modelLabel: "Model: {name}",
+			modelFollowsMain: "follows main session",
+			stopReply: "Stop",
+			stopReplyTitle: "Stop the current reply",
+			send: "Send",
+			cmdDesc: "Open a side chat (forked from the current session)",
+			cmdNew: "New side chat",
+			cmdNewDetail: "Forked from the current session; evolves independently",
+			cmdFocus: "Focus \"{title}\"",
+			cmdFocusDetail: "Existing side chat",
+			addToConversation: "Add to conversation",
+			askInSideChat: "Ask in side chat",
+			toolbarAria: "Selection annotations",
+			notePlaceholder: "Add a note (optional)…",
+			confirmTitle: "Confirm",
+			saveNoteAria: "Save note",
+			sideNotePlaceholder: "Add a note for the side chat (optional)…",
+			sideNoteAria: "Side chat note",
+			confirmAskAria: "Confirm and ask",
+			openSideFailed: "Couldn't open the side chat. Try again.",
+			deleteNote: "Delete annotation",
+			cancel: "Cancel",
+			save: "Save",
+			chipOne: "1 annotation",
+			chipMany: "{n} annotations",
+			removeTitle: "Remove annotation",
+			removeAria: "Remove annotation {n}",
+			noteLine: "Note: {note}",
+			noNote: "(no note)"
+		};
+		/** 中文词典（与 en 同 key）。 */
+		const zh = {
+			menuTitle: "侧边聊天",
+			tabBaseTitle: "侧边",
+			codeCopy: "复制",
+			codeCopied: "已复制",
+			forkErrorTitle: "无法创建侧边聊天",
+			forkErrorHint: "主会话需要至少一轮已完成的对话才能 fork。点击标签上的 × 可关闭此标签页。",
+			missingTitle: "会话已不存在",
+			missingDetail: "此侧边聊天的会话已被移除，无法恢复。",
+			missingHint: "点击标签上的 × 关闭此标签页。",
+			preparing: "正在准备侧边聊天…",
+			historyFailed: "会话历史加载失败，可关闭后重新打开此标签页。",
+			emptyTitle: "侧边聊天",
+			emptyText: "侧边聊天从当前会话 fork，独立演进；关闭标签页后消失。",
+			thinking: "思考过程",
+			writing: "正在输出…",
+			stopped: "已停止",
+			toolLabel: "工具",
+			failed: "失败",
+			running: "执行中…",
+			inputPlaceholder: "输入消息…（Enter 发送，Shift+Enter 换行）",
+			modelLabel: "模型：{name}",
+			modelFollowsMain: "跟随主会话",
+			stopReply: "停止",
+			stopReplyTitle: "停止当前回复",
+			send: "发送",
+			cmdDesc: "打开侧边聊天（从当前会话 fork）",
+			cmdNew: "新建侧边聊天",
+			cmdNewDetail: "从当前会话 fork，独立演进",
+			cmdFocus: "聚焦「{title}」",
+			cmdFocusDetail: "已存在的侧边聊天",
+			addToConversation: "添加到对话",
+			askInSideChat: "在侧边聊天中提问",
+			toolbarAria: "划选注释",
+			notePlaceholder: "这里可以写自己的注解…",
+			confirmTitle: "确认",
+			saveNoteAria: "确认注解",
+			sideNotePlaceholder: "给侧边聊天写个注解（可空）…",
+			sideNoteAria: "侧边聊天注解",
+			confirmAskAria: "确认并提问",
+			openSideFailed: "打开侧边聊天失败，请重试",
+			deleteNote: "删除注释",
+			cancel: "取消",
+			save: "保存",
+			chipOne: "1 条注释",
+			chipMany: "{n} 条注释",
+			removeTitle: "移除注释",
+			removeAria: "移除注释 {n}",
+			noteLine: "注解：{note}",
+			noNote: "（无注解）"
+		};
+		let localeService;
+		/** Attach the DSH locale service (call once from the client apply). */
+		function attachLocale(service) {
+			localeService = service;
+		}
+		/** Subscribe to locale switches (component re-render driver). */
+		function subscribeLocale(fn) {
+			return localeService?.subscribe(fn) ?? (() => {});
+		}
+		/** The active locale id：DSH 语言设置优先，缺失时回退浏览器语言。 */
+		function activeLocale() {
+			return localeService?.getSnapshot().active ?? (typeof navigator !== "undefined" ? navigator.language : "") ?? "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/bridge.ts
+		const sideChatBridge = { current: null };
+		//#endregion
+		//#region src/client/sidechat/model.ts
+		/** Tab 类型 id（better-sidebar 注册表键；带包前缀防冲突）。 */
+		const SIDE_TAB_TYPE = "dsh-sidenote:side";
+		/** 多实例 Tab id：`side:<uuid>`（terminal/browser 的 createTab 铸 id 先例）。 */
+		function mintSideTabId() {
+			return `side:${crypto.randomUUID()}`;
+		}
+		/**
+		* 标题编号：首个「侧边」；并存时新 Tab「侧边 N」（N = 既有最大编号 + 1，
+		* 从标题解析）——关掉「侧边」再新建不会重名复用「侧边 2」。
+		* @param existingTitles - 创建时刻同会话侧边聊天 Tab 的标题集。
+		*/
+		function sideTabTitle(existingTitles) {
+			const base = t("tabBaseTitle");
+			let max = 0;
+			for (const title of existingTitles) {
+				const match = /^(?:Side|侧边)(?: (\d+))?$/.exec(title);
+				if (match !== null) max = Math.max(max, match[1] === void 0 ? 1 : Number(match[1]));
+			}
+			return max <= 0 ? base : `${base} ${max + 1}`;
+		}
+		/**
+		* 容错解析 tab.meta：布局持久化里的 meta 来自上一版本的自己，字段缺失或
+		* 类型漂移一律降级为缺省，绝不抛错（刷新恢复路径不许崩）。
+		*/
+		function parseSideChatMeta(meta) {
+			if (typeof meta !== "object" || meta === null) return {};
+			const raw = meta;
+			const out = {};
+			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;
+			return out;
+		}
+		/** 清除 meta.pendingDraft（其余字段原样保留）。 */
+		function clearPendingDraft(meta) {
+			const { pendingDraft: _dropped, ...rest } = meta;
+			return rest;
+		}
+		function isTab(value) {
+			if (typeof value !== "object" || value === null) return false;
+			const tab = value;
+			return typeof tab.id === "string" && typeof tab.type === "string";
+		}
+		function walkTree(node, into) {
+			if (typeof node !== "object" || node === null) return;
+			const n = node;
+			if (n.kind === "leaf") {
+				if (Array.isArray(n.tabs)) {
+					for (const tab of n.tabs) if (isTab(tab)) into.push(tab);
+				}
+				return;
+			}
+			if (Array.isArray(n.children)) for (const child of n.children) walkTree(child, into);
+		}
+		/** 枚举侧栏状态（splits + bottomSplits 两棵树）里的全部 Tab。 */
+		function collectTabs(state) {
+			if (typeof state !== "object" || state === null) return [];
+			const s = state;
+			const into = [];
+			walkTree(s.splits, into);
+			walkTree(s.bottomSplits, into);
+			return into;
+		}
+		/** 枚举当前并存的侧边聊天 Tab（树顺序 = 打开顺序的近似）。 */
+		function collectSideTabs(state) {
+			return collectTabs(state).filter((tab) => tab.type === SIDE_TAB_TYPE);
+		}
+		/**
+		* blank 着陆页会话没有已完成 turn，fork 必败（host 返回 fork-unavailable）
+		* ——+ 菜单与 /side 命令的 available 用它禁用入口；面板内错误态兜底。
+		* 摘要求知（列表未就绪）时放行，交给 fork 错误态。
+		*/
+		function canForkFrom(ctx, sessionId) {
+			try {
+				return (ctx.sessions.list.getSnapshot().byId?.[sessionId])?.blank !== true;
+			} catch {
+				return true;
+			}
+		}
+		function phaseOf(input) {
+			if (input.childId === void 0) return input.forkError === null ? "forking" : "fork-error";
+			if (input.bound) return "chat";
+			if (input.listPhase === "ready" && !input.listed) return "missing";
+			return "loading";
+		}
+		/** 注入草稿的拼接规则：空草稿直接落文本，否则换行追加（引文+问题的自然形态）。 */
+		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("[图片]");
+			}
+			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 注入、未知面事件、已取消的重试等对读者无信息的节点）。
+		*/
+		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 : "工具";
+					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 : "未知错误"
+				};
+				case "model-retry":
+					if (n.retryState === "cancelled") return null;
+					return {
+						key: seqKey("r", n),
+						role: "notice",
+						text: n.retryState === "started" ? "模型请求失败，正在自动重试…" : "模型请求失败，等待自动重试…"
+					};
+				case "turn-max-tokens": return {
+					key: seqKey("m", n),
+					role: "notice",
+					text: "输出达到长度上限，本轮回复已截断。"
+				};
+				case "command": {
+					const name = typeof n.name === "string" && n.name !== "" ? `/${n.name}` : "/命令";
+					const args = typeof n.args === "string" ? n.args : "";
+					return {
+						key: seqKey("c", n),
+						role: "notice",
+						text: `执行命令 ${name}${args}`
+					};
+				}
+				case "compaction": return {
+					key: seqKey("k", n),
+					role: "notice",
+					text: "已压缩更早的对话上下文。"
+				};
+				default: return null;
+			}
+		}
+		/**
+		* 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 : "工具",
+					text: "",
+					streaming: true
+				});
+			}
+			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
+				});
+			}
+			return out;
+		}
+		//#endregion
+		//#region src/client/sidechat/composer.ts
+		/**
+		* 侧边聊天 composer 的状态层：优先复用会话 input 机器（草稿机），
+		* 拿不到时整体降级为本地草稿 + session.prompt。
+		*
+		* 机器路径（dsh-better-sidebar src/client/conversation-draft.ts 同款惰性模式）：
+		*   ctx.sessions.scope(childId) 取会话 scope ctx
+		*   → ctx.get('conversation') 惰性取会话服务
+		*   → conversation.input.for(actx) 取该会话的 SessionInput 草稿机
+		*     （draft 读写 / submit / notify 全在这张脸上）。
+		*
+		* 已知风险（design.md 已标注的 spike 点）：InputHub 的 shell 由 sessions
+		* provide materialization 触发创建，「从未 staged 的会话 scope」可能没有
+		* resident shell —— 任何一步失败都降级，绝不崩面板。
+		*/
+		const NOOP_UNSUBSCRIBE$1 = () => {};
+		/**
+		* 解析 childId 会话的 input 草稿机；任何一步缺失/抛错返回 null
+		* （调用方走降级路径）。
+		*/
+		function resolveSessionInput(ctx, childId) {
+			try {
+				const actx = ctx.sessions.scope(childId);
+				if (actx === void 0) return null;
+				const conversation = ctx.get("conversation");
+				if (conversation === void 0 || conversation === null) return null;
+				const input = conversation.input.for(actx);
+				if (input === null || input === void 0) return null;
+				if (typeof input.setDraft !== "function" || typeof input.submit !== "function") return null;
+				if (input.state === void 0 || typeof input.state.getSnapshot !== "function") return null;
+				return input;
+			} catch {
+				return null;
+			}
+		}
+		/** 读草稿机的当前草稿（容错）。 */
+		function readInputDraft(input) {
+			try {
+				const draft = input.state.getSnapshot().draft;
+				return typeof draft === "string" ? draft : "";
+			} catch {
+				return "";
+			}
+		}
+		/**
+		* 面板 composer hook。机器路径：草稿住在 input 机器的 store 里（随会话持久、
+		* 与主输入框同语义），submit 走机器事务（序列化/裁决/默认 sink 全在机器内）。
+		* 降级路径：草稿住本地 state，发送直连 session.prompt([...], 'queue')，
+		* 失败时回填草稿并报错。
+		*/
+		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 [localDraft, setLocalDraft] = (0, react.useState)("");
+			const [sendError, setSendError] = (0, react.useState)(null);
+			const draft = input === null ? localDraft : machineDraft;
+			const setDraft = (0, react.useCallback)((text) => {
+				if (input === null) setLocalDraft(text);
+				else input.setDraft(text);
+			}, [input]);
+			const appendDraft = (0, react.useCallback)((text) => {
+				if (input === null) setLocalDraft((d) => appendDraftText(d, text));
+				else input.setDraft(appendDraftText(readInputDraft(input), text));
+			}, [input]);
+			const submit = (0, react.useCallback)(() => {
+				const text = draft.trim();
+				if (text === "") return;
+				if (input !== null) {
+					input.submit();
+					return;
+				}
+				if (session === void 0) return;
+				setLocalDraft("");
+				setSendError(null);
+				session.prompt([{
+					type: "text",
+					text
+				}], "queue").then((result) => {
+					const r = result;
+					if (r !== void 0 && r.ok === false) {
+						setLocalDraft((d) => d === "" ? text : d);
+						setSendError(r.error?.message ?? "发送失败");
+					}
+				}).catch((error) => {
+					setLocalDraft((d) => d === "" ? text : d);
+					setSendError(error instanceof Error ? error.message : "发送失败");
+				});
+			}, [
+				draft,
+				input,
+				session
+			]);
+			return {
+				machine: input !== null,
+				draft,
+				sendError,
+				setDraft,
+				appendDraft,
+				submit
+			};
+		}
+		//#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)
+						} });
+					}
+					ctx.betterSidebar.activateTab(target.id, { sessionId });
+					return true;
+				}
+				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;
+			}
+		}
+		//#endregion
+		//#region \0dsh-css:/Users/gaoyixuan3/gyx_personal_files/dsh_project/dsh-sidenote/src/client/sidechat/sidechat.module.css.mjs
+		const css$1 = ".F1HU0W_root{height:100%;color:var(--dsw-alias-label-primary);flex-direction:column;font-size:13px;display:flex}.F1HU0W_body{flex-direction:column;flex:1;padding:12px 10px;display:flex;overflow-y:auto}.F1HU0W_transcript{flex-direction:column;gap:12px;display:flex}.F1HU0W_empty,.F1HU0W_stateScreen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px 16px;display:flex}.F1HU0W_emptyIcon{color:var(--dsw-alias-label-tertiary)}.F1HU0W_emptyTitle{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:600}.F1HU0W_emptyText{color:var(--dsw-alias-label-tertiary);max-width:240px;font-size:12px;line-height:1.6}.F1HU0W_stateDetail{color:var(--dsw-alias-state-error-primary);word-break:break-word;max-width:260px;font-size:12px;line-height:1.6}.F1HU0W_userRow{justify-content:flex-end;display:flex}.F1HU0W_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}.F1HU0W_assistantRow{justify-content:flex-start;display:flex}.F1HU0W_assistantBody{word-break:break-word;max-width:100%;font-size:13px;line-height:1.6}.F1HU0W_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}.F1HU0W_reasoning>summary{cursor:pointer;user-select:none}.F1HU0W_reasoningBody{white-space:pre-wrap;word-break:break-word;margin-top:4px}.F1HU0W_streamingHint{color:var(--dsw-alias-label-dimmed)}.F1HU0W_toolCard{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:8px;overflow:hidden}.F1HU0W_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}.F1HU0W_toolError{color:var(--dsw-alias-state-error-primary)}.F1HU0W_toolRunning{color:var(--dsw-alias-label-tertiary)}.F1HU0W_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}.F1HU0W_errorRow{color:var(--dsw-alias-state-error-primary);white-space:pre-wrap;padding:4px 2px;font-size:12px}.F1HU0W_noticeRow{color:var(--dsw-alias-label-dimmed);text-align:center;padding:2px 0;font-size:12px}.F1HU0W_composer{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.F1HU0W_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}.F1HU0W_input:focus{border-color:var(--dsw-alias-state-business-primary);outline:none}.F1HU0W_composerFoot{justify-content:space-between;align-items:center;gap:8px;display:flex}.F1HU0W_modelLabel{color:var(--dsw-alias-label-dimmed);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.F1HU0W_sendButton,.F1HU0W_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}.F1HU0W_sendButton:disabled{opacity:.55;cursor:default}";
+		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 = {
+			"assistantRow": "F1HU0W_assistantRow",
+			"composer": "F1HU0W_composer",
+			"stateScreen": "F1HU0W_stateScreen",
+			"empty": "F1HU0W_empty",
+			"toolError": "F1HU0W_toolError",
+			"errorRow": "F1HU0W_errorRow",
+			"modelLabel": "F1HU0W_modelLabel",
+			"toolBody": "F1HU0W_toolBody",
+			"noticeRow": "F1HU0W_noticeRow",
+			"stateDetail": "F1HU0W_stateDetail",
+			"transcript": "F1HU0W_transcript",
+			"assistantBody": "F1HU0W_assistantBody",
+			"stopButton": "F1HU0W_stopButton",
+			"sendButton": "F1HU0W_sendButton",
+			"emptyText": "F1HU0W_emptyText",
+			"emptyTitle": "F1HU0W_emptyTitle",
+			"toolHead": "F1HU0W_toolHead",
+			"composerFoot": "F1HU0W_composerFoot",
+			"reasoning": "F1HU0W_reasoning",
+			"root": "F1HU0W_root",
+			"body": "F1HU0W_body",
+			"toolRunning": "F1HU0W_toolRunning",
+			"userBubble": "F1HU0W_userBubble",
+			"reasoningBody": "F1HU0W_reasoningBody",
+			"emptyIcon": "F1HU0W_emptyIcon",
+			"userRow": "F1HU0W_userRow",
+			"toolCard": "F1HU0W_toolCard",
+			"input": "F1HU0W_input",
+			"streamingHint": "F1HU0W_streamingHint"
+		};
+		//#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 代码块复制按钮文案（契约要求中文；引用稳定，变了会清流式缓存）。 */
+		/** MarkdownText 代码块复制按钮文案（跟随 DSH 语言；函数内读取保持引用稳定）。 */
+		function codeLabels() {
+			return {
+				copyLabel: t("codeCopy"),
+				copiedLabel: t("codeCopied")
+			};
+		}
+		const NOOP_UNSUBSCRIBE = () => {};
+		/**
+		* 打开非 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);
+			});
+		}
+		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;
+					});
+				} 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
+						} });
+						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;
+			(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) });
+			}, [
+				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")
+			});
+			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", {
+				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 }), 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
+				})]
+			});
+		}
+		/** 空状态：💬 类图标 + 标题 + 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 }) {
+			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 }, message.key))
+			});
+		}
+		function MessageRow({ message }) {
+			useLocaleTick();
+			switch (message.role) {
+				case "user": 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
+					})
+				});
+				case "assistant": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: sidechat_module_css_default.assistantRow,
+					children: /* @__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
+					})]
+				});
+				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
+				});
+			}
+		}
+		/** 底部 composer：自绘输入框；模型标签显示子会话真实当前模型（fork 时同步主会话选择）。 */
+		function ComposerBar(props) {
+			useLocaleTick();
+			const { session, composer, running, visible } = props;
+			const inputRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				if (visible) inputRef.current?.focus();
+			}, [visible]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: sidechat_module_css_default.composer,
+				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);
+						},
+						onKeyDown: (event) => {
+							if (event.key !== "Enter" || event.shiftKey) return;
+							if (event.nativeEvent.isComposing || event.nativeEvent.keyCode === 229) return;
+							event.preventDefault();
+							composer.submit();
+						}
+					}),
+					/* @__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", {
+							type: "button",
+							className: sidechat_module_css_default.sendButton,
+							disabled: composer.draft.trim() === "",
+							onClick: () => {
+								composer.submit();
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSendOutline16, { size: 14 }),
+								" ",
+								t("send")
+							]
+						})]
+					}),
+					composer.sendError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: sidechat_module_css_default.errorRow,
+						children: composer.sendError
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/sidechat/slash.ts
+		/** 注册 /side 命令；不可行时静默降级（返回 undefined）。 */
+		function registerSideCommand(ctx) {
+			let commandUi;
+			try {
+				commandUi = ctx.get("commandUi");
+			} catch {
+				return;
+			}
+			if (commandUi === void 0 || typeof commandUi.register !== "function") return;
+			try {
+				ctx.effect(() => commandUi.register({
+					name: "side",
+					description: t("cmdDesc"),
+					available: (session) => canForkFrom(ctx, session.sessionId),
+					ui: {
+						kind: "popupSelect",
+						options: (session) => {
+							const options = [{
+								id: "new",
+								label: t("cmdNew"),
+								detail: t("cmdNewDetail")
+							}];
+							const snapshot = ctx.betterSidebar.getSnapshot();
+							if (snapshot.sessionId === session.sessionId && snapshot.state !== void 0) for (const tab of collectSideTabs(snapshot.state)) options.push({
+								id: `focus:${tab.id}`,
+								label: t("cmdFocus", { title: tab.title }),
+								detail: t("cmdFocusDetail")
+							});
+							return Promise.resolve(options);
+						},
+						onSelect: (option, session) => {
+							if (option.id === "new") {
+								openOrFocusSideChat(ctx, session.sessionId);
+								return;
+							}
+							if (option.id.startsWith("focus:")) ctx.betterSidebar.activateTab(option.id.slice(6), { sessionId: session.sessionId });
+						}
+					}
+				}), "dsh-sidenote: /side command");
+			} catch (error) {
+				console.warn("[dsh-sidenote] /side 命令注册失败（Tab 入口不受影响）:", error);
+			}
+		}
+		//#endregion
+		//#region src/client/sidechat/index.tsx
+		/**
+		* Workitem 01 — 侧边聊天面板。
+		*
+		* 注册「侧边聊天」Tab 类型（dsh-sidenote:side，多实例一等公民）：
+		* - + 菜单可见（order 60，terminal=40 / browser=50 之后）；菜单行标题
+		*   「侧边聊天」，铸造出的 Tab 标题为「侧边」/「侧边 N」（createTab 按
+		*   当前并存数编号 —— 带 createTab 的 descriptor 会被 openTab 忽略
+		*   seed.title，编号必须在铸造处完成）；
+		* - createTab 铸 `side:<uuid>`（crypto.randomUUID()）多实例 id；
+		* - blank 着陆页会话没有已完成 turn、fork 必败 → available 禁用 +
+		*   面板内错误态双保险；
+		* - Tab × 关闭即从界面消失（better-sidebar 关 tab 即出布局，meta 随之
+		*   消失；jsonl 留盘是设计意图，不做删除）。
+		*
+		* 另安装：annotate 桥（sideChatBridge.current，WI-03 联动缝）与 /side
+		* 斜杠命令（spike，popupSelect 形态，不可行时降级为只有 Tab 入口）。
+		*/
+		function registerSideChat(ctx) {
+			ctx.effect(() => ctx.betterSidebar.registerTab({
+				id: SIDE_TAB_TYPE,
+				title: () => t("menuTitle"),
+				icon: (size) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconNewChatOutline16, { size }),
+				order: 60,
+				available: (availableCtx, scope) => canForkFrom(availableCtx, scope.sessionId),
+				createTab: (state) => ({ tab: {
+					id: mintSideTabId(),
+					type: SIDE_TAB_TYPE,
+					title: sideTabTitle(collectSideTabs(state).map((tab) => tab.title))
+				} }),
+				component: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SideChatPanel, { ...props })
+			}), "dsh-sidenote: side chat tab");
+			ctx.effect(() => {
+				const impl = { askInSideChat: (sessionId, draftText) => openOrFocusSideChat(ctx, sessionId, draftText) };
+				sideChatBridge.current = impl;
+				return () => {
+					if (sideChatBridge.current === impl) sideChatBridge.current = null;
+				};
+			}, "dsh-sidenote: annotate bridge");
+			registerSideCommand(ctx);
+		}
+		//#endregion
+		//#region src/client/annotate/model.ts
+		function createAnnotationStore(now = () => Date.now()) {
+			let annotations = [];
+			let nextId = 1;
+			let version = 0;
+			/** Per-session next display number. */
+			const counters = /* @__PURE__ */ new Map();
+			const listeners = /* @__PURE__ */ new Set();
+			const notify = () => {
+				version += 1;
+				for (const fn of [...listeners]) fn();
+			};
+			const replace = (id, patch) => {
+				annotations = annotations.map((a) => a.id === id ? {
+					...a,
+					...patch
+				} : a);
+				notify();
+			};
+			return {
+				getSnapshot: () => version,
+				subscribe(fn) {
+					listeners.add(fn);
+					return () => {
+						listeners.delete(fn);
+					};
+				},
+				add(draft) {
+					const number = (counters.get(draft.sessionId) ?? 0) + 1;
+					counters.set(draft.sessionId, number);
+					const annotation = {
+						id: nextId,
+						number,
+						sessionId: draft.sessionId,
+						anchorKey: draft.anchorKey,
+						text: draft.text,
+						anchorText: draft.anchorText,
+						occurrence: draft.occurrence,
+						note: draft.note,
+						state: "active",
+						createdAt: now()
+					};
+					nextId += 1;
+					annotations = [...annotations, annotation];
+					notify();
+					return annotation;
+				},
+				setNote(id, note) {
+					if (!annotations.some((a) => a.id === id)) return;
+					replace(id, { note });
+				},
+				remove(id) {
+					if (!annotations.some((a) => a.id === id)) return;
+					annotations = annotations.filter((a) => a.id !== id);
+					notify();
+				},
+				markSessionSent(sessionId) {
+					if (!annotations.some((a) => a.sessionId === sessionId && a.state === "active")) return;
+					annotations = annotations.map((a) => a.sessionId === sessionId && a.state === "active" ? {
+						...a,
+						state: "sent"
+					} : a);
+					notify();
+				},
+				get(id) {
+					return annotations.find((a) => a.id === id);
+				},
+				list(sessionId) {
+					return annotations.filter((a) => a.sessionId === sessionId);
+				},
+				listActive(sessionId) {
+					return annotations.filter((a) => a.sessionId === sessionId && a.state === "active");
+				},
+				countActive(sessionId) {
+					return annotations.reduce((n, a) => n + (a.sessionId === sessionId && a.state === "active" ? 1 : 0), 0);
+				},
+				sessions() {
+					return [...new Set(annotations.map((a) => a.sessionId))];
+				}
+			};
+		}
+		/** Bound a quote to {@link SELECTION_LIMIT} characters, marking truncation. */
+		function truncateQuote(text, limit = 500) {
+			if (text.length <= limit) return text;
+			return `${text.slice(0, limit)}…`;
+		}
+		/** Quote one (possibly multi-line) text as `> `-prefixed lines. */
+		function quoteLines(text) {
+			return text.split("\n").map((line) => line === "" ? ">" : `> ${line}`).join("\n");
+		}
+		/** One annotation's block: quoted original plus the note line. */
+		function formatQuoteItem(item) {
+			const noteLine = item.note.trim() === "" ? t("noNote") : t("noteLine", { note: item.note });
+			return `${quoteLines(item.text)}\n${noteLine}`;
+		}
+		/** The full context block for every active annotation, in creation order. */
+		function buildQuoteBlock(items) {
+			return items.map(formatQuoteItem).join("\n\n");
+		}
+		/** The 「在侧边聊天中提问」 seed: quote + optional note（与主对话注释同构）. */
+		function buildSideChatQuote(text, note = "") {
+			return formatQuoteItem({
+				text,
+				note
+			});
+		}
+		/**
+		* Recompute a session composer draft from its managed head.
+		*
+		* The managed head (quote block + one blank line) is maintained at the very
+		* top of the draft while annotations are active; the user's own text follows
+		* it untouched. `lastHead` is the head we last wrote: when the draft still
+		* starts with it we strip exactly that span; otherwise the user meddled with
+		* the head region and the whole draft is treated as user text (the fresh head
+		* is simply re-prepended — a documented, non-crashing degradation).
+		*/
+		function nextManagedDraft(draft, lastHead, block) {
+			const userText = lastHead !== "" && draft.startsWith(lastHead) ? draft.slice(lastHead.length) : draft;
+			const head = block === "" ? "" : `${block}\n\n`;
+			return {
+				head,
+				draft: head + userText
+			};
+		}
+		/**
+		* The send-edge predicate: the composer draft flipping non-empty → empty
+		* while annotations were attached is the reliable「发送后」signal (submit
+		* clears the draft as a commit; queueing does too). Whitespace-only drafts
+		* count as empty.
+		*/
+		function isSendEdge(previousDraft, nextDraft) {
+			return previousDraft.trim() !== "" && nextDraft.trim() === "";
+		}
+		//#endregion
+		//#region src/client/annotate/selection.ts
+		/**
+		* Selection capture layer (Workitem 02): document-level listeners validate
+		* the live selection and publish the latest valid one to the floating
+		* toolbar through a small external-store controller. Mirrors the
+		* production-proven dsh-sidebar-qa contract, narrowed to assistant messages:
+		*
+		* - both selection endpoints must sit in the SAME `[data-chat-flow-kind=
+		*   "assistant-step"]` message node (跨消息划选不弹);
+		* - `[data-streaming]` messages (still streaming) are excluded;
+		* - `[data-dsh-better-sidebar]` and our own `[data-dsh-sidenote]` DOM are
+		*   excluded (与侧边栏 viewer 浮层互斥);
+		* - the text must be non-blank; over-length selections are admitted with the
+		*   quote truncated (见 format.ts), never rejected.
+		*
+		* These are DSH-internal DOM attributes rather than a public contract — an
+		* upstream redesign silently degrades the feature (no popup), never crashes.
+		*/
+		/** The assistant message node kind (v1 实测纠正值 — 勿引旧值 `assistant`). */
+		const ASSISTANT_KIND = "assistant-step";
+		/** Selector roots our UI must never react to (sidebar viewer + our own root). */
+		const EXCLUDED_ROOTS = "[data-dsh-better-sidebar], [data-dsh-sidenote]";
+		/** Pure validation of one candidate selection (unit-tested without DOM). */
+		function isEligibleSelection(input) {
+			return !input.blank && input.sameMessage && input.kind === "assistant-step" && !input.streaming && !input.excluded && input.hasSession;
+		}
+		/** Resolve the assistant message element owning a DOM node (text nodes → parent). */
+		function messageOf(node) {
+			const element = node.nodeType === Node.TEXT_NODE ? node.parentElement : node;
+			if (element === null || typeof element.closest !== "function") return null;
+			return element.closest(`[data-chat-flow-kind="${ASSISTANT_KIND}"]`);
+		}
+		/** Whether the message is still streaming (unfinished). */
+		function isStreaming(message) {
+			return message.hasAttribute("data-streaming") || message.querySelector("[data-streaming]") !== null;
+		}
+		/**
+		* The 0-based ordinal of the selection's text among its occurrences in the
+		* anchor element — the disambiguator for repeated phrases (re-anchor key).
+		*/
+		function occurrenceOf(anchor, range, text) {
+			try {
+				const pre = document.createRange();
+				pre.selectNodeContents(anchor);
+				pre.setEnd(range.startContainer, range.startOffset);
+				const before = pre.toString();
+				let occurrence = 0;
+				let at = before.indexOf(text);
+				while (at !== -1) {
+					occurrence += 1;
+					at = before.indexOf(text, at + text.length);
+				}
+				return occurrence;
+			} catch {
+				return 0;
+			}
+		}
+		/** Capture and validate the current window selection, or null when invalid. */
+		function captureSelection(currentSessionId) {
+			const sel = window.getSelection();
+			if (sel === null || sel.isCollapsed || sel.rangeCount === 0) return null;
+			const anchorText = sel.toString();
+			const range = sel.getRangeAt(0);
+			const startMessage = messageOf(range.startContainer);
+			const endMessage = messageOf(range.endContainer);
+			const message = startMessage;
+			const anchor = message?.closest("[data-chat-anchor-key]") ?? null;
+			if (!isEligibleSelection({
+				blank: anchorText.trim() === "",
+				sameMessage: message !== null && message === endMessage,
+				kind: message?.dataset.chatFlowKind ?? "",
+				streaming: message !== null && isStreaming(message),
+				excluded: anchor !== null ? anchor.closest(EXCLUDED_ROOTS) !== null : message?.closest(EXCLUDED_ROOTS) !== null,
+				hasSession: currentSessionId !== ""
+			}) || message === null) return null;
+			const rect = range.getBoundingClientRect();
+			return {
+				text: truncateQuote(anchorText),
+				anchorText,
+				anchorKey: anchor?.dataset.chatAnchorKey,
+				occurrence: anchor === null ? 0 : occurrenceOf(anchor, range, anchorText),
+				rect: {
+					left: rect.left,
+					top: rect.top,
+					width: rect.width
+				},
+				range: range.cloneRange(),
+				sessionId: currentSessionId
+			};
+		}
+		/** Debounce for selectionchange (ms). */
+		const DEBOUNCE_MS = 200;
+		/** Create one selection controller (call once per plugin activation). */
+		function createSelectionController(getSessionId) {
+			let selection = null;
+			const listeners = /* @__PURE__ */ new Set();
+			let debounceTimer;
+			let state = { selection: null };
+			const notify = () => {
+				state = { selection };
+				for (const fn of [...listeners]) fn();
+			};
+			const recompute = () => {
+				let next = null;
+				try {
+					next = captureSelection(getSessionId());
+				} catch {
+					next = null;
+				}
+				if (!(selection === null !== (next === null) || selection !== null && next !== null && (selection.anchorText !== next.anchorText || selection.anchorKey !== next.anchorKey || selection.sessionId !== next.sessionId || selection.rect.top !== next.rect.top || selection.rect.left !== next.rect.left || selection.rect.width !== next.rect.width))) return;
+				selection = next;
+				notify();
+			};
+			const onSelectionChange = () => {
+				if (debounceTimer !== void 0) window.clearTimeout(debounceTimer);
+				debounceTimer = window.setTimeout(recompute, DEBOUNCE_MS);
+			};
+			document.addEventListener("selectionchange", onSelectionChange);
+			document.addEventListener("mouseup", recompute);
+			document.addEventListener("keyup", onSelectionChange);
+			return {
+				getSnapshot: () => state,
+				subscribe(fn) {
+					listeners.add(fn);
+					return () => {
+						listeners.delete(fn);
+					};
+				},
+				clear() {
+					selection = null;
+					notify();
+				},
+				dispose() {
+					document.removeEventListener("selectionchange", onSelectionChange);
+					document.removeEventListener("mouseup", recompute);
+					document.removeEventListener("keyup", onSelectionChange);
+					if (debounceTimer !== void 0) window.clearTimeout(debounceTimer);
+				}
+			};
+		}
+		//#endregion
+		//#region src/client/annotate/anchor.ts
+		/** Find the message element for an anchor key (connected DOM only). */
+		function findAnchorElement(anchorKey) {
+			try {
+				const el = document.querySelector(`[data-chat-anchor-key="${CSS.escape(anchorKey)}"]`);
+				return el !== null && el.isConnected ? el : null;
+			} catch {
+				return null;
+			}
+		}
+		/**
+		* Rebuild a range covering the `occurrence`-th appearance of `text` inside
+		* `root`'s text nodes. Falls back to the LAST occurrence when the ordinal is
+		* out of range（消息内容变短时，最后一次出现更可能是原选区）.
+		*/
+		function rangeOfOccurrence(root, text, occurrence) {
+			if (text === "") return null;
+			const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+			const haystack = root.textContent ?? "";
+			let start = -1;
+			let at = haystack.indexOf(text);
+			let seen = 0;
+			while (at !== -1) {
+				if (seen === occurrence) {
+					start = at;
+					break;
+				}
+				seen += 1;
+				at = haystack.indexOf(text, at + text.length);
+			}
+			if (start === -1 && occurrence > 0) start = haystack.lastIndexOf(text);
+			if (start === -1) return null;
+			const end = start + text.length;
+			let offset = 0;
+			let startNode = null;
+			let startOffset = 0;
+			let endNode = null;
+			let endOffset = 0;
+			for (let node = walker.nextNode(); node !== null; node = walker.nextNode()) {
+				const length = (node.textContent ?? "").length;
+				const next = offset + length;
+				if (startNode === null && start < next) {
+					startNode = node;
+					startOffset = start - offset;
+				}
+				if (startNode !== null && end <= next) {
+					endNode = node;
+					endOffset = end - offset;
+					break;
+				}
+				offset = next;
+			}
+			if (startNode === null || endNode === null) return null;
+			const range = document.createRange();
+			range.setStart(startNode, startOffset);
+			range.setEnd(endNode, endOffset);
+			return range;
+		}
+		/**
+		* Resolve a live range for an annotation: the cached range while its nodes
+		* are still connected, otherwise a re-anchored one (cached on success).
+		* Returns null when the anchor is gone — callers skip rendering, never throw.
+		*/
+		function resolveRange(annotation, cache) {
+			try {
+				const cached = cache.get(annotation.id);
+				if (cached !== void 0 && cached.startContainer.isConnected) return cached;
+				cache.delete(annotation.id);
+				if (annotation.anchorKey === void 0 || annotation.anchorText === "") return null;
+				const anchor = findAnchorElement(annotation.anchorKey);
+				if (anchor === null) return null;
+				const range = rangeOfOccurrence(anchor, annotation.anchorText, annotation.occurrence);
+				if (range !== null) cache.set(annotation.id, range);
+				return range;
+			} catch {
+				return null;
+			}
+		}
+		/**
+		* The badge anchor point of a range: 选区矩形右缘 (max right edge across
+		* client rects — the message column's right edge for full-line selections,
+		* the selection's text end for inline ones) at 选区首行高度 (first rect's
+		* vertical center). Null when the range lays out to nothing.
+		*/
+		function badgeAnchorOf(range) {
+			try {
+				const rects = range.getClientRects();
+				if (rects.length === 0) return null;
+				let right = -Infinity;
+				for (const rect of rects) right = Math.max(right, rect.right);
+				const first = rects[0];
+				if (first === void 0 || !Number.isFinite(right)) return null;
+				return {
+					right,
+					centerY: first.top + first.height / 2
+				};
+			} catch {
+				return null;
+			}
+		}
+		/** Client rects of a range for the active-highlight overlay (empty on failure). */
+		function highlightRectsOf(range) {
+			try {
+				const out = [];
+				for (const rect of range.getClientRects()) {
+					if (rect.width <= 0 || rect.height <= 0) continue;
+					out.push({
+						left: rect.left,
+						top: rect.top,
+						width: rect.width,
+						height: rect.height
+					});
+				}
+				return out;
+			} catch {
+				return [];
+			}
+		}
+		/**
+		* 角标落点错开：与已放置角标（|Δx|、|Δy| 均小于碰撞半径）冲突时按
+		* BADGE_SPREAD_STEP 逐级下移——同一选区/相邻行的多个注释角标不再叠罗汉
+		* （叠放时上层角标拦截下层角标的点击）。
+		*/
+		function spreadBadgePoint(point, placed) {
+			let out = point;
+			for (let guard = 0; guard < 50; guard++) {
+				if (!placed.some((p) => Math.abs(p.x - out.x) < 18 && Math.abs(p.y - out.y) < 18)) return out;
+				out = {
+					x: out.x,
+					y: out.y + 24
+				};
+			}
+			return out;
+		}
+		//#endregion
+		//#region \0dsh-css:/Users/gaoyixuan3/gyx_personal_files/dsh_project/dsh-sidenote/src/client/annotate/annotate.module.css.mjs
+		const css = "._6Uc2-G_toolbar{z-index:50;background:var(--dsw-alias-bg-layer-1,#fff);border:1px solid var(--dsw-alias-border-l1,#00000014);user-select:none;border-radius:10px;align-items:stretch;display:flex;position:fixed;overflow:hidden;transform:translate(-50%,-100%);box-shadow:0 4px 16px #0000001f}._6Uc2-G_toolbarButton{appearance:none;color:var(--dsw-alias-label-primary,#1f2329);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:7px 12px;font-size:13px;line-height:20px}._6Uc2-G_toolbarButton+._6Uc2-G_toolbarButton{border-left:1px solid var(--dsw-alias-border-l1,#00000014)}._6Uc2-G_toolbarButton:hover{background:var(--dsw-alias-interactive-bg-hover,#0000000d)}._6Uc2-G_badge{z-index:50;color:#fff;text-align:center;cursor:pointer;user-select:none;background:#2f88ff;border:none;border-radius:999px;width:18px;height:18px;padding:0;font-size:11px;font-weight:600;line-height:18px;position:fixed;transform:translateY(-50%);box-shadow:0 1px 4px #2f88ff73}._6Uc2-G_badge:hover{background:#1f78f0}._6Uc2-G_highlight{z-index:49;pointer-events:none;background:#2f88ff38;border-radius:2px;position:fixed}._6Uc2-G_editorNew{z-index:50;background:var(--dsw-alias-bg-layer-1,#fff);border:1px solid var(--dsw-alias-border-l1,#00000014);border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex;position:fixed;box-shadow:0 6px 24px #00000024}._6Uc2-G_editorEdit{z-index:50;background:var(--dsw-alias-bg-layer-1,#fff);border:1px solid var(--dsw-alias-border-l1,#00000014);border-radius:14px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 28px #00000029}._6Uc2-G_editorInput{min-width:0;color:var(--dsw-alias-label-primary,#1f2329);background:0 0;border:none;outline:none;flex:auto;font-size:13px;line-height:22px}._6Uc2-G_editorTextarea{resize:none;color:var(--dsw-alias-label-primary,#1f2329);background:0 0;border:none;outline:none;padding:10px 12px 4px;font-family:inherit;font-size:13px;line-height:20px}._6Uc2-G_editorInput::placeholder,._6Uc2-G_editorTextarea::placeholder{color:var(--dsw-alias-label-caption,#8f959e)}._6Uc2-G_confirmButton{color:#fff;cursor:pointer;background:#1f2329;border:none;border-radius:999px;flex:none;place-items:center;width:26px;height:26px;padding:0;display:grid}._6Uc2-G_confirmButton:hover{background:#000}._6Uc2-G_editorFooter{align-items:center;gap:8px;padding:6px 10px 8px;display:flex}._6Uc2-G_editorSpacer{flex:auto}._6Uc2-G_deleteButton{width:26px;height:26px;color:var(--dsw-alias-label-tertiary,#8f959e);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;padding:0;display:grid}._6Uc2-G_deleteButton:hover{background:var(--dsw-alias-interactive-bg-hover,#0000000d);color:var(--dsw-alias-state-error-primary,#d53f3f)}._6Uc2-G_cancelButton,._6Uc2-G_saveButton{cursor:pointer;border:none;border-radius:999px;padding:4px 14px;font-size:13px;line-height:20px}._6Uc2-G_cancelButton{background:var(--dsw-alias-interactive-bg-hover,#0000000d);color:var(--dsw-alias-label-primary,#1f2329)}._6Uc2-G_saveButton{color:#fff;background:#1f2329}._6Uc2-G_saveButton:hover{background:#000}._6Uc2-G_chipWrap{flex-direction:column;align-items:flex-start;gap:4px;display:flex}._6Uc2-G_chip{border:1px solid var(--dsw-alias-border-l1,#0000001a);background:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-primary,#1f2329);cursor:pointer;user-select:none;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;line-height:18px;display:inline-flex}._6Uc2-G_chip:hover{background:var(--dsw-alias-interactive-bg-hover,#0000000d)}._6Uc2-G_chipPanel{border:1px solid var(--dsw-alias-border-l1,#00000014);background:var(--dsw-alias-bg-layer-1,#fff);border-radius:12px;min-width:220px;max-width:420px;margin:0;padding:4px;list-style:none;box-shadow:0 6px 20px #0000001a}._6Uc2-G_chipRow{border-radius:8px;align-items:center;gap:8px;padding:4px 6px;display:flex}._6Uc2-G_chipRow:hover{background:var(--dsw-alias-interactive-bg-hover,#0000000a)}._6Uc2-G_chipNumber{color:#fff;text-align:center;background:#2f88ff;border-radius:999px;flex:none;width:16px;height:16px;font-size:10px;font-weight:600;line-height:16px}._6Uc2-G_chipText{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary,#1f2329);flex:auto;font-size:12px;overflow:hidden}._6Uc2-G_chipNote{color:var(--dsw-alias-label-tertiary,#8f959e)}._6Uc2-G_chipRemove{width:20px;height:20px;color:var(--dsw-alias-label-tertiary,#8f959e);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}._6Uc2-G_chipRemove:hover{background:var(--dsw-alias-interactive-bg-hover,#00000014);color:var(--dsw-alias-state-error-primary,#d53f3f)}._6Uc2-G_editorError{color:#e5484d;white-space:nowrap;font-size:12px;position:absolute;top:calc(100% + 4px);left:12px}";
+		const tagId = "dsh-sidenote/annotate.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "dsh-sidenote";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var annotate_module_css_default = {
+			"chipNote": "_6Uc2-G_chipNote",
+			"chipPanel": "_6Uc2-G_chipPanel",
+			"chipRemove": "_6Uc2-G_chipRemove",
+			"highlight": "_6Uc2-G_highlight",
+			"cancelButton": "_6Uc2-G_cancelButton",
+			"editorInput": "_6Uc2-G_editorInput",
+			"toolbar": "_6Uc2-G_toolbar",
+			"toolbarButton": "_6Uc2-G_toolbarButton",
+			"saveButton": "_6Uc2-G_saveButton",
+			"chipRow": "_6Uc2-G_chipRow",
+			"confirmButton": "_6Uc2-G_confirmButton",
+			"editorFooter": "_6Uc2-G_editorFooter",
+			"chipText": "_6Uc2-G_chipText",
+			"editorNew": "_6Uc2-G_editorNew",
+			"editorSpacer": "_6Uc2-G_editorSpacer",
+			"editorEdit": "_6Uc2-G_editorEdit",
+			"chipWrap": "_6Uc2-G_chipWrap",
+			"badge": "_6Uc2-G_badge",
+			"editorTextarea": "_6Uc2-G_editorTextarea",
+			"chip": "_6Uc2-G_chip",
+			"editorError": "_6Uc2-G_editorError",
+			"deleteButton": "_6Uc2-G_deleteButton",
+			"chipNumber": "_6Uc2-G_chipNumber"
+		};
+		//#endregion
+		//#region src/client/annotate/overlay.tsx
+		/**
+		* The annotation overlay (Workitem 02): an independent React root appended to
+		* `document.body` (marked `data-dsh-sidenote` so the selection listener
+		* excludes it) rendering three fixed-position layers over the conversation:
+		*
+		* - the selection toolbar (Add to conversation / Ask in side chat),
+		* - the numbered badge layer (锚定在选区矩形右缘、选区首行高度) plus the
+		*   激活态高亮 (editor open only — 关闭后高亮消退只留角标),
+		* - the annotation editor popover (新建态 ✓ / 重开态 🗑 取消 保存).
+		*
+		* Every layer is pointer-safe (toolbar buttons preventDefault their mousedown
+		* so the selection survives until the click commits) and failure-safe (an
+		* error boundary around the tree; layout math is wrapped in anchor.ts).
+		*/
+		/** Crash guard: a render failure must never take the host page down. */
+		var AnnotateErrorBoundary = class extends react.Component {
+			state = { failed: false };
+			static getDerivedStateFromError() {
+				return { failed: true };
+			}
+			componentDidCatch(error) {
+				console.error("[dsh-sidenote] annotate overlay crashed:", error);
+			}
+			render() {
+				return this.state.failed ? null : this.props.children;
+			}
+		};
+		/** Badge anchor of a freshly captured selection (editor placement on create). */
+		function selectionBadgePoint(snapshot) {
+			const anchor = badgeAnchorOf(snapshot.range);
+			if (anchor === null) {
+				const rect = snapshot.range.getBoundingClientRect();
+				return {
+					x: rect.right,
+					y: rect.top + 10
+				};
+			}
+			return {
+				x: anchor.right,
+				y: anchor.centerY
+			};
+		}
+		function AnnotateOverlay(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnnotateErrorBoundary, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnnotateOverlayInner, { ...props }) });
+		}
+		function AnnotateOverlayInner({ ctx, store, controller }) {
+			useLocaleTick();
+			const selectionState = (0, react.useSyncExternalStore)((0, react.useCallback)((cb) => controller.subscribe(cb), [controller]), () => controller.getSnapshot());
+			(0, react.useSyncExternalStore)((0, react.useCallback)((cb) => store.subscribe(cb), [store]), () => store.getSnapshot());
+			const currentSessionId = (0, react.useSyncExternalStore)((0, react.useCallback)((cb) => ctx.sessions.list.subscribe(cb), [ctx]), () => ctx.sessions.list.getSnapshot()).current ?? "";
+			const [editor, setEditor] = (0, react.useState)(null);
+			const [sideDraft, setSideDraft] = (0, react.useState)(null);
+			const [, setGeometryTick] = (0, react.useState)(0);
+			const rangeCache = (0, react.useRef)(/* @__PURE__ */ new Map());
+			(0, react.useEffect)(() => {
+				let raf = 0;
+				let debounce = 0;
+				const bumpNow = () => {
+					if (raf !== 0) return;
+					raf = window.requestAnimationFrame(() => {
+						raf = 0;
+						setGeometryTick((tick) => tick + 1);
+					});
+				};
+				const bumpDebounced = () => {
+					if (debounce !== 0) window.clearTimeout(debounce);
+					debounce = window.setTimeout(() => {
+						debounce = 0;
+						bumpNow();
+					}, 100);
+				};
+				const observer = new MutationObserver(bumpDebounced);
+				try {
+					observer.observe(document.body, {
+						childList: true,
+						subtree: true,
+						characterData: true
+					});
+				} catch {}
+				window.addEventListener("resize", bumpNow);
+				document.addEventListener("scroll", bumpNow, true);
+				return () => {
+					observer.disconnect();
+					window.removeEventListener("resize", bumpNow);
+					document.removeEventListener("scroll", bumpNow, true);
+					if (raf !== 0) window.cancelAnimationFrame(raf);
+					if (debounce !== 0) window.clearTimeout(debounce);
+				};
+			}, []);
+			const selection = selectionState.selection;
+			const addToConversation = (snapshot) => {
+				const anchor = selectionBadgePoint(snapshot);
+				const annotation = store.add({
+					sessionId: snapshot.sessionId,
+					anchorKey: snapshot.anchorKey,
+					text: snapshot.text,
+					anchorText: snapshot.anchorText,
+					occurrence: snapshot.occurrence,
+					note: ""
+				});
+				const cached = snapshot.range.cloneRange();
+				rangeCache.current.set(annotation.id, cached);
+				setEditor({
+					annotationId: annotation.id,
+					mode: "new",
+					x: anchor.x,
+					y: anchor.y
+				});
+				controller.clear();
+				window.getSelection()?.removeAllRanges();
+			};
+			const askInSideChat = (snapshot) => {
+				const anchor = selectionBadgePoint(snapshot);
+				setSideDraft({
+					snapshot,
+					x: anchor.x,
+					y: anchor.y
+				});
+				controller.clear();
+				window.getSelection()?.removeAllRanges();
+			};
+			const commitSideDraft = (note) => {
+				if (sideDraft === null) return false;
+				const ok = sideChatBridge.current?.askInSideChat(sideDraft.snapshot.sessionId, buildSideChatQuote(sideDraft.snapshot.text, note)) === true;
+				if (ok) setSideDraft(null);
+				return ok;
+			};
+			const reopenEditor = (annotation, point) => {
+				setEditor({
+					annotationId: annotation.id,
+					mode: "edit",
+					x: point.x,
+					y: point.y
+				});
+			};
+			const closeEditor = () => setEditor(null);
+			const editingAnnotation = editor === null ? void 0 : store.get(editor.annotationId);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				selection !== null && editor === null && sideDraft === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionToolbar, {
+					snapshot: selection,
+					sideChatAvailable: sideChatBridge.current !== null,
+					onAdd: () => {
+						addToConversation(selection);
+					},
+					onAsk: () => {
+						askInSideChat(selection);
+					}
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BadgeLayer, {
+					store,
+					sessionId: currentSessionId,
+					cache: rangeCache.current,
+					editingId: editor?.annotationId ?? null,
+					onOpen: reopenEditor
+				}),
+				editingAnnotation !== void 0 && editor !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnnotationEditor, {
+					annotation: editingAnnotation,
+					mode: editor.mode,
+					x: editor.x,
+					y: editor.y,
+					onSave: (note) => {
+						store.setNote(editingAnnotation.id, note);
+						closeEditor();
+					},
+					onDelete: () => {
+						store.remove(editingAnnotation.id);
+						rangeCache.current.delete(editingAnnotation.id);
+						closeEditor();
+					},
+					onCancel: () => {
+						if (editor.mode === "new") {
+							store.remove(editingAnnotation.id);
+							rangeCache.current.delete(editingAnnotation.id);
+						}
+						closeEditor();
+					}
+				}),
+				sideDraft !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SideChatNoteEditor, {
+					x: sideDraft.x,
+					y: sideDraft.y,
+					onSave: commitSideDraft,
+					onCancel: () => {
+						setSideDraft(null);
+					}
+				})
+			] });
+		}
+		/** 「Ask in side chat」的注解编辑器（新建态同构：输入框 + ✓，允许空注解）。
+		*  bridge 失败时不关编辑器、给出内联错误——用户写好的注解不丢。 */
+		function SideChatNoteEditor(props) {
+			useLocaleTick();
+			const [note, setNote] = (0, react.useState)("");
+			const [failed, setFailed] = (0, react.useState)(false);
+			const rootRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const onKeyDown = (event) => {
+					if (event.key === "Escape") {
+						event.stopPropagation();
+						props.onCancel();
+					}
+				};
+				const onMouseDown = (event) => {
+					const root = rootRef.current;
+					if (root === null || !(event.target instanceof Node)) return;
+					if (root.contains(event.target)) return;
+					if (event.target instanceof Element && event.target.closest("[data-dsh-sidenote]") !== null) return;
+					props.onCancel();
+				};
+				document.addEventListener("keydown", onKeyDown, true);
+				document.addEventListener("mousedown", onMouseDown, true);
+				return () => {
+					document.removeEventListener("keydown", onKeyDown, true);
+					document.removeEventListener("mousedown", onMouseDown, true);
+				};
+			}, []);
+			const width = 320;
+			const left = Math.max(8, Math.min(window.innerWidth - width - 8, props.x + 16));
+			const top = Math.max(8, Math.min(window.innerHeight - 120, props.y - 20));
+			const save = () => {
+				setFailed(!props.onSave(note));
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: rootRef,
+				className: annotate_module_css_default.editorNew,
+				style: {
+					left,
+					top,
+					width
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: annotate_module_css_default.editorInput,
+						value: note,
+						placeholder: t("sideNotePlaceholder"),
+						"aria-label": t("sideNoteAria"),
+						autoFocus: true,
+						onChange: (event) => {
+							setNote(event.target.value);
+							setFailed(false);
+						},
+						onKeyDown: (event) => {
+							if (event.key === "Enter") {
+								event.preventDefault();
+								save();
+							}
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: annotate_module_css_default.confirmButton,
+						title: t("confirmTitle"),
+						"aria-label": t("confirmAskAria"),
+						onClick: save,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline16, { size: 14 })
+					}),
+					failed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: annotate_module_css_default.editorError,
+						children: t("openSideFailed")
+					})
+				]
+			});
+		}
+		/** The floating two-button toolbar above a validated selection. */
+		function SelectionToolbar(props) {
+			useLocaleTick();
+			const { rect } = props.snapshot;
+			const left = Math.max(8, Math.min(window.innerWidth - 8, rect.left + rect.width / 2));
+			const top = Math.max(4, rect.top - 10);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: annotate_module_css_default.toolbar,
+				style: {
+					left,
+					top
+				},
+				role: "toolbar",
+				"aria-label": t("toolbarAria"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: annotate_module_css_default.toolbarButton,
+					onMouseDown: (event) => {
+						event.preventDefault();
+					},
+					onClick: (event) => {
+						event.preventDefault();
+						event.stopPropagation();
+						props.onAdd();
+					},
+					children: t("addToConversation")
+				}), props.sideChatAvailable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: annotate_module_css_default.toolbarButton,
+					onMouseDown: (event) => {
+						event.preventDefault();
+					},
+					onClick: (event) => {
+						event.preventDefault();
+						event.stopPropagation();
+						props.onAsk();
+					},
+					children: t("askInSideChat")
+				})]
+			});
+		}
+		/** The badge layer (one numbered circle per annotation) + the active highlight. */
+		function BadgeLayer(props) {
+			const annotations = props.sessionId === "" ? [] : props.store.list(props.sessionId);
+			const badges = [];
+			const placed = [];
+			let highlight = null;
+			for (const annotation of annotations) {
+				const range = resolveRange(annotation, props.cache);
+				if (range === null) continue;
+				if (annotation.id === props.editingId) highlight = highlightRectsOf(range).map((rect, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: annotate_module_css_default.highlight,
+					style: {
+						left: rect.left,
+						top: rect.top,
+						width: rect.width,
+						height: rect.height
+					}
+				}, `hl-${index}`));
+				const anchor = badgeAnchorOf(range);
+				if (anchor === null) continue;
+				if (anchor.centerY < 0 || anchor.centerY > window.innerHeight || anchor.right < 0 || anchor.right > window.innerWidth) continue;
+				const point = spreadBadgePoint({
+					x: anchor.right,
+					y: anchor.centerY
+				}, placed);
+				placed.push(point);
+				badges.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: annotate_module_css_default.badge,
+					style: {
+						left: point.x + 6,
+						top: point.y
+					},
+					title: annotation.note === "" ? annotation.text : `${annotation.text}\n${t("noteLine", { note: annotation.note })}`,
+					onClick: (event) => {
+						event.preventDefault();
+						event.stopPropagation();
+						props.onOpen(annotation, point);
+					},
+					children: annotation.number
+				}, annotation.id));
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [highlight, badges] });
+		}
+		/**
+		* The annotation editor popover. 新建态: input + ✓ 确认 (允许空注解直接保存;
+		* 点击外部/Esc 取消且无显式取消按钮). 重开态: 已有注解 + 🗑 删除 + 取消/保存.
+		*/
+		function AnnotationEditor(props) {
+			useLocaleTick();
+			const [note, setNote] = (0, react.useState)(props.annotation.note);
+			const rootRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const onKeyDown = (event) => {
+					if (event.key === "Escape") {
+						event.stopPropagation();
+						props.onCancel();
+					}
+				};
+				const onMouseDown = (event) => {
+					const root = rootRef.current;
+					if (root === null || !(event.target instanceof Node)) return;
+					if (root.contains(event.target)) return;
+					if (event.target instanceof Element && event.target.closest("[data-dsh-sidenote]") !== null) return;
+					props.onCancel();
+				};
+				document.addEventListener("keydown", onKeyDown, true);
+				document.addEventListener("mousedown", onMouseDown, true);
+				return () => {
+					document.removeEventListener("keydown", onKeyDown, true);
+					document.removeEventListener("mousedown", onMouseDown, true);
+				};
+			}, []);
+			const width = props.mode === "new" ? 320 : 340;
+			const left = Math.max(8, Math.min(window.innerWidth - width - 8, props.x + 16));
+			const top = Math.max(8, Math.min(window.innerHeight - 120, props.y - 20));
+			const save = () => {
+				props.onSave(note);
+			};
+			if (props.mode === "new") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: rootRef,
+				className: annotate_module_css_default.editorNew,
+				style: {
+					left,
+					top,
+					width
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					className: annotate_module_css_default.editorInput,
+					value: note,
+					placeholder: t("notePlaceholder"),
+					autoFocus: true,
+					onChange: (event) => {
+						setNote(event.target.value);
+					},
+					onKeyDown: (event) => {
+						if (event.key === "Enter") {
+							event.preventDefault();
+							save();
+						}
+					}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: annotate_module_css_default.confirmButton,
+					title: t("confirmTitle"),
+					"aria-label": t("saveNoteAria"),
+					onClick: save,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline16, { size: 14 })
+				})]
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: rootRef,
+				className: annotate_module_css_default.editorEdit,
+				style: {
+					left,
+					top,
+					width
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+					className: annotate_module_css_default.editorTextarea,
+					value: note,
+					placeholder: t("notePlaceholder"),
+					rows: 3,
+					autoFocus: true,
+					onChange: (event) => {
+						setNote(event.target.value);
+					},
+					onKeyDown: (event) => {
+						if (event.key === "Enter" && !event.shiftKey) {
+							event.preventDefault();
+							save();
+						}
+					}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: annotate_module_css_default.editorFooter,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: annotate_module_css_default.deleteButton,
+							title: t("deleteNote"),
+							"aria-label": t("deleteNote"),
+							onClick: props.onDelete,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, { size: 14 })
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: annotate_module_css_default.editorSpacer }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: annotate_module_css_default.cancelButton,
+							onClick: props.onCancel,
+							children: t("cancel")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: annotate_module_css_default.saveButton,
+							onClick: save,
+							children: t("save")
+						})
+					]
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/annotate/chip.tsx
+		/**
+		* The 「N 条注释」 composer chip (Workitem 02): a `conversation.input.dock`
+		* list entry (the official composer-attachment seat; todo dock lives at order
+		* 0, the queue strip at 20 — we sit between at 10). The chip counts the
+		* session's ACTIVE annotations, expands inline to preview/remove each one,
+		* and watches the owner-provided input snapshot for the send edge (draft
+		* non-empty → empty) to flip the annotations to 'sent' — the chip then
+		* disappears while the badges stay on the message flow.
+		*/
+		/** Create the slot component bound to one store instance. */
+		function createAnnotationChip(store) {
+			function AnnotationChip(props) {
+				useLocaleTick();
+				const sessionId = props.session.sessionId;
+				(0, react.useSyncExternalStore)((0, react.useCallback)((cb) => store.subscribe(cb), [store]), () => store.getSnapshot());
+				const [expanded, setExpanded] = (0, react.useState)(false);
+				const previous = (0, react.useRef)({
+					sessionId,
+					draft: props.input.draft,
+					phase: props.input.phase,
+					queueLen: props.input.queue?.length ?? 0,
+					running: props.session.running
+				});
+				(0, react.useEffect)(() => {
+					const prev = previous.current;
+					previous.current = {
+						sessionId,
+						draft: props.input.draft,
+						phase: props.input.phase,
+						queueLen: props.input.queue?.length ?? 0,
+						running: props.session.running
+					};
+					if (prev.sessionId !== sessionId) return;
+					if (store.countActive(sessionId) === 0) return;
+					if (!isSendEdge(prev.draft, props.input.draft)) return;
+					if (!(prev.phase !== "plain" || (props.input.queue?.length ?? 0) > prev.queueLen || props.session.running && !prev.running)) return;
+					store.markSessionSent(sessionId);
+				});
+				const active = store.listActive(sessionId);
+				if (active.length === 0) return null;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: annotate_module_css_default.chipWrap,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: annotate_module_css_default.chip,
+						"aria-expanded": expanded,
+						onClick: () => {
+							setExpanded((open) => !open);
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconListPenOutline16, { size: 12 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(active.length === 1 ? "chipOne" : "chipMany", { n: active.length }) })]
+					}), expanded && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						className: annotate_module_css_default.chipPanel,
+						children: active.map((annotation) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+							className: annotate_module_css_default.chipRow,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: annotate_module_css_default.chipNumber,
+									children: annotation.number
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: annotate_module_css_default.chipText,
+									title: annotation.text,
+									children: [annotation.text, annotation.note !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: annotate_module_css_default.chipNote,
+										children: [
+											"（",
+											annotation.note,
+											"）"
+										]
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: annotate_module_css_default.chipRemove,
+									title: t("removeTitle"),
+									"aria-label": t("removeAria", { n: annotation.number }),
+									onClick: () => {
+										store.remove(annotation.id);
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, { size: 12 })
+								})
+							]
+						}, annotation.id))
+					})]
+				});
+			}
+			return function AnnotationChipEntry(props) {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnnotateErrorBoundary, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnnotationChip, { ...props }) });
+			};
+		}
+		//#endregion
+		//#region src/client/annotate/draft.ts
+		/** The head (quote block + blank line) last written into each session's draft. */
+		const managedHeads = /* @__PURE__ */ new Map();
+		/** Resolve the per-session input facade, degrading to undefined (never throws). */
+		function resolveInput(ctx, sessionId) {
+			try {
+				const actx = ctx.sessions.scope(sessionId);
+				if (actx === void 0) return void 0;
+				return ctx.get("conversation")?.input.for(actx);
+			} catch {
+				return;
+			}
+		}
+		/**
+		* Rewrite one session's draft so its managed head matches the active
+		* annotations. A no-op when nothing would change (the common case while the
+		* user types their own message below the head).
+		*/
+		function syncSessionDraft(ctx, store, sessionId) {
+			try {
+				const input = resolveInput(ctx, sessionId);
+				if (input === void 0) return;
+				const block = buildQuoteBlock(store.listActive(sessionId));
+				const lastHead = managedHeads.get(sessionId) ?? "";
+				const draft = input.state.getSnapshot().draft;
+				const next = nextManagedDraft(draft, lastHead, block);
+				if (block !== "") managedHeads.set(sessionId, next.head);
+				if (next.draft === draft) return;
+				input.setDraft(next.draft);
+			} catch (error) {
+				console.warn("[dsh-sidenote] draft sync failed:", error);
+			}
+		}
+		/** Re-sync every session holding annotations (store-change fan-out). */
+		function syncAllDrafts(ctx, store) {
+			for (const sessionId of store.sessions()) syncSessionDraft(ctx, store, sessionId);
+		}
+		/** Forget all managed heads (page-level lifecycle; plugin teardown/testing). */
+		function resetManagedHeads() {
+			managedHeads.clear();
+		}
+		//#endregion
+		//#region src/client/annotate/index.tsx
+		/**
+		* Workitem 02 — 划选注释：selection listener + numbered badges + annotation
+		* editor + the composer「N 条注释」chip. Wiring only: one annotation store,
+		* one selection controller, one overlay React root (appended to document.body
+		* and marked `data-dsh-sidenote` so the listener excludes our own DOM), and
+		* one `conversation.input.dock` slot entry. 全部 additive、页面级生命周期,
+		* and every seam degrades to a logged no-op instead of crashing the host page.
+		*
+		* 整个模块包在一个 ctx.effect 里：HMR/插件禁用时 fiber 撤销即全部清理
+		* （store 退订、document 监听器移除、overlay unmount、host div 移除、受管
+		* 草稿头清空）——否则重挂后双重挂载（两层工具条、双份监听、新旧 store
+		* 分裂）。slot 注册的 disposer 由 cordis 服务代理路由进调用方 fiber，
+		* 无需手动回收。
+		*/
+		function registerAnnotations(ctx) {
+			ctx.effect(() => {
+				try {
+					const store = createAnnotationStore();
+					const controller = createSelectionController(() => ctx.sessions.list.getSnapshot().current ?? "");
+					const host = document.createElement("div");
+					host.dataset.dshSidenote = "";
+					document.body.appendChild(host);
+					const root = (0, react_dom_client.createRoot)(host);
+					root.render(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnnotateOverlay, {
+						ctx,
+						store,
+						controller
+					}));
+					const offStore = store.subscribe(() => {
+						syncAllDrafts(ctx, store);
+					});
+					ctx.slots.inject("conversation.input.dock", () => {
+						return ctx.slots.register({
+							name: "conversation.input.dock",
+							id: "dsh-sidenote-annotations",
+							order: 10,
+							registrant: "dsh-sidenote"
+						}, createAnnotationChip(store));
+					});
+					return () => {
+						offStore();
+						controller.dispose();
+						resetManagedHeads();
+						setTimeout(() => {
+							root.unmount();
+						});
+						host.remove();
+					};
+				} catch (error) {
+					console.error("[dsh-sidenote] annotate setup failed:", error);
+					return () => {};
+				}
+			}, "dsh-sidenote: annotations");
+		}
+		//#endregion
+		//#region src/client/index.tsx
+		const inject = [
+			"betterSidebar",
+			"sessions",
+			"workspaces",
+			"slots",
+			"connection",
+			"locale"
+		];
+		function apply(ctx) {
+			attachLocale(ctx.locale);
+			registerSideChat(ctx);
+			registerAnnotations(ctx);
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map