dsh-focus-overlay 0.10.0 → 0.11.0

package/lib/client.js

@@ -7,6 +7,69 @@ window.__ModuleLoader__.load({
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		//#region src/client/model.ts
+		function legacySliceOf(chatView, snap) {
+			const legacy = chatView && chatView.legacy ? chatView.legacy : null;
+			return {
+				nodes: legacy && legacy.nodes || snap && snap.nodes || [],
+				partial: legacy ? legacy.partial ?? null : snap && snap.partial || null,
+				runningCalls: legacy && legacy.runningCalls || snap && snap.runningCalls || []
+			};
+		}
+		/** The current session's pending user interaction (question / plan review /
+		*  approval) from the uiSession pending map — dsh 0.1.2 replaced the session
+		*  snapshot's flat `pending` array with this service-owned map. Null when the
+		*  map (or the interaction for this session) is absent. */
+		function pendingInteractionOf(map, sessionId) {
+			try {
+				if (map && typeof map.get === "function") return map.get(sessionId) || null;
+			} catch {}
+			return null;
+		}
+		/** Legacy pending interaction — pre-0.1.2 dsh carried a flat `pending` array
+		*  on the session snapshot, with a different carrier shape (`payload`
+		*  envelope, answers via `wait.respond({ok, value})` returning a `receipt`).
+		*  This adapter reshapes the first legacy item into the 0.1.2 carrier face the
+		*  overlay's answer card renders (kind / questions / reason / toolName) and
+		*  shims `wait.answer(...)` onto `wait.respond(...)`, throwing a rejected-
+		*  marker error when the legacy receipt says the answer was refused. Null
+		*  when nothing is pending or no legacy carrier exists. */
+		function legacyPendingOf(snap) {
+			const old = (snap && Array.isArray(snap.pending) ? snap.pending : [])[0];
+			if (!old) return null;
+			const payload = old.payload || {};
+			const kind = old.kind === "question" ? "question" : "approval";
+			const shaped = {
+				...old,
+				kind,
+				questions: Array.isArray(payload.questions) ? payload.questions : [],
+				toolName: payload.toolName,
+				reason: payload.reason ?? payload.detail,
+				approvalId: payload.approvalId
+			};
+			if (typeof old.respond === "function" && typeof old.answer !== "function") shaped.answer = (answerPayload) => Promise.resolve(old.respond(kind === "approval" ? {
+				ok: true,
+				value: {
+					sessionId: old.sessionId,
+					approvalId: payload.approvalId,
+					outcome: answerPayload
+				}
+			} : {
+				ok: true,
+				value: {
+					sessionId: old.sessionId,
+					answer: answerPayload
+				}
+			})).then((receipt) => {
+				if (receipt && receipt.accepted === false) {
+					const err = new Error(receipt.reason || "rejected");
+					err.rejected = true;
+					err.reason = receipt.reason;
+					throw err;
+				}
+				return receipt;
+			});
+			return shaped;
+		}
 		function flattenText(content) {
 			if (!content || !content.length) return "";
 			let out = "";
@@ -100,7 +163,120 @@ window.__ModuleLoader__.load({
 			for (const b of blocks || []) if (b && (b.kind === "text" || b.kind === "image")) return true;
 			return false;
 		}
-		function buildItems(nodes, runningCalls, t) {
+		/** Assemble the official TurnProcess disclosure label: "N 次工具调用 · M 条消息
+		*  · K 个 subagent", falling back to "已思考" when the segment has nothing
+		*  countable — mirroring the official `message.turnProcess.*` assembly. */
+		function processLabel(counts, t) {
+			const labels = [];
+			if (counts.tools > 0) labels.push(t("process.toolCalls", { n: counts.tools }));
+			if (counts.messages > 0) labels.push(t("process.messages", { n: counts.messages }));
+			if (counts.subagents > 0) labels.push(t("process.subagents", { n: counts.subagents }));
+			return labels.length === 0 ? t("process.thought") : labels.join(t("process.separator"));
+		}
+		function buildItems(nodes, runningCalls, t, transcriptView = "compact", stable = true) {
+			if (transcriptView === "normal") return segmentItems(nodes, runningCalls, t);
+			const buckets = [];
+			for (const n of nodes) {
+				if (!n) continue;
+				if (n.kind === "user") buckets.push([n]);
+				else if (buckets.length === 0) buckets.push([n]);
+				else buckets[buckets.length - 1].push(n);
+			}
+			if (buckets.length === 0) return segmentItems(nodes, runningCalls, t);
+			const items = [];
+			let turn = 0;
+			for (let b = 0; b < buckets.length; b++) {
+				const bucket = buckets[b];
+				const isLast = b === buckets.length - 1;
+				const head = bucket[0];
+				if (head.kind !== "user") {
+					items.push(...segmentItems(bucket, isLast ? runningCalls : [], t));
+					continue;
+				}
+				const headText = flattenText(head.content);
+				if (headText.trim() !== "") items.push({
+					kind: "user",
+					text: headText,
+					seq: head.seq
+				});
+				const body = bucket.slice(1);
+				let closingIdx = -1;
+				for (let k = body.length - 1; k >= 0; k--) {
+					const n = body[k];
+					if (n && n.kind === "assistant" && hasAssistantContent(n.blocks)) {
+						closingIdx = k;
+						break;
+					}
+				}
+				if (!(closingIdx >= 0 && closingIdx === body.length - 1 && (stable || !isLast))) {
+					items.push(...segmentItems(body, isLast ? runningCalls : [], t));
+					continue;
+				}
+				const closing = body[closingIdx];
+				let workNodes = [];
+				const flushWork = () => {
+					if (workNodes.length > 0) {
+						items.push({
+							kind: "turnProcess",
+							turn: ++turn,
+							seq: head.seq,
+							collapsed: true,
+							counts: countProcess(workNodes),
+							workItems: segmentItems(workNodes, [], t)
+						});
+						workNodes = [];
+					}
+				};
+				for (let k = 0; k < closingIdx; k++) {
+					const n = body[k];
+					if (n.kind === "steering") {
+						flushWork();
+						if (flattenText(n.content).trim() !== "") items.push({
+							kind: "steering",
+							text: flattenText(n.content),
+							seq: n.seq
+						});
+						continue;
+					}
+					workNodes.push(n);
+				}
+				flushWork();
+				items.push({
+					kind: "assistant",
+					blocks: closing.blocks,
+					seq: closing.seq,
+					turn: closing.turn,
+					step: closing.step
+				});
+			}
+			return items;
+		}
+		/** Per-turn process counts for the official disclosure label. */
+		function countProcess(workNodes) {
+			const metrics = {};
+			let assistantMessages = 0;
+			for (const n of workNodes) {
+				if (!n) continue;
+				if (n.kind === "assistant") {
+					if (hasAssistantContent(n.blocks)) assistantMessages++;
+					continue;
+				}
+				if (n.kind === "context" || n.kind === "compaction") {
+					metrics.context = (metrics.context || 0) + 1;
+					continue;
+				}
+				addMetric(metrics, n.call && n.call.name ? n.call.name : n.name || "");
+			}
+			return {
+				tools: (metrics.commands || 0) + (metrics.edits || 0) + (metrics.searches || 0) + (metrics.files || 0) + (metrics.dirs || 0) + (metrics.todos || 0) + (metrics.goals || 0) + (metrics.workflows || 0) + (metrics.skills || 0) + (metrics.questions || 0) + (metrics.plans || 0) + (metrics.jobs || 0) + (metrics.others || 0),
+				messages: (metrics.context || 0) + assistantMessages,
+				subagents: metrics.subagents || 0
+			};
+		}
+		/** The classic (pre-0.1.2) segmentation: content rows with tool/context runs
+		*  folded into metric summary lines. This IS the normal-mode presentation,
+		*  and the expanded work-part presentation in compact mode. */
+		function segmentItems(nodes, runningCalls, t) {
 			const items = [];
 			let metrics = {};
 			const flush = () => {
@@ -180,10 +356,11 @@ window.__ModuleLoader__.load({
 			return items;
 		}
 		function resolveAnchorSeq(chat, key) {
-			if (!key || !chat || !chat.nodes) return null;
+			if (!key || !chat) return null;
 			try {
-				const node = chat.nodes.get(key);
+				const node = typeof chat.get === "function" ? chat.get(key) : chat.nodes ? chat.nodes.get(key) : null;
 				if (!node) return null;
+				if (typeof node.anchorSeq === "number") return node.anchorSeq;
 				const d = node.data || node.node || node;
 				return d && typeof d.seq === "number" ? d.seq : null;
 			} catch {
@@ -197,6 +374,72 @@ window.__ModuleLoader__.load({
 			}
 			return -1;
 		}
+		/**
+		* Decide the overlay's opening scroll from the entry intent, the item list
+		* assembled so far, and the entry deadline. Pure so the decision is
+		* unit-testable at the seam the effect actually drives:
+		*
+		* - `auto` — a just-finished turn (auto-focus): open at the question that
+		*   started it (`seq` known from the turn edge, no key resolution needed).
+		* - `anchor` — a reading-position preserve: `seq` is resolved from the captured
+		*   chat anchor key by the caller (null while the node store is not resolvable
+		*   yet). The overlay scrolls to the ROW WITH THAT SEQ — never to a different
+		*   row (a regression here used to read the key-less `seq` field off anchor
+		*   entries and silently fall back to the newest message).
+		* - `lastUser` — position sync off / no anchor captured: open at the newest
+		*   user prompt.
+		*
+		* Waiting rules (the 0.1.2 chat view materializes lazily AND pages history
+		* asynchronously, so neither `items` nor the resolved seq may exist at mount):
+		* - While the history loader is still paging (`hasMore`) we wait — pages
+		*   PREPEND above any anchor, so scrolling mid-load would drift.
+		* - While the row list itself has not landed yet (`items` empty on the mount
+		*   render, before the chat-view state delivers) we wait until the entry
+		*   deadline instead of latching — latching on an empty list is what stranded
+		*   the overlay at the first message on every entry.
+		* - Once rows HAVE landed but the target row is absent (blank prompt skipped
+		*   by {@link buildItems}, steering-only session, …) the row list is final, so
+		*   we fall back immediately to the classic behaviors — no pointless wait.
+		* - A pass never reports "done" without actually scrolling somewhere.
+		*
+		* A successful target scroll carries the resolved `seq` back (the caller arms
+		* its anti-drift corrector with it); fallback scrolls carry null.
+		*/
+		function decideOpenScroll(o) {
+			if (o.hasMore) return { action: "wait" };
+			if (o.kind === "lastUser") {
+				const lastIdx = lastUserIndex(o.items);
+				if (lastIdx >= 0) return {
+					action: "scroll",
+					index: lastIdx,
+					seq: null
+				};
+				if (o.items.length === 0 && !o.deadlinePassed) return { action: "wait" };
+				return { action: "bottom" };
+			}
+			if (o.seq != null) {
+				const idx = findSeqIndex(o.items, o.seq);
+				if (idx >= 0) return {
+					action: "scroll",
+					index: idx,
+					seq: o.seq
+				};
+				if (o.items.length === 0 && !o.deadlinePassed) return { action: "wait" };
+				const lastIdx = lastUserIndex(o.items);
+				return lastIdx >= 0 ? {
+					action: "scroll",
+					index: lastIdx,
+					seq: null
+				} : { action: "bottom" };
+			}
+			if (!o.deadlinePassed) return { action: "wait" };
+			const lastIdx = lastUserIndex(o.items);
+			return lastIdx >= 0 ? {
+				action: "scroll",
+				index: lastIdx,
+				seq: null
+			} : { action: "bottom" };
+		}
 		/** Seq of the message that started the latest turn: the last `user` node, or a
 		*  `steering` node as a fallback when no user message exists (e.g. a
 		*  command-only session). Returns null when neither is present. */
@@ -216,6 +459,18 @@ window.__ModuleLoader__.load({
 			for (let i = items.length - 1; i >= 0; i--) if (items[i].kind === "user") return i;
 			return -1;
 		}
+		/** Seq of the newest prompt row (user OR steering) in an already-built focus
+		*  list — the row a just-sent message occupies once it renders. Unlike
+		*  {@link lastUserSeq} (raw nodes), this reads the rendered list, so a blank
+		*  prompt or an unsent queue entry is already filtered out. Null when no
+		*  prompt row exists. */
+		function lastPromptSeq(items) {
+			for (let i = items.length - 1; i >= 0; i--) {
+				const it = items[i];
+				if (it.kind === "user" || it.kind === "steering") return it.seq;
+			}
+			return null;
+		}
 		/**
 		* Decide whether a settled conversation snapshot (`running === false`) ends in
 		* a *normal* completed reply, and which user message started it.
@@ -315,6 +570,18 @@ window.__ModuleLoader__.load({
 			return prev;
 		}
 		/**
+		* Whether the overlay should scroll to uncover the just-sent prompt row. The
+		* send path arms the reveal only while the reader sits in the bottom zone
+		* (sending from up in history must never yank the view), and the reveal fires
+		* only once the newest prompt seq has advanced — the sent row has actually
+		* rendered; delivery can lag the click by a snapshot or two through queue
+		* adjudication. An unchanged seq (ordinary streaming snapshots, mount) or an
+		* unarmed state never scrolls.
+		*/
+		function shouldRevealSentPrompt(o) {
+			return o.armed && o.nextSeq != null && o.nextSeq !== o.prevSeq;
+		}
+		/**
 		* Index of the conversation-turn dot the nav rail should highlight, from live
 		* scroll geometry. The rail is a position indicator, so the decision is pure
 		* math over measured anchor tops (document order) plus the distance to the
@@ -576,8 +843,8 @@ window.__ModuleLoader__.load({
 		}
 		function AnswerCard(props) {
 			const { t, width, wait, onClose } = props;
-			const isQuestion = wait.kind === "question";
-			const questions = isQuestion ? wait.payload && wait.payload.questions ? wait.payload.questions : [] : [];
+			const isQuestion = !(wait.kind === "approval");
+			const questions = isQuestion && Array.isArray(wait.questions) ? wait.questions : [];
 			const [drafts, setDrafts] = (0, react.useState)({});
 			const [busy, setBusy] = (0, react.useState)(false);
 			const [error, setError] = (0, react.useState)(null);
@@ -617,17 +884,18 @@ window.__ModuleLoader__.load({
 					}
 				};
 			});
-			const respond = async (result) => {
+			const respond = async (p) => {
 				setBusy(true);
 				setError(null);
 				try {
-					const receipt = await wait.respond(result);
+					const receipt = await p;
 					if (receipt && receipt.accepted === false) {
 						setError(t("answer.rejected") + (receipt.reason ? `: ${receipt.reason}` : ""));
 						setBusy(false);
 					}
 				} catch (err) {
-					setError(err instanceof Error ? err.message : String(err));
+					const rej = err;
+					setError(rej && rej.rejected ? t("answer.rejected") + (rej.reason ? `: ${rej.reason}` : "") : err instanceof Error ? err.message : String(err));
 					setBusy(false);
 				}
 			};
@@ -636,22 +904,9 @@ window.__ModuleLoader__.load({
 					setError(t("answer.incomplete"));
 					return;
 				}
-				respond({
-					ok: true,
-					value: {
-						sessionId: wait.sessionId,
-						answer: encodeAnswer(questions, drafts)
-					}
-				});
+				respond(wait.answer(encodeAnswer(questions, drafts)));
 			};
-			const decide = (outcome) => respond({
-				ok: true,
-				value: {
-					sessionId: wait.sessionId,
-					approvalId: wait.payload.approvalId,
-					outcome
-				}
-			});
+			const decide = (outcome) => respond(wait.answer(outcome));
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "fm-card" + (isQuestion ? "" : " fm-card-approval"),
 				style: { maxWidth: Math.min(width, 748) },
@@ -738,12 +993,12 @@ window.__ModuleLoader__.load({
 							}, q.id);
 						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "fm-card-q",
-							children: [wait.payload && wait.payload.reason ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							children: [wait.reason ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "fm-card-q-text",
-								children: wait.payload.reason
-							}) : null, wait.payload && wait.payload.toolName ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								children: wait.reason
+							}) : null, wait.toolName ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "fm-card-detail",
-								children: wait.payload.toolName
+								children: wait.toolName
 							}) : null]
 						})
 					}),
@@ -884,47 +1139,560 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region src/client/FocusView.tsx
-		let focusOn = false;
-		let pendingAnchorKey = null;
-		let pendingAutoSeq = null;
-		let donePing = 0;
-		const focusListeners = [];
-		const notify = () => {
-			for (const l of focusListeners) l();
+		//#region src/client/styles.ts
+		/** Package-owned stylesheet text (injected by the client apply, cleaned up on unload). */
+		const FOCUS_CSS = `
+.fm-overlay{position:fixed;inset:0;z-index:2147483000;background:var(--dsw-alias-bg-base,#fff);color:var(--dsw-alias-label-primary,#1a1a1a);display:flex;flex-direction:column;pointer-events:auto;font-family:var(--dsw-font-family,sans-serif);outline:none}
+.fm-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.12));flex:0 0 auto}
+.fm-title{font-size:calc(14px + var(--dsh-content-font-delta,0px));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.fm-body-wrap{position:relative;flex:1 1 auto;display:flex;min-height:0}
+.fm-body{flex:1 1 auto;min-width:0;overflow-y:auto;padding:28px 28px 110px}
+.fm-inner{max-width:760px;margin:0 auto}
+.fm-msg{margin:0}
+.fm-user-msg{margin:0}
+.fm-inner>*{margin:var(--dsh-chat-flow-gap,16px) 0 0}
+.fm-inner>*:first-child{margin-top:0}
+.fm-user{background:var(--dsw-specific-bubble,#eaf2ff);color:var(--dsw-alias-label-primary,#1a1a1a);font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px));white-space:pre-wrap;word-break:break-word;border-radius:22px;padding:10px 16px;max-width:min(calc(var(--fm-content-width,748px) * .702),82%);margin-left:auto}
+.fm-steering{opacity:.85}
+.fm-assistant{word-break:break-word;font:var(--dsw-font-markdown-base,400 var(--dsh-content-font-size,14px)/calc(24px + var(--dsh-content-font-delta,0px)) var(--dsw-font-family,sans-serif))}
+.fm-image{max-width:100%;border-radius:8px;margin:8px 0}
+/* Classic process fold (normal mode, and the expanded work-part rows in
+   compact): centered, muted, secondary typography. */
+.fm-hidden{text-align:center;color:var(--dsw-alias-label-secondary,#888);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));padding:2px 0;user-select:none}
+/* Turn process disclosure (compact 对话显示) — replica of the official
+   TurnProcessNodeView row: 33px button, bottom hairline, chevron that
+   rotates from -90deg to 0 when open, 8px breathing room when closed. */
+.fm-process-root{box-sizing:border-box;border:none;border-bottom:.5px solid var(--dsw-alias-border-l2);width:100%;min-width:0;height:33px;color:var(--dsw-alias-label-secondary);cursor:pointer;text-align:left;background:0 0;align-items:center;padding:0 0 8px;display:flex;font:inherit}
+.fm-process-root:not([data-open]){margin-bottom:8px}
+.fm-process-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;line-height:24px;overflow:hidden}
+.fm-process-chevron{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;margin-left:6px;transition:transform .1s;transform:rotate(-90deg)}
+.fm-process-root[data-open] .fm-process-chevron{transform:rotate(0)}
+@media (prefers-reduced-motion:reduce){.fm-process-chevron{transition:none}}
+.fm-error{color:var(--dsw-alias-state-error-primary,#d23);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));white-space:pre-wrap}
+/* "正在工作" live line — the shimmer is a 1:1 replica of the official
+   generating indicator in dsh-client-ui-conversation (the "Deep Diving"
+   turn-status): brand-blue text (--dsw-static-deepseek-500) with a light
+   highlight (--dsw-static-deepseek-200) sweeping through — gradient stops
+   0/40/50/60/100 on a 250% tile, background-position 100%→0, 1.8s linear,
+   font --dsw-font-s-strong-14 (500 14px/22px). The official class name
+   (Md3f7G_turnStatus) is a per-build CSS-modules hash, so reusing it would
+   break silently on dsh updates — the declarations are copied verbatim onto
+   our own class using the same theme tokens instead. The flanking short
+   dashes are part of the same shimmer span, so the sweep covers dashes and
+   label as one unit. Fallbacks: no background-clip:text → secondary gray
+   label; prefers-reduced-motion → animation off, label stays solid
+   deepseek-500 (the official base color). */
+.fm-running{text-align:center;user-select:none;animation:fm-up .18s ease}
+.fm-running-text{color:var(--dsw-alias-label-secondary,#888);font:500 var(--dsh-content-font-size,14px)/calc(22px + var(--dsh-content-font-delta,0px)) var(--dsw-font-family,sans-serif);white-space:nowrap}
+/* Dashes: separate spans with fixed margins instead of space characters — in
+   CJK/Latin mixed runs the browser itemizes the two U+0020 spaces into
+   different fonts (one Latin-narrow, one Han-wide), and the Han font's en
+   dash glyph is left-biased, which made the two gaps visually unequal. The
+   forced Latin-first stack renders a symmetric en dash; margins are exact. */
+.fm-running-dash{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;margin:0 8px}
+@supports ((-webkit-background-clip:text) or (background-clip:text)){
+.fm-running-text{background:linear-gradient(90deg,var(--dsw-static-deepseek-500,#4176e6) 0%,var(--dsw-static-deepseek-500,#4176e6) 40%,var(--dsw-static-deepseek-200,#d3e2ff) 50%,var(--dsw-static-deepseek-500,#4176e6) 60%,var(--dsw-static-deepseek-500,#4176e6) 100%);color:#0000;-webkit-text-fill-color:transparent;background-position:100% 0;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:fm-sweep 1.8s linear infinite}
+}
+@keyframes fm-sweep{to{background-position:0 0}}
+@media (prefers-reduced-motion:reduce){.fm-running{animation:none}.fm-running-text{background:0 0;color:var(--dsw-static-deepseek-500,#4176e6);-webkit-text-fill-color:currentColor;animation:none}}
+.fm-empty{color:var(--dsw-alias-label-secondary,#888);padding:48px 16px;text-align:center}
+.fm-reply-toast{position:absolute;left:50%;transform:translateX(-50%);bottom:84px;z-index:2;display:flex;align-items:center;gap:10px;background:var(--dsw-alias-bg-overlay,#fff);color:var(--dsw-alias-label-primary,#1a1a1a);border:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.12));border-radius:100px;padding:8px 8px 8px 16px;box-shadow:var(--dsw-shadow-lv2,0 4px 16px rgba(0,0,0,.12));font-size:var(--dsh-content-font-size-secondary,13px)}
+.fm-reply-toast-dot{width:8px;height:8px;border-radius:999px;background:var(--dsw-static-deepseek-500,#4176e6);flex:0 0 auto}
+.fm-reply-toast-text{white-space:nowrap}
+/* ---- bottom dock: bar / pill / jump-to-bottom / answer card ----
+   Visual language mirrors the official composer cards token-for-token
+   (ui-conversation InputBar/QuestionComposer, ui-user-questions
+   PlanReviewPanel): --dsw-specific-input-major surfaces, 20–22px radii,
+   --dsw-shadow-lv2, the 34px round info-fill primary button, interactive-
+   hover option tinting. */
+.fm-dock{position:absolute;left:50%;transform:translateX(-50%);bottom:18px;z-index:3;width:calc(100% - 96px);display:flex;justify-content:center;pointer-events:none}
+.fm-dock>*{pointer-events:auto;animation:fm-up .18s ease}
+.fm-bar{box-sizing:border-box;width:100%;background:var(--dsw-specific-input-major,#fff);color:var(--dsw-alias-label-primary,#1a1a1a);border:1px solid var(--dsw-alias-border-l2-darkmode-thin,rgba(0,0,0,.12));box-shadow:var(--dsw-shadow-lv2,0 4px 16px rgba(0,0,0,.12));border-radius:22px;padding-top:10px;display:flex;flex-direction:column;font-size:calc(var(--dsh-content-font-size,14px) + 2px);line-height:calc(24px + var(--dsh-content-font-delta,0px))}
+.fm-bar-row{display:flex;align-items:flex-end;gap:12px;min-width:0;padding:2px 8px 6px}
+/* flex-end anchors the send button to the row's bottom edge, so a multi-line
+   draft grows the textarea upward and the button's distance to the bar's
+   bottom-right corner never moves. */
+.fm-bar-text{flex:1 1 auto;min-height:28px;max-height:120px;resize:none;color:inherit;caret-color:var(--dsw-alias-state-business-primary,var(--dsw-static-deepseek-500,#4176e6));background:0 0;border:none;outline:none;font:inherit;font-size:inherit;line-height:inherit;padding:4px 12px 0 16px}
+.fm-bar-text::placeholder{color:var(--dsw-alias-label-caption,#999);user-select:none}
+.fm-bar-note{margin:4px 12px 0;border-radius:8px;padding:4px 8px;font-size:12px;line-height:18px;background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.05));color:var(--dsw-alias-label-secondary,#888)}
+.fm-bar-note-error{color:var(--dsw-alias-state-error-primary,#d23);word-break:break-word}
+.fm-bar-queue{flex:0 0 auto;font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary,#888);background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.05));border-radius:999px;padding:2px 10px;margin-bottom:7px;white-space:nowrap}
+.fm-bar-send{width:34px;height:34px;display:grid;place-items:center;flex:none;cursor:pointer;border:none;border-radius:999px;background:var(--dsw-alias-button-info-fill,#4176e6);color:#fff;transform:translateY(-2px);transition:background-color .1s;padding:0}
+.fm-bar-send:hover:not(:disabled){background:var(--dsw-alias-button-info-hover,#3560c4)}
+.fm-bar-send:disabled{opacity:.4;cursor:default}
+.fm-pill{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2-darkmode-thin,rgba(0,0,0,.12));background:var(--dsw-specific-input-major,#fff);color:var(--dsw-alias-label-secondary,#666);cursor:pointer;box-shadow:var(--dsw-shadow-lv2,0 4px 16px rgba(0,0,0,.12));transition:color .12s;padding:0}
+.fm-pill:hover{color:var(--dsw-alias-label-primary,#1a1a1a)}
+.fm-pill-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:999px;background:var(--dsw-alias-state-business-primary,var(--dsw-static-deepseek-500,#4176e6))}
+.fm-card{box-sizing:border-box;width:100%;background:var(--dsw-specific-input-major,#fff);color:var(--dsw-alias-label-primary,#1a1a1a);border:1px solid var(--dsw-alias-border-l2-darkmode-thin,rgba(0,0,0,.12));box-shadow:var(--dsw-shadow-lv2,0 4px 16px rgba(0,0,0,.12));border-radius:20px;display:flex;flex-direction:column;max-height:min(60vh,520px);overflow:hidden;--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2)}
+.fm-card *{box-sizing:border-box}
+.fm-card-approval{border-color:var(--dsw-alias-state-warn-secondary,#e6a23c)}
+.fm-card-head{flex:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 16px 0 24px}
+.fm-card-approval .fm-card-head{background:var(--dsw-alias-state-warn-tertiary,rgba(230,162,60,.12));color:var(--dsw-alias-state-warn-primary,#9a6b12);align-items:center;padding:10px 16px}
+.fm-card-heading{min-width:0}
+.fm-card-eyebrow{color:var(--dsw-alias-label-tertiary,#999);margin:0 0 5px;font-size:11px;line-height:16px}
+.fm-card-title{margin:0;font-size:16px;font-weight:500;line-height:22px}
+.fm-card-strip-title{font-size:13px;line-height:18px;flex:1;min-width:0}
+.fm-card-dot{background:var(--dsw-alias-state-warn-primary,#9a6b12);border-radius:50%;width:8px;height:8px;flex:none}
+.fm-card-close{width:24px;height:24px;display:grid;place-items:center;flex:none;cursor:pointer;border:none;border-radius:999px;background:0 0;color:var(--dsw-alias-label-tertiary,#999);padding:0}
+.fm-card-close:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.06));color:var(--dsw-alias-label-primary,#1a1a1a)}
+.fm-card-approval .fm-card-close,.fm-card-approval .fm-card-close:hover:not(:disabled){color:inherit}
+.fm-card-body{overscroll-behavior:contain;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:8px;font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px))}
+.fm-card-q{display:flex;flex-direction:column}
+.fm-card-q-text{margin:0 2px 8px;padding:0 22px;white-space:pre-wrap;word-break:break-word;font-size:calc(var(--dsh-content-font-size,14px) + 2px);font-weight:500;line-height:calc(22px + var(--dsh-content-font-delta,0px))}
+.fm-card-detail{color:var(--dsw-alias-label-secondary,#888);margin:0 2px 8px;padding:0 22px;font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px))}
+.fm-card-opts{display:flex;flex-direction:column;gap:1px;margin:8px 0 0;padding:4px 12px}
+.fm-opt{width:100%;min-height:40px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-shrink:0;display:flex;align-items:flex-start;gap:8px;padding:8px 12px 8px 8px;transition:background-color .12s,border-color .12s;font:inherit}
+.fm-opt:hover:not(:disabled),.fm-opt-on{background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.06))}
+.fm-opt-on{border-color:var(--dsw-alias-border-l2,rgba(0,0,0,.18))}
+.fm-opt-num{background:var(--dsw-alias-bg-overlay,#fff);width:20px;height:20px;color:var(--dsw-alias-label-secondary,#888);border-radius:6px;flex:0 0 20px;display:grid;place-items:center;margin-top:2px;font-size:12px;font-weight:500;line-height:18px}
+.fm-opt-check{flex:0 0 20px;width:20px;height:20px;margin-top:2px;display:grid;place-items:center;position:relative;color:var(--dsw-alias-label-primary-foreground,#fff)}
+.fm-opt-check::before{content:'';border:1px solid var(--dsw-alias-border-l4,rgba(0,0,0,.25));border-radius:4px;width:14px;height:14px;grid-area:1/1;transition:background-color .12s,border-color .12s}
+.fm-opt-check-on::before{border-color:var(--dsw-alias-label-primary,#1a1a1a);background:var(--dsw-alias-label-primary,#1a1a1a)}
+.fm-opt-check>*{grid-area:1/1}
+.fm-opt-copy{flex:1;min-width:0}
+.fm-opt-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
+.fm-opt-label{font-size:var(--dsh-content-font-size,14px);font-weight:500;line-height:calc(24px + var(--dsh-content-font-delta,0px));word-break:break-word}
+.fm-opt-badge{background:var(--dsw-specific-sidebar-nav-item-active-accent,rgba(65,118,230,.12));color:var(--dsw-alias-button-info-fill,#4176e6);border-radius:6px;padding:0 4px;font-size:11px;font-weight:600;line-height:18px}
+.fm-opt-desc{color:var(--dsw-alias-label-tertiary,#999);font-size:var(--dsh-content-font-size,14px);line-height:calc(24px + var(--dsh-content-font-delta,0px));word-break:break-word}
+.fm-card-custom{margin:0 12px;border:1px solid #0000;border-radius:12px;flex-shrink:0;display:flex;align-items:center;min-height:40px;padding:8px 12px;transition:background-color .12s,border-color .12s}
+.fm-card-custom:hover,.fm-card-custom:focus-within{background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.06))}
+.fm-card-custom:focus-within{border-color:var(--dsw-alias-border-l2,rgba(0,0,0,.18))}
+.fm-card-field{min-width:0;width:100%;border:none;outline:none;background:0 0;color:inherit;font:inherit;font-size:var(--dsh-content-font-size,14px);line-height:calc(24px + var(--dsh-content-font-delta,0px));padding:0}
+.fm-card-field::placeholder{color:var(--dsw-alias-label-caption,#999)}
+.fm-card-foot{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px 12px}
+.fm-card-err{flex:1 1 auto;min-height:16px;color:var(--dsw-alias-state-error-primary,#d23);font-size:11px;line-height:16px;word-break:break-word}
+.fm-card-actions{display:flex;align-items:center;gap:8px;flex:none}
+@keyframes fm-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
+.fm-plugin-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}
+.fm-plugin-card:hover{border-color:var(--dsw-alias-label-dimmed)}
+.fm-plugin-card-open{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}
+.fm-plugin-card-header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}
+.fm-plugin-card-header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}
+.fm-plugin-card-headtext{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}
+.fm-plugin-card-name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}
+.fm-plugin-card-desc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}
+.fm-plugin-card-chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}
+.fm-plugin-card-chevron-open{transform:rotate(180deg)}
+.fm-plugin-card-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:12px}
+.fm-plugin-field{flex-direction:column;gap:6px;padding:12px 0;display:flex}
+.fm-plugin-field+.fm-plugin-field{border-top:1px solid var(--dsw-alias-border-l2)}
+.fm-plugin-field-head{align-items:center;gap:8px;display:flex}
+.fm-plugin-field-label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}
+.fm-plugin-field-value{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}
+.fm-plugin-field-hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}
+.fm-plugin-check{align-items:center;gap:8px;display:flex;cursor:pointer;user-select:none}
+.fm-plugin-check input[type="checkbox"]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--dsw-static-deepseek-500,#4176e6)}
+.fm-plugin-check-label{color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.5}
+.fm-plugin-range{width:100%;max-width:280px;cursor:pointer;accent-color:var(--dsw-static-deepseek-500,#4176e6)}
+/* DSH-better-sidebar compatibility: its panel host (top-right toggle cluster +
+   right/bottom panels) is appended to document.body at z-index 40/45, above
+   shell.overlay's z-20 layer, so this overlay cannot cover it. Hide the host
+   while focus is on, and neutralize the #root layout push it applies when its
+   panels are open. Selectors mirror better-sidebar's own layout.css exactly. */
+body[data-fm-focus] [data-dsh-panel-host]{display:none!important}
+body[data-fm-focus] #root{margin-right:0!important;width:100%!important}
+body[data-fm-focus] #root [data-dsh-frame] > [data-pane="conversation"],
+body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!important}
+/* First-run onboarding (settings.onboarding step) — content inside the official
+   Modal primitive; the primitive owns the mask/dialog chrome, these style our body. */
+.fm-onboard{width:min(600px,100%);padding:0}
+.fm-onboard-content{box-sizing:border-box;flex-direction:column;max-height:calc(100vh - 48px);padding:28px;display:flex;overflow-y:auto}
+.fm-onboard-title{color:var(--dsw-alias-label-primary);outline:none;margin:0;font-size:20px;font-weight:500;line-height:28px}
+.fm-onboard-intro{color:var(--dsw-alias-label-secondary);margin:8px 0 0;font-size:14px;line-height:22px}
+.fm-onboard-subtitle{color:var(--dsw-alias-label-primary);margin:20px 0 8px;font-size:14px;font-weight:600;line-height:22px}
+.fm-onboard-features{margin:0;padding:0 0 0 18px;list-style:disc;display:flex;flex-direction:column;gap:6px;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:20px}
+.fm-onboard-note{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:18px}
+.fm-onboard-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
+@media (width<=560px){.fm-onboard-content{padding:24px}}
+`;
+		const injectedStyles = /* @__PURE__ */ new Map();
+		/** Inject a named package stylesheet once and return a dispose function. The
+		*  map keeps duplicates out across mount/unmount cycles; the dispose removes
+		*  the element so plugin unload (or the component's effect cleanup) never
+		*  leaks <style> nodes. */
+		function injectStyle(id, css) {
+			if (typeof document === "undefined") return () => {};
+			let el = injectedStyles.get(id);
+			if (!el) {
+				el = document.createElement("style");
+				el.setAttribute("data-plugin", "dsh-focus-overlay");
+				el.setAttribute("data-fm-style", id);
+				el.textContent = css;
+				document.head.appendChild(el);
+				injectedStyles.set(id, el);
+			}
+			const node = el;
+			return () => {
+				node.remove();
+				injectedStyles.delete(id);
+			};
+		}
+		//#endregion
+		//#region src/client/TurnRail.tsx
+		/**
+		* TurnRail — a 1:1 replica of the official dsh-client-ui-chat TurnNavigator
+		* (the conversation view's right-side turn rail), rebuilt for the focus
+		* overlay because the official component is internal to the chat view module
+		* and not reachable through any runtime module id. Markup, geometry, styling,
+		* and motion mirror the official `TurnNavigator.module.css` + `TurnNavigator.js`:
+		*
+		* - fixed pitch between marks (TURN_SPACING_PX), rail insets, 24px scroll
+		*   fade bands via mask-image gradients at each scrollable end;
+		* - the frame is vertically centered over the reading band, its height
+		*   clamped to `min(natural, band - 64px, 420px)` like the official frame;
+		* - a hover/focus preview card (1-line prompt + 3-line response) that maps
+		*   the pointer's Y to the nearest mark — including while the inner scroller
+		*   has scrolled — and clamps itself inside the rail band;
+		* - the active mark keeps itself in view while the pointer is elsewhere;
+		* - enter/pulse keyframes and the prefers-reduced-motion opt-out.
+		*
+		* Differences imposed by the overlay context: every mark is "loaded" (the
+		* overlay pages the full history in on open, so there are no unloaded marks
+		* to render), and navigation scrolls the overlay's own scrollport instead of
+		* the conversation view's DOM anchor.
+		*/
+		/** Fixed pitch between neighbouring marks; overflow scrolls inside the frame. */
+		const TURN_SPACING_PX = 10;
+		/** Rail padding above the first mark and below the last one, per end. */
+		const RAIL_INSET_PX = 6;
+		/** Fade band the mask reserves at a scrollable end. */
+		const FADE_PX = 24;
+		const RAIL_CSS = `
+.fm-rail-slot{position:absolute;inset:0;pointer-events:none;z-index:2}
+.fm-rail{--turn-rail-band:calc(var(--dsh-conversation-viewport-height,100dvh) - var(--dsh-composer-height,152px));--turn-preview-height:100px;top:calc(var(--turn-rail-band) / 2);right:12px;width:28px;height:min(var(--turn-natural-height),max(0px,calc(var(--turn-rail-band) - 64px)),420px);cursor:pointer;pointer-events:auto;transition:height .22s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translateY(-50%)}
+.fm-rail-scroller{overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow-y:auto}
+.fm-rail-scroller::-webkit-scrollbar{display:none}
+.fm-rail-fade-top{mask-image:linear-gradient(#0000 0,#000 24px 100%)}
+.fm-rail-fade-bottom{mask-image:linear-gradient(#000 0 calc(100% - 24px),#0000 100%)}
+.fm-rail-fade-top.fm-rail-fade-bottom{mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%)}
+.fm-rail-marks{height:var(--turn-natural-height);position:relative}
+.fm-rail-mark-position{top:calc(var(--turn-natural-position) + var(--turn-rail-inset));height:10px;transition:top .22s cubic-bezier(.2,.8,.2,1);animation:.15s ease-out fm-turn-mark-enter;position:absolute;left:0;right:0;transform:translateY(-50%)}
+.fm-rail-mark{cursor:pointer;pointer-events:none;background:0 0;border:0;border-radius:8px;width:20px;padding:0;position:absolute;inset:0 0 0 auto}
+.fm-rail-mark:before{background:var(--dsw-alias-border-l4);content:"";border-radius:2px;width:12px;height:2px;transition:width .14s,background-color .14s;position:absolute;top:50%;right:0;transform:translateY(-50%)}
+.fm-rail-mark-preview:before{background:var(--dsw-alias-label-tertiary);width:18px}
+.fm-rail-mark-active:before{background:var(--dsw-alias-label-primary);width:20px}
+.fm-rail-mark:focus-visible:before{background:var(--dsw-alias-state-business-primary);width:20px}
+.fm-rail-mark:focus-visible{outline:1px solid var(--dsw-alias-state-business-primary);outline-offset:2px}
+.fm-rail-preview{top:clamp(0px,calc(var(--turn-natural-position) + var(--turn-rail-inset) - var(--turn-scroll-top,0px) - var(--turn-preview-height) / 2),calc(100% - var(--turn-preview-height)));box-sizing:border-box;width:min(300px,100cqw - 120px);max-height:var(--turn-preview-height);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);box-shadow:var(--dsw-elevation-panel,0 4px 16px rgba(0,0,0,.12));pointer-events:none;border:0;border-radius:10px;padding:10px 12px;transition:top .14s cubic-bezier(.2,.8,.2,1);animation:.12s ease-out fm-turn-preview-enter;position:absolute;right:calc(100% + 10px);overflow:hidden}
+.fm-rail-preview-prompt,.fm-rail-preview-response{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
+.fm-rail-preview-prompt{font:var(--dsw-font-xs-strong-13,600 13px/18px var(--dsw-font-family,sans-serif));-webkit-line-clamp:1}
+.fm-rail-preview-response{color:var(--dsw-alias-label-caption);font:var(--dsw-font-xxs-12,400 12px/18px var(--dsw-font-family,sans-serif));-webkit-line-clamp:3;margin-top:4px}
+@keyframes fm-turn-mark-enter{0%{opacity:0}to{opacity:1}}
+@keyframes fm-turn-preview-enter{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}
+@media (prefers-reduced-motion:reduce){.fm-rail,.fm-rail-scroller,.fm-rail-mark-position,.fm-rail-mark:before,.fm-rail-preview{scroll-behavior:auto;transition:none;animation:none}}
+`;
+		function itemPosition(index) {
+			return { "--turn-natural-position": `${index * TURN_SPACING_PX}px` };
+		}
+		function frameStyle(count, scrollTop) {
+			return {
+				"--turn-natural-height": `${(count - 1) * TURN_SPACING_PX + 2 * RAIL_INSET_PX}px`,
+				"--turn-rail-inset": `${RAIL_INSET_PX}px`,
+				"--turn-scroll-top": `${scrollTop}px`
+			};
+		}
+		function itemAtPointer(items, frame, scrollTop, clientY) {
+			const offset = clientY - frame.getBoundingClientRect().top + scrollTop - RAIL_INSET_PX;
+			return items[Math.max(0, Math.min(items.length - 1, Math.round(offset / TURN_SPACING_PX)))];
+		}
+		const RAIL_AT_REST = {
+			top: 0,
+			canScrollUp: false,
+			canScrollDown: false
 		};
-		const focusStore = {
-			get: () => focusOn,
-			set: (v) => {
-				focusOn = !!v;
-				notify();
-			},
-			subscribe: (l) => {
-				focusListeners.push(l);
+		function railScrollState(scroller) {
+			const top = scroller.scrollTop;
+			return {
+				top,
+				canScrollUp: top > 1,
+				canScrollDown: top < scroller.scrollHeight - scroller.clientHeight - 1
+			};
+		}
+		function sameRailScrollState(left, right) {
+			return left.top === right.top && left.canScrollUp === right.canScrollUp && left.canScrollDown === right.canScrollDown;
+		}
+		function TurnRail(props) {
+			const { items, activeTurn, onNavigate, label, jumpLabel, turnLabel } = props;
+			const [previewTurn, setPreviewTurn] = (0, react.useState)(null);
+			const [scrollState, setScrollState] = (0, react.useState)(RAIL_AT_REST);
+			const scrollerRef = (0, react.useRef)(null);
+			const pointerInsideRef = (0, react.useRef)(false);
+			const previewId = (0, react.useId)();
+			(0, react.useEffect)(() => injectStyle("fm-turn-rail", RAIL_CSS), []);
+			const syncScrollState = () => {
+				const scroller = scrollerRef.current;
+				if (scroller === null) return;
+				const next = railScrollState(scroller);
+				setScrollState((current) => sameRailScrollState(current, next) ? current : next);
+			};
+			(0, react.useEffect)(() => {
+				const scroller = scrollerRef.current;
+				if (scroller === null || typeof ResizeObserver === "undefined") return;
+				const observer = new ResizeObserver(syncScrollState);
+				observer.observe(scroller);
 				return () => {
-					const i = focusListeners.indexOf(l);
-					if (i >= 0) focusListeners.splice(i, 1);
+					observer.disconnect();
 				};
-			},
-			captureChatAnchor: () => {
-				pendingAnchorKey = null;
-				try {
-					const scrollport = document.querySelector("[data-conversation-scroll]");
-					if (!scrollport) return;
-					const vp = scrollport.getBoundingClientRect();
-					const rows = scrollport.querySelectorAll("[data-chat-flow-kind=\"user\"], [data-chat-flow-kind=\"steering\"]");
-					for (const row of rows) if (row.getBoundingClientRect().bottom > vp.top + 8) {
-						pendingAnchorKey = row.dataset.chatAnchorKey || null;
-						return;
-					}
-				} catch {}
-			},
-			consumeAnchorKey: () => {
-				const k = pendingAnchorKey;
-				pendingAnchorKey = null;
-				return k;
-			},
-			setAutoAnchor: (seq) => {
+			}, []);
+			(0, react.useEffect)(() => {
+				syncScrollState();
+			}, [items.length]);
+			(0, react.useEffect)(() => {
+				const scroller = scrollerRef.current;
+				const index = items.findIndex((item) => item.turn === activeTurn);
+				if (scroller === null || index < 0 || pointerInsideRef.current) return;
+				const markTop = index * TURN_SPACING_PX + RAIL_INSET_PX;
+				const viewTop = scroller.scrollTop;
+				const viewHeight = scroller.clientHeight;
+				if (viewHeight <= 0 || markTop >= viewTop + FADE_PX && markTop <= viewTop + viewHeight - FADE_PX) return;
+				const target = Math.max(0, markTop - viewHeight / 2);
+				const reduced = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+				if (typeof scroller.scrollTo === "function") scroller.scrollTo({
+					top: target,
+					behavior: reduced ? "auto" : "smooth"
+				});
+				else scroller.scrollTop = target;
+				syncScrollState();
+			}, [activeTurn, items]);
+			if (items.length < 2) return null;
+			const previewIndex = items.findIndex((item) => item.turn === previewTurn);
+			const preview = previewIndex < 0 ? void 0 : items[previewIndex];
+			const previewPosition = previewIndex < 0 ? void 0 : itemPosition(previewIndex);
+			const previewAtPointer = (event) => {
+				const scrollTop = scrollerRef.current ? scrollerRef.current.scrollTop : 0;
+				const item = itemAtPointer(items, event.currentTarget, scrollTop, event.clientY);
+				setPreviewTurn(item ? item.turn : null);
+			};
+			const navigateAtPointer = (event) => {
+				const scrollTop = scrollerRef.current ? scrollerRef.current.scrollTop : 0;
+				const item = itemAtPointer(items, event.currentTarget, scrollTop, event.clientY);
+				if (item !== void 0) onNavigate(item);
+			};
+			const fadeClasses = ["fm-rail-scroller"];
+			if (scrollState.canScrollUp) fadeClasses.push("fm-rail-fade-top");
+			if (scrollState.canScrollDown) fadeClasses.push("fm-rail-fade-bottom");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "fm-rail-slot",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
+					className: "fm-rail",
+					style: frameStyle(items.length, scrollState.top),
+					"aria-label": label,
+					onClick: navigateAtPointer,
+					onPointerMove: previewAtPointer,
+					onPointerEnter: () => {
+						pointerInsideRef.current = true;
+					},
+					onPointerLeave: () => {
+						pointerInsideRef.current = false;
+						setPreviewTurn(null);
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						ref: scrollerRef,
+						className: fadeClasses.join(" "),
+						onScroll: () => {
+							syncScrollState();
+						},
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "fm-rail-marks",
+							children: items.map((item, index) => {
+								const active = item.turn === activeTurn;
+								const showingPreview = item.turn === previewTurn;
+								const classes = ["fm-rail-mark"];
+								if (active) classes.push("fm-rail-mark-active");
+								else if (showingPreview) classes.push("fm-rail-mark-preview");
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "fm-rail-mark-position",
+									style: itemPosition(index),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: classes.join(" "),
+										"aria-label": jumpLabel(item.turn),
+										"aria-current": active ? "true" : void 0,
+										"aria-describedby": showingPreview ? previewId : void 0,
+										onClick: (event) => {
+											event.stopPropagation();
+											onNavigate(item);
+										},
+										onFocus: () => {
+											setPreviewTurn(item.turn);
+										},
+										onBlur: () => {
+											setPreviewTurn(null);
+										}
+									})
+								}, item.turn);
+							})
+						})
+					}), preview !== void 0 && previewPosition !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						id: previewId,
+						role: "tooltip",
+						className: "fm-rail-preview",
+						style: previewPosition,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "fm-rail-preview-prompt",
+							children: preview.prompt || turnLabel(preview.turn)
+						}), preview.response !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "fm-rail-preview-response",
+							children: preview.response
+						}) : null]
+					}) : null]
+				})
+			});
+		}
+		//#endregion
+		//#region src/client/WidthHandle.tsx
+		/**
+		* WidthHandle — a 1:1 replica of the official dsh-client-ui-conversation
+		* transcript width handle (the drag strip beside the content column), rebuilt
+		* for the focus overlay because the official component is internal to the
+		* conversation module and not reachable through any runtime module id.
+		*
+		* Interaction model mirrors the official `WidthHandle` exactly:
+		* - pointer capture on the strip; both sides write the ONE centered width, so
+		*   outward travel widens by 2× the pointer distance;
+		* - rAF-throttled drag updates (live resize while the pointer moves);
+		* - pointermove publishes the pointer's Y as a CSS variable so the glow
+		*   indicator rides it (48px falloff gradient, 3px core line);
+		* - commit on release (only when the pointer actually moved), cancel on
+		*   pointer cancel / lost capture.
+		*
+		* Clamping constants mirror the official `resolveContentWidth`: a 640px floor
+		* and a 176px edge budget per viewport (88px per side keeps the handles
+		* placeable — a wider column would push its own handles off-screen).
+		*/
+		const HANDLE_CSS = `
+.fm-width-handles{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}
+.fm-width-handle{z-index:8;width:min(40px,calc((100% - var(--fm-content-width,748px)) / 2 - 24px - 24px));cursor:col-resize;pointer-events:auto;position:absolute;top:0;bottom:0}
+.fm-width-handle[data-side=left]{right:calc(50% + var(--fm-content-width,748px) / 2 + 24px)}
+.fm-width-handle[data-side=right]{left:calc(50% + var(--fm-content-width,748px) / 2 + 24px)}
+.fm-width-handle:after{content:"";background:linear-gradient(to bottom,transparent calc(var(--dsh-width-handle-pointer-y,50%) - 52px),var(--dsw-alias-scrollbar-hover-l1,rgba(0,0,0,.18)) calc(var(--dsh-width-handle-pointer-y,50%) - 12px),var(--dsw-alias-scrollbar-hover-l1,rgba(0,0,0,.18)) calc(var(--dsh-width-handle-pointer-y,50%) + 12px),transparent calc(var(--dsh-width-handle-pointer-y,50%) + 52px));opacity:0;pointer-events:none;border-radius:3px;width:3px;position:absolute;top:0;bottom:0}
+.fm-width-handle[data-side=left]:after{right:16px}
+.fm-width-handle[data-side=right]:after{left:16px}
+.fm-width-handle:hover:after,.fm-width-handle[data-dragging]:after{opacity:1}
+@media (prefers-reduced-motion:reduce){.fm-width-handle:after{transition:none}}
+`;
+		function WidthHandle(props) {
+			const [dragging, setDragging] = (0, react.useState)(false);
+			const base = (0, react.useRef)(0);
+			const origin = (0, react.useRef)(0);
+			const latest = (0, react.useRef)(0);
+			const frame = (0, react.useRef)(null);
+			const callbacks = (0, react.useRef)(props);
+			callbacks.current = props;
+			const outwardWidth = () => {
+				const dx = latest.current - origin.current;
+				const outward = callbacks.current.side === "right" ? dx : -dx;
+				return base.current + outward * 2;
+			};
+			const cancelFrame = () => {
+				if (frame.current !== null) {
+					cancelAnimationFrame(frame.current);
+					frame.current = null;
+				}
+			};
+			const onPointerDown = (0, react.useCallback)((e) => {
+				e.preventDefault();
+				e.currentTarget.setPointerCapture(e.pointerId);
+				origin.current = e.clientX;
+				latest.current = e.clientX;
+				base.current = callbacks.current.onStart();
+				setDragging(true);
+			}, []);
+			const onPointerMove = (0, react.useCallback)((e) => {
+				const box = e.currentTarget.getBoundingClientRect();
+				e.currentTarget.style.setProperty("--dsh-width-handle-pointer-y", `${e.clientY - box.top}px`);
+				if (!e.currentTarget.hasPointerCapture(e.pointerId)) return;
+				latest.current = e.clientX;
+				frame.current ??= requestAnimationFrame(() => {
+					frame.current = null;
+					callbacks.current.onDrag(outwardWidth());
+				});
+			}, []);
+			const onPointerUp = (0, react.useCallback)((e) => {
+				if (!e.currentTarget.hasPointerCapture(e.pointerId)) return;
+				e.currentTarget.releasePointerCapture(e.pointerId);
+				cancelFrame();
+				latest.current = e.clientX;
+				if (latest.current !== origin.current) callbacks.current.onCommit(outwardWidth());
+				setDragging(false);
+				callbacks.current.onEnd();
+			}, []);
+			const onPointerCancel = (0, react.useCallback)(() => {
+				cancelFrame();
+				setDragging(false);
+				callbacks.current.onEnd();
+			}, []);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "fm-width-handle",
+				"data-side": props.side,
+				"data-dragging": dragging || void 0,
+				style: { "--fm-content-width": `${props.width}px` },
+				onPointerDown,
+				onPointerMove,
+				onPointerUp,
+				onPointerCancel,
+				onLostPointerCapture: onPointerCancel
+			});
+		}
+		function WidthHandles(props) {
+			(0, react.useEffect)(() => injectStyle("fm-width-handle", HANDLE_CSS), []);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "fm-width-handles",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(WidthHandle, {
+					...props,
+					side: "left"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WidthHandle, {
+					...props,
+					side: "right"
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/FocusView.tsx
+		let focusOn = false;
+		let pendingAnchorKey = null;
+		let pendingAutoSeq = null;
+		let donePing = 0;
+		const focusListeners = [];
+		const notify = () => {
+			for (const l of focusListeners) try {
+				l();
+			} catch (err) {
+				console.error("[dsh-focus-overlay] focus listener failed", err);
+			}
+		};
+		const focusStore = {
+			get: () => focusOn,
+			set: (v) => {
+				focusOn = !!v;
+				notify();
+			},
+			subscribe: (l) => {
+				focusListeners.push(l);
+				return () => {
+					const i = focusListeners.indexOf(l);
+					if (i >= 0) focusListeners.splice(i, 1);
+				};
+			},
+			captureChatAnchor: () => {
+				pendingAnchorKey = null;
+				try {
+					const scrollport = document.querySelector("[data-conversation-scroll]");
+					if (!scrollport) return;
+					const vp = scrollport.getBoundingClientRect();
+					const rows = scrollport.querySelectorAll("[data-chat-flow-kind=\"user\"], [data-chat-flow-kind=\"steering\"]");
+					for (const row of rows) if (row.getBoundingClientRect().bottom > vp.top + 8) {
+						pendingAnchorKey = row.dataset.chatAnchorKey || null;
+						return;
+					}
+				} catch {}
+			},
+			consumeAnchorKey: () => {
+				const k = pendingAnchorKey;
+				pendingAnchorKey = null;
+				return k;
+			},
+			setAutoAnchor: (seq) => {
 				pendingAutoSeq = seq;
 			},
 			consumeAutoSeq: () => {
@@ -974,6 +1742,90 @@ window.__ModuleLoader__.load({
 			}, [sessions, sessionId]);
 			return snap;
 		}
+		/** The session's pending user interaction (question / plan review / approval),
+		*  read from the uiSession pending-interactions map — dsh 0.1.2 moved the old
+		*  snapshot `pending` array into this root-level observable. When the service
+		*  is absent (older dsh), falls back to the session snapshot's flat `pending`
+		*  array through the `legacyPendingOf` adapter. Returns null when this session
+		*  has nothing pending. */
+		function usePendingInteraction(uiSession, sessionId, snap) {
+			const source = uiSession && uiSession.pendingInteractions;
+			const read = () => {
+				try {
+					return source ? source.getSnapshot() : null;
+				} catch {
+					return null;
+				}
+			};
+			const [map, setMap] = (0, react.useState)(read);
+			(0, react.useEffect)(() => {
+				if (!source) {
+					setMap(null);
+					return;
+				}
+				setMap(source.getSnapshot());
+				try {
+					return source.subscribe(() => setMap(source.getSnapshot()));
+				} catch {
+					return;
+				}
+			}, [source]);
+			return pendingInteractionOf(map, sessionId) || legacyPendingOf(snap);
+		}
+		/** The session's Chat view snapshot (dsh 0.1.2 `ChatSnapshot`) from the
+		*  uiConversation assembly — the first subscriber activates the chat target,
+		*  so this hook must stay subscribed for the view to materialize its legacy
+		*  slice. Null when the service is absent (older dsh). */
+		function useChatView(uiConversation, sessionId) {
+			const [chat, setChat] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				if (!uiConversation || sessionId == null) {
+					setChat(null);
+					return;
+				}
+				let unsub = null;
+				try {
+					const source = uiConversation.binding(sessionId).target("chat");
+					setChat(source.getSnapshot() || null);
+					unsub = source.subscribe(() => setChat(source.getSnapshot() || null));
+				} catch {
+					setChat(null);
+				}
+				return () => {
+					if (unsub) unsub();
+				};
+			}, [uiConversation, sessionId]);
+			return chat;
+		}
+		/** The official "对话显示" preference (`ui-chat.transcriptView`, values
+		*  normal | compact), read reactively from the settings scope the official
+		*  TranscriptViewPolicy binds. Defaults to compact — the official default —
+		*  when the scope or the section has not arrived yet. */
+		function useTranscriptViewMode(settingsScope) {
+			const source = settingsScope;
+			const read = () => {
+				try {
+					const section = source ? source.getSnapshot().value : null;
+					return (section ? section.transcriptView : null) === "normal" ? "normal" : "compact";
+				} catch {
+					return "compact";
+				}
+			};
+			const [mode, setMode] = (0, react.useState)(read);
+			(0, react.useEffect)(() => {
+				if (!source) {
+					setMode("compact");
+					return;
+				}
+				setMode(read());
+				try {
+					return source.subscribe(() => setMode(read()));
+				} catch {
+					return;
+				}
+			}, [source]);
+			return mode;
+		}
 		function SessionImage({ attachment, loadImage }) {
 			const [src, setSrc] = (0, react.useState)(null);
 			(0, react.useEffect)(() => {
@@ -992,13 +1844,28 @@ window.__ModuleLoader__.load({
 				alt: ""
 			});
 		}
-		function AssistantItem({ blocks, loadImage, fileMentions }) {
+		/** Labels the official MarkdownText requires for its code-block copy buttons
+		*  and footnotes section — mirrors the official `markdownLabels(t)` shape.
+		*  Without it the renderer throws `Cannot read properties of undefined
+		*  (reading 'code')` on the first fenced code block. */
+		function markdownLabels(t) {
+			return {
+				code: {
+					copyLabel: t("markdown.code.copy"),
+					copiedLabel: t("markdown.code.copied")
+				},
+				footnotes: t("markdown.footnotes")
+			};
+		}
+		function AssistantItem(props) {
+			const { blocks, loadImage, fileMentions, labels } = props;
 			const text = (blocks || []).filter((b) => b && b.kind === "text").map((b) => b.text).join("");
 			const images = (blocks || []).filter((b) => b && b.kind === "image");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "fm-msg fm-assistant",
 				children: [text ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, {
 					text,
+					labels,
 					fileMentions
 				}) : null, images.map((b, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionImage, {
 					attachment: b.attachment,
@@ -1007,21 +1874,102 @@ window.__ModuleLoader__.load({
 			});
 		}
 		function FocusContent(props) {
-			const { useSessions, sessions, workspaces, conversation, chatFileMentions, t } = props;
+			const { useSessions, sessions, workspaces, conversation, chatFileMentions, uiSession, uiConversation, settingsScope, t } = props;
 			const prefs = usePrefs();
 			const listState = useSessions((s) => s);
 			const currentId = listState ? listState.current : void 0;
 			const snap = useSessionSnapshot(sessions, currentId);
-			const items = (0, react.useMemo)(() => snap ? buildItems(snap.nodes || [], snap.runningCalls, t) : [], [snap, t]);
+			const chatView = useChatView(uiConversation, currentId);
+			const transcriptView = useTranscriptViewMode(settingsScope);
+			const legacy = (0, react.useMemo)(() => legacySliceOf(chatView, snap), [chatView, snap]);
+			const stable = legacy.partial == null;
+			const mdLabels = (0, react.useMemo)(() => markdownLabels(t), [t]);
+			const items = (0, react.useMemo)(() => snap ? buildItems(legacy.nodes, legacy.runningCalls, t, transcriptView, stable) : [], [
+				snap,
+				legacy,
+				t,
+				transcriptView,
+				stable
+			]);
+			const [expanded, setExpanded] = (0, react.useState)(() => /* @__PURE__ */ new Set());
+			(0, react.useEffect)(() => {
+				setExpanded(/* @__PURE__ */ new Set());
+			}, [transcriptView]);
+			const wait = usePendingInteraction(uiSession, currentId, snap);
+			const itemsRef = (0, react.useRef)(items);
+			itemsRef.current = items;
+			const snapRef = (0, react.useRef)(null);
+			snapRef.current = snap;
+			(0, react.useEffect)(() => {
+				let alive = true;
+				const b = sessions && currentId != null ? sessions.binding(currentId) : null;
+				const face = b && b.session;
+				if (!face || typeof face.loadOlder !== "function") return;
+				const load = async () => {
+					let pages = 0;
+					while (alive && pages < 500) {
+						const s = snapRef.current;
+						if (!s || !s.hasMore || s.openState !== "open") break;
+						if (s.loadingOlder) {
+							await new Promise((r) => setTimeout(r, 60));
+							continue;
+						}
+						try {
+							await face.loadOlder();
+						} catch {
+							break;
+						}
+						pages++;
+						await new Promise((r) => setTimeout(r, 0));
+					}
+				};
+				load();
+				return () => {
+					alive = false;
+				};
+			}, [sessions, currentId]);
+			const rail = (0, react.useMemo)(() => {
+				if (!chatView || !chatView.navigation || !chatView.navigation.items) return [];
+				const out = [];
+				const used = /* @__PURE__ */ new Set();
+				let navItems = [];
+				try {
+					navItems = chatView.navigation.items() || [];
+				} catch {
+					navItems = [];
+				}
+				for (const it of navItems) {
+					if (!it) continue;
+					let seq = null;
+					try {
+						const node = chatView.nodes && chatView.nodes.get ? chatView.nodes.get(it.anchorKey) : null;
+						if (node && typeof node.anchorSeq === "number") seq = node.anchorSeq;
+					} catch {}
+					let idx = seq != null ? findSeqIndex(items, seq) : -1;
+					if (idx < 0 && seq != null && Number.isFinite(seq)) for (let i = items.length - 1; i >= 0; i--) {
+						const row = items[i];
+						if ((row.kind === "user" || row.kind === "steering") && row.seq <= seq) {
+							idx = i;
+							break;
+						}
+					}
+					if (idx < 0 || used.has(idx)) continue;
+					used.add(idx);
+					out.push({
+						turn: it.turn,
+						prompt: (it.prompt || "").replace(/\s+/g, " ").trim(),
+						response: (it.response || "").replace(/\s+/g, " ").trim(),
+						idx
+					});
+				}
+				return out;
+			}, [chatView, items]);
 			const navKeys = [];
 			const navPreviews = {};
-			for (let i = 0; i < items.length; i++) {
-				const it = items[i];
-				if (it.kind === "user" || it.kind === "steering") {
-					const k = "fm-" + i;
-					navKeys.push(k);
-					navPreviews[k] = it.text.replace(/\s+/g, " ").trim().slice(0, 80);
-				}
+			for (const r of rail) {
+				const k = "fm-" + r.idx;
+				navKeys.push(k);
+				navPreviews[k] = r.prompt;
 			}
 			const [activeKey, setActiveKey] = (0, react.useState)(navKeys.length ? navKeys[navKeys.length - 1] : null);
 			const [zone, setZone] = (0, react.useState)(true);
@@ -1033,6 +1981,8 @@ window.__ModuleLoader__.load({
 			const [localDraft, setLocalDraft] = (0, react.useState)("");
 			const taRef = (0, react.useRef)(null);
 			const focusBarOnce = (0, react.useRef)(false);
+			const revealArmed = (0, react.useRef)(false);
+			const seenPromptSeq = (0, react.useRef)(null);
 			const computeActive = () => {
 				if (!bodyEl) return null;
 				const bodyTop = bodyEl.getBoundingClientRect().top;
@@ -1051,7 +2001,8 @@ window.__ModuleLoader__.load({
 				if (rafId.current !== null) return;
 				rafId.current = requestAnimationFrame(() => {
 					rafId.current = null;
-					setActiveKey(computeActive());
+					const c = computeActive();
+					if (c !== null) setActiveKey(c);
 					setZone((prev) => bottomZoneAfter(prev, bottomDistance()));
 				});
 			};
@@ -1074,47 +2025,98 @@ window.__ModuleLoader__.load({
 					behavior: "smooth"
 				});
 			};
+			const entryRef = (0, react.useRef)(void 0);
+			const positionedRef = (0, react.useRef)(false);
+			const positionDeadlineRef = (0, react.useRef)(0);
+			const correctionRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
+				if (entryRef.current !== void 0) return;
+				positionDeadlineRef.current = Date.now() + 6e3;
 				const autoSeq = focusStore.consumeAutoSeq();
 				if (autoSeq != null) {
-					const idx = findSeqIndex(items, autoSeq);
-					if (idx >= 0) {
-						scrollToKey("fm-" + idx, false);
-						setActiveKey("fm-" + idx);
-					} else if (bodyEl) {
-						bodyEl.scrollTo({
-							top: bodyEl.scrollHeight,
-							behavior: "auto"
-						});
-						setActiveKey(navKeys.length ? navKeys[navKeys.length - 1] : null);
-					}
+					entryRef.current = {
+						kind: "auto",
+						seq: autoSeq
+					};
 					return;
 				}
 				const anchorKey = focusStore.consumeAnchorKey();
-				const seq = resolveAnchorSeq(snap && snap.chat, anchorKey);
-				const idx = seq != null ? findSeqIndex(items, seq) : -1;
-				if (prefs.scroll === "preserve" && idx >= 0) {
-					scrollToKey("fm-" + idx, false);
-					setActiveKey("fm-" + idx);
-				} else if (prefs.scroll !== "preserve") {
-					const lastIdx = lastUserIndex(items);
-					if (lastIdx >= 0) {
-						scrollToKey("fm-" + lastIdx, false);
-						setActiveKey("fm-" + lastIdx);
-					} else if (bodyEl) {
-						bodyEl.scrollTo({
-							top: bodyEl.scrollHeight,
-							behavior: "auto"
-						});
-						setActiveKey(navKeys.length ? navKeys[navKeys.length - 1] : null);
-					}
-				} else if (bodyEl) {
-					bodyEl.scrollTo({
-						top: bodyEl.scrollHeight,
-						behavior: "auto"
-					});
-					setActiveKey(navKeys.length ? navKeys[navKeys.length - 1] : null);
+				if (prefs.scroll === "preserve" && anchorKey) {
+					entryRef.current = {
+						kind: "anchor",
+						key: anchorKey
+					};
+					return;
 				}
+				entryRef.current = { kind: "lastUser" };
+			}, []);
+			(0, react.useEffect)(() => {
+				if (positionedRef.current || entryRef.current === void 0) return;
+				const entry = entryRef.current;
+				let seq = null;
+				if (entry.kind === "auto") seq = entry.seq;
+				else if (entry.kind === "anchor") {
+					let nodes = chatView && chatView.nodes;
+					if (!nodes && uiConversation && currentId != null) try {
+						nodes = uiConversation.binding(currentId).target("chat").getSnapshot()?.nodes;
+					} catch {}
+					seq = resolveAnchorSeq(nodes, entry.key);
+				}
+				const decision = decideOpenScroll({
+					kind: entry.kind,
+					seq,
+					items,
+					hasMore: !!(snap && snap.hasMore),
+					deadlinePassed: Date.now() >= positionDeadlineRef.current
+				});
+				if (decision.action === "wait") return;
+				if (decision.action === "scroll") {
+					scrollToKey("fm-" + decision.index, false);
+					setActiveKey("fm-" + decision.index);
+					const el = anchors["fm-" + decision.index];
+					if (decision.seq != null && el && bodyEl) correctionRef.current = {
+						seq: decision.seq,
+						top: el.getBoundingClientRect().top - bodyEl.getBoundingClientRect().top + bodyEl.scrollTop
+					};
+					positionedRef.current = true;
+					return;
+				}
+				if (bodyEl) bodyEl.scrollTo({
+					top: bodyEl.scrollHeight,
+					behavior: "auto"
+				});
+				setActiveKey(navKeys.length ? navKeys[navKeys.length - 1] : null);
+				positionedRef.current = true;
+			}, [
+				items,
+				snap,
+				chatView
+			]);
+			(0, react.useEffect)(() => {
+				const c = correctionRef.current;
+				if (!c) return;
+				let tries = 0;
+				const timer = setInterval(() => {
+					tries++;
+					const items = itemsRef.current;
+					const idx = findSeqIndex(items, c.seq);
+					const el = idx >= 0 ? anchors["fm-" + idx] : void 0;
+					if (!el || !bodyEl) {
+						if (tries > 40) {
+							clearInterval(timer);
+							correctionRef.current = null;
+						}
+						return;
+					}
+					const delta = el.getBoundingClientRect().top - bodyEl.getBoundingClientRect().top + bodyEl.scrollTop - c.top;
+					if (Math.abs(delta) <= 2 || tries > 40) {
+						clearInterval(timer);
+						correctionRef.current = null;
+						return;
+					}
+					bodyEl.scrollTop += delta;
+				}, 150);
+				return () => clearInterval(timer);
 			}, []);
 			(0, react.useEffect)(() => {
 				setZone(bodyEl ? bottomZoneAfter(false, bottomDistance()) : true);
@@ -1122,13 +2124,38 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				const el = bodyEl;
 				if (!el || typeof ResizeObserver === "undefined") return;
-				const ro = new ResizeObserver(() => scheduleRef.current());
+				setViewportW(el.clientWidth);
+				const ro = new ResizeObserver(() => {
+					setViewportW(el.clientWidth);
+					scheduleRef.current();
+				});
 				ro.observe(el);
 				return () => ro.disconnect();
 			}, []);
 			(0, react.useEffect)(() => {
 				scheduleRef.current();
 			}, [snap, prefs.width]);
+			(0, react.useEffect)(() => {
+				const seq = lastPromptSeq(items);
+				if (seq != null && shouldRevealSentPrompt({
+					armed: revealArmed.current,
+					prevSeq: seenPromptSeq.current,
+					nextSeq: seq
+				})) {
+					revealArmed.current = false;
+					const idx = findSeqIndex(items, seq);
+					const el = idx >= 0 ? anchors["fm-" + idx] : void 0;
+					if (el && bodyEl) {
+						const limit = bodyEl.getBoundingClientRect().bottom - 110;
+						const hidden = el.getBoundingClientRect().bottom - limit;
+						if (hidden > 0) bodyEl.scrollBy({
+							top: hidden,
+							behavior: "smooth"
+						});
+					}
+				}
+				seenPromptSeq.current = seq;
+			}, [items]);
 			(0, react.useEffect)(() => () => {
 				if (rafId.current !== null) {
 					cancelAnimationFrame(rafId.current);
@@ -1162,9 +2189,22 @@ window.__ModuleLoader__.load({
 				engaged
 			]);
 			const loadImage = (0, react.useCallback)((attachment) => {
-				if (!conversation || !currentId) return Promise.reject(/* @__PURE__ */ new Error("dsh-focus-overlay: conversation service unavailable"));
-				return conversation.resolveImage(currentId, attachment);
-			}, [conversation, currentId]);
+				const modern = uiConversation && currentId ? (async () => {
+					const url = await uiConversation.imageUrl(currentId, attachment);
+					if (url) return url;
+					throw new Error("no url");
+				})() : null;
+				if (modern) return modern.catch(() => legacyResolve(attachment));
+				return legacyResolve(attachment);
+			}, [
+				uiConversation,
+				conversation,
+				currentId
+			]);
+			function legacyResolve(attachment) {
+				if (conversation && typeof conversation.resolveImage === "function") return conversation.resolveImage(currentId, attachment);
+				return Promise.reject(/* @__PURE__ */ new Error("dsh-focus-overlay: image resolver unavailable"));
+			}
 			const fileMentionsFor = (0, react.useCallback)((node) => {
 				if (!chatFileMentions) return void 0;
 				try {
@@ -1187,9 +2227,7 @@ window.__ModuleLoader__.load({
 			const inputState = useInputState(inputFace);
 			const draftValue = inputFace ? inputState && typeof inputState.draft === "string" ? inputState.draft : "" : localDraft;
 			const draftEmpty = draftValue.trim() === "";
-			const pendingList = snap && snap.pending ? snap.pending : [];
-			const pendingCount = pendingList.length;
-			const wait = pendingCount > 0 ? pendingList[0] : null;
+			const pending = !!wait;
 			const onDraftChange = (v) => {
 				if (inputFace) try {
 					inputFace.setDraft(v);
@@ -1200,6 +2238,7 @@ window.__ModuleLoader__.load({
 			const send = () => {
 				const text = draftValue;
 				if (text.trim() === "") return;
+				if (zone) revealArmed.current = true;
 				if (inputFace) try {
 					inputFace.submit("queue");
 					return;
@@ -1232,7 +2271,7 @@ window.__ModuleLoader__.load({
 			const promptErr = snap && snap.promptError && snap.promptError.op === "send" ? snap.promptError.error : null;
 			const errorLine = promptErr ? promptErr.message || promptErr.code || "send failed" : null;
 			const form = bottomForm({
-				pending: pendingCount > 0,
+				pending,
 				cardOpen,
 				draftEmpty,
 				inZone: zone,
@@ -1240,14 +2279,14 @@ window.__ModuleLoader__.load({
 				engaged
 			});
 			(0, react.useEffect)(() => {
-				if (pendingCount === 0) {
+				if (!pending) {
 					if (cardOpen) setCardOpen(false);
 					return;
 				}
 				focusBarOnce.current = false;
 				setDockFocused(false);
 				setEngaged(false);
-			}, [pendingCount, cardOpen]);
+			}, [pending, cardOpen]);
 			(0, react.useEffect)(() => {
 				if (form === "bar" && focusBarOnce.current) {
 					focusBarOnce.current = false;
@@ -1262,6 +2301,22 @@ window.__ModuleLoader__.load({
 				const row = listState.byId[currentId];
 				if (row && row.displayTitle) title = row.displayTitle;
 			}
+			const [dragWidth, setDragWidth] = (0, react.useState)(null);
+			const [viewportW, setViewportW] = (0, react.useState)(0);
+			const width = dragWidth ?? prefs.width;
+			const clampWidth = (0, react.useCallback)((w) => {
+				const vw = bodyEl ? bodyEl.clientWidth : viewportW;
+				const max = Math.max(640, vw - 176);
+				return Math.round(Math.min(Math.max(w, 640), max));
+			}, [viewportW]);
+			const onWidthStart = (0, react.useCallback)(() => clampWidth(prefs.width), [clampWidth, prefs.width]);
+			const onWidthDrag = (0, react.useCallback)((w) => setDragWidth(clampWidth(w)), [clampWidth]);
+			const onWidthCommit = (0, react.useCallback)((w) => {
+				const clamped = clampWidth(w);
+				setDragWidth(null);
+				if (clamped !== prefs.width) prefsStore.update({ width: clamped });
+			}, [clampWidth, prefs.width]);
+			const onWidthEnd = (0, react.useCallback)(() => setDragWidth(null), []);
 			let body;
 			if (!currentId) body = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "fm-empty",
@@ -1272,57 +2327,86 @@ window.__ModuleLoader__.load({
 				children: t("loading")
 			});
 			else {
-				const partial = snap.partial;
+				const partial = legacy.partial;
 				const partialBlocks = partial ? partial.blocks : [];
 				const running = !!snap.running;
 				const kids = [];
-				for (let i = 0; i < items.length; i++) {
-					const it = items[i];
-					const key = "fm-" + i;
-					if (it.kind === "user") kids.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				if (snap.hasMore) kids.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "fm-hidden",
+					children: t("loading")
+				}, "fm-history"));
+				const renderItem = (it, key, registerAnchor) => {
+					if (it.kind === "user") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "fm-msg fm-user-msg",
 						ref: (el) => {
-							if (el) anchors[key] = el;
+							if (registerAnchor) if (el) anchors[key] = el;
 							else delete anchors[key];
 						},
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "fm-user",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MessageText, { text: it.text })
 						})
-					}, key));
-					else if (it.kind === "steering") kids.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					}, key);
+					if (it.kind === "steering") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "fm-msg fm-user-msg",
 						ref: (el) => {
-							if (el) anchors[key] = el;
+							if (registerAnchor) if (el) anchors[key] = el;
 							else delete anchors[key];
 						},
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "fm-user fm-steering",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MessageText, { text: it.text })
 						})
-					}, key));
-					else if (it.kind === "assistant") kids.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AssistantItem, {
+					}, key);
+					if (it.kind === "assistant") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AssistantItem, {
 						blocks: it.blocks,
 						loadImage,
-						fileMentions: fileMentionsFor(it)
-					}, key));
-					else if (it.kind === "hidden") kids.push(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						fileMentions: fileMentionsFor(it),
+						labels: mdLabels
+					}, key);
+					if (it.kind === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "fm-msg fm-error",
+						children: it.text
+					}, key);
+					if (it.kind === "hidden") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "fm-hidden",
 						children: [
 							"· ",
 							it.text,
 							" ·"
 						]
-					}, key));
-					else if (it.kind === "error") kids.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "fm-msg fm-error",
-						children: it.text
-					}, key));
+					}, key);
+					if (it.kind === "turnProcess") {
+						const open = !it.collapsed || expanded.has(it.seq);
+						const toggle = () => setExpanded((prev) => {
+							const next = new Set(prev);
+							if (next.has(it.seq)) next.delete(it.seq);
+							else next.add(it.seq);
+							return next;
+						});
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [it.collapsed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: "fm-process-root",
+							"data-open": open || void 0,
+							"aria-expanded": open,
+							onClick: toggle,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "fm-process-label",
+								children: processLabel(it.counts, t)
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: "fm-process-chevron" })]
+						}) : null, open ? it.workItems.map((wi, wi2) => renderItem(wi, key + "-w" + wi2, false)) : null] }, key);
+					}
+					return null;
+				};
+				for (let i = 0; i < items.length; i++) {
+					const rendered = renderItem(items[i], "fm-" + i, true);
+					if (rendered) kids.push(rendered);
 				}
 				if (partialBlocks.length) kids.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AssistantItem, {
 					blocks: partialBlocks,
 					loadImage,
-					fileMentions: void 0
+					fileMentions: void 0,
+					labels: mdLabels
 				}, "fm-partial"));
 				if (running) kids.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "fm-running",
@@ -1346,29 +2430,24 @@ window.__ModuleLoader__.load({
 				}, "fm-running"));
 				body = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "fm-inner",
-					style: { maxWidth: prefs.width },
+					style: {
+						maxWidth: width,
+						"--fm-content-width": `${width}px`
+					},
 					children: kids
 				});
 			}
 			const activeIndex = activeKey ? navKeys.indexOf(activeKey) : -1;
-			const navHeight = (navKeys.length - 1) * 14 + 22;
-			const dotTop = (i) => i * 14 + 11 + (i < activeIndex ? -7 : i > activeIndex ? 7 : 0);
-			const nav = prefs.navbar && navKeys.length >= 2 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "fm-nav",
-				style: { height: navHeight },
-				children: navKeys.map((k, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					"aria-label": navPreviews[k],
-					className: "fm-nav-dot" + (activeKey === k ? " fm-nav-dot-active" : ""),
-					style: { top: dotTop(i) },
-					onClick: () => scrollToKey(k, true),
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "fm-nav-dot-core" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "fm-nav-tip",
-						children: navPreviews[k]
-					})]
-				}, k))
+			const activeTurn = rail.length ? activeIndex >= 0 && rail[activeIndex] ? rail[activeIndex].turn : rail[rail.length - 1].turn : null;
+			const nav = prefs.navbar && rail.length >= 2 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TurnRail, {
+				items: rail,
+				activeTurn,
+				onNavigate: (item) => scrollToKey("fm-" + item.idx, true),
+				label: t("nav.label"),
+				jumpLabel: (turn) => t("nav.jump", { n: turn }),
+				turnLabel: (turn) => t("nav.turn", { n: turn })
 			}) : null;
-			const waiting = pendingCount > 0 && !cardOpen;
+			const waiting = pending && !cardOpen;
 			const donePing = useDonePing();
 			const [showDoneNotice, setShowDoneNotice] = (0, react.useState)(false);
 			(0, react.useEffect)(() => {
@@ -1436,13 +2515,22 @@ window.__ModuleLoader__.load({
 							children: t("exit")
 						})]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "fm-body",
-						ref: (el) => {
-							bodyEl = el;
-						},
-						onScroll: scheduleRecompute,
-						children: body
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "fm-body-wrap",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "fm-body",
+							ref: (el) => {
+								bodyEl = el;
+							},
+							onScroll: scheduleRecompute,
+							children: body
+						}), currentId && snap !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WidthHandles, {
+							width,
+							onStart: onWidthStart,
+							onDrag: onWidthDrag,
+							onCommit: onWidthCommit,
+							onEnd: onWidthEnd
+						}) : null]
 					}),
 					nav,
 					currentId && snap !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1469,9 +2557,37 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
+		/** Error boundary around the overlay content: a render crash would otherwise
+		*  unmount the slot subtree and every later entry would crash again — the
+		*  toggle would look permanently dead. The boundary logs, renders nothing for
+		*  the failed pass, and re-arms on the next open (keyed by open count). */
+		var FocusErrorBoundary = class extends react.Component {
+			state = { error: null };
+			static getDerivedStateFromError(error) {
+				return { error };
+			}
+			componentDidUpdate(prev) {
+				if (this.state.error && prev.resetKey !== this.props.resetKey) this.setState({ error: null });
+			}
+			render() {
+				if (this.state.error) {
+					console.error("[dsh-focus-overlay] overlay render failed; it will retry on the next open", this.state.error);
+					return null;
+				}
+				return this.props.children;
+			}
+		};
 		function FocusOverlay(props) {
-			if (!useFocus()) return null;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FocusContent, { ...props });
+			const on = useFocus();
+			const opens = (0, react.useRef)(0);
+			if (!on) {
+				opens.current++;
+				return null;
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FocusErrorBoundary, {
+				resetKey: opens.current,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FocusContent, { ...props })
+			});
 		}
 		function FocusToggle({ t }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
@@ -1555,34 +2671,6 @@ window.__ModuleLoader__.load({
 						className: "fm-plugin-field-hint",
 						children: t("settings.navbar.hint")
 					})]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "fm-plugin-field",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "fm-plugin-field-head",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "fm-plugin-field-label",
-								children: t("settings.width")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: "fm-plugin-field-value",
-								children: [prefs.width, "px"]
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-							type: "range",
-							className: "fm-plugin-range",
-							min: 480,
-							max: 1200,
-							step: 40,
-							value: prefs.width,
-							onChange: (e) => prefsStore.update({ width: Number(e.target.value) })
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: "fm-plugin-field-hint",
-							children: t("settings.width.hint")
-						})
-					]
 				})
 			] });
 		}
@@ -1704,169 +2792,6 @@ window.__ModuleLoader__.load({
 				})
 			});
 		}
-		//#endregion
-		//#region src/client/styles.ts
-		/** Package-owned stylesheet text (injected by the client apply, cleaned up on unload). */
-		const FOCUS_CSS = `
-.fm-overlay{position:fixed;inset:0;z-index:2147483000;background:var(--dsw-alias-bg-base,#fff);color:var(--dsw-alias-label-primary,#1a1a1a);display:flex;flex-direction:column;pointer-events:auto;font-family:var(--dsw-font-family,sans-serif);outline:none}
-.fm-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.12));flex:0 0 auto}
-.fm-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.fm-body{flex:1 1 auto;overflow-y:auto;padding:28px 28px 110px}
-.fm-inner{max-width:760px;margin:0 auto}
-.fm-msg{margin:0 0 24px}
-.fm-user-msg{margin-bottom:44px}
-.fm-user{background:var(--dsw-specific-bubble,#eaf2ff);color:var(--dsw-alias-label-primary,#1a1a1a);border-radius:14px;padding:10px 14px;word-break:break-word;max-width:85%;margin-left:auto}
-.fm-steering{opacity:.85}
-.fm-assistant{word-break:break-word}
-.fm-image{max-width:100%;border-radius:8px;margin:8px 0}
-.fm-hidden{text-align:center;color:var(--dsw-alias-label-secondary,#888);font-size:12px;line-height:1.6;margin:6px 0 18px;user-select:none}
-.fm-error{color:var(--dsw-alias-state-error-primary,#d23);font-size:13px;white-space:pre-wrap}
-/* "正在工作" live line — the shimmer is a 1:1 replica of the official
-   generating indicator in dsh-client-ui-conversation (the "Deep Diving"
-   turn-status): brand-blue text (--dsw-static-deepseek-500) with a light
-   highlight (--dsw-static-deepseek-200) sweeping through — gradient stops
-   0/40/50/60/100 on a 250% tile, background-position 100%→0, 1.8s linear,
-   font --dsw-font-s-strong-14 (500 14px/22px). The official class name
-   (Md3f7G_turnStatus) is a per-build CSS-modules hash, so reusing it would
-   break silently on dsh updates — the declarations are copied verbatim onto
-   our own class using the same theme tokens instead. The flanking short
-   dashes are part of the same shimmer span, so the sweep covers dashes and
-   label as one unit. Fallbacks: no background-clip:text → secondary gray
-   label; prefers-reduced-motion → animation off, label stays solid
-   deepseek-500 (the official base color). */
-.fm-running{text-align:center;margin:10px 0 20px;user-select:none;animation:fm-up .18s ease}
-.fm-running-text{color:var(--dsw-alias-label-secondary,#888);font:var(--dsw-font-s-strong-14,500 14px/22px var(--dsw-font-family,sans-serif));white-space:nowrap}
-/* Dashes: separate spans with fixed margins instead of space characters — in
-   CJK/Latin mixed runs the browser itemizes the two U+0020 spaces into
-   different fonts (one Latin-narrow, one Han-wide), and the Han font's en
-   dash glyph is left-biased, which made the two gaps visually unequal. The
-   forced Latin-first stack renders a symmetric en dash; margins are exact. */
-.fm-running-dash{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;margin:0 8px}
-@supports ((-webkit-background-clip:text) or (background-clip:text)){
-.fm-running-text{background:linear-gradient(90deg,var(--dsw-static-deepseek-500,#4176e6) 0%,var(--dsw-static-deepseek-500,#4176e6) 40%,var(--dsw-static-deepseek-200,#d3e2ff) 50%,var(--dsw-static-deepseek-500,#4176e6) 60%,var(--dsw-static-deepseek-500,#4176e6) 100%);color:#0000;-webkit-text-fill-color:transparent;background-position:100% 0;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:fm-sweep 1.8s linear infinite}
-}
-@keyframes fm-sweep{to{background-position:0 0}}
-@media (prefers-reduced-motion:reduce){.fm-running{animation:none}.fm-running-text{background:0 0;color:var(--dsw-static-deepseek-500,#4176e6);-webkit-text-fill-color:currentColor;animation:none}}
-.fm-empty{color:var(--dsw-alias-label-secondary,#888);padding:48px 16px;text-align:center}
-.fm-nav{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:block;width:16px;z-index:2;pointer-events:auto;transition:transform .18s ease}
-.fm-nav:hover{transform:translateY(-50%) translateX(-6px)}
-.fm-nav-dot{position:absolute;left:50%;transform:translate(-50%,-50%);cursor:pointer;background:transparent;border:0;padding:0;width:16px;height:auto;display:flex;align-items:center;justify-content:center;transition:top .22s ease}
-.fm-nav-dot::after{content:'';position:absolute;inset:-5px -8px}
-.fm-nav-dot-core{display:block;width:8px;height:8px;border-radius:999px;background:var(--dsw-alias-label-secondary,#999);opacity:.45;transition:opacity .15s ease,background .15s ease,height .15s ease,transform .18s ease}
-.fm-nav:hover .fm-nav-dot:not(.fm-nav-dot-active) .fm-nav-dot-core{transform:scale(1.15);opacity:.9}
-.fm-nav-dot:not(.fm-nav-dot-active):hover .fm-nav-dot-core{background:var(--dsw-static-deepseek-500,#4176e6);opacity:1;transform:scale(1.5)}
-.fm-nav-dot-active .fm-nav-dot-core{background:var(--dsw-static-deepseek-500,#4176e6);height:22px;opacity:1}
-.fm-nav-tip{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);display:none;width:260px;box-sizing:border-box;white-space:normal;overflow-wrap:break-word;word-break:break-word;background:var(--dsw-alias-bg-overlay,#fff);color:var(--dsw-alias-label-primary,#1a1a1a);border:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.12));border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.5;box-shadow:0 4px 16px rgba(0,0,0,.12);pointer-events:none;text-align:left}
-.fm-nav-dot:hover .fm-nav-tip{display:block}
-.fm-reply-toast{position:absolute;left:50%;transform:translateX(-50%);bottom:84px;z-index:2;display:flex;align-items:center;gap:10px;background:var(--dsw-alias-bg-overlay,#fff);color:var(--dsw-alias-label-primary,#1a1a1a);border:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.12));border-radius:100px;padding:8px 8px 8px 16px;box-shadow:0 4px 16px rgba(0,0,0,.12);font-size:13px}
-.fm-reply-toast-dot{width:8px;height:8px;border-radius:999px;background:var(--dsw-static-deepseek-500,#4176e6);flex:0 0 auto}
-.fm-reply-toast-text{white-space:nowrap}
-/* ---- bottom dock: bar / pill / jump-to-bottom / answer card ----
-   Visual language mirrors the official composer cards token-for-token
-   (ui-conversation InputBar/QuestionComposer, ui-user-questions
-   PlanReviewPanel): --dsw-specific-input-major surfaces, 20–22px radii,
-   --dsw-shadow-lv2, the 34px round info-fill primary button, interactive-
-   hover option tinting. */
-.fm-dock{position:absolute;left:50%;transform:translateX(-50%);bottom:18px;z-index:3;width:calc(100% - 96px);display:flex;justify-content:center;pointer-events:none}
-.fm-dock>*{pointer-events:auto;animation:fm-up .18s ease}
-.fm-bar{box-sizing:border-box;width:100%;background:var(--dsw-specific-input-major,#fff);color:var(--dsw-alias-label-primary,#1a1a1a);border:1px solid var(--dsw-alias-border-l2-darkmode-thin,rgba(0,0,0,.12));box-shadow:var(--dsw-shadow-lv2,0 4px 16px rgba(0,0,0,.12));border-radius:22px;padding-top:10px;display:flex;flex-direction:column;font-size:16px;line-height:24px}
-.fm-bar-row{display:flex;align-items:flex-end;gap:12px;min-width:0;padding:2px 8px 6px}
-/* flex-end anchors the send button to the row's bottom edge, so a multi-line
-   draft grows the textarea upward and the button's distance to the bar's
-   bottom-right corner never moves. */
-.fm-bar-text{flex:1 1 auto;min-height:28px;max-height:120px;resize:none;color:inherit;caret-color:var(--dsw-alias-state-business-primary,var(--dsw-static-deepseek-500,#4176e6));background:0 0;border:none;outline:none;font:inherit;font-size:inherit;line-height:inherit;padding:4px 12px 0 16px}
-.fm-bar-text::placeholder{color:var(--dsw-alias-label-caption,#999);user-select:none}
-.fm-bar-note{margin:4px 12px 0;border-radius:8px;padding:4px 8px;font-size:12px;line-height:18px;background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.05));color:var(--dsw-alias-label-secondary,#888)}
-.fm-bar-note-error{color:var(--dsw-alias-state-error-primary,#d23);word-break:break-word}
-.fm-bar-queue{flex:0 0 auto;font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary,#888);background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.05));border-radius:999px;padding:2px 10px;margin-bottom:7px;white-space:nowrap}
-.fm-bar-send{width:34px;height:34px;display:grid;place-items:center;flex:none;cursor:pointer;border:none;border-radius:999px;background:var(--dsw-alias-button-info-fill,#4176e6);color:#fff;transform:translateY(-2px);transition:background-color .1s;padding:0}
-.fm-bar-send:hover:not(:disabled){background:var(--dsw-alias-button-info-hover,#3560c4)}
-.fm-bar-send:disabled{opacity:.4;cursor:default}
-.fm-pill{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2-darkmode-thin,rgba(0,0,0,.12));background:var(--dsw-specific-input-major,#fff);color:var(--dsw-alias-label-secondary,#666);cursor:pointer;box-shadow:var(--dsw-shadow-lv2,0 4px 16px rgba(0,0,0,.12));transition:color .12s;padding:0}
-.fm-pill:hover{color:var(--dsw-alias-label-primary,#1a1a1a)}
-.fm-pill-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:999px;background:var(--dsw-alias-state-business-primary,var(--dsw-static-deepseek-500,#4176e6))}
-.fm-card{box-sizing:border-box;width:100%;background:var(--dsw-specific-input-major,#fff);color:var(--dsw-alias-label-primary,#1a1a1a);border:1px solid var(--dsw-alias-border-l2-darkmode-thin,rgba(0,0,0,.12));box-shadow:var(--dsw-shadow-lv2,0 4px 16px rgba(0,0,0,.12));border-radius:20px;display:flex;flex-direction:column;max-height:min(60vh,520px);overflow:hidden;--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2)}
-.fm-card *{box-sizing:border-box}
-.fm-card-approval{border-color:var(--dsw-alias-state-warn-secondary,#e6a23c)}
-.fm-card-head{flex:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 16px 0 24px}
-.fm-card-approval .fm-card-head{background:var(--dsw-alias-state-warn-tertiary,rgba(230,162,60,.12));color:var(--dsw-alias-state-warn-primary,#9a6b12);align-items:center;padding:10px 16px}
-.fm-card-heading{min-width:0}
-.fm-card-eyebrow{color:var(--dsw-alias-label-tertiary,#999);margin:0 0 5px;font-size:11px;line-height:16px}
-.fm-card-title{margin:0;font-size:16px;font-weight:500;line-height:22px}
-.fm-card-strip-title{font-size:13px;line-height:18px;flex:1;min-width:0}
-.fm-card-dot{background:var(--dsw-alias-state-warn-primary,#9a6b12);border-radius:50%;width:8px;height:8px;flex:none}
-.fm-card-close{width:24px;height:24px;display:grid;place-items:center;flex:none;cursor:pointer;border:none;border-radius:999px;background:0 0;color:var(--dsw-alias-label-tertiary,#999);padding:0}
-.fm-card-close:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.06));color:var(--dsw-alias-label-primary,#1a1a1a)}
-.fm-card-approval .fm-card-close,.fm-card-approval .fm-card-close:hover:not(:disabled){color:inherit}
-.fm-card-body{overscroll-behavior:contain;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:8px;font-size:14px;line-height:22px}
-.fm-card-q{display:flex;flex-direction:column}
-.fm-card-q-text{margin:0 2px 8px;padding:0 22px;white-space:pre-wrap;word-break:break-word;font-size:16px;font-weight:500;line-height:22px}
-.fm-card-detail{color:var(--dsw-alias-label-secondary,#888);margin:0 2px 8px;padding:0 22px;font-size:14px;line-height:22px}
-.fm-card-opts{display:flex;flex-direction:column;gap:1px;margin:8px 0 0;padding:4px 12px}
-.fm-opt{width:100%;min-height:40px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-shrink:0;display:flex;align-items:flex-start;gap:8px;padding:8px 12px 8px 8px;transition:background-color .12s,border-color .12s;font:inherit}
-.fm-opt:hover:not(:disabled),.fm-opt-on{background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.06))}
-.fm-opt-on{border-color:var(--dsw-alias-border-l2,rgba(0,0,0,.18))}
-.fm-opt-num{background:var(--dsw-alias-bg-overlay,#fff);width:20px;height:20px;color:var(--dsw-alias-label-secondary,#888);border-radius:6px;flex:0 0 20px;display:grid;place-items:center;margin-top:2px;font-size:12px;font-weight:500;line-height:18px}
-.fm-opt-check{flex:0 0 20px;width:20px;height:20px;margin-top:2px;display:grid;place-items:center;position:relative;color:var(--dsw-alias-label-primary-foreground,#fff)}
-.fm-opt-check::before{content:'';border:1px solid var(--dsw-alias-border-l4,rgba(0,0,0,.25));border-radius:4px;width:14px;height:14px;grid-area:1/1;transition:background-color .12s,border-color .12s}
-.fm-opt-check-on::before{border-color:var(--dsw-alias-label-primary,#1a1a1a);background:var(--dsw-alias-label-primary,#1a1a1a)}
-.fm-opt-check>*{grid-area:1/1}
-.fm-opt-copy{flex:1;min-width:0}
-.fm-opt-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
-.fm-opt-label{font-size:14px;font-weight:500;line-height:24px;word-break:break-word}
-.fm-opt-badge{background:var(--dsw-specific-sidebar-nav-item-active-accent,rgba(65,118,230,.12));color:var(--dsw-alias-button-info-fill,#4176e6);border-radius:6px;padding:0 4px;font-size:11px;font-weight:600;line-height:18px}
-.fm-opt-desc{color:var(--dsw-alias-label-tertiary,#999);font-size:14px;line-height:24px;word-break:break-word}
-.fm-card-custom{margin:0 12px;border:1px solid #0000;border-radius:12px;flex-shrink:0;display:flex;align-items:center;min-height:40px;padding:8px 12px;transition:background-color .12s,border-color .12s}
-.fm-card-custom:hover,.fm-card-custom:focus-within{background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.06))}
-.fm-card-custom:focus-within{border-color:var(--dsw-alias-border-l2,rgba(0,0,0,.18))}
-.fm-card-field{min-width:0;width:100%;border:none;outline:none;background:0 0;color:inherit;font:inherit;font-size:14px;line-height:24px;padding:0}
-.fm-card-field::placeholder{color:var(--dsw-alias-label-caption,#999)}
-.fm-card-foot{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px 12px}
-.fm-card-err{flex:1 1 auto;min-height:16px;color:var(--dsw-alias-state-error-primary,#d23);font-size:11px;line-height:16px;word-break:break-word}
-.fm-card-actions{display:flex;align-items:center;gap:8px;flex:none}
-@keyframes fm-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
-.fm-plugin-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}
-.fm-plugin-card:hover{border-color:var(--dsw-alias-label-dimmed)}
-.fm-plugin-card-open{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}
-.fm-plugin-card-header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}
-.fm-plugin-card-header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}
-.fm-plugin-card-headtext{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}
-.fm-plugin-card-name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}
-.fm-plugin-card-desc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}
-.fm-plugin-card-chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}
-.fm-plugin-card-chevron-open{transform:rotate(180deg)}
-.fm-plugin-card-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:12px}
-.fm-plugin-field{flex-direction:column;gap:6px;padding:12px 0;display:flex}
-.fm-plugin-field+.fm-plugin-field{border-top:1px solid var(--dsw-alias-border-l2)}
-.fm-plugin-field-head{align-items:center;gap:8px;display:flex}
-.fm-plugin-field-label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}
-.fm-plugin-field-value{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}
-.fm-plugin-field-hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}
-.fm-plugin-check{align-items:center;gap:8px;display:flex;cursor:pointer;user-select:none}
-.fm-plugin-check input[type="checkbox"]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--dsw-alias-brand-primary,#4176e6)}
-.fm-plugin-check-label{color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.5}
-.fm-plugin-range{width:100%;max-width:280px;cursor:pointer;accent-color:var(--dsw-alias-brand-primary,#4176e6)}
-/* DSH-better-sidebar compatibility: its panel host (top-right toggle cluster +
-   right/bottom panels) is appended to document.body at z-index 40/45, above
-   shell.overlay's z-20 layer, so this overlay cannot cover it. Hide the host
-   while focus is on, and neutralize the #root layout push it applies when its
-   panels are open. Selectors mirror better-sidebar's own layout.css exactly. */
-body[data-fm-focus] [data-dsh-panel-host]{display:none!important}
-body[data-fm-focus] #root{margin-right:0!important;width:100%!important}
-body[data-fm-focus] #root [data-dsh-frame] > [data-pane="conversation"],
-body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!important}
-/* First-run onboarding (settings.onboarding step) — content inside the official
-   Modal primitive; the primitive owns the mask/dialog chrome, these style our body. */
-.fm-onboard{width:min(600px,100%);padding:0}
-.fm-onboard-content{box-sizing:border-box;flex-direction:column;max-height:calc(100vh - 48px);padding:28px;display:flex;overflow-y:auto}
-.fm-onboard-title{color:var(--dsw-alias-label-primary);outline:none;margin:0;font-size:20px;font-weight:500;line-height:28px}
-.fm-onboard-intro{color:var(--dsw-alias-label-secondary);margin:8px 0 0;font-size:14px;line-height:22px}
-.fm-onboard-subtitle{color:var(--dsw-alias-label-primary);margin:20px 0 8px;font-size:14px;font-weight:600;line-height:22px}
-.fm-onboard-features{margin:0;padding:0 0 0 18px;list-style:disc;display:flex;flex-direction:column;gap:6px;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:20px}
-.fm-onboard-note{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:18px}
-.fm-onboard-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
-@media (width<=560px){.fm-onboard-content{padding:24px}}
-`;
 		//#endregion
 		//#region src/client/locales.ts
 		/** i18n dictionaries for the `focus` namespace. */
@@ -1875,6 +2800,9 @@ body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!imp
 			"toggle.title": "进入专注模式",
 			"exit": "退出专注 (Esc)",
 			"backToLatest": "回到最新",
+			"nav.label": "回合导航",
+			"nav.jump": "跳转到第 {n} 回合",
+			"nav.turn": "第 {n} 回合",
 			"settings.label": "专注模式",
 			"settings.description": "全屏阅读遮罩的偏好设置",
 			"settings.expand": "展开",
@@ -1887,8 +2815,12 @@ body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!imp
 			"settings.autoFocus.hint": "AI 正常完成回复后自动进入并定位到你的提问",
 			"settings.hotkey": "按 F 键进入专注模式",
 			"settings.hotkey.hint": "在任意界面按下 F 立即进入专注模式；在输入框内打字不会触发",
-			"settings.width": "文字区宽度",
-			"settings.width.hint": "专注模式正文的阅读列宽（480–1200px）",
+			"process.toolCalls": "{n} 次工具调用",
+			"process.messages": "{n} 条消息",
+			"process.subagents": "{n} 个 subagent",
+			"process.thought": "已思考",
+			"process.separator": " · ",
+			"process.toolRow": "已完成",
 			"empty": "暂无打开的会话",
 			"loading": "正在读取会话…",
 			"running": "正在工作",
@@ -1908,6 +2840,9 @@ body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!imp
 			"answer.reject": "拒绝",
 			"composer.placeholder": "输入回复…",
 			"composer.send": "发送",
+			"markdown.code.copy": "复制代码",
+			"markdown.code.copied": "已复制",
+			"markdown.footnotes": "脚注",
 			"composer.expand": "展开输入框",
 			"composer.queued": "已排队 {n}",
 			"composer.occurrences": "草稿中包含引用 / 命令，在此编辑可能使其失效，建议退出专注模式编辑",
@@ -1944,6 +2879,9 @@ body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!imp
 			"toggle.title": "Enter focus mode",
 			"exit": "Exit focus (Esc)",
 			"backToLatest": "Back to latest",
+			"nav.label": "Turn navigation",
+			"nav.jump": "Jump to turn {n}",
+			"nav.turn": "Turn {n}",
 			"settings.label": "Focus Mode",
 			"settings.description": "Preferences for the full-screen reading overlay",
 			"settings.expand": "Expand",
@@ -1956,8 +2894,12 @@ body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!imp
 			"settings.autoFocus.hint": "Auto-open at your question after a normal reply",
 			"settings.hotkey": "Press F to enter focus mode",
 			"settings.hotkey.hint": "Press F anywhere to enter focus mode instantly; typing in an input never triggers it",
-			"settings.width": "Text width",
-			"settings.width.hint": "Reading column width (480–1200px)",
+			"process.toolCalls": "{n} tool calls",
+			"process.messages": "{n} messages",
+			"process.subagents": "{n} subagents",
+			"process.thought": "Thought for a while",
+			"process.separator": " · ",
+			"process.toolRow": "completed",
 			"empty": "No open session",
 			"loading": "Reading session…",
 			"running": "Working",
@@ -1977,6 +2919,9 @@ body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!imp
 			"answer.reject": "Deny",
 			"composer.placeholder": "Type a reply…",
 			"composer.send": "Send",
+			"markdown.code.copy": "Copy code",
+			"markdown.code.copied": "Copied",
+			"markdown.footnotes": "Footnotes",
 			"composer.expand": "Expand input",
 			"composer.queued": "Queued {n}",
 			"composer.occurrences": "Draft contains references / commands — editing here may break them; edit outside focus mode",
@@ -2014,11 +2959,18 @@ body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!imp
 		* Focus Mode, browser half: a full-screen reading overlay in `shell.overlay`
 		* (additive, never replaces shipped UI), a "专注" button in the session header
 		* action row, and a collapsible plugin card in the Plugins settings tab
-		* (`settings.plugin.item`). Rendering reuses the official
-		* `@deepseek-ai/dsh-client-ui-primitives` Markdown/MessageText/Tooltip/Button
-		* components and the conversation service's image resolver.
+		* (`settings.plugin.item`). Rendering reuses the official client UI primitives
+		* module (`@deepseek-ai/dsh-client-ui-primitives` runtime id) — Markdown /
+		* MessageText / Tooltip / Button — plus the conversation service's composer
+		* registry and the uiSession pending-interaction service (dsh 0.1.2).
 		*/
 		const NS = "focus";
+		let warnedLegacy = false;
+		function warnLegacyOnce() {
+			if (warnedLegacy) return;
+			warnedLegacy = true;
+			console.warn("[dsh-focus-overlay] dsh 0.1.2+ ui services not found — running in legacy compatibility mode");
+		}
 		//#endregion
 		module.exports = {
 			name: "dsh-focus-overlay-client",
@@ -2026,7 +2978,10 @@ body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!imp
 				"slots",
 				"sessions",
 				"locale",
-				"workspaces"
+				"workspaces",
+				"uiSession",
+				"uiConversation",
+				"settingsScope"
 			],
 			apply(ctx) {
 				const style = document.createElement("style");
@@ -2059,16 +3014,50 @@ body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!imp
 				const workspaces = ctx.workspaces;
 				const conversation = ctx.get("conversation");
 				const chatFileMentions = ctx.get("chatFileMentions");
+				const uiSession = ctx.get("uiSession");
+				const uiConversation = ctx.get("uiConversation");
+				if (!uiSession || !uiConversation) warnLegacyOnce();
+				let settingsScope = null;
+				try {
+					const binder = ctx.get("settingsScope");
+					settingsScope = binder && typeof binder.bind === "function" ? binder.bind({ namespace: "ui-chat" }) : null;
+				} catch {
+					settingsScope = null;
+				}
 				ctx.effect(() => {
 					let currentId = void 0;
 					let unsubSession = null;
+					let unsubChat = null;
+					let chatSlice = null;
 					let prevRunning = false;
 					let pendingSettle = false;
+					const judge = () => {
+						if (!pendingSettle) return;
+						const snap = chatSlice;
+						const outcome = detectSettledCompletion({
+							partial: snap ? snap.partial : null,
+							nodes: snap ? snap.nodes : [],
+							runningCalls: snap && snap.runningCalls ? snap.runningCalls : []
+						});
+						if (outcome.settled) {
+							pendingSettle = false;
+							if (outcome.completed && prefsStore.get().autoFocus) if (focusStore.get()) focusStore.notifyDone();
+							else {
+								focusStore.setAutoAnchor(outcome.anchorSeq);
+								focusStore.set(true);
+							}
+						}
+					};
 					const watch = (id) => {
 						if (unsubSession) {
 							unsubSession();
 							unsubSession = null;
 						}
+						if (unsubChat) {
+							unsubChat();
+							unsubChat = null;
+						}
+						chatSlice = null;
 						prevRunning = false;
 						pendingSettle = false;
 						if (id == null) return;
@@ -2081,21 +3070,21 @@ body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!imp
 							const running = !!snap.running;
 							if (prevRunning && !running) pendingSettle = true;
 							if (running) pendingSettle = false;
-							if (pendingSettle && !running) {
-								const outcome = detectSettledCompletion(snap);
-								if (outcome.settled) {
-									pendingSettle = false;
-									if (outcome.completed && prefsStore.get().autoFocus) if (focusStore.get()) focusStore.notifyDone();
-									else {
-										focusStore.setAutoAnchor(outcome.anchorSeq);
-										focusStore.set(true);
-									}
-								}
-							}
+							judge();
 							prevRunning = running;
 						};
 						onSnap();
 						unsubSession = face.subscribe(onSnap);
+						if (uiConversation) try {
+							const chatSource = uiConversation.binding(id).target("chat");
+							const onChat = () => {
+								chatSlice = legacySliceOf(chatSource.getSnapshot(), face.getSnapshot());
+								judge();
+							};
+							onChat();
+							unsubChat = chatSource.subscribe(onChat);
+						} catch {}
+						if (!unsubChat) chatSlice = legacySliceOf(null, face.getSnapshot());
 					};
 					const onList = () => {
 						const ls = sessions.list.getSnapshot();
@@ -2110,6 +3099,7 @@ body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!imp
 					return () => {
 						if (unsubList) unsubList();
 						if (unsubSession) unsubSession();
+						if (unsubChat) unsubChat();
 					};
 				});
 				ctx.effect(() => {
@@ -2139,6 +3129,9 @@ body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!imp
 					workspaces,
 					conversation,
 					chatFileMentions,
+					uiSession,
+					uiConversation,
+					settingsScope,
 					t
 				})));
 				ctx.slots.inject("conversation.session.header.actions", () => ctx.slots.register({