dsh-focus-overlay 0.8.1 → 0.9.0

package/README.en.md

@@ -22,6 +22,7 @@
 - **Hide the header and composer** — a thin top bar remains, the input area is tucked away
 - **Fold tool calls** — an assistant turn collapses into a one-line summary
 - **Quick navigation** — a right-side node navbar with hover preview and click-to-jump
+- **In-focus composer** — a compact input dock appears at the live edge and shares the main composer's draft; click away and it folds into a dot, one click back; AI questions and approvals expand into an in-place answer card, so you never leave focus to reply
 - **Auto-focus & reminders** — after a reply completes, optionally auto-enter focus at your question; while in focus, get a toast for a new reply or when the AI is waiting on you
 - **Hotkey F** — press `F` anywhere to enter focus mode instantly (toggleable in settings); typing in an input never triggers it
 
@@ -56,13 +57,14 @@ Once in focus mode, an assistant turn no longer shows every step — it folds in
 | Tool-call folding | Tool calls / commands / context injections fold into a categorized summary line (commands / edits / searches / reads / directory listings / subagents / todos / goals / workflows / skills / questions / plans / background jobs) |
 | Precise scroll preservation | Opens at the message you're reading in the chat (aligned by `seq`), not from the top |
 | Right-side node navbar | One dot per user message; active pill follows scroll, hover preview, click to jump, auto-hidden under 2 messages |
-| Back to latest | A centered "↓ back to latest" floating button appears when you scroll away from the bottom |
+| Back to latest | A centered "↓" floating button when you scroll away from the bottom with no draft |
+| In-focus composer | The compact input bar appears at the live edge and shares the main composer's draft — `Enter` sends (queued while the AI runs); with a draft, clicking the conversation folds it into a blue-dot pill, one click to expand |
 | File mentions | Wires `chatFileMentions`, turning inline-code tokens that name real files into clickable links |
 | i18n | Chinese / English copy, follows the UI language |
 | Plugin configuration card | A collapsible card under "Settings → Plugins → Plugin configuration": navbar toggle, open-position strategy, text-area width — persisted to `localStorage` |
 | Auto-enter focus | After a reply **completes normally**, auto-open focus at your question; abnormal endings (stop / error / max-tokens / interrupt) never fire |
 | F hotkey | Press `F` anywhere to enter focus mode instantly (default on, toggleable in settings); never fires while typing in an input, auto-repeat ignored |
-| Reply / waiting reminders | In focus, a "New reply ready + View" toast on completion; an "AI is waiting for your reply + Reply" toast on a question/approval, auto-cleared once answered |
+| Reply / waiting reminders | In focus, a "New reply ready + View" toast on completion; a question/approval raises "AI is waiting for your reply + Answer", expanding an in-place answer card (options / free text / allow / deny) — auto-cleared once answered, never leaving focus |
 | DSH-better-sidebar compatibility | While in focus, auto-hide its top-right panel toggle buttons and any open right/bottom panels (and release the squeezed layout); restored on exit |
 
 ## Install
@@ -108,8 +110,9 @@ Restart `dsh web` after install.
 
 1. Open a session and click the **"Focus"** button in the session header action row (or press `F` — toggleable in settings).
 2. You enter the full-screen focus view: a thin top bar (session title + exit) and the conversation only, with tool steps folded into summary lines.
-3. Hover the right-side dots to preview, click to jump; a centered "↓ back to latest" button appears when you're not at the bottom.
-4. Press `Esc` or click "Exit focus" to return — the original UI is untouched.
+3. Hover the right-side dots to preview, click to jump; the compact input bar appears when you reach the very bottom (a "↓" button shows when you scroll away with no draft).
+4. Reply right in the bar: `Enter` sends, `Shift+Enter` newlines (queued while the AI runs), drafts shared with the main composer; clicking the conversation folds it into a blue-dot pill. AI questions/approvals raise an "Answer" card for in-place options, free text, or approvals.
+5. `Esc` peels back layer by layer (answer card → input bar → focus mode); or click "Exit focus" to return — the original UI is untouched.
 
 > **Compatibility note**: if [DSH-better-sidebar](https://github.com/omdsh-dev/DSH-better-sidebar) is also installed, entering focus mode auto-hides its two top-right panel toggle buttons and any open right/bottom panels (releasing the squeezed layout); they're restored as they were on exit, without touching that plugin's layout state.
 

package/README.md

@@ -54,13 +54,14 @@
 | 工具调用折叠 | 工具调用 / 命令 / 上下文注入按类型计数折叠成摘要行（命令/编辑/搜索/读取/列目录/子代理/待办/目标/工作流/技能/提问/计划/后台任务） |
 | 精确保留位置 | 进入专注时定位到聊天视图中正在阅读的消息（按 `seq` 对齐），而非从头开始 |
 | 右侧节点导航条 | 每个 user 消息一个圆点，激活药丸跟随滚动、悬停预览、点击平滑跳转，少于 2 条自动隐藏 |
-| 回到最新 | 离开底部时显示居中的「↓ 回到最新」悬浮按钮 |
+| 回到最新 | 无草稿且离开底部时，底部居中显示「↓」悬浮按钮 |
+| 专注内输入条 | 滚到最底部自动展开精简输入框，与主输入框共享同一份草稿；`Enter` 发送（AI 忙时自动排队）；有草稿时点击对话区自动收起为带蓝点的圆钮，一键展开续写 |
 | 文件提及 | 接 `chatFileMentions`，内联代码命中真实文件时变成可点链接 |
 | i18n | 中 / 英文案，跟随界面语言 |
 | 插件配置卡片 | 在「设置 → 插件 → 插件配置」中的可折叠卡片，含导航条开关、打开定位策略、文字区宽度，持久化到 `localStorage` |
 | 自动进入专注 | 回复**正常完成**后自动打开专注并定位到本轮你的提问；异常结束（停止 / 报错 / 超 token / 打断）不触发 |
 | F 键快捷键 | 任意界面按 `F` 立即进入专注（默认开，可在设置中关闭）；输入框内打字不触发，长按自动忽略 |
-| 回复 / 等待提醒 | 专注中回复完成弹「新回复已生成 + 查看」；AI 提问 / 审批等待时弹「AI 正在等待你的回复 + 去回复」，回答完自动消失 |
+| 回复 / 等待提醒 | 专注中回复完成弹「新回复已生成 + 查看」；AI 提问 / 审批等待时弹「AI 正在等待你的回复 + 去回答」，原地展开答题卡（选项 / 自由文本 / 允许 / 拒绝），作答后自动消失——全程无需退出专注 |
 | 兼容 DSH-better-sidebar | 进入专注时自动隐藏其右上角的收放面板按钮与已开启的右侧/底部面板，并释放被挤压的布局；退出专注后按原状态还原 |
 
 ## 安装
@@ -106,8 +107,9 @@ dsh web
 
 1. 打开任意会话，点击标题栏操作区的 **「专注」** 按钮（或直接按 `F` 键，可在设置中关闭该快捷键）。
 2. 进入全屏专注视图：顶部只有一条极窄栏（会话标题 + 退出），正文只显示你与 AI 的对话，工具步骤折叠为摘要行。
-3. 右侧导航圆点可悬停预览、点击跳转；离开底部时右下出现居中的「↓ 回到最新」。
-4. 按 `Esc` 或点「退出专注」返回原界面，原位置/状态保持不变。
+3. 右侧导航圆点可悬停预览、点击跳转；滚到最底部时底部居中自动展开精简输入条（无草稿离开底部则显示「↓」按钮）。
+4. 在输入条里直接回复：`Enter` 发送、`Shift+Enter` 换行（AI 忙时自动排队），草稿与主输入框互通；点击对话区域自动收起为带蓝点的圆钮。AI 提问 / 审批时弹「去回答」卡片，就地进行选项 / 文本 / 审批作答。
+5. 按 `Esc` 逐层退出（答题卡 → 输入条 → 专注模式），或点「退出专注」返回原界面，原位置/状态保持不变。
 
 > **兼容提示**：若同时安装了 [DSH-better-sidebar](https://github.com/omdsh-dev/DSH-better-sidebar)，进入专注模式会自动隐藏其右上角的两个收放面板按钮以及已开启的右侧/底部面板（并释放被挤压的布局）；退出专注后按原状态恢复，不会改动该插件的面板布局。
 

package/lib/client.js

@@ -258,14 +258,6 @@ window.__ModuleLoader__.load({
 				anchorSeq: lastUserSeq(nodes)
 			};
 		}
-		/** True while the session has a pending interaction — the AI is blocked waiting
-		*  for the user (to answer a question or approve an action). It stays true for
-		*  the whole wait (`running` remains true throughout) and clears as soon as the
-		*  user answers, so it is the live signal for "questions still unanswered". */
-		function hasPendingInteraction(snap) {
-			const pending = snap && snap.pending;
-			return Array.isArray(pending) && pending.length > 0;
-		}
 		/** True once the persisted onboarding flag matches the current intro version.
 		*  Kept as a pure comparison so the "already seen?" decision is testable and
 		*  can be versioned: bump the version to re-show the intro after a major change. */
@@ -286,6 +278,111 @@ window.__ModuleLoader__.load({
 			const k = typeof e.key === "string" ? e.key : "";
 			return k === "f" || k === "F";
 		}
+		/**
+		* Decide the bottom dock's form from the live facts. Priority order mirrors the
+		* agreed design:
+		*
+		* 1. pending (the AI is blocked waiting) owns the region — the answer card when
+		*    the user opened it (the waiting toast morphs in place), otherwise the
+		*    waiting toast itself. A plain prompt cannot answer `ask_user_question`, so
+		*    while pending the input bar is suppressed entirely (the official main view
+		*    likewise lets the question UI take over the composer seat).
+		* 2. the input bar while the user is IN it: focused, or the one-render handoff
+		*    from a pill click (`engaged`, focus not landed yet). With a draft this is
+		*    the only thing that keeps the bar up — clicking the conversation area
+		*    blurs the textarea and the bar folds itself into the pill (draft safe,
+		*    blue dot, one click back). There is no manual hide.
+		* 3. also the bar, as ambient chrome, while empty and reading at the live
+		*    edge — a slim placeholder offering the composer.
+		* 4. otherwise: a draft (unfocused) shows the pill; no draft and scrolled away
+		*    shows the jump-to-bottom button.
+		*/
+		function bottomForm(o) {
+			if (o.pending) return o.cardOpen ? "card" : "toast";
+			if (o.engaged || o.focused || o.draftEmpty && o.inZone) return "bar";
+			return o.draftEmpty ? "tobottom" : "pill";
+		}
+		/**
+		* Bottom-zone membership with hysteresis: entering requires the viewport edge
+		* within {@link BOTTOM_ENTER_PX} of the scroll end, leaving requires drifting
+		* past {@link BOTTOM_EXIT_PX}. Between the two thresholds the previous verdict
+		* stands, so slow scrolling near the end (or streaming content quietly growing
+		* the scrollHeight under a still reader) never flaps the dock between forms.
+		*/
+		function bottomZoneAfter(prev, distance) {
+			if (distance <= 48) return true;
+			if (distance >= 160) return false;
+			return prev;
+		}
+		/** A question is answered when at least one option is selected or the custom
+		*  text is non-blank — the same completeness rule the official question
+		*  composer applies before enabling submit. */
+		function questionAnswered(d) {
+			if (!d) return false;
+			if (d.selected.length > 0) return true;
+			return d.custom.trim() !== "";
+		}
+		/** The whole batch must be answered: one `ask()` is one answer covering every
+		*  question, never split per question. An empty question list is never
+		*  complete (nothing to send — submit stays disabled); malformed null entries
+		*  are skipped, matching encodeAnswer, so one bad row cannot deadlock the
+		*  answerable majority. */
+		function allAnswered(questions, drafts) {
+			if (!questions || questions.length === 0) return false;
+			for (const q of questions) {
+				if (!q) continue;
+				if (!questionAnswered(drafts[q.id])) return false;
+			}
+			return true;
+		}
+		/**
+		* Encode the complete answer batch in the wire shape `question/respond`
+		* expects (`AskUserQuestionAnswer`). Mirrors the official encoder's
+		* exclusivity rule: a single-select question carries EITHER the selected
+		* option OR the custom text (`selected` is cleared when custom is present —
+		* never both, which would be a contradictory answer); multi-select may carry
+		* both. Option labels go back verbatim — the harness's recommendation suffix
+		* is part of the label the asker must see echoed — and custom text is sent
+		* trimmed, only when present.
+		*/
+		function encodeAnswer(questions, drafts) {
+			const answers = [];
+			for (const q of questions || []) {
+				if (!q) continue;
+				const d = drafts[q.id] || {
+					selected: [],
+					custom: ""
+				};
+				const custom = d.custom.trim();
+				const selected = custom === "" || q.multiSelect ? [...d.selected] : [];
+				const item = {
+					id: q.id,
+					selected
+				};
+				if (custom) item.custom = custom;
+				answers.push(item);
+			}
+			return { answers };
+		}
+		/** Split the harness's recommendation marker off an option label for display
+		*  (the marker becomes a badge); the full label stays what the wire echoes
+		*  back. Lenient like the official parser: ASCII or full-width parentheses,
+		*  "recommended" in any case, or the Chinese 推荐. */
+		function parseRecommendedLabel(label) {
+			if (typeof label !== "string") return {
+				label,
+				recommended: false
+			};
+			const rest = label.replace(/\s*[（(]\s*(?:recommended|推荐)\s*[)）]\s*$/i, "");
+			if (rest === label || rest === "") return {
+				label,
+				recommended: false
+			};
+			return {
+				label: rest,
+				recommended: true
+			};
+		}
 		//#endregion
 		//#region src/client/settings.ts
 		const KEY = "dsh-focus-overlay:prefs";
@@ -350,6 +447,408 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
+		//#region src/client/Composer.tsx
+		/**
+		* The focus-mode bottom dock: the compact composer region that replaces the
+		* old lone "jump to bottom" button at the bottom center of the overlay.
+		*
+		* Forms (mutually exclusive, decided by the pure `bottomForm` selector):
+		* - `bar`      the compact input bar — the shared official draft, Enter sends
+		* - `pill`     the collapsed affordance after a manual hide (blue dot = draft)
+		* - `tobottom` the classic jump-to-bottom button
+		* - `card`     the pending answer card (options / free text / approve-deny),
+		*              opened in place from the waiting toast
+		* (`toast` is decided here too, but rendered by the overlay's toast element.)
+		*
+		* The bar shares the MAIN composer's draft through the official per-session
+		* input machine (`conversation.input.for(binding.ctx)`): setDraft / submit are
+		* the same public action face every session-scope component gets, so whatever
+		* the user typed before entering focus mode is already here, and whatever they
+		* type here is still in the main composer after leaving — one draft, both
+		* views, persisted by the host like always. When the input service is absent
+		* (older dsh), the bar degrades to a plugin-local draft sent through the
+		* session face's `prompt` verb — the same wire call the official default sink
+		* makes.
+		*/
+		/** Resolve the per-session input facade for a session's agent scope. Returns
+		*  null when the conversation service (or its input registry) is absent so the
+		*  caller can fall back to a plugin-local draft. Pure resolution, memoized per
+		*  binding — the registry hands back the same stable facade every time. */
+		function useInputFace(conversation, actx) {
+			return (0, react.useMemo)(() => {
+				try {
+					if (conversation && conversation.input && actx) return conversation.input.for(actx);
+				} catch {}
+				return null;
+			}, [conversation, actx]);
+		}
+		/** Subscribe to the input machine's published state (draft, queue, reference
+		*  occurrences). Mirrors the overlay's session-snapshot hook: read once, then
+		*  re-read on every store flush. */
+		function useInputState(input) {
+			const [snap, setSnap] = (0, react.useState)(() => {
+				try {
+					return input && input.state ? input.state.getSnapshot() : null;
+				} catch {
+					return null;
+				}
+			});
+			(0, react.useEffect)(() => {
+				if (!input || !input.state) {
+					setSnap(null);
+					return;
+				}
+				try {
+					setSnap(input.state.getSnapshot());
+					return input.state.subscribe(() => setSnap(input.state.getSnapshot()));
+				} catch {
+					return;
+				}
+			}, [input]);
+			return snap;
+		}
+		function OptionRow(props) {
+			const { t, index, label, description, multi, on, onToggle } = props;
+			const parsed = parseRecommendedLabel(label);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				className: "fm-opt" + (on ? " fm-opt-on" : ""),
+				onClick: onToggle,
+				"aria-pressed": on,
+				children: [multi ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "fm-opt-check" + (on ? " fm-opt-check-on" : ""),
+					children: on ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline14, {}) : null
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "fm-opt-num",
+					children: index + 1
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "fm-opt-copy",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "fm-opt-line",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "fm-opt-label",
+							children: parsed.label
+						}), parsed.recommended ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "fm-opt-badge",
+							children: t("answer.recommended")
+						}) : null]
+					}), description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "fm-opt-desc",
+						children: description
+					}) : null]
+				})]
+			});
+		}
+		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 [drafts, setDrafts] = (0, react.useState)({});
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(null);
+			const patch = (id, next) => setDrafts((prev) => {
+				const cur = prev[id] || {
+					selected: [],
+					custom: ""
+				};
+				return {
+					...prev,
+					[id]: {
+						...cur,
+						...next
+					}
+				};
+			});
+			const toggle = (qid, multi, label) => setDrafts((prev) => {
+				const cur = prev[qid] || {
+					selected: [],
+					custom: ""
+				};
+				if (multi) {
+					const selected = cur.selected.includes(label) ? cur.selected.filter((l) => l !== label) : [...cur.selected, label];
+					return {
+						...prev,
+						[qid]: {
+							...cur,
+							selected
+						}
+					};
+				}
+				return {
+					...prev,
+					[qid]: {
+						selected: [label],
+						custom: ""
+					}
+				};
+			});
+			const respond = async (result) => {
+				setBusy(true);
+				setError(null);
+				try {
+					const receipt = await wait.respond(result);
+					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));
+					setBusy(false);
+				}
+			};
+			const submitAnswers = () => {
+				if (!allAnswered(questions, drafts)) {
+					setError(t("answer.incomplete"));
+					return;
+				}
+				respond({
+					ok: true,
+					value: {
+						sessionId: wait.sessionId,
+						answer: encodeAnswer(questions, drafts)
+					}
+				});
+			};
+			const decide = (outcome) => respond({
+				ok: true,
+				value: {
+					sessionId: wait.sessionId,
+					approvalId: wait.payload.approvalId,
+					outcome
+				}
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "fm-card" + (isQuestion ? "" : " fm-card-approval"),
+				style: { maxWidth: Math.min(width, 748) },
+				children: [
+					isQuestion ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "fm-card-head",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "fm-card-heading",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "fm-card-eyebrow",
+								children: t("reply.waiting")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+								className: "fm-card-title",
+								children: t("answer.title")
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "fm-card-close",
+							title: t("answer.close"),
+							"aria-label": t("answer.close"),
+							onClick: onClose,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, {})
+						})]
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "fm-card-head",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "fm-card-dot" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "fm-card-strip-title",
+								children: t("answer.approvalTitle")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "fm-card-close",
+								title: t("answer.close"),
+								"aria-label": t("answer.close"),
+								onClick: onClose,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, {})
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "fm-card-body",
+						children: isQuestion ? questions.map((q, i) => {
+							const d = drafts[q.id] || {
+								selected: [],
+								custom: ""
+							};
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "fm-card-q",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "fm-card-q-text",
+										children: [questions.length > 1 ? `${i + 1}. ` : "", q.question]
+									}),
+									q.detail ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "fm-card-detail",
+										children: q.detail
+									}) : null,
+									q.options && q.options.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "fm-card-opts",
+										role: q.multiSelect ? "group" : "radiogroup",
+										children: q.options.map((o, oi) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OptionRow, {
+											t,
+											index: oi,
+											label: o.label,
+											description: o.description,
+											multi: !!q.multiSelect,
+											on: d.selected.includes(o.label),
+											onToggle: () => toggle(q.id, !!q.multiSelect, o.label)
+										}, o.label))
+									}) : null,
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "fm-card-custom",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											className: "fm-card-field",
+											type: "text",
+											value: d.custom,
+											placeholder: t("answer.custom"),
+											onChange: (e) => patch(q.id, { custom: e.target.value })
+										})
+									})
+								]
+							}, 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", {
+								className: "fm-card-q-text",
+								children: wait.payload.reason
+							}) : null, wait.payload && wait.payload.toolName ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "fm-card-detail",
+								children: wait.payload.toolName
+							}) : null]
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "fm-card-foot",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "fm-card-err",
+							children: error
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "fm-card-actions",
+							children: isQuestion ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "primary",
+								size: "sm",
+								disabled: busy,
+								onClick: submitAnswers,
+								children: t("answer.submit")
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "primary",
+								size: "sm",
+								disabled: busy,
+								onClick: () => decide("allowed-once"),
+								children: t("answer.allow")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "outline",
+								size: "sm",
+								disabled: busy,
+								onClick: () => decide("rejected"),
+								children: t("answer.reject")
+							})] })
+						})]
+					})
+				]
+			});
+		}
+		function InputBar(props) {
+			const { t, width, value, queueCount, occCount, errorLine, textareaRef, onFocusChange, onChange, onSend } = props;
+			const empty = value.trim() === "";
+			const onKeyDown = (e) => {
+				if (e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && e.nativeEvent.keyCode !== 229) {
+					e.preventDefault();
+					if (!empty) onSend();
+				}
+			};
+			const autoGrow = (el) => {
+				el.style.height = "auto";
+				el.style.height = `${Math.min(el.scrollHeight, 120)}px`;
+			};
+			(0, react.useEffect)(() => {
+				if (textareaRef.current) autoGrow(textareaRef.current);
+			}, [value, textareaRef]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "fm-bar",
+				style: { maxWidth: Math.min(width, 680) },
+				children: [
+					errorLine ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "fm-bar-note fm-bar-note-error",
+						children: errorLine
+					}) : null,
+					occCount > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "fm-bar-note",
+						children: t("composer.occurrences")
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "fm-bar-row",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								ref: textareaRef,
+								className: "fm-bar-text",
+								rows: 1,
+								value,
+								placeholder: t("composer.placeholder"),
+								onChange: (e) => {
+									onChange(e.target.value);
+									autoGrow(e.target);
+								},
+								onKeyDown,
+								onFocus: () => onFocusChange(true),
+								onBlur: () => onFocusChange(false)
+							}),
+							queueCount > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "fm-bar-queue",
+								children: t("composer.queued", { n: queueCount })
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "fm-bar-send",
+								title: t("composer.send"),
+								"aria-label": t("composer.send"),
+								disabled: empty,
+								onMouseDown: (e) => e.preventDefault(),
+								onClick: onSend,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSendOutline14, {})
+							})
+						]
+					})
+				]
+			});
+		}
+		function FocusBottomDock(props) {
+			const { t, width, form, wait, onCardClose, draft, queueCount, occCount, errorLine, textareaRef, onFocusChange, onDraftChange, onSend, onExpand, onJumpBottom } = props;
+			if (form === "toast") return null;
+			if (form === "card") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnswerCard, {
+				t,
+				width,
+				wait,
+				onClose: onCardClose
+			});
+			if (form === "bar") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InputBar, {
+				t,
+				width,
+				value: draft,
+				queueCount,
+				occCount,
+				errorLine,
+				textareaRef,
+				onFocusChange,
+				onChange: onDraftChange,
+				onSend
+			});
+			if (form === "pill") {
+				const hasDraft = draft.trim() !== "";
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: "fm-pill",
+					title: t("composer.expand"),
+					"aria-label": t("composer.expand"),
+					onClick: onExpand,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, {}), hasDraft ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "fm-pill-dot" }) : null]
+				});
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: "fm-pill",
+				title: t("backToLatest"),
+				"aria-label": t("backToLatest"),
+				onClick: onJumpBottom,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 16 })
+			});
+		}
+		//#endregion
 		//#region src/client/FocusView.tsx
 		let focusOn = false;
 		let pendingAnchorKey = null;
@@ -490,9 +989,15 @@ window.__ModuleLoader__.load({
 				}
 			}
 			const [activeKey, setActiveKey] = (0, react.useState)(navKeys.length ? navKeys[navKeys.length - 1] : null);
-			const [atBottom, setAtBottom] = (0, react.useState)(true);
+			const [zone, setZone] = (0, react.useState)(true);
 			const rafId = (0, react.useRef)(null);
 			const overlayRef = (0, react.useRef)(null);
+			const [cardOpen, setCardOpen] = (0, react.useState)(false);
+			const [dockFocused, setDockFocused] = (0, react.useState)(false);
+			const [engaged, setEngaged] = (0, react.useState)(false);
+			const [localDraft, setLocalDraft] = (0, react.useState)("");
+			const taRef = (0, react.useRef)(null);
+			const focusBarOnce = (0, react.useRef)(false);
 			const computeActive = () => {
 				if (!bodyEl) return null;
 				let cur = null;
@@ -504,16 +1009,16 @@ window.__ModuleLoader__.load({
 				}
 				return cur;
 			};
-			const isNearBottom = () => {
-				if (!bodyEl) return true;
-				return bodyEl.scrollHeight - bodyEl.scrollTop - bodyEl.clientHeight < 48;
+			const bottomDistance = () => {
+				if (!bodyEl) return Number.POSITIVE_INFINITY;
+				return bodyEl.scrollHeight - bodyEl.scrollTop - bodyEl.clientHeight;
 			};
 			const handleScroll = () => {
 				if (rafId.current !== null) return;
 				rafId.current = requestAnimationFrame(() => {
 					rafId.current = null;
 					setActiveKey(computeActive());
-					setAtBottom(isNearBottom());
+					setZone((prev) => bottomZoneAfter(prev, bottomDistance()));
 				});
 			};
 			const scrollToKey = (key, smooth) => {
@@ -573,18 +1078,35 @@ window.__ModuleLoader__.load({
 					setActiveKey(navKeys.length ? navKeys[navKeys.length - 1] : null);
 				}
 			}, []);
+			(0, react.useEffect)(() => {
+				setZone(bodyEl ? bottomZoneAfter(false, bottomDistance()) : true);
+			}, []);
 			(0, react.useEffect)(() => {
 				overlayRef.current?.focus();
+			}, []);
+			(0, react.useEffect)(() => {
 				const onKey = (e) => {
-					if (e.key === "Escape") {
-						e.preventDefault();
-						e.stopPropagation();
-						focusStore.set(false);
+					if (e.key !== "Escape") return;
+					if (e.isComposing || e.keyCode === 229) return;
+					e.preventDefault();
+					e.stopPropagation();
+					if (cardOpen) {
+						setCardOpen(false);
+						return;
+					}
+					if (dockFocused || engaged) {
+						hideBar();
+						return;
 					}
+					focusStore.set(false);
 				};
 				window.addEventListener("keydown", onKey, true);
 				return () => window.removeEventListener("keydown", onKey, true);
-			}, []);
+			}, [
+				cardOpen,
+				dockFocused,
+				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);
@@ -606,6 +1128,81 @@ window.__ModuleLoader__.load({
 					return;
 				}
 			}, [chatFileMentions, workspaces]);
+			const binding = (0, react.useMemo)(() => sessions && currentId != null ? sessions.binding(currentId) : void 0, [sessions, currentId]);
+			const inputFace = useInputFace(conversation, binding && binding.ctx);
+			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 onDraftChange = (v) => {
+				if (inputFace) try {
+					inputFace.setDraft(v);
+					return;
+				} catch {}
+				setLocalDraft(v);
+			};
+			const send = () => {
+				const text = draftValue;
+				if (text.trim() === "") return;
+				if (inputFace) try {
+					inputFace.submit("queue");
+					return;
+				} catch {}
+				const face = binding && binding.session;
+				if (face) face.prompt([{
+					type: "text",
+					text
+				}], "queue").then((r) => {
+					if (r && r.ok) setLocalDraft("");
+				}).catch(() => {});
+			};
+			const hideBar = () => {
+				try {
+					taRef.current && taRef.current.blur();
+				} catch {}
+				setEngaged(false);
+				setDockFocused(false);
+			};
+			const expandBar = () => {
+				focusBarOnce.current = true;
+				setEngaged(true);
+			};
+			const onDockFocusChange = (f) => {
+				setDockFocused(f);
+				if (!f) setEngaged(false);
+			};
+			const queueCount = snap && snap.queue ? snap.queue.length : 0;
+			const occCount = inputState && inputState.occurrences ? inputState.occurrences.length : 0;
+			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,
+				cardOpen,
+				draftEmpty,
+				inZone: zone,
+				focused: dockFocused,
+				engaged
+			});
+			(0, react.useEffect)(() => {
+				if (pendingCount === 0) {
+					if (cardOpen) setCardOpen(false);
+					return;
+				}
+				focusBarOnce.current = false;
+				setDockFocused(false);
+				setEngaged(false);
+			}, [pendingCount, cardOpen]);
+			(0, react.useEffect)(() => {
+				if (form === "bar" && focusBarOnce.current) {
+					focusBarOnce.current = false;
+					try {
+						taRef.current && taRef.current.focus();
+					} catch {}
+					setEngaged(false);
+				}
+			}, [form]);
 			let title = "Focus Mode";
 			if (currentId && listState && listState.byId && listState.byId[currentId]) {
 				const row = listState.byId[currentId];
@@ -701,18 +1298,7 @@ window.__ModuleLoader__.load({
 					})]
 				}, k))
 			}) : null;
-			const toBottom = !atBottom ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "fm-tobottom-wrap",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-					variant: "outline",
-					size: "sm",
-					className: "fm-tobottom",
-					title: t("backToLatest"),
-					onClick: scrollToBottom,
-					children: "↓"
-				})
-			}) : null;
-			const waiting = hasPendingInteraction(snap);
+			const waiting = pendingCount > 0 && !cardOpen;
 			const donePing = useDonePing();
 			const [showDoneNotice, setShowDoneNotice] = (0, react.useState)(false);
 			(0, react.useEffect)(() => {
@@ -740,8 +1326,8 @@ window.__ModuleLoader__.load({
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 						variant: "primary",
 						size: "sm",
-						onClick: () => focusStore.set(false),
-						children: t("reply.respond")
+						onClick: () => setCardOpen(true),
+						children: t("answer.open")
 					})
 				]
 			}) : showDoneNotice ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -789,7 +1375,26 @@ window.__ModuleLoader__.load({
 						children: body
 					}),
 					nav,
-					toBottom,
+					currentId && snap !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "fm-dock",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FocusBottomDock, {
+							t,
+							width: prefs.width,
+							form,
+							wait,
+							onCardClose: () => setCardOpen(false),
+							draft: draftValue,
+							queueCount,
+							occCount,
+							errorLine,
+							textareaRef: taRef,
+							onFocusChange: onDockFocusChange,
+							onDraftChange,
+							onSend: send,
+							onExpand: expandBar,
+							onJumpBottom: scrollToBottom
+						})
+					}) : null,
 					replyNotice
 				]
 			});
@@ -1036,7 +1641,7 @@ window.__ModuleLoader__.load({
 .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 64px}
+.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}
@@ -1058,11 +1663,73 @@ window.__ModuleLoader__.load({
 .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-tobottom-wrap{position:absolute;left:50%;transform:translateX(-50%);bottom:18px;z-index:2;pointer-events:none}
-.fm-tobottom{pointer-events:auto;border-radius:100px;min-width:34px;height:34px;padding:0 10px}
-.fm-reply-toast{position:absolute;left:50%;transform:translateX(-50%);bottom:64px;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{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)}
@@ -1133,7 +1800,22 @@ body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!imp
 			"reply.ready": "新回复已生成",
 			"reply.view": "查看",
 			"reply.waiting": "AI 正在等待你的回复",
-			"reply.respond": "去回复",
+			"answer.open": "去回答",
+			"answer.title": "等待你的回答",
+			"answer.approvalTitle": "请求审批",
+			"answer.submit": "提交回答",
+			"answer.close": "收起",
+			"answer.custom": "其他答案（可选）",
+			"answer.recommended": "推荐",
+			"answer.incomplete": "请先回答所有问题",
+			"answer.rejected": "提交被拒绝",
+			"answer.allow": "允许",
+			"answer.reject": "拒绝",
+			"composer.placeholder": "输入回复…",
+			"composer.send": "发送",
+			"composer.expand": "展开输入框",
+			"composer.queued": "已排队 {n}",
+			"composer.occurrences": "草稿中包含引用 / 命令，在此编辑可能使其失效，建议退出专注模式编辑",
 			"sum.context": "载入了 {n} 项上下文",
 			"sum.commands": "运行了 {n} 个命令",
 			"sum.edits": "编辑了 {n} 个文件",
@@ -1187,7 +1869,22 @@ body[data-fm-focus] #root :has(> [data-slot="conversation"]){margin-bottom:0!imp
 			"reply.ready": "New reply ready",
 			"reply.view": "View",
 			"reply.waiting": "AI is waiting for your reply",
-			"reply.respond": "Reply",
+			"answer.open": "Answer",
+			"answer.title": "Waiting for your answer",
+			"answer.approvalTitle": "Approval requested",
+			"answer.submit": "Submit answer",
+			"answer.close": "Collapse",
+			"answer.custom": "Other (optional)",
+			"answer.recommended": "Recommended",
+			"answer.incomplete": "Answer every question first",
+			"answer.rejected": "Submission rejected",
+			"answer.allow": "Allow",
+			"answer.reject": "Deny",
+			"composer.placeholder": "Type a reply…",
+			"composer.send": "Send",
+			"composer.expand": "Expand input",
+			"composer.queued": "Queued {n}",
+			"composer.occurrences": "Draft contains references / commands — editing here may break them; edit outside focus mode",
 			"sum.context": "loaded {n} context items",
 			"sum.commands": "ran {n} commands",
 			"sum.edits": "edited {n} files",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-focus-overlay",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "Focus Mode for the dsh web GUI: a full-screen reading overlay that hides chrome and folds the AI tool-call flow into summaries, reusing the official Markdown / image primitives.",
   "type": "module",
   "main": "lib/index.mjs",