@linxin666/dsh-remote-web-ui 0.2.8 → 0.3.0

package/lib/mobile.js

@@ -7632,6 +7632,35 @@ async function selectModel(sessionId, selection) {
 		...selection.reasoningEffort !== void 0 ? { reasoningEffort: selection.reasoningEffort } : {}
 	});
 }
+/** Fetch pending approvals and questions for one session (polling fallback data source). */
+async function fetchPending(sessionId) {
+	return await callUnary("mobile.pending", { sessionId });
+}
+/** Submit an approval decision (allowed-once or rejected). */
+async function respondApproval(sessionId, approvalId, outcome) {
+	await callUnary("mobile.respond", {
+		sessionId,
+		type: "approval",
+		approvalId,
+		outcome
+	});
+}
+/** Submit answers to a question group. */
+async function respondQuestion(sessionId, answers) {
+	await callUnary("mobile.respond", {
+		sessionId,
+		type: "question",
+		answers
+	});
+}
+/** Browse one directory level on the host (defaults to home directory). */
+async function listDirectory(path) {
+	return await callUnary("host.listDirectory", path === void 0 ? {} : { path });
+}
+/** Create a workspace from an existing host directory (does not mkdir). */
+async function createWorkspace(path) {
+	return await callUnary("workspace.create", { path });
+}
 //#endregion
 //#region ../../node_modules/.pnpm/zod@4.4.3/node_modules/zod/v4/core/core.js
 var _a$1;
@@ -13513,9 +13542,23 @@ function snapshotOf(state) {
 * Pure and exported for tests.
 * @module dsh-remote-web-ui/mobile/markdown
 */
-/** Escape HTML special characters. */
+/** HTML special-character map for {@link escapeHtml}. */
+const HTML_ESCAPE_MAP = {
+	"&": "&",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#39;"
+};
+/**
+* Escape HTML special characters. One regex pass replaces all five
+* characters through the map; the output is identical to five sequential
+* passes (each replacement string contains none of the escaped characters),
+* and the common no-special-character case scans the string only once
+* instead of five times.
+*/
 function escapeHtml(text) {
-	return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+	return text.replace(/[&<>"']/g, (char) => HTML_ESCAPE_MAP[char] ?? char);
 }
 /**
 * Guard a raw link/image target against dangerous protocols. Returns the
@@ -13994,6 +14037,12 @@ function ChatView({ session, mux, onBack }) {
 	* the legacy Enter-to-send behavior until the preference loads).
 	*/
 	const [mobileEnterToSend, setMobileEnterToSend] = (0, import_react.useState)(true);
+	/** Whether the assistant is currently generating (turn/start..turn/end). */
+	const [running, setRunning] = (0, import_react.useState)(false);
+	/** Pending tool approvals awaiting user decision (#1025). */
+	const [pendingApprovals, setPendingApprovals] = (0, import_react.useState)([]);
+	/** Pending questions awaiting user answer (#1025). */
+	const [pendingQuestions, setPendingQuestions] = (0, import_react.useState)([]);
 	(0, import_react.useEffect)(() => {
 		let cancelled = false;
 		fetchMobilePreferences().then((preferences) => {
@@ -14065,6 +14114,10 @@ function ChatView({ session, mux, onBack }) {
 			if (frame.type === "session/event") {
 				if (frame.sessionId !== session.sessionId) return;
 				const event = frame.event;
+				if (typeof event.type === "string") {
+					if (event.type === "turn/start") setRunning(true);
+					if (event.type === "turn/end") setRunning(false);
+				}
 				if (tailLoadingRef.current) {
 					if (liveBufferRef.current.length >= 500) {
 						liveBufferRef.current.shift();
@@ -14082,9 +14135,55 @@ function ChatView({ session, mux, onBack }) {
 				});
 				return;
 			}
-			if (frame.type === "session/projection" && frame.sessionId === session.sessionId && frame.key === "permissions") setPermissions(parsePermissionSelect(frame.value));
+			if (frame.type === "session/projection" && frame.sessionId === session.sessionId && frame.key === "permissions") {
+				setPermissions(parsePermissionSelect(frame.value));
+				return;
+			}
+			if (!("sessionId" in frame) || frame.sessionId !== session.sessionId) return;
+			if (frame.type === "approval/requested") {
+				setPendingApprovals((previous) => {
+					if (previous.some((a) => a.approvalId === frame.approvalId)) return previous;
+					return [...previous, {
+						approvalId: frame.approvalId,
+						toolName: frame.toolName,
+						callId: frame.callId,
+						reason: frame.reason
+					}];
+				});
+				return;
+			}
+			if (frame.type === "approval/resolved") {
+				setPendingApprovals((previous) => previous.filter((a) => a.approvalId !== frame.approvalId));
+				return;
+			}
+			if (frame.type === "question/requested") {
+				const items = frame.questions;
+				setPendingQuestions(items);
+				return;
+			}
+			if (frame.type === "question/resolved") {
+				setPendingQuestions([]);
+				return;
+			}
 		});
 	}, [mux, session.sessionId]);
+	(0, import_react.useEffect)(() => {
+		if (!running) return;
+		let cancelled = false;
+		const tick = () => {
+			fetchPending(session.sessionId).then((state) => {
+				if (cancelled) return;
+				setPendingApprovals(state.approvals);
+				setPendingQuestions(state.questions);
+			}, () => {});
+		};
+		tick();
+		const timer = setInterval(tick, 1500);
+		return () => {
+			cancelled = true;
+			clearInterval(timer);
+		};
+	}, [running, session.sessionId]);
 	const scrollToBottom = (0, import_react.useCallback)(() => {
 		const el = scrollRef.current;
 		if (el === void 0) return;
@@ -14210,6 +14309,34 @@ function ChatView({ session, mux, onBack }) {
 					!loading && messages.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
 						className: "chat-typing",
 						children: "还没有消息，发一句话开始吧"
+					}),
+					running && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "chat-turn-status",
+						role: "status",
+						"aria-label": "输出中",
+						children: ["输出中", /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: "chat-turn-dots",
+							"aria-hidden": true,
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {})
+							]
+						})]
+					}),
+					pendingApprovals.map((approval) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ApprovalPanel, {
+						approval,
+						sessionId: session.sessionId,
+						onResolved: (id) => {
+							setPendingApprovals((prev) => prev.filter((a) => a.approvalId !== id));
+						}
+					}, approval.approvalId)),
+					pendingQuestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QuestionPanel, {
+						questions: pendingQuestions,
+						sessionId: session.sessionId,
+						onResolved: () => {
+							setPendingQuestions([]);
+						}
 					})
 				]
 			}),
@@ -14371,7 +14498,10 @@ const MessageRow = (0, import_react.memo)(function MessageRow({ message, showToo
 				pending: message.pending === true
 			}),
 			showToolCalls && message.kind === "assistant" && message.tools !== void 0 && message.tools.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolDisclosure, { tools: message.tools }),
-			message.kind === "assistant" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarkdownText, { text: message.text }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleText, { text: message.text }),
+			message.kind === "assistant" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarkdownText, {
+				text: message.text,
+				pending: message.pending === true
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleText, { text: message.text }),
 			message.failed === true && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 				className: "chat-msg-failtag",
 				children: "本次回复失败"
@@ -14418,10 +14548,10 @@ function ReasoningDisclosure({ text, pending }) {
 		})]
 	});
 }
-/** Collapsed-by-default tool-call disclosure: summary row + expandable details. */
+/** Collapsed-by-default tool-call disclosure: pill tag summary + card details (#529). */
 function ToolDisclosure({ tools }) {
 	const [open, setOpen] = (0, import_react.useState)(false);
-	const names = [...new Set(tools.map((tool) => tool.name))].join(" / ");
+	const uniqueNames = [...new Set(tools.map((tool) => tool.name))];
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: `chat-disclosure chat-tools${open ? " chat-disclosure-open" : ""}`,
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
@@ -14442,8 +14572,11 @@ function ToolDisclosure({ tools }) {
 					children: "工具"
 				}),
 				!open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: "chat-disclosure-summary",
-					children: names
+					className: "chat-disclosure-summary chat-tool-pills",
+					children: uniqueNames.map((name) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "chat-tool-pill",
+						children: name
+					}, name))
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
 					className: "chat-disclosure-count",
@@ -14453,9 +14586,9 @@ function ToolDisclosure({ tools }) {
 		}), open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "chat-disclosure-body chat-tools-body",
 			children: tools.map((tool, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "chat-tool-item",
+				className: "chat-tool-card",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: "chat-tool-name",
+					className: "chat-tool-pill",
 					children: tool.name
 				}), tool.arguments !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
 					className: "chat-tool-args",
@@ -14472,9 +14605,49 @@ function ToolDisclosure({ tools }) {
 * fences or tables never leak malformed markup into the DOM. User
 * messages stay plain text (CollapsibleText).
 */
-function MarkdownText({ text }) {
+function MarkdownText({ text, pending }) {
 	const [open, setOpen] = (0, import_react.useState)(false);
-	const html = (0, import_react.useMemo)(() => renderMarkdown(text), [text]);
+	const [html, setHtml] = (0, import_react.useState)(() => renderMarkdown(text));
+	/** Text of the last render actually applied to `html`. */
+	const renderedTextRef = (0, import_react.useRef)(text);
+	/** Newest streamed text, read by the trailing render at fire time. */
+	const latestTextRef = (0, import_react.useRef)(text);
+	/** Timestamp of the last applied parse (throttle window start). */
+	const lastRenderAtRef = (0, import_react.useRef)(performance.now());
+	const timerRef = (0, import_react.useRef)(void 0);
+	(0, import_react.useEffect)(() => {
+		latestTextRef.current = text;
+		if (!pending) {
+			if (timerRef.current !== void 0) {
+				clearTimeout(timerRef.current);
+				timerRef.current = void 0;
+			}
+			if (text === renderedTextRef.current) return;
+			lastRenderAtRef.current = performance.now();
+			renderedTextRef.current = text;
+			setHtml(renderMarkdown(text));
+			return;
+		}
+		if (text === renderedTextRef.current) return;
+		const elapsed = performance.now() - lastRenderAtRef.current;
+		if (elapsed >= 120) {
+			lastRenderAtRef.current = performance.now();
+			renderedTextRef.current = text;
+			setHtml(renderMarkdown(text));
+			return;
+		}
+		if (timerRef.current === void 0) timerRef.current = setTimeout(() => {
+			timerRef.current = void 0;
+			lastRenderAtRef.current = performance.now();
+			renderedTextRef.current = latestTextRef.current;
+			setHtml(renderMarkdown(latestTextRef.current));
+		}, 120 - elapsed);
+	}, [text, pending]);
+	(0, import_react.useEffect)(() => {
+		return () => {
+			if (timerRef.current !== void 0) clearTimeout(timerRef.current);
+		};
+	}, []);
 	const long = text.length > LONG_TEXT_LIMIT;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "chat-msg-text chat-md" + (long && !open ? " chat-md-collapsed" : ""),
@@ -14903,6 +15076,207 @@ function DisplaySheet({ showToolCalls, showSystemMessages, onToolCalls, onSystem
 		})
 	});
 }
+/** One pending tool approval card with allow/reject actions. */
+function ApprovalPanel({ approval, sessionId, onResolved }) {
+	const [busy, setBusy] = (0, import_react.useState)(false);
+	const [panelError, setPanelError] = (0, import_react.useState)(void 0);
+	const act = (outcome) => {
+		if (busy) return;
+		setBusy(true);
+		setPanelError(void 0);
+		respondApproval(sessionId, approval.approvalId, outcome).then(() => {
+			onResolved(approval.approvalId);
+		}, (reason) => {
+			setBusy(false);
+			setPanelError(reason instanceof Error ? reason.message : String(reason));
+		});
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "chat-approval-panel",
+		role: "alert",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "chat-approval-header",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "chat-tool-pill",
+					children: approval.toolName
+				}), approval.reason !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "chat-approval-reason",
+					children: approval.reason
+				})]
+			}),
+			panelError !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "chat-approval-error",
+				children: panelError
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "chat-approval-actions",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "chat-approval-allow",
+					disabled: busy,
+					onClick: () => {
+						act("allowed-once");
+					},
+					children: busy ? "提交中…" : "允许一次"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "chat-approval-reject",
+					disabled: busy,
+					onClick: () => {
+						act("rejected");
+					},
+					children: "拒绝"
+				})]
+			})
+		]
+	});
+}
+/** Question panel: renders one or more questions with option pickers and a submit button. */
+function QuestionPanel({ questions, sessionId, onResolved }) {
+	const [selections, setSelections] = (0, import_react.useState)(() => new Map(questions.map((q) => [q.id, {
+		selected: [],
+		custom: ""
+	}])));
+	const [busy, setBusy] = (0, import_react.useState)(false);
+	const [panelError, setPanelError] = (0, import_react.useState)(void 0);
+	const toggle = (questionId, label, multi) => {
+		setSelections((previous) => {
+			const next = new Map(previous);
+			const entry = next.get(questionId) ?? {
+				selected: [],
+				custom: ""
+			};
+			if (multi) {
+				const set = new Set(entry.selected);
+				if (set.has(label)) set.delete(label);
+				else set.add(label);
+				next.set(questionId, {
+					...entry,
+					selected: [...set]
+				});
+			} else next.set(questionId, {
+				...entry,
+				selected: [label]
+			});
+			return next;
+		});
+	};
+	const setCustom = (questionId, value) => {
+		setSelections((previous) => {
+			const next = new Map(previous);
+			const entry = next.get(questionId) ?? {
+				selected: [],
+				custom: ""
+			};
+			next.set(questionId, {
+				...entry,
+				custom: value
+			});
+			return next;
+		});
+	};
+	const submit = () => {
+		if (busy) return;
+		setBusy(true);
+		setPanelError(void 0);
+		respondQuestion(sessionId, questions.map((q) => {
+			const entry = selections.get(q.id) ?? {
+				selected: [],
+				custom: ""
+			};
+			return {
+				id: q.id,
+				selected: entry.selected,
+				...entry.custom.trim() !== "" ? { custom: entry.custom.trim() } : {}
+			};
+		})).then(() => {
+			onResolved();
+		}, (reason) => {
+			setBusy(false);
+			setPanelError(reason instanceof Error ? reason.message : String(reason));
+		});
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "chat-question-panel",
+		role: "form",
+		"aria-label": "问题",
+		children: [
+			questions.map((q) => {
+				const entry = selections.get(q.id) ?? {
+					selected: [],
+					custom: ""
+				};
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "chat-question-group",
+					children: [
+						q.header !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "chat-question-header",
+							children: q.header
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "chat-question-text",
+							children: q.question
+						}),
+						q.detail !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "chat-question-detail",
+							children: q.detail
+						}),
+						q.options !== void 0 && q.options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "chat-question-options",
+							role: "group",
+							"aria-label": q.question,
+							children: q.options.map((option) => {
+								const checked = entry.selected.includes(option.label);
+								return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
+									className: `chat-question-option${checked ? " chat-question-option-selected" : ""}`,
+									children: [
+										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+											type: q.multiSelect ? "checkbox" : "radio",
+											name: `q-${q.id}`,
+											checked,
+											onChange: () => {
+												toggle(q.id, option.label, q.multiSelect === true);
+											}
+										}),
+										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "chat-question-option-label",
+											children: option.label
+										}),
+										option.description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "chat-question-option-desc",
+											children: option.description
+										})
+									]
+								}, option.label);
+							})
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
+							className: "chat-question-custom",
+							placeholder: "自定义回答（可选）",
+							rows: 2,
+							value: entry.custom,
+							onChange: (e) => {
+								setCustom(q.id, e.target.value);
+							}
+						})
+					]
+				}, q.id);
+			}),
+			panelError !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "chat-approval-error",
+				children: panelError
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: "chat-question-submit",
+				disabled: busy,
+				onClick: submit,
+				children: busy ? "提交中…" : "提交回答"
+			})
+		]
+	});
+}
 //#endregion
 //#region src/mobile/views/SessionListView.tsx
 /**
@@ -15163,6 +15537,116 @@ function SessionListView({ workspace, onBack, onPick }) {
 * until a workspace is opened).
 */
 /**
+* Render the directory browser for creating a new workspace.
+*/
+function DirectoryBrowser({ onCancel, onPick }) {
+	const [listing, setListing] = (0, import_react.useState)(void 0);
+	const [error, setError] = (0, import_react.useState)(void 0);
+	const [creating, setCreating] = (0, import_react.useState)(false);
+	const [path, setPath] = (0, import_react.useState)(void 0);
+	const [reload, setReload] = (0, import_react.useState)(0);
+	(0, import_react.useEffect)(() => {
+		let cancelled = false;
+		setError(void 0);
+		setListing(void 0);
+		listDirectory(path).then((res) => {
+			if (cancelled) return;
+			setListing(res);
+		}, (reason) => {
+			if (cancelled) return;
+			setError(errorText(reason));
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [path, reload]);
+	const handleCreate = async () => {
+		if (listing === void 0 || creating) return;
+		setCreating(true);
+		setError(void 0);
+		try {
+			onPick((await createWorkspace(listing.path)).workspace);
+		} catch (reason) {
+			setCreating(false);
+			setError(errorText(reason));
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "mobile dir-browser",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
+				className: "mobile-header",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "mobile-headerAction",
+					onClick: onCancel,
+					children: "返回"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+					className: "mobile-title",
+					children: "选择目录"
+				})]
+			}),
+			listing !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "dir-crumbs",
+				children: listing.crumbs.map((crumb, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "dir-crumb",
+					onClick: () => setPath(crumb.path),
+					children: crumb.name || "/"
+				}), idx < listing.crumbs.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "dir-crumb-separator",
+					children: "/"
+				})] }, crumb.path))
+			}),
+			error !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mobile-empty",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "mobile-error",
+					children: error
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "mobile-button",
+					onClick: () => setReload((n) => n + 1),
+					children: "重试"
+				})]
+			}) : listing === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "mobile-empty",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "mobile-muted",
+					children: "加载中…"
+				})
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+				className: "mobile-list",
+				children: listing.entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "mobile-empty dir-empty",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "mobile-muted",
+						children: "空目录"
+					})
+				}) : listing.entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: `mobile-row dir-entry ${entry.hidden ? "dir-entry-hidden" : ""}`,
+					onClick: () => setPath(entry.path),
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "mobile-rowTitle",
+						children: ["📁 ", entry.name]
+					})
+				}) }, entry.path))
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "dir-select",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "mobile-button",
+					disabled: listing === void 0 || creating,
+					onClick: () => void handleCreate(),
+					children: creating ? "创建中…" : "选择此目录"
+				})
+			})
+		]
+	});
+}
+/**
 * Render the workspace roster.
 * @param props - the pick action.
 * @returns the roster.
@@ -15171,6 +15655,7 @@ function WorkspaceView({ initialWorkspaceId, onPick }) {
 	const [items, setItems] = (0, import_react.useState)(void 0);
 	const [error, setError] = (0, import_react.useState)(void 0);
 	const [reload, setReload] = (0, import_react.useState)(0);
+	const [isCreating, setIsCreating] = (0, import_react.useState)(false);
 	(0, import_react.useEffect)(() => {
 		let cancelled = false;
 		listWorkspaces().then((rows) => {
@@ -15193,6 +15678,10 @@ function WorkspaceView({ initialWorkspaceId, onPick }) {
 		onPick,
 		reload
 	]);
+	if (isCreating) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectoryBrowser, {
+		onCancel: () => setIsCreating(false),
+		onPick
+	});
 	if (error !== void 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "mobile",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
@@ -15234,54 +15723,56 @@ function WorkspaceView({ initialWorkspaceId, onPick }) {
 			})
 		})]
 	});
-	if (items.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "mobile",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
-			className: "mobile-header",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
-				className: "mobile-title",
-				children: "工作区"
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeToggle, {})]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "mobile-empty",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-				className: "mobile-muted",
-				children: "暂无工作区"
-			})
-		})]
-	});
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "mobile",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
-			className: "mobile-header",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
-				className: "mobile-title",
-				children: "工作区"
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeToggle, {})]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
-			className: "mobile-list",
-			children: items.map((workspace) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-				type: "button",
-				className: "mobile-row",
-				onClick: () => {
-					onPick(workspace);
-				},
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: "mobile-rowTitle",
-						children: workspace.title
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: "mobile-rowMeta",
-						children: workspace.path
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: "mobile-chevron",
-						children: "›"
-					})
-				]
-			}) }, workspace.workspaceId))
-		})]
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
+				className: "mobile-header",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+					className: "mobile-title",
+					children: "工作区"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeToggle, {})]
+			}),
+			items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "mobile-empty",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "mobile-muted",
+					children: "暂无工作区"
+				})
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+				className: "mobile-list",
+				children: items.map((workspace) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: "mobile-row",
+					onClick: () => {
+						onPick(workspace);
+					},
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "mobile-rowTitle",
+							children: workspace.title
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "mobile-rowMeta",
+							children: workspace.path
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "mobile-chevron",
+							children: "›"
+						})
+					]
+				}) }, workspace.workspaceId))
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				style: { padding: "16px" },
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "mobile-button",
+					onClick: () => setIsCreating(true),
+					children: "+ 新建工作区"
+				})
+			})
+		]
 	});
 }
 //#endregion
@@ -16197,16 +16688,33 @@ body {
   gap: 8px;
 }
 
-.chat-tool-item {
+.chat-tool-card {
   display: flex;
   flex-direction: column;
-  gap: 2px;
+  gap: 4px;
+  padding: 6px 8px;
+  border: 1px solid var(--m-border);
+  border-radius: 8px;
+  background: var(--m-bg-raised);
 }
 
-.chat-tool-name {
-  color: var(--m-text);
-  font-size: 12.5px;
+.chat-tool-pills {
+  display: flex;
+  gap: 4px;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.chat-tool-pill {
+  display: inline-block;
+  padding: 1px 7px;
+  border-radius: 999px;
+  background: var(--m-accent-soft);
+  color: var(--m-accent);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 11px;
   font-weight: 600;
+  white-space: nowrap;
 }
 
 .chat-tool-args {
@@ -16220,8 +16728,245 @@ body {
   line-height: 1.5;
   overflow-wrap: break-word;
   white-space: pre-wrap;
+  max-height: 200px;
+  overflow-y: auto;
+}
+
+/* ── turn status indicator (#1017) ───────────────────────────────────── */
+
+.chat-turn-status {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 10px 16px;
+  color: var(--m-accent);
+  font-size: 13px;
+  font-weight: 600;
+  background: linear-gradient(
+    90deg,
+    var(--m-accent) 0%,
+    color-mix(in srgb, var(--m-accent) 60%, #ffffff) 50%,
+    var(--m-accent) 100%
+  );
+  background-size: 200% 100%;
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: dsh-shimmer 1.8s linear infinite;
+}
+
+.chat-turn-dots {
+  display: inline-flex;
+  gap: 3px;
+}
+
+.chat-turn-dots span {
+  display: inline-block;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: var(--m-accent);
+  animation: dsh-dot-bounce 1.2s ease-in-out infinite;
+}
+
+.chat-turn-dots span:nth-child(2) {
+  animation-delay: 0.15s;
+}
+
+.chat-turn-dots span:nth-child(3) {
+  animation-delay: 0.3s;
+}
+
+@keyframes dsh-shimmer {
+  from { background-position: 200% 0; }
+  to { background-position: -200% 0; }
+}
+
+@keyframes dsh-dot-bounce {
+  0%, 80%, 100% { transform: translateY(0); opacity: 0.4; }
+  40% { transform: translateY(-4px); opacity: 1; }
+}
+
+/* ── approval panel (#1025) ──────────────────────────────────────────── */
+
+.chat-approval-panel {
+  margin: 8px 12px;
+  padding: 10px 12px;
+  border: 1px solid var(--m-accent);
+  border-radius: var(--m-radius);
+  background: var(--m-bg-raised);
+  box-shadow: var(--m-shadow);
+}
+
+.chat-approval-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+
+.chat-approval-reason {
+  color: var(--m-text-secondary);
+  font-size: 12.5px;
+}
+
+.chat-approval-error {
+  margin: 4px 0;
+  color: var(--m-danger);
+  font-size: 12px;
+}
+
+.chat-approval-actions {
+  display: flex;
+  gap: 8px;
+}
+
+.chat-approval-allow {
+  flex: 1;
+  height: 34px;
+  border: none;
+  border-radius: 8px;
+  background: var(--m-accent);
+  color: #fff;
+  font: inherit;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.chat-approval-allow:disabled {
+  opacity: 0.6;
+}
+
+.chat-approval-reject {
+  flex: 1;
+  height: 34px;
+  border: 1px solid var(--m-border);
+  border-radius: 8px;
+  background: var(--m-bg-raised);
+  color: var(--m-text);
+  font: inherit;
+  font-size: 13px;
+  cursor: pointer;
+}
+
+.chat-approval-reject:disabled {
+  opacity: 0.6;
+}
+
+/* ── question panel (#1025) ──────────────────────────────────────────── */
+
+.chat-question-panel {
+  margin: 8px 12px;
+  padding: 10px 12px;
+  border: 1px solid var(--m-accent);
+  border-radius: var(--m-radius);
+  background: var(--m-bg-raised);
+  box-shadow: var(--m-shadow);
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.chat-question-group {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
 }
 
+.chat-question-header {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--m-text);
+}
+
+.chat-question-text {
+  font-size: 13px;
+  color: var(--m-text);
+  line-height: 1.5;
+}
+
+.chat-question-detail {
+  font-size: 12px;
+  color: var(--m-text-secondary);
+  line-height: 1.5;
+}
+
+.chat-question-options {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.chat-question-option {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  padding: 8px 10px;
+  border: 1px solid var(--m-border);
+  border-radius: 8px;
+  cursor: pointer;
+  font-size: 13px;
+  transition: border-color 0.12s, background 0.12s;
+}
+
+.chat-question-option input {
+  margin: 2px 0 0;
+  flex: none;
+}
+
+.chat-question-option-selected {
+  border-color: var(--m-accent);
+  background: var(--m-accent-soft);
+}
+
+.chat-question-option-label {
+  color: var(--m-text);
+  font-weight: 500;
+}
+
+.chat-question-option-desc {
+  display: block;
+  color: var(--m-text-tertiary);
+  font-size: 12px;
+}
+
+.chat-question-custom {
+  width: 100%;
+  min-height: 40px;
+  box-sizing: border-box;
+  padding: 8px 10px;
+  border: 1px solid var(--m-border);
+  border-radius: 8px;
+  background: var(--m-bg-input);
+  color: var(--m-text);
+  font: inherit;
+  font-size: 13px;
+  resize: vertical;
+  outline: none;
+}
+
+.chat-question-custom:focus-visible {
+  border-color: var(--m-accent);
+}
+
+.chat-question-submit {
+  height: 36px;
+  border: none;
+  border-radius: 8px;
+  background: var(--m-accent);
+  color: #fff;
+  font: inherit;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.chat-question-submit:disabled {
+  opacity: 0.6;
+}
+
+
 /* ── composer toolbar (model / permission chips) ─────────────────────── */
 
 .chat-tools {
@@ -16662,10 +17407,16 @@ body {
   .sheet-confirm-danger,
   .sheet-toggle-switch,
   .sheet-toggle-switch-knob,
-  .chat-input {
+  .chat-input,
+  .chat-turn-status,
+  .chat-turn-dots span {
     animation: none;
     transition: none;
   }
+  .chat-turn-status {
+    background: none;
+    -webkit-text-fill-color: var(--m-accent);
+  }
 }
 
 /* ── installed-app pairing ───────────────────────────────────────────── */
@@ -16715,6 +17466,65 @@ body {
 .mobile-pairSubmit {
   width: 100%;
 }
+
+/* ── directory browser ─────────────────────────────────────────────── */
+
+.dir-browser {
+  display: flex;
+  flex-direction: column;
+}
+
+.dir-crumbs {
+  display: flex;
+  align-items: center;
+  overflow-x: auto;
+  padding: 12px 16px;
+  background: var(--m-bg-raised);
+  border-bottom: 1px solid var(--m-border);
+  white-space: nowrap;
+}
+
+.dir-crumbs::-webkit-scrollbar {
+  display: none;
+}
+
+.dir-crumb {
+  border: none;
+  background: transparent;
+  padding: 4px 6px;
+  color: var(--m-text);
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.dir-crumb:active {
+  background: var(--m-bg-input);
+  border-radius: 4px;
+}
+
+.dir-crumb-separator {
+  color: var(--m-text-tertiary);
+  margin: 0 4px;
+  font-size: 14px;
+}
+
+.dir-entry {
+  padding-left: 16px;
+}
+
+.dir-entry-hidden {
+  opacity: 0.5;
+}
+
+.dir-select {
+  padding: 16px;
+  background: var(--m-bg);
+  border-top: 1px solid var(--m-border);
+}
+
+.dir-empty {
+  padding: 40px 0;
+}
 `;
 const MOBILE_SERVICE_WORKER_URL = "/m/service-worker.js";
 /** Register the mobile shell worker when the current browser supports it. */