dsh-sidenote 0.7.0 → 0.7.2

package/lib/client.js

@@ -31,6 +31,7 @@ window.__ModuleLoader__.load({
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		_deepseek_ai_dsh_client_ui_primitives = __toESM(_deepseek_ai_dsh_client_ui_primitives, 1);
 		let react_dom_client = require("react-dom/client");
+		let react_dom = require("react-dom");
 		//#region src/client/host/currentSession.ts
 		/**
 		* 当前（在屏）会话 id 的双版本探测：0.1.5 的 SessionListState 带 `current`
@@ -176,6 +177,20 @@ window.__ModuleLoader__.load({
 		function sessionStatusSource(ctx) {
 			return ctx.get("uiSession")?.sessionStatus;
 		}
+		function completedReplySeqsOf(state) {
+			const result = [];
+			for (const turn of state.timeline.turnOrder) {
+				if (state.timeline.turns.get(turn)?.end?.data.reason.kind !== "completed") continue;
+				for (const key of [...state.locations.getTurn(turn)].reverse()) {
+					const node = state.nodes.get(key);
+					if (node?.kind !== "assistant-step") continue;
+					const data = node.data;
+					if (data.status === "settled" && data.finalNode && data.blocks?.some((block) => block.kind === "text" && block.text?.trim()) && !data.blocks.some((block) => block.kind === "tool-call")) result.push(data.finalNode.seq);
+					break;
+				}
+			}
+			return result;
+		}
 		function chatSourceOf(ctx, binding) {
 			const session = binding?.session;
 			if (session === void 0) return void 0;
@@ -184,21 +199,7 @@ window.__ModuleLoader__.load({
 				if (typeof target?.getSnapshot === "function" && typeof target.subscribe === "function") return {
 					subscribe: (fn) => target.subscribe(fn),
 					getLegacy: () => target.getSnapshot()?.legacy ?? null,
-					getCompletedReplySeqs: () => {
-						const state = target.getSnapshot();
-						const result = [];
-						for (const turn of state.timeline.turnOrder) {
-							if (state.timeline.turns.get(turn)?.end?.data.reason.kind !== "completed") continue;
-							for (const key of [...state.locations.getTurn(turn)].reverse()) {
-								const node = state.nodes.get(key);
-								if (node?.kind !== "assistant-step") continue;
-								const data = node.data;
-								if (data.status === "settled" && data.finalNode && data.blocks?.some((block) => block.kind === "text" && block.text?.trim()) && !data.blocks.some((block) => block.kind === "tool-call")) result.push(data.finalNode.seq);
-								break;
-							}
-						}
-						return result;
-					},
+					getCompletedReplySeqs: () => completedReplySeqsOf(target.getSnapshot()),
 					getLastTurnEnd: () => {
 						const timeline = target.getSnapshot().timeline;
 						if (!timeline) return void 0;
@@ -284,9 +285,6 @@ window.__ModuleLoader__.load({
 			if (composer !== void 0 && composer.width > 0 && composer.left < clip.right && composer.right > clip.left) clip.bottom = Math.min(clip.bottom, composer.top);
 			return clip;
 		}
-		function mainComposerOf(node) {
-			return node.closest("[data-composer-seat]");
-		}
 		function focusMainComposer(view) {
 			[...view.querySelectorAll("[data-composer-seat] [data-composer-input], [data-composer-seat] textarea")].find((input) => input.closest("[data-sidenote-chat-session]") === null)?.focus();
 		}
@@ -302,22 +300,25 @@ window.__ModuleLoader__.load({
 		function findSendButtonInCard(root = document) {
 			const card = root.querySelector("[data-composer-card]");
 			if (card === null) return null;
-			const buttons = card.querySelectorAll("button");
+			const buttons = card.querySelectorAll("button:not([data-sidenote-submit])");
 			const last = buttons[buttons.length - 1];
 			return last instanceof HTMLButtonElement ? last : null;
 		}
-		function composerSessionId(seat, fallback) {
-			return seat.closest("[data-sidenote-chat-session]")?.dataset.sidenoteChatSession ?? seat.closest("[data-conversation-session]")?.dataset.conversationSession ?? fallback;
-		}
-		function isMainComposerInput(target) {
-			return target instanceof HTMLElement && (target.closest("[data-composer-input]") !== null || target instanceof HTMLTextAreaElement) && mainComposerOf(target) !== null;
-		}
-		function composerHasMenu(seat) {
-			return seat.querySelector("[role=\"listbox\"], [role=\"menu\"], [aria-haspopup][aria-expanded=\"true\"]") !== null;
+		/** Bound message hover details to their native conversation pane. */
+		function conversationViewOf(node) {
+			return node.closest("[data-conversation-session], [data-sidenote-chat-session]") ?? document.body;
 		}
 		function hasConversationMessages() {
 			return document.querySelector("[data-chat-flow-kind]") !== null;
 		}
+		/** 0.2.0 has no UserText extension. Only add our own portal seat; never move
+		* or replace host-owned children. The CSS-module suffix is checked by E2E. */
+		function mountUserBubbleAddon(root, addon) {
+			root.querySelector("[class$=\"_bubble\"]")?.prepend(addon);
+			return () => {
+				addon.remove();
+			};
+		}
 		//#endregion
 		//#region src/client/host/sidebar.ts
 		/** better-sidebar version that moved the right column to DSH's native sidebar. */
@@ -610,7 +611,7 @@ window.__ModuleLoader__.load({
 			let dockRegistered = false;
 			let report = {
 				versions: {
-					sidenote: "0.7.0",
+					sidenote: "0.7.2",
 					dsh: "unknown",
 					betterSidebar: null
 				},
@@ -787,6 +788,14 @@ window.__ModuleLoader__.load({
 			diagSideAcceptance: "Side message acceptance",
 			inputUnavailable: "Cannot send right now. Body, attachments and quotes have been retained.",
 			snapshotContext: "Main conversation progress at first send",
+			mainContext: "Main conversation context",
+			contextAtSend: "Updates on first send",
+			contextAsOf: "As of {time}",
+			contextInherited: "Inherited history",
+			contextrequest: "Request",
+			contextreply: "Reply",
+			contextthinking: "Reasoning",
+			contextstreaming: "In progress",
 			inputWaiting: "The input is not ready. Body, attachments and quotes have been retained. Please try again shortly.",
 			draftRecoveryConflict: "The host has another draft. Your local body is retained; review this session in the main view before retrying.",
 			quoteWorkflowWaiting: "Annotations are not ready yet. Please try again shortly.",
@@ -877,6 +886,9 @@ window.__ModuleLoader__.load({
 			notePlaceholder: "Add a note (optional)…",
 			confirmTitle: "Confirm",
 			saveNoteAria: "Save note",
+			editNoteAria: "Edit note",
+			selectedText: "Selected text",
+			userComment: "Your comment",
 			sideNotePlaceholder: "Add a note for the side chat (optional)…",
 			sideNoteAria: "Side chat note",
 			confirmAskAria: "Confirm and ask",
@@ -897,15 +909,17 @@ window.__ModuleLoader__.load({
 			sentBadgeTitle: "Sent annotation {n} (view only)",
 			sentCardTitle: "Annotation {n} (sent)",
 			clearAll: "Clear all",
+			clearAnnotations: "Clear annotations",
+			clearReflows: "Clear side-chat reflows",
 			chipNote: " ({note})",
 			headerSide: "Side",
 			headerSideTitle: "Open a side chat (forked from the current session)",
 			hintText: "Tip: select any text in a reply to annotate it or ask in a side chat",
 			hintClose: "Got it",
-			reflowToMain: "Send back to main session",
+			reflowToMain: "Bring back to main conversation",
 			sendAnnotations: "Send annotations",
 			reflowFrom: "From side chat ({title}):",
-			reflowDone: "Added above the main composer",
+			reflowDone: "Added to main conversation, not sent yet",
 			reflowFailed: "Couldn't reach the main session",
 			reflowChipOne: "1 side-chat reflow",
 			reflowChipMany: "{n} side-chat reflows",
@@ -988,6 +1002,14 @@ window.__ModuleLoader__.load({
 			diagSideAcceptance: "侧聊消息接受",
 			inputUnavailable: "暂时无法发送，正文、附件和注释已保留。",
 			snapshotContext: "首次发送时的主线进展",
+			mainContext: "主线上下文",
+			contextAtSend: "发送时更新",
+			contextAsOf: "截至 {time}",
+			contextInherited: "已继承主线历史",
+			contextrequest: "请求",
+			contextreply: "回答",
+			contextthinking: "思考",
+			contextstreaming: "正在输出",
 			inputWaiting: "输入尚未就绪，正文、附件和注释已保留，请稍后重试。",
 			draftRecoveryConflict: "宿主另有草稿，本地正文已保留；请在主视图核对该会话草稿后再试。",
 			quoteWorkflowWaiting: "注释功能暂未就绪，请稍后重试。",
@@ -1078,6 +1100,9 @@ window.__ModuleLoader__.load({
 			notePlaceholder: "这里可以写自己的注解…",
 			confirmTitle: "确认",
 			saveNoteAria: "确认注解",
+			editNoteAria: "编辑批注",
+			selectedText: "所选文本",
+			userComment: "用户评论",
 			sideNotePlaceholder: "给侧边聊天写个注解（可空）…",
 			sideNoteAria: "侧边聊天注解",
 			confirmAskAria: "确认并提问",
@@ -1098,15 +1123,17 @@ window.__ModuleLoader__.load({
 			sentBadgeTitle: "已发送的注释 {n}（只读回看）",
 			sentCardTitle: "注释 {n}（已发送）",
 			clearAll: "清空全部",
+			clearAnnotations: "清空注释",
+			clearReflows: "清空侧边回流",
 			chipNote: "（{note}）",
 			headerSide: "侧边",
 			headerSideTitle: "打开侧边聊天（从当前会话 fork）",
 			hintText: "小技巧：划选回复里的文字，可以加注解或在侧边提问",
 			hintClose: "知道了",
-			reflowToMain: "回流到主会话",
+			reflowToMain: "带回主对话",
 			sendAnnotations: "发送注释",
 			reflowFrom: "来自侧边聊天（{title}）：",
-			reflowDone: "已回流到主会话输入框上方",
+			reflowDone: "已加入主对话，尚未发送",
 			reflowFailed: "主会话不可达",
 			reflowChipOne: "1 条侧边回流",
 			reflowChipMany: "{n} 条侧边回流",
@@ -1235,15 +1262,15 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var diagnostics_module_css_default = {
+			"versions": "tGe0LW_versions",
 			"trigger": "tGe0LW_trigger",
-			"setting": "tGe0LW_setting",
+			"actions": "tGe0LW_actions",
 			"panel": "tGe0LW_panel",
-			"list": "tGe0LW_list",
-			"header": "tGe0LW_header",
 			"settingTitle": "tGe0LW_settingTitle",
-			"actions": "tGe0LW_actions",
-			"versions": "tGe0LW_versions",
-			"description": "tGe0LW_description"
+			"setting": "tGe0LW_setting",
+			"header": "tGe0LW_header",
+			"description": "tGe0LW_description",
+			"list": "tGe0LW_list"
 		};
 		//#endregion
 		//#region src/client/diagnostics/index.tsx
@@ -1462,7 +1489,7 @@ window.__ModuleLoader__.load({
 		/**
 		* 回流通道的受控对象层（Delivery_02 Workitem_04 v2）：侧边聊天的结论以
 		* 「待回流对象」进入主会话——主 composer 上方的 chip（可预览/可移除），
-		* 发送瞬间由 annotate/send.ts 拦截器与注释协议块一起序列化进消息。
+		* 发送瞬间由 annotations/NativeComposer.tsx 原生提交入口与注释协议块一起序列化进消息。
 		* 不经草稿文本流（用户裁定：直接进草稿「很脏」）。
 		*
 		* 气泡留痕：序列化形态是 XML 协议块（见 buildReflowBlock），随注释协议块
@@ -2053,6 +2080,38 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/host/icons.ts
+		const EmptyIcon = () => null;
+		const iconExports = _deepseek_ai_dsh_client_ui_primitives;
+		/** Prefer the weight-named 0.1.7 export, then fall back to the legacy size-named export. */
+		function resolveIcon(exports, modernName, legacyName) {
+			return exports[modernName] ?? exports[legacyName] ?? EmptyIcon;
+		}
+		const icon = (modernName, legacyName) => resolveIcon(iconExports, modernName, legacyName);
+		const IconNewChatOutline16 = icon("IconNewChatOutlineRegular", "IconNewChatOutline16");
+		const IconCheckOutline16 = icon("IconCheckOutlineRegular", "IconCheckOutline16");
+		const IconListPenOutline16 = icon("IconListPenOutlineRegular", "IconListPenOutline16");
+		const IconEditOutline16 = icon("IconEditOutlineRegular", "IconEditOutline16");
+		const IconTrashOutline16 = icon("IconTrashOutlineRegular", "IconTrashOutline16");
+		icon("IconPlayOutlineRegular", "IconPlayOutline16");
+		icon("IconCordisPluginOutlineRegular", "IconCordisPluginOutline14");
+		icon("IconBranchOutlineRegular", "IconBranchOutline16");
+		const IconShareOutline16 = icon("IconShareOutlineRegular", "IconShareOutline16");
+		const IconChevronDownOutline14 = icon("IconChevronDownOutlineRegular", "IconChevronDownOutline14");
+		const IconCloseOutline16 = icon("IconCloseOutlineRegular", "IconCloseOutline16");
+		icon("IconRightUpOutlineRegular", "IconRightUpOutline16");
+		icon("IconSearchOutlineRegular", "IconSearchOutline16");
+		icon("IconGlobeOutlineRegular", "IconGlobeOutline14");
+		icon("IconCodeOutlineRegular", "IconCodeOutline16");
+		icon("IconChecklistOutlineRegular", "IconChecklistOutline14");
+		icon("IconThinkOutlineRegular", "IconThinkOutline16");
+		icon("IconInspectOutlineRegular", "IconInspectOutline12");
+		icon("IconPaperclipOutlineRegular", "IconPaperclipOutline16");
+		icon("IconStopFillRegular", "IconStopFill16");
+		icon("IconSendOutlineRegular", "IconSendOutline16");
+		icon("IconWarningOutlineRegular", "IconWarningOutline16");
+		icon("IconQuestionOutlineRegular", "IconQuestionOutline14");
+		//#endregion
 		//#region src/client/annotations/format.ts
 		/** 协议头（双语）：zh「我批注了以下 2 处内容：」/ en 见 locales。 */
 		function protocolHeader(n) {
@@ -2262,7 +2321,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-sidenote/dsh-sidenote/src/client/sidechat/sidechat.module.css.mjs
-		const css$2 = "._5KEEsG_nativeHost,._5KEEsG_root,._5KEEsG_nativeConversation{flex-direction:column;min-height:0;display:flex}._5KEEsG_nativeHost,._5KEEsG_root{height:100%}._5KEEsG_root{color:var(--dsw-alias-label-primary)}._5KEEsG_nativeConversation{flex:1}._5KEEsG_nativeToolbar{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}._5KEEsG_nativeToolbarActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._5KEEsG_nativeAction,._5KEEsG_historyToggle{color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:13px}._5KEEsG_nativeAction:hover,._5KEEsG_nativeAction:focus-visible,._5KEEsG_historyToggle:hover,._5KEEsG_historyToggle:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}._5KEEsG_nativeAction:disabled{opacity:.5;cursor:default}._5KEEsG_historyToggle{text-align:left;margin:8px 0;display:block}._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{font-size:14px;font-weight:600}._5KEEsG_emptyText{color:var(--dsw-alias-label-secondary);max-width:280px;font-size:13px;line-height:1.6}._5KEEsG_stateDetail,._5KEEsG_errorRow{color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;font-size:13px;line-height:1.6}._5KEEsG_errorRow{padding:8px 12px}._5KEEsG_headerSide{color:var(--dsw-alias-label-secondary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}._5KEEsG_headerSide:hover,._5KEEsG_headerSide:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}._5KEEsG_headerSide:disabled{opacity:.4;cursor:default}._5KEEsG_visibilitySetting{justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}._5KEEsG_visibilitySetting p{color:var(--dsw-alias-label-secondary);margin:4px 0 0;font-size:13px}";
+		const css$2 = "._5KEEsG_nativeHost,._5KEEsG_root,._5KEEsG_nativeConversation{flex-direction:column;min-height:0;display:flex}._5KEEsG_nativeHost,._5KEEsG_root{height:100%}._5KEEsG_root{color:var(--dsw-alias-label-primary)}._5KEEsG_nativeConversation{flex:1}._5KEEsG_chatView{flex-direction:column;flex:1 0 auto;min-width:0;display:flex}._5KEEsG_mainContext{flex:none;padding:12px 24px 4px}._5KEEsG_historyToggle{align-items:center;gap:6px;display:flex}._5KEEsG_contextHint{color:var(--dsw-alias-label-tertiary);font-size:12px}._5KEEsG_contextChevron{transform:rotate(-90deg)}._5KEEsG_contextChevron,._5KEEsG_contextChevronOpen{flex:none}._5KEEsG_progressEntries{max-height:240px;margin:8px 6px;overflow:auto}._5KEEsG_progressEntry{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;font-size:13px;line-height:1.6}._5KEEsG_root [data-sidenote-progress-snapshot],._5KEEsG_root[data-sidenote-context-pending] [data-submission-echo]{display:none}._5KEEsG_reflowAction{width:32px;height:32px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;order:1;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}._5KEEsG_reflowAction:hover{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-hover)}._5KEEsG_reflowAction:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}._5KEEsG_reflowAction:disabled{cursor:default;color:var(--dsw-alias-state-business-primary);background:0 0}._5KEEsG_nativeToolbar{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}._5KEEsG_nativeToolbarActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._5KEEsG_nativeAction,._5KEEsG_historyToggle{color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:13px}._5KEEsG_nativeAction:hover,._5KEEsG_nativeAction:focus-visible,._5KEEsG_historyToggle:hover,._5KEEsG_historyToggle:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}._5KEEsG_nativeAction:disabled{opacity:.5;cursor:default}._5KEEsG_historyToggle{text-align:left;margin:0}._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{font-size:14px;font-weight:600}._5KEEsG_emptyText{color:var(--dsw-alias-label-secondary);max-width:280px;font-size:13px;line-height:1.6}._5KEEsG_stateDetail,._5KEEsG_errorRow{color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;font-size:13px;line-height:1.6}._5KEEsG_errorRow{padding:8px 12px}._5KEEsG_headerSide{color:var(--dsw-alias-label-secondary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}._5KEEsG_headerSide:hover,._5KEEsG_headerSide:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}._5KEEsG_headerSide:disabled{opacity:.4;cursor:default}._5KEEsG_visibilitySetting{justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}._5KEEsG_visibilitySetting p{color:var(--dsw-alias-label-secondary);margin:4px 0 0;font-size:13px}";
 		const tagId$2 = "dsh-sidenote/sidechat.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
@@ -2272,21 +2331,29 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var sidechat_module_css_default = {
-			"stateScreen": "_5KEEsG_stateScreen",
-			"root": "_5KEEsG_root",
 			"emptyText": "_5KEEsG_emptyText",
-			"stateDetail": "_5KEEsG_stateDetail",
+			"headerSide": "_5KEEsG_headerSide",
 			"nativeConversation": "_5KEEsG_nativeConversation",
-			"emptyIcon": "_5KEEsG_emptyIcon",
-			"visibilitySetting": "_5KEEsG_visibilitySetting",
 			"errorRow": "_5KEEsG_errorRow",
+			"nativeAction": "_5KEEsG_nativeAction",
+			"stateDetail": "_5KEEsG_stateDetail",
+			"progressEntries": "_5KEEsG_progressEntries",
+			"contextChevron": "_5KEEsG_contextChevron",
 			"nativeToolbar": "_5KEEsG_nativeToolbar",
+			"mainContext": "_5KEEsG_mainContext",
+			"root": "_5KEEsG_root",
+			"nativeHost": "_5KEEsG_nativeHost",
+			"contextHint": "_5KEEsG_contextHint",
+			"visibilitySetting": "_5KEEsG_visibilitySetting",
+			"progressEntry": "_5KEEsG_progressEntry",
+			"reflowAction": "_5KEEsG_reflowAction",
+			"emptyIcon": "_5KEEsG_emptyIcon",
+			"nativeToolbarActions": "_5KEEsG_nativeToolbarActions",
+			"contextChevronOpen": "_5KEEsG_contextChevronOpen",
+			"stateScreen": "_5KEEsG_stateScreen",
 			"emptyTitle": "_5KEEsG_emptyTitle",
 			"historyToggle": "_5KEEsG_historyToggle",
-			"nativeToolbarActions": "_5KEEsG_nativeToolbarActions",
-			"nativeHost": "_5KEEsG_nativeHost",
-			"nativeAction": "_5KEEsG_nativeAction",
-			"headerSide": "_5KEEsG_headerSide"
+			"chatView": "_5KEEsG_chatView"
 		};
 		//#endregion
 		//#region src/client/sidechat/NativeConversation.tsx
@@ -2301,7 +2368,51 @@ window.__ModuleLoader__.load({
 			});
 		}
 		function ChatView(props) {
-			return props.renderSlot("conversation.session", { view: "chat" });
+			const side = (0, react.useContext)(SideContext);
+			const fold = (0, react.useMemo)(() => createFoldStore(`dsh-sidenote:fold:v1:${side.sessionId}`), [side.sessionId]);
+			(0, react.useSyncExternalStore)(fold.subscribe, fold.getSnapshot);
+			const expanded = fold.isOpen("inherited");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: sidechat_module_css_default.chatView,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: sidechat_module_css_default.mainContext,
+					"data-sidenote-main-context": true,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: sidechat_module_css_default.historyToggle,
+						"aria-expanded": expanded,
+						onClick: () => {
+							fold.toggle("inherited");
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronDownOutline14, {
+								size: 12,
+								className: expanded ? sidechat_module_css_default.contextChevronOpen : sidechat_module_css_default.contextChevron
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("mainContext") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: sidechat_module_css_default.contextHint,
+								children: side.contextPending ? t("contextAtSend") : side.progress?.takenAt ? t("contextAsOf", { time: side.progress.takenAt }) : t("contextInherited")
+							})
+						]
+					}), expanded && side.progress && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: sidechat_module_css_default.progressEntries,
+						children: side.progress.entries.map((entry, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: sidechat_module_css_default.progressEntry,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: sidechat_module_css_default.contextHint,
+								children: entry.kind === "tool" ? entry.toolName : t(`context${entry.kind}`)
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: entry.text })]
+						}, index))
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SideContext.Provider, {
+					value: {
+						...side,
+						contextExpanded: expanded
+					},
+					children: props.renderSlot("conversation.session", { view: "chat" })
+				})]
+			});
 		}
 		function Content(props) {
 			return props.renderFactorySlot("conversation.content", {
@@ -2337,12 +2448,13 @@ window.__ModuleLoader__.load({
 		}
 		function ReflowAction(props) {
 			const side = (0, react.useContext)(SideContext);
-			const legacy = props.useChat((state) => state.legacy);
-			if (side === null || props.turn.end?.data.reason.kind !== "completed") return null;
+			const state = props.useChat((state) => state);
+			const node = state.legacy?.nodes.find((node) => node.messageId === props.messageId);
+			if (side === null || !node || !completedReplySeqsOf(state).includes(node.seq)) return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReplyAction, {
 				side,
-				messages: transcriptOf(legacy ?? null),
-				seq: props.seq
+				messages: transcriptOf(state.legacy ?? null),
+				seq: node.seq
 			});
 		}
 		function ReplyAction({ side, messages, seq }) {
@@ -2351,20 +2463,35 @@ window.__ModuleLoader__.load({
 			if (!reply) return null;
 			const question = pairQuestions(messages).get(reply.key);
 			const added = isReplyAdded(side, reply, question);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				className: sidechat_module_css_default.nativeAction,
-				"aria-pressed": added,
-				disabled: added,
-				onClick: () => {
-					addReply(side, reply, question);
-				},
-				children: t(added ? "reflowDone" : "reflowToMain")
+			const label = t(added ? "reflowDone" : "reflowToMain");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+				label,
+				side: "top",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: sidechat_module_css_default.reflowAction,
+					"aria-label": label,
+					"aria-pressed": added,
+					disabled: added,
+					onClick: () => {
+						addReply(side, reply, question);
+					},
+					children: added ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCheckOutline16, { size: 18 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+						width: "18",
+						height: "18",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1.6",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4 4v16M20 12H8m5-5-5 5 5 5" })
+					})
+				})
 			});
 		}
 		function HistoryView({ Original, props, side }) {
-			const fold = (0, react.useMemo)(() => createFoldStore(`dsh-sidenote:fold:v1:${side.sessionId}`), [side.sessionId]);
-			(0, react.useSyncExternalStore)(fold.subscribe, fold.getSnapshot);
 			const nodes = props.useChat((state) => state.nodes);
 			const snapshot = props.useConversation((state) => state);
 			const groups = snapshot.views.grouped("chat");
@@ -2378,9 +2505,7 @@ window.__ModuleLoader__.load({
 				const members = groups?.groupSource(entry.key).getSnapshot()?.members ?? [];
 				return members.length > 0 && members.every(isInherited);
 			};
-			const inherited = entries.filter(isInherited);
-			const expanded = fold.isOpen("inherited");
-			const visible = expanded ? entries : entries.filter((entry) => !isInherited(entry));
+			const visible = side.contextExpanded ? entries : entries.filter((entry) => !isInherited(entry));
 			const projected = {
 				...snapshot,
 				views: {
@@ -2392,18 +2517,10 @@ window.__ModuleLoader__.load({
 				}
 			};
 			const useProjected = (0, react.useCallback)((selector) => selector(projected), [projected]);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [inherited.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				className: sidechat_module_css_default.historyToggle,
-				"aria-expanded": expanded,
-				onClick: () => {
-					fold.toggle("inherited");
-				},
-				children: t("inheritedLabel", { n: inherited.length })
-			}), (0, react.createElement)(Original, {
+			return (0, react.createElement)(Original, {
 				...props,
 				useConversation: useProjected
-			})] });
+			});
 		}
 		/** Both admitted hosts publish the native chat View; only 0.2.1 adds a Flow slot. */
 		function registerInheritedHistory(ctx) {
@@ -2484,47 +2601,15 @@ window.__ModuleLoader__.load({
 		}
 		function registerNativeConversation(ctx) {
 			ctx.slots.inject("sidenote.conversation", () => ctx.slots.register({ name: "sidenote.conversation" }, Content));
-			ctx.slots.inject("conversation.chat.turnTail", () => ctx.slots.register({
-				name: "conversation.chat.turnTail",
+			ctx.slots.inject("conversation.chat.assistant-actions", () => ctx.slots.register({
+				name: "conversation.chat.assistant-actions",
 				id: "dsh-sidenote-reflow",
-				order: 20
+				order: 100
 			}, ReflowAction));
 			registerInheritedHistory(ctx);
 			registerAssistantAnchors(ctx);
 		}
 		//#endregion
-		//#region src/client/host/icons.ts
-		const EmptyIcon = () => null;
-		const iconExports = _deepseek_ai_dsh_client_ui_primitives;
-		/** Prefer the weight-named 0.1.7 export, then fall back to the legacy size-named export. */
-		function resolveIcon(exports, modernName, legacyName) {
-			return exports[modernName] ?? exports[legacyName] ?? EmptyIcon;
-		}
-		const icon = (modernName, legacyName) => resolveIcon(iconExports, modernName, legacyName);
-		const IconNewChatOutline16 = icon("IconNewChatOutlineRegular", "IconNewChatOutline16");
-		const IconCheckOutline16 = icon("IconCheckOutlineRegular", "IconCheckOutline16");
-		const IconListPenOutline16 = icon("IconListPenOutlineRegular", "IconListPenOutline16");
-		icon("IconEditOutlineRegular", "IconEditOutline16");
-		const IconTrashOutline16 = icon("IconTrashOutlineRegular", "IconTrashOutline16");
-		icon("IconPlayOutlineRegular", "IconPlayOutline16");
-		icon("IconCordisPluginOutlineRegular", "IconCordisPluginOutline14");
-		icon("IconBranchOutlineRegular", "IconBranchOutline16");
-		const IconShareOutline16 = icon("IconShareOutlineRegular", "IconShareOutline16");
-		icon("IconChevronDownOutlineRegular", "IconChevronDownOutline14");
-		const IconCloseOutline16 = icon("IconCloseOutlineRegular", "IconCloseOutline16");
-		icon("IconRightUpOutlineRegular", "IconRightUpOutline16");
-		icon("IconSearchOutlineRegular", "IconSearchOutline16");
-		icon("IconGlobeOutlineRegular", "IconGlobeOutline14");
-		icon("IconCodeOutlineRegular", "IconCodeOutline16");
-		icon("IconChecklistOutlineRegular", "IconChecklistOutline14");
-		icon("IconThinkOutlineRegular", "IconThinkOutline16");
-		icon("IconInspectOutlineRegular", "IconInspectOutline12");
-		icon("IconPaperclipOutlineRegular", "IconPaperclipOutline16");
-		icon("IconStopFillRegular", "IconStopFill16");
-		icon("IconSendOutlineRegular", "IconSendOutline16");
-		icon("IconWarningOutlineRegular", "IconWarningOutline16");
-		icon("IconQuestionOutlineRegular", "IconQuestionOutline14");
-		//#endregion
 		//#region src/client/sidechat/composer.ts
 		/** Programmatic draft handoff only. The embedded native composer owns editing and submission. */
 		function resolveSessionInput(ctx, sessionId) {
@@ -2864,12 +2949,15 @@ window.__ModuleLoader__.load({
 		/**
 		* 首条用户消息 → topic。折叠全部空白（含换行）为单空格，截 20 码点，
 		* 超长加省略号；清洗后为空返回 undefined（调用方回退编号标题）。
-		* 快照前缀（Delivery_04）在 composer 层就不进 body，这里无需剥离。
+		* 已落盘消息也会用于恢复主题；先剥离快照及批注/回流协议。
 		* 划选提问的种子草稿是「> 引用行 + note 行」（buildSideChatQuote）：
 		* 引用行剥除（用户自己的话才是主题），机械占位行（noNote）丢弃；
 		* 剥完为空（未补充直接发送）时退回引用内容——引用即主题。
 		*/
 		function topicOf(text) {
+			text = splitSnapshotPrefix(text)?.rest ?? text;
+			const protocol = splitProtocolPrefix(text);
+			if (protocol) text = text.slice(protocol.length).trim() || protocol.annotations.map((item) => item.note || item.quote).join(" ") || protocol.reflows.map((item) => item.source).join(" ");
 			const lines = text.split("\n");
 			const clean = lines.filter((l) => !l.startsWith(">")).filter((l) => l.trim() !== t("noNote")).join(" ").replaceAll(/\s+/gu, " ").trim();
 			if (clean !== "") return truncate(clean);
@@ -3153,6 +3241,21 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/sidechat/snapshot.ts
+		/** Read the plugin's persisted progress block as plain, expandable content. */
+		function snapshotEntriesFromText(text) {
+			const kinds = {
+				"user-request": "request",
+				reply: "reply",
+				thinking: "thinking",
+				"tool-call": "tool",
+				streaming: "streaming"
+			};
+			return [...text.matchAll(/<(user-request|reply|thinking|tool-call|streaming)(?: name="([^"]*)")?>([\s\S]*?)<\/\1>/g)].map((match) => ({
+				kind: kinds[match[1]],
+				text: match[3].trim(),
+				...match[2] ? { toolName: match[2] } : {}
+			}));
+		}
 		function blocksText(blocks, kinds) {
 			if (!Array.isArray(blocks)) return "";
 			const parts = [];
@@ -4262,6 +4365,22 @@ ${entries.map((entry) => {
 			}, [visible]);
 			const parent = meta.parentSessionId ? ctx.sessions.binding(meta.parentSessionId)?.session : void 0;
 			const parentSnapshot = (0, react.useSyncExternalStore)((0, react.useCallback)((notify) => parent?.subscribe(notify) ?? NOOP_UNSUBSCRIBE, [parent]), () => parent?.getSnapshot() ?? null);
+			const parentChat = (0, react.useMemo)(() => chatSourceOf(ctx, ctx.sessions.binding(meta.parentSessionId ?? scope.sessionId)), [
+				ctx,
+				parent,
+				meta.parentSessionId,
+				scope.sessionId
+			]);
+			const parentLegacy = (0, react.useSyncExternalStore)((0, react.useCallback)((notify) => parentChat?.subscribe(notify) ?? NOOP_UNSUBSCRIBE, [parentChat]), () => parentChat?.getLegacy() ?? null);
+			const savedProgress = (0, react.useMemo)(() => messages.filter((message) => message.role === "user" && (message.seq ?? -1) > (meta.boundarySeq ?? -1)).map((message) => splitSnapshotPrefix(message.text)).find(Boolean), [messages, meta.boundarySeq]);
+			const progress = (0, react.useMemo)(() => savedProgress ? {
+				entries: snapshotEntriesFromText(savedProgress.snapshot),
+				takenAt: savedProgress.takenAt
+			} : meta.forkedMidTurn ? { entries: snapshotEntriesOf(parentLegacy?.nodes ?? [], parentLegacy?.partial) } : void 0, [
+				savedProgress,
+				meta.forkedMidTurn,
+				parentLegacy
+			]);
 			const status = sessionStatusSource(ctx);
 			const parentPending = (0, react.useSyncExternalStore)((0, react.useCallback)((notify) => status?.subscribe(notify) ?? NOOP_UNSUBSCRIBE, [status]), () => status?.getSnapshot().get(meta.parentSessionId ?? scope.sessionId)?.pendingInteraction != null);
 			const [saving, setSaving] = (0, react.useState)(false);
@@ -4297,7 +4416,9 @@ ${entries.map((entry) => {
 				parentSessionId: meta.parentSessionId ?? scope.sessionId,
 				title: tab.title,
 				boundarySeq: meta.boundarySeq,
-				reflow: props.reflow
+				reflow: props.reflow,
+				progress,
+				contextPending: meta.forkedMidTurn && !savedProgress
 			};
 			const replies = finalReplies(messages, meta.boundarySeq, new Set(chat?.getCompletedReplySeqs?.() ?? []));
 			const questions = pairQuestions(messages);
@@ -4309,6 +4430,7 @@ ${entries.map((entry) => {
 				className: sidechat_module_css_default.root,
 				"data-sidenote-chat-session": childId,
 				"data-sidenote-view-title": tab.title,
+				"data-sidenote-context-pending": side.contextPending || void 0,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: sidechat_module_css_default.nativeToolbar,
@@ -5431,34 +5553,34 @@ ${entries.map((entry) => {
 			document.head.appendChild(tag);
 		}
 		var annotate_module_css_default = {
-			"editorTextarea": "_SVViG_editorTextarea",
-			"editorNew": "_SVViG_editorNew",
-			"sentCardTitle": "_SVViG_sentCardTitle",
+			"dshSidenoteHintIn": "_SVViG_dshSidenoteHintIn",
+			"deleteButton": "_SVViG_deleteButton",
+			"editorEdit": "_SVViG_editorEdit",
 			"hintClose": "_SVViG_hintClose",
-			"sentChipRow": "_SVViG_sentChipRow",
 			"editorTarget": "_SVViG_editorTarget",
-			"editorEdit": "_SVViG_editorEdit",
+			"sentChipRow": "_SVViG_sentChipRow",
+			"editorInput": "_SVViG_editorInput",
+			"toolbarButton": "_SVViG_toolbarButton",
 			"highlight": "_SVViG_highlight",
-			"dshSidenoteHintIn": "_SVViG_dshSidenoteHintIn",
-			"sentCardQuote": "_SVViG_sentCardQuote",
-			"sentCardNote": "_SVViG_sentCardNote",
-			"saveButton": "_SVViG_saveButton",
+			"sentChip": "_SVViG_sentChip",
+			"editorTextarea": "_SVViG_editorTextarea",
+			"editorNew": "_SVViG_editorNew",
 			"toolbarBelow": "_SVViG_toolbarBelow",
-			"editorAskRow": "_SVViG_editorAskRow",
-			"toolbarButton": "_SVViG_toolbarButton",
+			"badgeSent": "_SVViG_badgeSent",
 			"toolbar": "_SVViG_toolbar",
+			"editorFooter": "_SVViG_editorFooter",
 			"editorAsk": "_SVViG_editorAsk",
 			"confirmButton": "_SVViG_confirmButton",
-			"editorFooter": "_SVViG_editorFooter",
-			"editorSpacer": "_SVViG_editorSpacer",
-			"deleteButton": "_SVViG_deleteButton",
+			"hint": "_SVViG_hint",
 			"badge": "_SVViG_badge",
-			"editorError": "_SVViG_editorError",
-			"badgeSent": "_SVViG_badgeSent",
-			"editorInput": "_SVViG_editorInput",
+			"saveButton": "_SVViG_saveButton",
+			"sentCardNote": "_SVViG_sentCardNote",
 			"cancelButton": "_SVViG_cancelButton",
-			"sentChip": "_SVViG_sentChip",
-			"hint": "_SVViG_hint"
+			"editorAskRow": "_SVViG_editorAskRow",
+			"editorSpacer": "_SVViG_editorSpacer",
+			"editorError": "_SVViG_editorError",
+			"sentCardTitle": "_SVViG_sentCardTitle",
+			"sentCardQuote": "_SVViG_sentCardQuote"
 		};
 		//#endregion
 		//#region src/client/annotate/hint.tsx
@@ -6260,527 +6382,624 @@ ${entries.map((entry) => {
 			});
 		}
 		//#endregion
-		//#region src/client/annotations/send.ts
-		/** Main and side composers use this same native transaction and acceptance boundary. */
-		async function submitAnnotations(options) {
-			const { ctx, store, sessionId, input, annotations } = options;
-			cancelInputRollback(input);
-			const parts = [...options.leadingBlocks ?? []];
-			if (annotations.length > 0) parts.push(buildProtocolBlock(annotations));
-			const block = parts.join("\n\n");
-			if (block === "") return false;
-			const draftBeforeWait = input.state.getSnapshot();
-			let prefix = "";
-			let receipt;
-			try {
-				receipt = await prepareSubmission(ctx, sessionId, input, block);
-				const draft = input.state.getSnapshot();
-				if (draft.draft !== draftBeforeWait.draft || draft.draftRev !== draftBeforeWait.draftRev) throw new Error("等待会话就绪期间草稿已改变；正文和注释已保留，请重新发送");
-				prefix = block + (draft.draft === "" ? "" : "\n\n");
-				if (!prependInputText(input, prefix)) throw new Error("宿主输入尚未就绪，无法安全加入引用；内容已保留");
-				receipt.submit(options.mode);
-				await receipt.outcome;
-				store.markSent(annotations.filter((annotation) => store.get(annotation.id) === annotation).map((annotation) => annotation.id));
-				return true;
-			} catch (error) {
-				rollbackInputPrefix(input, prefix);
-				const text = error instanceof Error ? error.message : String(error);
-				store.setSubmission(sessionId, {
-					pending: false,
-					error: text
-				});
-				try {
-					if (typeof input.notify === "function") input.notify("error", text);
-				} catch {}
-				return false;
-			} finally {
-				receipt?.dispose();
-			}
-		}
-		/** Shared by native input gestures and the explicit annotation/reflow actions. */
-		async function submitControlledInput(ctx, store, reflow, sessionId, mode) {
-			if (store.getSubmission(sessionId).pending) return false;
-			const input = resolveInput(ctx, sessionId);
-			if (!input) {
-				store.setSubmission(sessionId, {
-					pending: false,
-					error: t("inputUnavailable")
-				});
-				return false;
-			}
-			const draft = input.state.getSnapshot();
-			if (draft.phase !== "plain" || draft.draft.trimStart().startsWith("/")) return false;
-			const active = store.listActive(sessionId);
-			const reflows = reflow.list(sessionId);
-			if (draft.draft.trim() === "" && inputAttachmentIds(input).length === 0 && active.length === 0 && reflows.length === 0) return false;
-			const extras = submissionExtrasOf(sessionId);
-			const prefix = extras?.firstSendPrefix();
-			store.setSubmission(sessionId, { pending: true });
-			try {
-				const { injectedIds } = await tryInjectReflows(sessionId, reflows);
-				for (const id of injectedIds) reflow.remove(id);
-				const hitchhikers = reflows.filter((item) => !injectedIds.has(item.id));
-				if (active.length === 0 && hitchhikers.length === 0 && !prefix) {
-					if (input.state.getSnapshot().draft.trim() !== "" || inputAttachmentIds(input).length > 0) input.submit(mode);
-					return true;
-				}
-				const accepted = await submitAnnotations({
-					ctx,
-					store,
-					sessionId,
-					input,
-					annotations: active,
-					leadingBlocks: [...prefix ? [prefix] : [], ...hitchhikers.map(buildReflowBlock)],
-					mode
-				});
-				if (accepted) {
-					for (const item of hitchhikers) reflow.remove(item.id);
-					extras?.onSubmitText(draft.draft);
-					extras?.onAccepted();
-				}
-				return accepted;
-			} catch (error) {
-				store.setSubmission(sessionId, {
-					pending: false,
-					error: error instanceof Error ? error.message : String(error)
-				});
-				return false;
-			} finally {
-				store.setSubmission(sessionId, {
-					...store.getSubmission(sessionId),
-					pending: false
-				});
-			}
-		}
-		//#endregion
-		//#region \0dsh-css:/home/runner/work/dsh-sidenote/dsh-sidenote/src/client/annotations/annotations.module.css.mjs
-		const css = ".SVnebq_chipWrap{box-sizing:border-box;width:calc(100% - var(--dsh-composer-side-clearance,16px) - var(--dsh-composer-side-clearance,16px));max-width:var(--dsh-composer-card-max-width,780px);flex-direction:column;align-items:flex-start;gap:4px;margin:0 auto;display:flex;position:relative}.SVnebq_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}.SVnebq_chip:hover{background:var(--dsw-alias-interactive-bg-hover,#0000000d)}.SVnebq_chipPanel{z-index:50;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;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 6px 20px #0000001a}.SVnebq_chipRow{border-radius:8px;align-items:center;gap:8px;padding:4px 6px;display:flex}.SVnebq_chipRow:hover{background:var(--dsw-alias-interactive-bg-hover,#0000000a)}.SVnebq_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}.SVnebq_chipText{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary,#1f2329);flex:auto;font-size:12px;overflow:hidden}.SVnebq_chipNote{color:var(--dsw-alias-label-tertiary,#8f959e)}.SVnebq_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}.SVnebq_chipRemove:hover{background:var(--dsw-alias-interactive-bg-hover,#00000014);color:var(--dsw-alias-state-error-primary,#d53f3f)}.SVnebq_chipClearAll{color:var(--dsw-alias-label-tertiary,#8f959e);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:12px;line-height:18px}.SVnebq_chipClearAll:hover{color:var(--dsw-alias-state-error-primary,#d53f3f);background:var(--dsw-alias-interactive-bg-hover,#0000000a)}.SVnebq_chipWrap{background:var(--dsw-alias-bg-base,#fff);padding:2px 0}.SVnebq_chipPanel:after{content:\"\";background:var(--dsw-alias-bg-layer-1,#fff);border-right:1px solid var(--dsw-alias-border-l1,#00000014);border-bottom:1px solid var(--dsw-alias-border-l1,#00000014);width:10px;height:10px;position:absolute;bottom:-5px;left:18px;transform:rotate(45deg)}.SVnebq_side{width:100%;max-width:none;margin:0}.SVnebq_storageNotice{color:var(--dsw-alias-label-secondary,#646a73);font-size:12px}.SVnebq_sentContext{color:var(--dsw-alias-label-secondary);margin:8px 0;font-size:13px}.SVnebq_sentContext summary{cursor:pointer}.SVnebq_sentContext pre,.SVnebq_sentContext blockquote{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}";
-		const tagId = "dsh-sidenote/annotations.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);
+		//#region \0dsh-css:/home/runner/work/dsh-sidenote/dsh-sidenote/src/client/annotations/annotations.module.css.mjs
+		const css = ".SVnebq_chipWrap{box-sizing:border-box;width:calc(100% - 2 * var(--dsh-composer-side-clearance,16px));max-width:var(--dsh-composer-card-max-width,780px);background:var(--dsw-alias-bg-base);flex-wrap:wrap;align-items:center;gap:6px;margin:0 auto;padding:2px 0;display:flex}.SVnebq_chip{--chip-surface:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);background:var(--chip-surface);color:var(--dsw-alias-label-secondary);border-radius:10px;align-items:center;transition:background .12s,color .12s;display:inline-flex;position:relative}.SVnebq_chip:hover,.SVnebq_chip:focus-within,.SVnebq_chip[data-open]{--chip-surface:var(--dsw-alias-interactive-bg-hover-solid);color:var(--dsw-alias-label-primary)}.SVnebq_chipMain{border-radius:inherit;min-height:28px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:3px 9px;font-size:12px;line-height:18px;display:inline-flex}.SVnebq_chipDismissShade{border-radius:inherit;background:linear-gradient(to right, transparent, var(--chip-surface) 45%);opacity:0;pointer-events:none;justify-content:flex-end;align-items:center;width:38px;transition:opacity .16s ease-out;display:flex;position:absolute;inset:0 3px 0 auto}.SVnebq_chipDismiss{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);width:24px;height:24px;color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:transform .16s ease-out,background .12s,color .12s;display:inline-flex;transform:translate(2px)scale(.94)}.SVnebq_chip:hover .SVnebq_chipDismissShade,.SVnebq_chip:focus-within .SVnebq_chipDismissShade{opacity:1}.SVnebq_chip:hover .SVnebq_chipDismiss,.SVnebq_chip:focus-within .SVnebq_chipDismiss{pointer-events:auto;transform:none}.SVnebq_chipDismiss:hover{background:var(--dsw-alias-interactive-bg-hover-solid);color:var(--dsw-alias-label-primary)}.SVnebq_chipDismiss:disabled{opacity:.45;cursor:default}.SVnebq_contextPanel{box-sizing:border-box;z-index:1000;overscroll-behavior:contain;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border-radius:14px;padding:4px;animation:.12s ease-out SVnebq_contextAppear;position:fixed;overflow:auto;box-shadow:0 8px 28px #0000001f}.SVnebq_contextList{margin:0;padding:0;list-style:none}.SVnebq_contextItem{border-radius:10px;align-items:flex-start;gap:10px;margin:0;padding:8px 10px;transition:background .12s;display:flex}.SVnebq_contextItem+.SVnebq_contextItem{border-top:1px solid var(--dsw-alias-border-l1)}.SVnebq_contextItem:hover,.SVnebq_contextItem:focus-within{background:var(--dsw-alias-interactive-bg-hover)}.SVnebq_contextNumber{min-width:16px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:12px;line-height:21px}.SVnebq_contextContent{flex:1;min-width:0}.SVnebq_contextLabel{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.SVnebq_contextLabel:not(:first-child){margin-top:6px}.SVnebq_contextSource{color:var(--dsw-alias-label-secondary);margin-bottom:8px;font-size:12px}.SVnebq_contextText{white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;font-size:13px;line-height:1.6}.SVnebq_contextActions{flex:none;gap:2px;display:flex}.SVnebq_contextAction{width:26px;height:26px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:color .12s,background .12s;display:inline-flex}.SVnebq_contextAction:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.SVnebq_contextAction:disabled,.SVnebq_chipClearAll:disabled{opacity:.45;cursor:default}.SVnebq_contextEditor{box-sizing:border-box;resize:vertical;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);width:100%;min-height:64px;color:inherit;font:inherit;border-radius:6px;margin-top:4px;padding:6px 8px;font-size:13px;line-height:1.6;display:block}.SVnebq_contextFooter{padding:2px 10px 4px}.SVnebq_chipClearAll{color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:12px}.SVnebq_chipClearAll:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-state-error-primary)}.SVnebq_chipMain:focus-visible,.SVnebq_chipDismiss:focus-visible,.SVnebq_contextAction:focus-visible,.SVnebq_chipClearAll:focus-visible,.SVnebq_contextEditor:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}.SVnebq_storageNotice{color:var(--dsw-alias-label-secondary);flex-basis:100%;font-size:12px}@keyframes SVnebq_contextAppear{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (hover:none){.SVnebq_chipMain{padding-right:32px}.SVnebq_chipDismissShade{opacity:1}.SVnebq_chipDismiss{pointer-events:auto;transform:none}}@media (prefers-reduced-motion:reduce){.SVnebq_contextPanel{animation:none}.SVnebq_chip,.SVnebq_chipDismissShade,.SVnebq_chipDismiss,.SVnebq_contextItem,.SVnebq_contextAction{transition:none}}.SVnebq_sentContext{color:var(--dsw-alias-label-secondary);margin:8px 0;font-size:13px}.SVnebq_sentContext summary{cursor:pointer}.SVnebq_sentContext pre,.SVnebq_sentContext blockquote{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.SVnebq_userContextHost{display:contents}[data-sidenote-context-replaced]{display:none!important}.SVnebq_sentChips{white-space:normal;display:inline}.SVnebq_sentChipGroup{display:inline}.SVnebq_sentChip{vertical-align:middle;background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);font:inherit;border:0;border-radius:6px;align-items:center;gap:4px;margin:0 6px 2px 0;padding:2px 6px;font-size:12px;line-height:18px;transition:background .14s,color .14s;display:inline-flex}button.SVnebq_sentChip{cursor:pointer}button.SVnebq_sentChip:hover,button.SVnebq_sentChip[aria-expanded=true]{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover-solid)}button.SVnebq_sentChip:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}.SVnebq_sentChevron,.SVnebq_sentChevronOpen{opacity:.65;flex:none;transition:transform .14s}.SVnebq_sentChevronOpen{transform:rotate(180deg)}.SVnebq_sentPreview{text-align:left;white-space:normal}@media (prefers-reduced-motion:reduce){.SVnebq_sentChip,.SVnebq_sentChevron,.SVnebq_sentChevronOpen{transition:none}}";
+		const tagId = "dsh-sidenote/annotations.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 annotations_module_css_default = {
+			"storageNotice": "SVnebq_storageNotice",
+			"contextAction": "SVnebq_contextAction",
+			"userContextHost": "SVnebq_userContextHost",
+			"chipDismissShade": "SVnebq_chipDismissShade",
+			"sentChipGroup": "SVnebq_sentChipGroup",
+			"sentChip": "SVnebq_sentChip",
+			"contextFooter": "SVnebq_contextFooter",
+			"sentContext": "SVnebq_sentContext",
+			"sentChevronOpen": "SVnebq_sentChevronOpen",
+			"contextPanel": "SVnebq_contextPanel",
+			"contextAppear": "SVnebq_contextAppear",
+			"sentChevron": "SVnebq_sentChevron",
+			"contextEditor": "SVnebq_contextEditor",
+			"contextNumber": "SVnebq_contextNumber",
+			"contextText": "SVnebq_contextText",
+			"sentChips": "SVnebq_sentChips",
+			"contextContent": "SVnebq_contextContent",
+			"sentPreview": "SVnebq_sentPreview",
+			"chipMain": "SVnebq_chipMain",
+			"contextItem": "SVnebq_contextItem",
+			"contextLabel": "SVnebq_contextLabel",
 			"chipWrap": "SVnebq_chipWrap",
+			"contextActions": "SVnebq_contextActions",
+			"contextSource": "SVnebq_contextSource",
 			"chipClearAll": "SVnebq_chipClearAll",
-			"sentContext": "SVnebq_sentContext",
-			"chipNumber": "SVnebq_chipNumber",
-			"chipRow": "SVnebq_chipRow",
-			"chipPanel": "SVnebq_chipPanel",
-			"chipRemove": "SVnebq_chipRemove",
-			"side": "SVnebq_side",
-			"storageNotice": "SVnebq_storageNotice",
-			"chipNote": "SVnebq_chipNote",
 			"chip": "SVnebq_chip",
-			"chipText": "SVnebq_chipText"
+			"chipDismiss": "SVnebq_chipDismiss",
+			"contextList": "SVnebq_contextList"
 		};
 		//#endregion
 		//#region src/client/annotations/chip.tsx
-		/**
-		* The 「N 条注释」 composer chip (Delivery_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 and expands inline to preview/remove each one.
-		*
-		* 架构分工：chip 只呈现与增删注释对象；发送携带由 send.ts 拦截器负责
-		* （协议块在提交瞬间拼入，草稿不再被污染），sent 迁移也由拦截器显式触发
-		* ——chip 不再监听草稿发送沿。
-		*/
-		function AnnotationChipInner(props) {
+		/** Shared, compact context dock for both native composers. */
+		function AnnotationDetail({ item, store, pending, onEdit }) {
+			const [editing, setEditing] = (0, react.useState)(false);
+			const [note, setNote] = (0, react.useState)(item.note);
+			const cancelled = (0, react.useRef)(false);
+			const save = () => {
+				if (!cancelled.current) store.setNote(item.id, note);
+				setEditing(false);
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: annotations_module_css_default.contextItem,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: annotations_module_css_default.contextNumber,
+						children: [item.number, "."]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: annotations_module_css_default.contextContent,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: annotations_module_css_default.contextLabel,
+								children: t("selectedText")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: annotations_module_css_default.contextText,
+								children: item.text
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: annotations_module_css_default.contextLabel,
+								children: t("userComment")
+							}),
+							editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								autoFocus: true,
+								rows: 3,
+								className: annotations_module_css_default.contextEditor,
+								"aria-label": t("userComment"),
+								value: note,
+								onChange: (event) => {
+									setNote(event.target.value);
+								},
+								onBlur: save,
+								onKeyDown: (event) => {
+									if (event.key === "Escape") {
+										event.preventDefault();
+										event.stopPropagation();
+										cancelled.current = true;
+										setEditing(false);
+									}
+									if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+										event.preventDefault();
+										save();
+									}
+								}
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: annotations_module_css_default.contextText,
+								children: item.note || /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: annotations_module_css_default.contextLabel,
+									children: t("noNote")
+								})
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: annotations_module_css_default.contextActions,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: annotations_module_css_default.contextAction,
+							disabled: pending,
+							"aria-label": t(editing ? "saveNoteAria" : "editNoteAria"),
+							title: t(editing ? "saveNoteAria" : "editNoteAria"),
+							onMouseDown: (event) => {
+								if (editing) event.preventDefault();
+							},
+							onClick: () => {
+								if (editing) save();
+								else {
+									cancelled.current = false;
+									setNote(item.note);
+									setEditing(true);
+									onEdit();
+								}
+							},
+							children: editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCheckOutline16, { size: 16 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconEditOutline16, { size: 16 })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: annotations_module_css_default.contextAction,
+							disabled: pending,
+							"aria-label": t("removeAria", { n: item.number }),
+							title: t("removeTitle"),
+							onClick: () => {
+								store.remove(item.id);
+							},
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconTrashOutline16, { size: 16 })
+						})]
+					})
+				]
+			});
+		}
+		function ContextChips({ ctx, store, reflow, sessionId }) {
 			useLocaleTick();
-			const { store, targetSessionId: sessionId } = props;
-			(0, react.useSyncExternalStore)((0, react.useCallback)((cb) => store.subscribe(cb), [store]), () => store.getSnapshot());
-			const [expanded, setExpanded] = (0, react.useState)(false);
-			const rootRef = (0, react.useRef)(null);
+			(0, react.useSyncExternalStore)(store.subscribe, store.getSnapshot);
+			(0, react.useSyncExternalStore)(reflow.subscribe, reflow.getSnapshot);
+			const diagnostics = hostDiagnostics(ctx);
+			const capabilities = (0, react.useSyncExternalStore)(diagnostics.subscribe, diagnostics.getSnapshot);
+			const [open, setOpen] = (0, react.useState)(null);
+			const [position, setPosition] = (0, react.useState)({ visibility: "hidden" });
+			const root = (0, react.useRef)(null);
+			const panel = (0, react.useRef)(null);
+			const timer = (0, react.useRef)(void 0);
+			const id = (0, react.useId)();
+			const clearTimer = () => {
+				clearTimeout(timer.current);
+				timer.current = void 0;
+			};
+			const active = store.listActive(sessionId);
+			const reflows = reflow.list(sessionId);
+			const submission = store.getSubmission(sessionId);
+			const hasItems = open?.kind === "annotations" ? active.length > 0 : reflows.length > 0;
+			const shown = open !== null && hasItems;
+			const label = (kind) => kind === "annotations" ? t(active.length === 1 ? "chipOne" : "chipMany", { n: active.length }) : t(reflows.length === 1 ? "reflowChipOne" : "reflowChipMany", { n: reflows.length });
 			(0, react.useEffect)(() => {
-				if (!expanded) return;
-				const onKeyDown = (event) => {
-					if (event.key === "Escape") {
-						event.stopPropagation();
-						setExpanded(false);
+				setOpen(null);
+				return clearTimer;
+			}, [sessionId]);
+			(0, react.useEffect)(() => {
+				if (!submission.pending && submission.error === t("inputUnavailable") && resolveInput(ctx, sessionId)) store.setSubmission(sessionId, { pending: false });
+			}, [capabilities, sessionId]);
+			(0, react.useEffect)(() => {
+				if (!hasItems) setOpen(null);
+			}, [hasItems]);
+			(0, react.useLayoutEffect)(() => {
+				if (!shown) return;
+				const place = () => {
+					const rect = root.current.getBoundingClientRect();
+					const width = Math.min(480, rect.width, window.innerWidth - 24);
+					setPosition({
+						width,
+						left: Math.max(12, Math.min(rect.left, window.innerWidth - width - 12)),
+						bottom: window.innerHeight - rect.top + 8,
+						maxHeight: Math.min(280, window.innerHeight / 3, rect.top - 16)
+					});
+				};
+				place();
+				window.addEventListener("resize", place);
+				window.addEventListener("scroll", place, true);
+				return () => {
+					window.removeEventListener("resize", place);
+					window.removeEventListener("scroll", place, true);
+				};
+			}, [shown, open?.kind]);
+			(0, react.useLayoutEffect)(() => {
+				if (shown && open.pinned && root.current?.contains(document.activeElement)) panel.current?.focus();
+			}, [
+				shown,
+				open?.kind,
+				open?.pinned
+			]);
+			(0, react.useEffect)(() => {
+				if (!shown) return;
+				const outside = (event) => {
+					if (!root.current?.contains(event.target) && !panel.current?.contains(event.target)) {
+						clearTimer();
+						setOpen(null);
 					}
 				};
-				const onMouseDown = (event) => {
-					const root = rootRef.current;
-					if (root === null || !(event.target instanceof Node)) return;
-					if (!root.contains(event.target)) setExpanded(false);
+				const escape = (event) => {
+					if (event.key !== "Escape") return;
+					event.preventDefault();
+					clearTimer();
+					setOpen(null);
+					root.current?.querySelector(`[data-context-kind="${open?.kind}"]`)?.focus();
 				};
-				document.addEventListener("keydown", onKeyDown, true);
-				document.addEventListener("mousedown", onMouseDown, true);
+				document.addEventListener("pointerdown", outside);
+				document.addEventListener("keydown", escape);
 				return () => {
-					document.removeEventListener("keydown", onKeyDown, true);
-					document.removeEventListener("mousedown", onMouseDown, true);
+					document.removeEventListener("pointerdown", outside);
+					document.removeEventListener("keydown", escape);
 				};
-			}, [expanded]);
-			(0, react.useEffect)(() => {
-				setExpanded(false);
-			}, [sessionId]);
-			const active = store.listActive(sessionId);
-			const submission = store.getSubmission(sessionId);
-			if (active.length === 0 && submission.error === void 0) return null;
+			}, [shown, open?.kind]);
+			const leave = () => {
+				clearTimer();
+				if (!open?.pinned) timer.current = setTimeout(() => {
+					if (!panel.current?.contains(document.activeElement)) setOpen(null);
+				}, 220);
+			};
+			const clear = (kind) => {
+				clearTimer();
+				if (kind === "annotations") for (const item of active) store.remove(item.id);
+				else reflow.clearSession(sessionId);
+				if (open?.kind === kind) setOpen(null);
+			};
+			const chip = (kind) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: annotations_module_css_default.chip,
+				"data-open": shown && open.kind === kind || void 0,
+				onPointerEnter: (event) => {
+					if (event.pointerType === "touch") return;
+					clearTimer();
+					if (!open?.pinned) timer.current = setTimeout(() => {
+						setOpen({
+							kind,
+							pinned: false
+						});
+					}, 160);
+				},
+				onPointerLeave: leave,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: annotations_module_css_default.chipMain,
+					"data-context-kind": kind,
+					"aria-haspopup": "dialog",
+					"aria-expanded": shown && open.kind === kind,
+					"aria-controls": id,
+					onClick: () => {
+						clearTimer();
+						setOpen(open?.kind === kind && open.pinned ? null : {
+							kind,
+							pinned: true
+						});
+					},
+					children: [kind === "annotations" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconListPenOutline16, { size: 14 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconShareOutline16, { size: 14 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label(kind) })]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: annotations_module_css_default.chipDismissShade,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: annotations_module_css_default.chipDismiss,
+						disabled: submission.pending,
+						"aria-label": t(kind === "annotations" ? "clearAnnotations" : "clearReflows"),
+						title: t(kind === "annotations" ? "clearAnnotations" : "clearReflows"),
+						onClick: () => {
+							clear(kind);
+						},
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCloseOutline16, { size: 14 })
+					})
+				})]
+			});
+			if (!active.length && !reflows.length && !submission.error) return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				ref: rootRef,
-				className: [annotations_module_css_default.chipWrap, props.side ? annotations_module_css_default.side : ""].join(" "),
-				"data-sidenote-annotation-ui": "",
+				ref: root,
+				className: annotations_module_css_default.chipWrap,
+				"data-sidenote-context-dock": true,
+				"data-sidenote-annotation-ui": true,
 				children: [
+					active.length > 0 && chip("annotations"),
+					reflows.length > 0 && chip("reflows"),
 					store.getStorageStatus(sessionId) === "memory" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: annotations_module_css_default.storageNotice,
 						role: "status",
 						children: t("annotationStorageMemory")
 					}),
-					submission.error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					submission.error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: annotations_module_css_default.storageNotice,
 						role: "alert",
 						children: submission.error
 					}),
-					active.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-						type: "button",
-						className: annotations_module_css_default.chip,
-						"aria-expanded": expanded,
-						onClick: () => {
-							setExpanded((open) => !open);
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconListPenOutline16, { size: 12 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(active.length === 1 ? "chipOne" : "chipMany", { n: active.length }) })]
-					}),
-					active.length > 0 && props.onSend && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						className: annotations_module_css_default.chip,
-						disabled: submission.pending || props.blocked,
-						onClick: props.onSend,
-						children: t("sendAnnotations")
-					}),
-					expanded && active.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
-						className: annotations_module_css_default.chipPanel,
-						children: [active.map((annotation) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-							className: annotations_module_css_default.chipRow,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: annotations_module_css_default.chipNumber,
-									children: annotation.number
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: annotations_module_css_default.chipText,
-									title: annotation.note === "" ? annotation.text : annotation.text + "\n" + t("chipNote", { note: annotation.note }),
-									children: [annotation.text, annotation.note !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: annotations_module_css_default.chipNote,
-										children: t("chipNote", { note: annotation.note })
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: annotations_module_css_default.chipRemove,
-									title: t("removeTitle"),
-									"aria-label": t("removeAria", { n: annotation.number }),
-									disabled: submission.pending,
-									onClick: () => {
-										store.remove(annotation.id);
-									},
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCloseOutline16, { size: 12 })
-								})
-							]
-						}, annotation.id)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
-							className: annotations_module_css_default.chipRow,
+					shown && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						ref: panel,
+						id,
+						role: "dialog",
+						tabIndex: -1,
+						"aria-label": label(open.kind),
+						className: annotations_module_css_default.contextPanel,
+						style: position,
+						"data-sidenote-context-preview": true,
+						"data-sidenote-no-quote": true,
+						onPointerEnter: clearTimer,
+						onPointerLeave: leave,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							className: annotations_module_css_default.contextList,
+							children: open.kind === "annotations" ? active.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnnotationDetail, {
+								item,
+								store,
+								pending: submission.pending,
+								onEdit: () => {
+									setOpen({
+										kind: "annotations",
+										pinned: true
+									});
+								}
+							}, item.id)) : reflows.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: annotations_module_css_default.contextItem,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: annotations_module_css_default.contextNumber,
+										children: [index + 1, "."]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: annotations_module_css_default.contextContent,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: annotations_module_css_default.contextSource,
+												children: item.sideTitle
+											}),
+											item.question && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: annotations_module_css_default.contextLabel,
+												children: t("contextrequest")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: annotations_module_css_default.contextText,
+												children: item.question
+											})] }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: annotations_module_css_default.contextLabel,
+												children: t("contextreply")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: annotations_module_css_default.contextText,
+												children: item.text
+											})
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: annotations_module_css_default.contextActions,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: annotations_module_css_default.contextAction,
+											disabled: submission.pending,
+											"aria-label": t("reflowRemoveTitle"),
+											title: t("reflowRemoveTitle"),
+											onClick: () => {
+												reflow.remove(item.id);
+											},
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconTrashOutline16, { size: 16 })
+										})
+									})
+								]
+							}, item.id))
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: annotations_module_css_default.contextFooter,
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
 								className: annotations_module_css_default.chipClearAll,
 								disabled: submission.pending,
 								onClick: () => {
-									for (const a of active) store.remove(a.id);
+									clear(open.kind);
 								},
 								children: t("clearAll")
 							})
 						})]
-					})
+					}), document.body)
 				]
 			});
 		}
-		function AnnotationChip(props) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnnotationBoundary, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnnotationChipInner, { ...props }) });
-		}
-		/** The same native dock entry is rendered in main and embedded conversations. */
-		function createAnnotationChip(ctx, store, reflow) {
-			return function AnnotationChipEntry(props) {
-				const diagnostics = hostDiagnostics(ctx);
-				const capabilities = (0, react.useSyncExternalStore)(diagnostics.subscribe, diagnostics.getSnapshot);
-				(0, react.useEffect)(() => {
-					const state = store.getSubmission(props.session.sessionId);
-					if (!state.pending && state.error === t("inputUnavailable") && resolveInput(ctx, props.session.sessionId)) store.setSubmission(props.session.sessionId, { pending: false });
-				}, [capabilities, props.session.sessionId]);
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnnotationChip, {
+		function createContextChips(ctx, store, reflow) {
+			return function ContextChipsEntry(props) {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnnotationBoundary, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextChips, {
+					ctx,
 					store,
-					targetSessionId: props.session.sessionId,
-					blocked: props.input.phase !== "plain" || props.input.draft.trimStart().startsWith("/"),
-					onSend: () => {
-						submitControlledInput(ctx, store, reflow, props.session.sessionId);
-					}
-				});
+					reflow,
+					sessionId: props.session.sessionId
+				}, props.session.sessionId) });
 			};
 		}
 		//#endregion
-		//#region src/client/annotate/chip.tsx
-		/** 「侧边回流」chip（dock order 11）：主会话待回流对象的可预览/可移除入口。 */
-		function createReflowChip(reflow) {
-			function ReflowChip(props) {
-				useLocaleTick();
-				const sessionId = props.session.sessionId;
-				(0, react.useSyncExternalStore)((0, react.useCallback)((cb) => reflow.subscribe(cb), [reflow]), () => reflow.getSnapshot());
-				const [expanded, setExpanded] = (0, react.useState)(false);
-				const rootRef = (0, react.useRef)(null);
-				(0, react.useEffect)(() => {
-					if (!expanded) return;
-					const onKeyDown = (event) => {
-						if (event.key === "Escape") {
-							event.stopPropagation();
-							setExpanded(false);
-						}
-					};
-					const onMouseDown = (event) => {
-						const root = rootRef.current;
-						if (root === null || !(event.target instanceof Node)) return;
-						if (!root.contains(event.target)) setExpanded(false);
-					};
-					document.addEventListener("keydown", onKeyDown, true);
-					document.addEventListener("mousedown", onMouseDown, true);
-					return () => {
-						document.removeEventListener("keydown", onKeyDown, true);
-						document.removeEventListener("mousedown", onMouseDown, true);
-					};
-				}, [expanded]);
-				(0, react.useEffect)(() => {
-					setExpanded(false);
-				}, [sessionId]);
-				const items = reflow.list(sessionId);
-				if (items.length === 0) return null;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					ref: rootRef,
-					className: annotations_module_css_default.chipWrap,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-						type: "button",
-						className: annotations_module_css_default.chip,
-						"aria-expanded": expanded,
-						onClick: () => {
-							setExpanded((open) => !open);
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconShareOutline16, { size: 12 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(items.length === 1 ? "reflowChipOne" : "reflowChipMany", { n: items.length }) })]
-					}), expanded && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-						className: annotations_module_css_default.chipPanel,
-						children: items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-							className: annotations_module_css_default.chipRow,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: annotations_module_css_default.chipText,
-								title: item.text,
-								children: [
-									t("reflowFrom", { title: item.sideTitle }),
-									" ",
-									item.text.replace(/[*_`#>[\]]/g, "").replace(/\s+/g, " ")
-								]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: annotations_module_css_default.chipRemove,
-								title: t("reflowRemoveTitle"),
-								"aria-label": t("reflowRemoveTitle"),
-								onClick: () => {
-									reflow.remove(item.id);
-								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCloseOutline16, { size: 12 })
-							})]
-						}, item.id))
-					})]
+		//#region src/client/annotations/send.ts
+		/** Main and side composers use this same native transaction and acceptance boundary. */
+		async function submitAnnotations(options) {
+			const { ctx, store, sessionId, input, annotations } = options;
+			cancelInputRollback(input);
+			const parts = [...options.leadingBlocks ?? []];
+			if (annotations.length > 0) parts.push(buildProtocolBlock(annotations));
+			const block = parts.join("\n\n");
+			if (block === "") return false;
+			const draftBeforeWait = input.state.getSnapshot();
+			let prefix = "";
+			let receipt;
+			try {
+				receipt = await prepareSubmission(ctx, sessionId, input, block);
+				const draft = input.state.getSnapshot();
+				if (draft.draft !== draftBeforeWait.draft || draft.draftRev !== draftBeforeWait.draftRev) throw new Error("等待会话就绪期间草稿已改变；正文和注释已保留，请重新发送");
+				prefix = block + (draft.draft === "" ? "" : "\n\n");
+				if (!prependInputText(input, prefix)) throw new Error("宿主输入尚未就绪，无法安全加入引用；内容已保留");
+				receipt.submit(options.mode);
+				await receipt.outcome;
+				store.markSent(annotations.filter((annotation) => store.get(annotation.id) === annotation).map((annotation) => annotation.id));
+				return true;
+			} catch (error) {
+				rollbackInputPrefix(input, prefix);
+				const text = error instanceof Error ? error.message : String(error);
+				store.setSubmission(sessionId, {
+					pending: false,
+					error: text
 				});
+				try {
+					if (typeof input.notify === "function") input.notify("error", text);
+				} catch {}
+				return false;
+			} finally {
+				receipt?.dispose();
 			}
-			return function ReflowChipEntry(props) {
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnnotationBoundary, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReflowChip, { ...props }) });
-			};
 		}
-		//#endregion
-		//#region src/client/annotate/send.ts
-		function installSendInterceptor(ctx, store, reflow) {
-			/** 重入/连按护栏：事务进行中吞掉命中识别面的 Enter/点击（不重复驱动）。 */
-			const committingSessions = /* @__PURE__ */ new Set();
-			/**
-			* 手势尾随 click 的一次性吞并。pointerdown 提交后，同一次点击的 click 仍会
-			* 到达，而此时宿主主按钮已按 `primaryStops = running && empty` 变身「停止」
-			* ——放行它会立刻 `stop()` 掉刚发起的这一轮（表现：assistant/attempt 空流、
-			* 缺 turn/end、且没有任何错误提示）。只吞这一发，并带兜底超时。
-			*/
-			let swallowNextClick = false;
-			let swallowTimer = 0;
-			const clearSwallow = () => {
-				swallowNextClick = false;
-				window.clearTimeout(swallowTimer);
-			};
-			const armSwallow = () => {
-				swallowNextClick = true;
-				window.clearTimeout(swallowTimer);
-				swallowTimer = window.setTimeout(clearSwallow, 2e3);
-			};
-			const currentSessionId = (seat) => seat ? composerSessionId(seat, currentSessionIdOf(ctx)) : currentSessionIdOf(ctx);
-			const hijack = (seat, mode) => {
-				const sessionId = currentSessionId(seat);
-				if (sessionId === "") return false;
-				const active = store.listActive(sessionId);
-				const reflows = reflow.list(sessionId);
-				const prefix = submissionExtrasOf(sessionId)?.firstSendPrefix();
-				if (active.length === 0 && reflows.length === 0 && !prefix) return false;
-				const input = resolveInput(ctx, sessionId);
-				if (input === void 0) {
-					store.setSubmission(sessionId, {
-						pending: false,
-						error: t("inputUnavailable")
-					});
+		/** Shared by native input gestures and the explicit annotation/reflow actions. */
+		async function submitControlledInput(ctx, store, reflow, sessionId, mode) {
+			if (store.getSubmission(sessionId).pending) return false;
+			const input = resolveInput(ctx, sessionId);
+			if (!input) {
+				store.setSubmission(sessionId, {
+					pending: false,
+					error: t("inputUnavailable")
+				});
+				return false;
+			}
+			const draft = input.state.getSnapshot();
+			if (draft.phase !== "plain" || draft.draft.trimStart().startsWith("/")) return false;
+			const active = store.listActive(sessionId);
+			const reflows = reflow.list(sessionId);
+			if (draft.draft.trim() === "" && inputAttachmentIds(input).length === 0 && active.length === 0 && reflows.length === 0) return false;
+			const extras = submissionExtrasOf(sessionId);
+			const prefix = extras?.firstSendPrefix();
+			store.setSubmission(sessionId, { pending: true });
+			try {
+				const { injectedIds } = await tryInjectReflows(sessionId, reflows);
+				for (const id of injectedIds) reflow.remove(id);
+				const hitchhikers = reflows.filter((item) => !injectedIds.has(item.id));
+				if (active.length === 0 && hitchhikers.length === 0 && !prefix) {
+					if (input.state.getSnapshot().draft.trim() !== "" || inputAttachmentIds(input).length > 0) input.submit(mode);
 					return true;
 				}
-				const snap = input.state.getSnapshot();
-				const draft = snap.draft;
-				if (active.length === 0 && reflows.length === 0 && draft.trim() === "" && inputAttachmentIds(input).length === 0) return false;
-				if (draft.trimStart().startsWith("/")) return false;
-				if (snap.phase !== "plain") return false;
-				if (composerHasMenu(seat)) return false;
-				committingSessions.add(sessionId);
-				submitControlledInput(ctx, store, reflow, sessionId, mode).finally(() => {
-					committingSessions.delete(sessionId);
+				const accepted = await submitAnnotations({
+					ctx,
+					store,
+					sessionId,
+					input,
+					annotations: active,
+					leadingBlocks: [...prefix ? [prefix] : [], ...hitchhikers.map(buildReflowBlock)],
+					mode
 				});
-				return true;
-			};
-			const onKeyDown = (event) => {
-				const target = event.target;
-				if (!isMainComposerInput(target)) return;
-				const seat = mainComposerOf(target);
-				if (event.isComposing || event.keyCode === 229) return;
-				if (committingSessions.has(currentSessionId(seat)) || store.getSubmission(currentSessionId(seat)).pending) {
-					if (event.key === "Enter") {
-						event.preventDefault();
-						event.stopImmediatePropagation();
-					}
-					return;
-				}
-				if (event.key !== "Enter" || event.shiftKey) return;
-				if (!hijack(seat, event.metaKey || event.ctrlKey ? "steer" : void 0)) return;
-				event.preventDefault();
-				event.stopImmediatePropagation();
-			};
-			const onClick = (event) => {
-				const target = event.target;
-				if (!(target instanceof Element)) return;
-				const seat = mainComposerOf(target);
-				if (seat === null) return;
-				const button = target.closest("button");
-				if (swallowNextClick && button === findSendButtonInCard(seat)) {
-					clearSwallow();
-					event.preventDefault();
-					event.stopImmediatePropagation();
-					return;
-				}
-				if (button === null) return;
-				if (button !== findSendButtonInCard(seat)) return;
-				if (ctx.sessions.binding(currentSessionId(seat))?.session.getSnapshot().running === true && resolveInput(ctx, currentSessionId(seat))?.state.getSnapshot().draft.trim() === "") return;
-				if (committingSessions.has(currentSessionId(seat))) {
-					event.preventDefault();
-					event.stopImmediatePropagation();
-					return;
+				if (accepted) {
+					for (const item of hitchhikers) reflow.remove(item.id);
+					extras?.onSubmitText(draft.draft);
+					extras?.onAccepted();
 				}
-				if (!hijack(seat)) return;
-				event.preventDefault();
-				event.stopImmediatePropagation();
-			};
-			/**
-			* 空草稿补位：只接管「因空草稿而 disabled」的主按钮。enabled 时立即放行，
-			* 正常路径仍由上面的 click 拦截负责 —— 二者以 button.disabled 互斥。
-			*/
-			const onPointerDown = (event) => {
-				if (event.button !== 0) return;
-				const target = event.target;
-				if (!(target instanceof Element)) return;
-				const seat = mainComposerOf(target);
-				if (seat === null) return;
-				const button = target.closest("button");
-				if (!(button instanceof HTMLButtonElement)) return;
-				if (!button.disabled) return;
-				if (button !== findSendButtonInCard(seat)) return;
-				if (committingSessions.has(currentSessionId(seat))) return;
-				const sessionId = currentSessionId(seat);
-				if (sessionId === "") return;
-				const input = resolveInput(ctx, sessionId);
-				if (input === void 0 || input.state.getSnapshot().draft.trim() !== "") return;
-				if (!hijack(seat)) return;
-				armSwallow();
-				event.preventDefault();
-				event.stopImmediatePropagation();
-			};
-			document.addEventListener("keydown", onKeyDown, true);
-			document.addEventListener("click", onClick, true);
-			document.addEventListener("pointerdown", onPointerDown, true);
-			return () => {
-				clearSwallow();
-				document.removeEventListener("keydown", onKeyDown, true);
-				document.removeEventListener("click", onClick, true);
-				document.removeEventListener("pointerdown", onPointerDown, true);
-			};
+				return accepted;
+			} catch (error) {
+				store.setSubmission(sessionId, {
+					pending: false,
+					error: error instanceof Error ? error.message : String(error)
+				});
+				return false;
+			} finally {
+				store.setSubmission(sessionId, {
+					...store.getSubmission(sessionId),
+					pending: false
+				});
+			}
 		}
 		//#endregion
-		//#region src/client/annotations/NativeUserContext.tsx
-		/** Present controlled context without editing React-owned DOM or durable data.
-		* The host still owns the user bubble, images, reference nodes and actions. */
-		function registerUserContext(ctx) {
+		//#region src/client/annotations/NativeComposer.tsx
+		/** The host has already resolved Enter/click, menus, IME and busy delivery mode. */
+		function submitNativeWithContext(ctx, annotations, reflow, sessionId, native, mode, source) {
+			if (annotations.getSubmission(sessionId).pending) return;
+			const hasContext = annotations.countActive(sessionId) > 0 || reflow.list(sessionId).length > 0;
+			const input = resolveInput(ctx, sessionId);
+			if (!input) {
+				if (hasContext || submissionExtrasOf(sessionId)?.firstSendPrefix()) annotations.setSubmission(sessionId, {
+					pending: false,
+					error: t("inputUnavailable")
+				});
+				else native(mode, source);
+				return;
+			}
+			const draft = input.state.getSnapshot();
+			if (draft.phase !== "plain" || draft.draft.trimStart().startsWith("/")) {
+				native(mode, source);
+				return;
+			}
+			const hasMessage = draft.draft.trim() !== "" || inputAttachmentIds(input).length > 0;
+			if (hasContext || hasMessage && submissionExtrasOf(sessionId)?.firstSendPrefix()) submitControlledInput(ctx, annotations, reflow, sessionId, mode);
+			else native(mode, source);
+		}
+		function ContextComposer({ Original, props, ctx, annotations, reflow }) {
+			(0, react.useSyncExternalStore)(annotations.subscribe, annotations.getSnapshot);
+			(0, react.useSyncExternalStore)(reflow.subscribe, reflow.getSnapshot);
+			const input = props.useInput((state) => state);
+			const session = props.useSession((state) => state);
+			const busyMode = props.useBusyEnter((mode) => mode);
+			const sessionId = props.sessionId ?? "";
+			const pending = annotations.getSubmission(sessionId).pending;
+			const contextOnly = (annotations.countActive(sessionId) > 0 || reflow.list(sessionId).length > 0) && input?.draft.trim() === "" && (input.attachmentIds ?? input.imageIds ?? []).length === 0;
+			const root = (0, react.useRef)(null);
+			const [seat] = (0, react.useState)(() => document.createElement("span"));
+			const [nativeButton, setNativeButton] = (0, react.useState)(null);
+			const keyboard = (0, react.useMemo)(() => props.keyboard && new Proxy(props.keyboard, { get(target, property) {
+				if (property === "submit") return (mode, source) => submitNativeWithContext(ctx, annotations, reflow, sessionId, target.submit.bind(target), mode, source);
+				const value = Reflect.get(target, property, target);
+				return typeof value === "function" ? value.bind(target) : value;
+			} }), [
+				props.keyboard,
+				ctx,
+				annotations,
+				reflow,
+				sessionId
+			]);
+			const useInput = (0, react.useCallback)((select) => props.useInput((state) => select(pending && state?.phase === "plain" ? {
+				...state,
+				phase: "submitting"
+			} : state)), [props.useInput, pending]);
+			(0, react.useLayoutEffect)(() => {
+				if (!contextOnly || !root.current) return;
+				const button = findSendButtonInCard(root.current);
+				if (!button) return;
+				setNativeButton(button);
+				seat.style.display = "contents";
+				button.parentElement.append(seat);
+				if (!session?.running) button.dataset.sidenoteContextReplaced = "";
+				return () => {
+					delete button.dataset.sidenoteContextReplaced;
+					seat.remove();
+				};
+			}, [
+				contextOnly,
+				session?.running,
+				sessionId,
+				props.variant,
+				seat
+			]);
+			const offline = session?.subagent?.address.mode === "continuable" && session.subagent.parentAvailable !== true;
+			const disabled = pending || input?.phase !== "plain" || props.disabled || props.blocked !== void 0 || session?.removed || offline || !keyboard || !props.inputActions;
+			const mode = session?.running ? busyMode : void 0;
+			const label = props.t(session?.running ? mode === "steer" ? "input.send.steer" : "input.send.queue" : "input.send");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: annotations_module_css_default.userContextHost,
+				ref: root,
+				children: [(0, react.createElement)(Original, {
+					...props,
+					keyboard,
+					useInput
+				}), contextOnly && nativeButton && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					"data-sidenote-submit": true,
+					className: nativeButton.className,
+					disabled,
+					"aria-label": label,
+					title: label,
+					onClick: () => {
+						keyboard?.submit(mode, "click");
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+						width: "20",
+						height: "20",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 19V5m-6 6 6-6 6 6" })
+					})
+				}), seat)]
+			});
+		}
+		/** Keep the native editor and controls; replace only its empty submit seat
+		* while plugin-owned context exists, and retain a separate native Stop. */
+		function registerNativeComposer(ctx, annotations, reflow) {
 			const slots = ctx.slots;
-			ctx.slots.inject("conversation.chat.node", () => {
+			ctx.slots.inject("conversation.composer.bar", () => {
 				const patched = /* @__PURE__ */ new Map();
 				const patch = () => {
-					for (const entry of slots.entries("conversation.chat.node")) {
-						if (!["user", "steering"].includes(entry.options.key ?? "") || patched.has(entry)) continue;
+					for (const entry of slots.entries("conversation.composer.bar")) {
+						if (patched.has(entry)) continue;
 						const Original = entry.component;
-						function ContextUser(props) {
-							const blocks = props.node.data.content;
-							const at = blocks.findIndex((block) => block.type === "text");
-							const text = blocks[at]?.text ?? "";
-							const snapshot = splitSnapshotPrefix(text);
-							const afterSnapshot = snapshot?.rest ?? text;
-							const protocol = splitProtocolPrefix(afterSnapshot);
-							if (!snapshot && !protocol) return (0, react.createElement)(Original, props);
-							const content = blocks.map((block, index) => index === at ? {
-								...block,
-								text: afterSnapshot.slice(protocol?.length ?? 0).trimStart()
-							} : block);
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-								snapshot && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-									className: annotations_module_css_default.sentContext,
-									"data-sidenote-progress-snapshot": true,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t("snapshotContext") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: snapshot.snapshot })]
-								}),
-								protocol && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									"data-dsh-sidenote-bubble": true,
-									children: [protocol.annotations.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-										className: annotations_module_css_default.sentContext,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t("sentChipLabel", { n: protocol.annotations.length }) }), protocol.annotations.map((annotation) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("blockquote", { children: [annotation.quote, annotation.note && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: annotation.note })] }, annotation.id))]
-									}), protocol.reflows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-										className: annotations_module_css_default.sentContext,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t("reflowBubbleLabel") }), protocol.reflows.map((reflow, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("blockquote", { children: [reflow.source, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: flattenReflowContent(reflow.content) })] }, index))]
-									})]
-								}),
-								(0, react.createElement)(Original, {
-									...props,
-									node: {
-										...props.node,
-										data: {
-											...props.node.data,
-											content
-										}
-									}
-								})
-							] });
-						}
-						entry.component = ContextUser;
+						const Wrapped = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextComposer, {
+							Original,
+							props,
+							ctx,
+							annotations,
+							reflow
+						});
+						entry.component = Wrapped;
 						patched.set(entry, {
 							original: Original,
-							wrapped: ContextUser
+							wrapped: Wrapped
 						});
 					}
 				};
 				patch();
-				const off = slots.subscribe("conversation.chat.node", patch);
+				const off = slots.subscribe("conversation.composer.bar", patch);
 				return () => {
 					off();
 					for (const [entry, value] of patched) if (entry.component === value.wrapped) entry.component = value.original;
@@ -6788,6 +7007,320 @@ ${entries.map((entry) => {
 			});
 		}
 		//#endregion
+		//#region src/client/annotations/NativeUserContext.tsx
+		const CONTEXT_NODE = "dsh-sidenote-context";
+		/** Injected notices and their following human input are one admitted batch.
+		* Project its reflows into that bubble without changing or resending history. */
+		function injectedReflowPrefix(nodes, seq) {
+			const prefixes = [];
+			for (let i = nodes.findIndex((node) => node.seq === seq) - 1; i >= 0; i--) {
+				const node = nodes[i];
+				if (node.kind !== "context") break;
+				if (node.source?.kind !== "dsh-sidenote") continue;
+				const text = (node.content ?? []).filter((block) => block.type === "text").map((block) => block.text ?? "").join("\n");
+				const start = text.indexOf("<reflow ");
+				if (start < 0) continue;
+				const prefix = splitProtocolPrefix(text.slice(start));
+				if (prefix?.reflows.length) prefixes.unshift(text.slice(start, start + prefix.length));
+			}
+			return prefixes.join("\n\n");
+		}
+		/** One prefix node leaves the body, @ references and attachments to the host. */
+		const sentContextRule = {
+			id: CONTEXT_NODE,
+			order: 0,
+			match(text, from) {
+				const snapshot = splitSnapshotPrefix(text);
+				const start = snapshot ? text.length - snapshot.rest.length : 0;
+				if (from > start) return void 0;
+				const protocol = splitProtocolPrefix(text.slice(start));
+				return protocol ? {
+					id: CONTEXT_NODE,
+					start,
+					end: start + protocol.length,
+					data: protocol
+				} : void 0;
+			}
+		};
+		function ContextChip({ label, icon, children, interactive }) {
+			const [open, setOpen] = (0, react.useState)(null);
+			const [position, setPosition] = (0, react.useState)({ visibility: "hidden" });
+			const anchor = (0, react.useRef)(null);
+			const panel = (0, react.useRef)(null);
+			const timer = (0, react.useRef)(void 0);
+			const clearTimer = () => {
+				clearTimeout(timer.current);
+				timer.current = void 0;
+			};
+			const leave = () => {
+				clearTimer();
+				if (!open?.pinned) timer.current = setTimeout(() => {
+					if (!panel.current?.contains(document.activeElement)) setOpen(null);
+				}, 160);
+			};
+			const id = (0, react.useId)();
+			const expanded = open !== null;
+			(0, react.useEffect)(() => clearTimer, []);
+			(0, react.useLayoutEffect)(() => {
+				if (!expanded) return;
+				const place = () => {
+					const rect = anchor.current.getBoundingClientRect();
+					const view = conversationViewOf(anchor.current).getBoundingClientRect();
+					const left = Math.max(12, view.left + 12), right = Math.min(window.innerWidth - 12, view.right - 12);
+					const top = Math.max(12, view.top + 12), bottom = Math.min(window.innerHeight - 12, view.bottom - 12);
+					if (rect.bottom < top || rect.top > bottom) {
+						setOpen(null);
+						return;
+					}
+					const width = Math.min(420, right - left);
+					const above = rect.top - top - 8, below = bottom - rect.bottom - 8;
+					const preferAbove = above >= Math.min(280, window.innerHeight / 3) || above >= below;
+					setPosition({
+						width,
+						left: Math.max(left, Math.min(rect.left, right - width)),
+						maxHeight: Math.min(280, window.innerHeight / 3, preferAbove ? above : below),
+						...preferAbove ? { bottom: window.innerHeight - rect.top + 8 } : { top: rect.bottom + 8 }
+					});
+				};
+				place();
+				window.addEventListener("scroll", place, true);
+				window.addEventListener("resize", place);
+				return () => {
+					window.removeEventListener("scroll", place, true);
+					window.removeEventListener("resize", place);
+				};
+			}, [expanded]);
+			(0, react.useEffect)(() => {
+				if (!expanded) return;
+				const outside = (event) => {
+					if (!anchor.current?.contains(event.target) && !panel.current?.contains(event.target)) {
+						clearTimer();
+						setOpen(null);
+					}
+				};
+				const escape = (event) => {
+					if (event.key === "Escape") {
+						event.preventDefault();
+						clearTimer();
+						setOpen(null);
+						anchor.current?.focus();
+					}
+				};
+				document.addEventListener("pointerdown", outside);
+				document.addEventListener("keydown", escape);
+				return () => {
+					document.removeEventListener("pointerdown", outside);
+					document.removeEventListener("keydown", escape);
+				};
+			}, [expanded]);
+			(0, react.useLayoutEffect)(() => {
+				if (open?.pinned && document.activeElement === anchor.current) panel.current?.focus();
+			}, [open?.pinned]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: annotations_module_css_default.sentChipGroup,
+				children: [interactive ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					ref: anchor,
+					type: "button",
+					className: annotations_module_css_default.sentChip,
+					"aria-haspopup": "dialog",
+					"aria-expanded": expanded,
+					"aria-controls": id,
+					onPointerEnter: (event) => {
+						if (event.pointerType === "touch") return;
+						clearTimer();
+						if (!open && !document.querySelector("[data-sidenote-sent-preview][data-pinned]")) timer.current = setTimeout(() => {
+							setOpen({ pinned: false });
+						}, 180);
+					},
+					onPointerLeave: leave,
+					onClick: () => {
+						clearTimer();
+						setOpen(open?.pinned ? null : { pinned: true });
+					},
+					children: [
+						icon,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronDownOutline14, {
+							size: 12,
+							className: expanded ? annotations_module_css_default.sentChevronOpen : annotations_module_css_default.sentChevron
+						})
+					]
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: annotations_module_css_default.sentChip,
+					children: [icon, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
+				}), interactive && expanded && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					ref: panel,
+					id,
+					role: "dialog",
+					tabIndex: -1,
+					"aria-label": label,
+					className: `${annotations_module_css_default.contextPanel} ${annotations_module_css_default.sentPreview}`,
+					style: position,
+					"data-sidenote-sent-preview": true,
+					"data-pinned": open.pinned || void 0,
+					"data-sidenote-no-quote": true,
+					onPointerEnter: clearTimer,
+					onPointerLeave: leave,
+					children
+				}), document.body)]
+			});
+		}
+		function SentContext({ protocol, interactive = true }) {
+			useLocaleTick();
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: annotations_module_css_default.sentChips,
+				"data-dsh-sidenote-bubble": true,
+				"data-sidenote-no-quote": true,
+				children: [protocol.annotations.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextChip, {
+					label: t("sentChipLabel", { n: protocol.annotations.length }),
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconListPenOutline16, { size: 12 }),
+					interactive,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						className: annotations_module_css_default.contextList,
+						children: protocol.annotations.map((annotation) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+							className: annotations_module_css_default.contextItem,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: annotations_module_css_default.contextNumber,
+								children: [annotation.id, "."]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: annotations_module_css_default.contextContent,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: annotations_module_css_default.contextLabel,
+										children: t("selectedText")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: annotations_module_css_default.contextText,
+										children: annotation.quote
+									}),
+									annotation.note && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: annotations_module_css_default.contextLabel,
+										children: t("userComment")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: annotations_module_css_default.contextText,
+										children: annotation.note
+									})] })
+								]
+							})]
+						}, annotation.id))
+					})
+				}), protocol.reflows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextChip, {
+					label: t("reflowBubbleLabel"),
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconShareOutline16, { size: 12 }),
+					interactive,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						className: annotations_module_css_default.contextList,
+						children: protocol.reflows.map((reflow, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+							className: annotations_module_css_default.contextItem,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: annotations_module_css_default.contextNumber,
+								children: [index + 1, "."]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: annotations_module_css_default.contextContent,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: annotations_module_css_default.contextSource,
+									children: reflow.source
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: annotations_module_css_default.contextText,
+									children: flattenReflowContent(reflow.content)
+								})]
+							})]
+						}, index))
+					})
+				})]
+			});
+		}
+		function LegacyContext({ Original, props, protocol }) {
+			const root = (0, react.useRef)(null);
+			const [seat] = (0, react.useState)(() => document.createElement("span"));
+			(0, react.useLayoutEffect)(() => root.current ? mountUserBubbleAddon(root.current, seat) : void 0, [seat, props.node]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: root,
+				className: annotations_module_css_default.userContextHost,
+				children: [(0, react.createElement)(Original, props), (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SentContext, { protocol }), seat)]
+			});
+		}
+		/** Keep contextual chips inside the native bubble on both main and side chat.
+		* Only the progress snapshot remains outside its owning user message. */
+		function registerUserContext(ctx) {
+			ctx.inject(["uiConversation"], () => {
+				const ui = ctx.get("uiConversation");
+				const nativeText = ui.userText !== void 0;
+				if (nativeText) ctx.slots.inject("conversation.user.text.node", () => {
+					const offRenderer = ctx.slots.register({
+						name: "conversation.user.text.node",
+						key: CONTEXT_NODE
+					}, (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SentContext, {
+						protocol: props.node.data,
+						interactive: props.interactive
+					}));
+					const offRule = ui.userText.register(sentContextRule);
+					return () => {
+						offRule();
+						offRenderer();
+					};
+				});
+				const slots = ctx.slots;
+				ctx.slots.inject("conversation.chat.node", () => {
+					const patched = /* @__PURE__ */ new Map();
+					const patch = () => {
+						for (const entry of slots.entries("conversation.chat.node")) {
+							if (!["user", "steering"].includes(entry.options.key ?? "") || patched.has(entry)) continue;
+							const Original = entry.component;
+							function ContextUser(props) {
+								const injected = injectedReflowPrefix(props.useChat((state) => state.legacy.nodes), props.node.data.seq);
+								const blocks = props.node.data.content;
+								const at = blocks.findIndex((block) => block.type === "text");
+								const text = blocks[at]?.text ?? "";
+								const snapshot = splitSnapshotPrefix(text);
+								const afterSnapshot = (injected ? injected + "\n\n" : "") + (snapshot?.rest ?? text);
+								const protocol = nativeText ? null : splitProtocolPrefix(afterSnapshot);
+								if (!snapshot && !protocol && !injected) return (0, react.createElement)(Original, props);
+								const displayText = (protocol ? afterSnapshot.slice(protocol.length).trimStart() : afterSnapshot) || (protocol ? "⁠" : "");
+								const content = at < 0 ? [...blocks, {
+									type: "text",
+									text: displayText
+								}] : blocks.map((block, index) => index === at ? {
+									...block,
+									text: displayText
+								} : block);
+								const projected = {
+									...props,
+									node: {
+										...props.node,
+										data: {
+											...props.node.data,
+											content
+										}
+									}
+								};
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [snapshot && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+									className: annotations_module_css_default.sentContext,
+									"data-sidenote-progress-snapshot": true,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t("snapshotContext") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: snapshot.snapshot })]
+								}), protocol ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LegacyContext, {
+									Original,
+									props: projected,
+									protocol
+								}) : (0, react.createElement)(Original, projected)] });
+							}
+							entry.component = ContextUser;
+							patched.set(entry, {
+								original: Original,
+								wrapped: ContextUser
+							});
+						}
+					};
+					patch();
+					const off = slots.subscribe("conversation.chat.node", patch);
+					return () => {
+						off();
+						for (const [entry, value] of patched) if (entry.component === value.wrapped) entry.component = value.original;
+					};
+				});
+			});
+		}
+		//#endregion
 		//#region src/client/annotate/index.tsx
 		/**
 		* 划选注释（Delivery_02 重构后）：selection listener + numbered badges +
@@ -6816,29 +7349,21 @@ ${entries.map((entry) => {
 						store,
 						controller
 					}));
-					const offInterceptor = installSendInterceptor(ctx, store, reflow);
+					registerNativeComposer(ctx, store, reflow);
 					registerUserContext(ctx);
 					ctx.slots.inject("conversation.input.dock", () => {
-						const offAnnotations = ctx.slots.register({
+						const offContext = ctx.slots.register({
 							name: "conversation.input.dock",
 							id: "dsh-sidenote-annotations",
 							order: 10,
 							registrant: "dsh-sidenote"
-						}, createAnnotationChip(ctx, store, reflow));
-						const offReflow = ctx.slots.register({
-							name: "conversation.input.dock",
-							id: "dsh-sidenote-reflow",
-							order: 11,
-							registrant: "dsh-sidenote"
-						}, createReflowChip(reflow));
+						}, createContextChips(ctx, store, reflow));
 						hostDiagnostics(ctx).dockRegistered();
 						return () => {
-							offAnnotations();
-							offReflow();
+							offContext();
 						};
 					});
 					return () => {
-						offInterceptor();
 						controller.dispose();
 						setTimeout(() => {
 							root.unmount();