@linxin666/dsh-remote-web-ui 0.1.17 → 0.1.18

package/lib/mobile.js

@@ -13151,6 +13151,11 @@ function applyEvent(state, event) {
 		case "tool/call":
 			applyToolCall(state, event);
 			break;
+		case "request/context": {
+			const window = pickNumber((isRecord$1(event.data) ? event.data : {})["contextWindow"]);
+			if (window !== void 0) state.contextWindow = window;
+			break;
+		}
 		default: break;
 	}
 }
@@ -13158,10 +13163,12 @@ function applyUserMessage(state, event) {
 	const data = isRecord$1(event.data) ? event.data : {};
 	const id = pickString(data["id"]) ?? syntheticId("user", event.seq);
 	const text = textFromContent(data["content"]);
+	const sourceKind = pickString((isRecord$1(data["source"]) ? data["source"] : {})["kind"]);
 	const existing = state.byId.get(id);
 	if (existing !== void 0) {
 		replaceMessage(state, existing, {
 			...existing,
+			...sourceKind !== void 0 ? { sourceKind } : {},
 			text,
 			seq: event.seq,
 			time: event.time
@@ -13172,6 +13179,7 @@ function applyUserMessage(state, event) {
 		id,
 		kind: "user",
 		text,
+		...sourceKind !== void 0 ? { sourceKind } : {},
 		seq: event.seq,
 		time: event.time
 	};
@@ -13187,6 +13195,8 @@ function applyAssistantMessage(state, event) {
 	const finalText = textFromContent(messageData["content"]);
 	const finalReasoning = reasoningFromContent(messageData["content"]);
 	const key = tsKey(turn, step);
+	const usage = usageFromData(data);
+	const contextWindow = state.contextWindow;
 	let target = state.byId.get(id);
 	if (target === void 0 && key !== void 0) target = state.pendingByTurnStep.get(key);
 	if (target !== void 0) {
@@ -13195,6 +13205,8 @@ function applyAssistantMessage(state, event) {
 			id,
 			text: finalText,
 			...finalReasoning !== "" ? { reasoning: finalReasoning } : {},
+			...usage !== void 0 ? { usage } : {},
+			...usage !== void 0 && contextWindow !== void 0 ? { contextWindow } : {},
 			seq: event.seq,
 			time: event.time,
 			pending: false
@@ -13209,6 +13221,8 @@ function applyAssistantMessage(state, event) {
 		kind: "assistant",
 		text: finalText,
 		...finalReasoning !== "" ? { reasoning: finalReasoning } : {},
+		...usage !== void 0 ? { usage } : {},
+		...usage !== void 0 && contextWindow !== void 0 ? { contextWindow } : {},
 		seq: event.seq,
 		time: event.time
 	};
@@ -13220,6 +13234,27 @@ function applyAssistantMessage(state, event) {
 	}
 	if (turn !== void 0) state.messageTurn.set(id, turn);
 }
+/**
+* Extract token usage from an assistant event payload. Only attaches when the
+* wire carries finite `inputTokens` AND `outputTokens`; the cache fields are
+* included only for finite numbers.
+*/
+function usageFromData(data) {
+	const usageData = data["usage"];
+	if (!isRecord$1(usageData)) return void 0;
+	const inputTokens = pickNumber(usageData["inputTokens"]);
+	const outputTokens = pickNumber(usageData["outputTokens"]);
+	if (inputTokens === void 0 || outputTokens === void 0) return void 0;
+	const usage = {
+		inputTokens,
+		outputTokens
+	};
+	const cacheReadTokens = pickNumber(usageData["cacheReadTokens"]);
+	const cacheWriteTokens = pickNumber(usageData["cacheWriteTokens"]);
+	if (cacheReadTokens !== void 0) usage.cacheReadTokens = cacheReadTokens;
+	if (cacheWriteTokens !== void 0) usage.cacheWriteTokens = cacheWriteTokens;
+	return usage;
+}
 function applyChunk(state, event) {
 	const target = chunkTarget(event.data);
 	if (target === null) return;
@@ -13397,6 +13432,238 @@ function foldEvents(events, existing) {
 	return [...state.messages].sort((a, b) => a.seq - b.seq || (a.id < b.id ? -1 : 1));
 }
 //#endregion
+//#region src/mobile/markdown.ts
+/**
+* A compact GFM-subset markdown renderer for the mobile chat: headings,
+* paragraphs, fenced + inline code, bold/italic/strikethrough, links,
+* images, lists, blockquotes, hr, and tables. All HTML is escaped before
+* transformation — the output only ever contains the renderer's own tags.
+* Dependency-free on purpose (the mobile bundle stays at ~456 KB); the
+* escape-first + protocol allow-list design mirrors the desktop panel's
+* preview renderer (dsh-aionui-panel/src/client/preview/markdown.ts).
+* Pure and exported for tests.
+* @module dsh-remote-web-ui/mobile/markdown
+*/
+/** Escape HTML special characters. */
+function escapeHtml(text) {
+	return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+/**
+* Guard a raw link/image target against dangerous protocols. Returns the
+* (trimmed) raw string when safe, else null. Only http:, https:, mailto:
+* and fragment anchors (#...) are allowed; anything with another scheme
+* — javascript:, data:, vbscript:, etc. — is rejected so the value never
+* reaches dangerouslySetInnerHTML.
+*/
+function safeUrl(raw) {
+	const trimmed = raw.trim();
+	if (trimmed === "") return null;
+	if (trimmed.startsWith("#")) return trimmed;
+	const scheme = /^([a-zA-Z][a-zA-Z0-9+.-]*):/.exec(trimmed);
+	if (scheme === null) return trimmed;
+	const name = scheme[1].toLowerCase();
+	return name === "http" || name === "https" || name === "mailto" ? trimmed : null;
+}
+/** Find the ')' closing a link/image target, skipping nested parens. */
+function findCloseParen(text, from) {
+	let depth = 0;
+	for (let i = from; i < text.length; i += 1) {
+		const char = text[i];
+		if (char === "(") depth += 1;
+		else if (char === ")") {
+			if (depth === 0) return i;
+			depth -= 1;
+		}
+	}
+	return -1;
+}
+/** Inline pass: code spans, bold, italic, strikethrough, images, links. */
+function renderInline(text) {
+	let out = "";
+	let i = 0;
+	const n = text.length;
+	while (i < n) {
+		const char = text[i];
+		if (char === "`") {
+			const end = text.indexOf("`", i + 1);
+			if (end !== -1) {
+				out += "<code>" + escapeHtml(text.slice(i + 1, end)) + "</code>";
+				i = end + 1;
+				continue;
+			}
+		}
+		if (char === "!" && text[i + 1] === "[") {
+			const close = text.indexOf("](", i + 2);
+			if (close !== -1) {
+				const parenEnd = findCloseParen(text, close + 2);
+				if (parenEnd !== -1) {
+					const alt = text.slice(i + 2, close);
+					const safe = safeUrl(text.slice(close + 2, parenEnd));
+					if (safe === null) out += escapeHtml(alt);
+					else {
+						const srcEsc = escapeHtml(safe).replace(/\s+/g, "%20");
+						out += "<img alt=\"" + escapeHtml(alt) + "\" src=\"" + srcEsc + "\" />";
+					}
+					i = parenEnd + 1;
+					continue;
+				}
+			}
+		}
+		if (char === "[") {
+			const close = text.indexOf("](", i + 1);
+			if (close !== -1) {
+				const parenEnd = findCloseParen(text, close + 2);
+				if (parenEnd !== -1) {
+					const label = text.slice(i + 1, close);
+					const safe = safeUrl(text.slice(close + 2, parenEnd));
+					if (safe === null) out += renderInline(label);
+					else out += "<a href=\"" + escapeHtml(safe) + "\" target=\"_blank\" rel=\"noopener noreferrer\">" + renderInline(label) + "</a>";
+					i = parenEnd + 1;
+					continue;
+				}
+			}
+		}
+		if (char === "*" && text[i + 1] === "*") {
+			const end = text.indexOf("**", i + 2);
+			if (end !== -1) {
+				out += "<strong>" + renderInline(text.slice(i + 2, end)) + "</strong>";
+				i = end + 2;
+				continue;
+			}
+		}
+		if (char === "*" && text[i - 1] !== "*" && text[i + 1] !== "*") {
+			const end = text.indexOf("*", i + 1);
+			if (end !== -1 && text[end + 1] !== "*") {
+				out += "<em>" + renderInline(text.slice(i + 1, end)) + "</em>";
+				i = end + 1;
+				continue;
+			}
+		}
+		if (char === "~" && text[i + 1] === "~") {
+			const end = text.indexOf("~~", i + 2);
+			if (end !== -1) {
+				out += "<del>" + renderInline(text.slice(i + 2, end)) + "</del>";
+				i = end + 2;
+				continue;
+			}
+		}
+		out += escapeHtml(char);
+		i += 1;
+	}
+	return out;
+}
+/** Render a markdown document to HTML (block pass). */
+function renderMarkdown(source) {
+	const lines = source.replace(/\r\n/g, "\n").split("\n");
+	const out = [];
+	let i = 0;
+	const n = lines.length;
+	const flushParagraph = (buffer) => {
+		if (buffer.length === 0) return;
+		out.push("<p>" + renderInline(buffer.join("\n")) + "</p>");
+		buffer.length = 0;
+	};
+	let paragraph = [];
+	while (i < n) {
+		const line = lines[i];
+		const fence = /^```([\w+-]*)\s*$/.exec(line);
+		if (fence !== null) {
+			flushParagraph(paragraph);
+			const lang = fence[1] ?? "";
+			i += 1;
+			const code = [];
+			while (i < n && !/^```\s*$/.test(lines[i])) {
+				code.push(lines[i]);
+				i += 1;
+			}
+			i += 1;
+			const langAttr = lang === "" ? "" : " class=\"language-" + escapeHtml(lang) + "\"";
+			out.push("<pre" + langAttr + "><code>" + escapeHtml(code.join("\n")) + "</code></pre>");
+			continue;
+		}
+		const heading = /^(#{1,6})\s+(.*)$/.exec(line);
+		if (heading !== null) {
+			flushParagraph(paragraph);
+			const level = heading[1].length;
+			out.push("<h" + level + ">" + renderInline(heading[2] ?? "") + "</h" + level + ">");
+			i += 1;
+			continue;
+		}
+		if (/^\s*(---+|\*\*\*+|___+)\s*$/.test(line)) {
+			flushParagraph(paragraph);
+			out.push("<hr />");
+			i += 1;
+			continue;
+		}
+		if (line.includes("|") && i + 1 < n && /^\s*\|?[\s:|-]+\|?\s*$/.test(lines[i + 1]) && lines[i + 1].includes("-")) {
+			flushParagraph(paragraph);
+			const headerCells = splitTableRow(line);
+			i += 2;
+			const rows = [];
+			while (i < n && lines[i].includes("|")) {
+				rows.push(splitTableRow(lines[i]));
+				i += 1;
+			}
+			out.push("<table>");
+			out.push("<thead><tr>" + headerCells.map((cell) => "<th>" + renderInline(cell) + "</th>").join("") + "</tr></thead>");
+			if (rows.length > 0) out.push("<tbody>" + rows.map((row) => "<tr>" + row.map((cell) => "<td>" + renderInline(cell) + "</td>").join("") + "</tr>").join("") + "</tbody>");
+			out.push("</table>");
+			continue;
+		}
+		if (/^>\s?(.*)$/.exec(line) !== null) {
+			flushParagraph(paragraph);
+			const body = [];
+			while (i < n) {
+				const q = /^>\s?(.*)$/.exec(lines[i]);
+				if (q === null) break;
+				body.push(q[1] ?? "");
+				i += 1;
+			}
+			out.push("<blockquote><p>" + body.map((bodyLine) => renderInline(bodyLine)).join("<br />") + "</p></blockquote>");
+			continue;
+		}
+		if (/^\s*([-*+])\s+(.*)$/.exec(line) !== null) {
+			flushParagraph(paragraph);
+			const items = [];
+			while (i < n) {
+				const item = /^\s*([-*+])\s+(.*)$/.exec(lines[i]);
+				if (item === null) break;
+				items.push("<li>" + renderInline(item[2] ?? "") + "</li>");
+				i += 1;
+			}
+			out.push("<ul>" + items.join("") + "</ul>");
+			continue;
+		}
+		if (/^\s*\d+[.)]\s+(.*)$/.exec(line) !== null) {
+			flushParagraph(paragraph);
+			const items = [];
+			while (i < n) {
+				const item = /^\s*\d+[.)]\s+(.*)$/.exec(lines[i]);
+				if (item === null) break;
+				items.push("<li>" + renderInline(item[1] ?? "") + "</li>");
+				i += 1;
+			}
+			out.push("<ol>" + items.join("") + "</ol>");
+			continue;
+		}
+		if (line.trim() === "") {
+			flushParagraph(paragraph);
+			i += 1;
+			continue;
+		}
+		paragraph.push(line);
+		i += 1;
+	}
+	flushParagraph(paragraph);
+	return out.join("\n");
+}
+/** Split one table row into cells (respecting the leading/trailing pipes). */
+function splitTableRow(line) {
+	const trimmed = line.trim();
+	const inner = trimmed.startsWith("|") ? trimmed.slice(1) : trimmed;
+	return (inner.endsWith("|") ? inner.slice(0, -1) : inner).split("|").map((cell) => cell.trim());
+}
+//#endregion
 //#region src/mobile/mobile-theme.ts
 const STORAGE_KEY = "dsh.remote.theme";
 const THEME_COLOR_META_NAME = "theme-color";
@@ -13549,6 +13816,26 @@ function ThemeToggle() {
 		children: dark ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SunIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MoonIcon, {})
 	});
 }
+/** localStorage key for the tool-call display toggle (persisted on the /m origin). */
+const SHOW_TOOL_CALLS_KEY = "dsh.mobile.showToolCalls";
+/** localStorage key for the injected-system-message display toggle. */
+const SHOW_SYSTEM_MESSAGES_KEY = "dsh.mobile.showSystemMessages";
+/** Read a boolean from localStorage defensively; falls back to the default. */
+function readStoredBoolean(key, fallback) {
+	try {
+		const raw = localStorage.getItem(key);
+		if (raw === null) return fallback;
+		return raw === "1" || raw.toLowerCase() === "true";
+	} catch {
+		return fallback;
+	}
+}
+/** Persist a boolean toggle; storage failures are ignored (feature stays non-persistent). */
+function writeStoredBoolean(key, value) {
+	try {
+		localStorage.setItem(key, value ? "1" : "0");
+	} catch {}
+}
 /** Extract the raw event from one history entry (the fold consumes events only). */
 function eventOf(entry) {
 	return entry.event;
@@ -13624,6 +13911,10 @@ function ChatView({ session, mux, onBack }) {
 	const [currentModel, setCurrentModel] = (0, import_react.useState)(void 0);
 	/** Which bottom sheet is open. */
 	const [sheet, setSheet] = (0, import_react.useState)(null);
+	/** Show tool-call disclosures (default on, persisted on the /m origin). */
+	const [showToolCalls, setShowToolCalls] = (0, import_react.useState)(() => readStoredBoolean(SHOW_TOOL_CALLS_KEY, true));
+	/** Show injected system messages (default off, persisted on the /m origin). */
+	const [showSystemMessages, setShowSystemMessages] = (0, import_react.useState)(() => readStoredBoolean(SHOW_SYSTEM_MESSAGES_KEY, false));
 	/**
 	* Composer preference from the plugin's host settings (default true keeps
 	* the legacy Enter-to-send behavior until the preference loads).
@@ -13767,6 +14058,17 @@ function ChatView({ session, mux, onBack }) {
 	]);
 	const modelLabel = currentModel?.model ?? "模型";
 	const permissionLabel = permissions === void 0 ? void 0 : permissions.options.find((option) => option.value === permissions.currentValue)?.name ?? displayName(permissions.currentValue);
+	const contextUsage = (0, import_react.useMemo)(() => {
+		for (let index = messages.length - 1; index >= 0; index--) {
+			const message = messages[index];
+			const usage = message.usage;
+			if (message.kind !== "assistant" || usage === void 0) continue;
+			const window = message.contextWindow;
+			if (window === void 0 || window <= 0) continue;
+			const tokens = usage.inputTokens + (usage.cacheReadTokens ?? 0) + (usage.cacheWriteTokens ?? 0);
+			return { pct: Math.round(tokens / window * 100) };
+		}
+	}, [messages]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "chat",
 		children: [
@@ -13806,7 +14108,11 @@ function ChatView({ session, mux, onBack }) {
 						},
 						children: loading ? "加载中…" : "加载更早的消息"
 					}),
-					messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageRow, { message }, message.id)),
+					messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageRow, {
+						message,
+						showToolCalls,
+						showSystemMessages
+					}, message.id)),
 					loading && messages.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
 						className: "chat-typing",
 						children: "加载中…"
@@ -13819,51 +14125,78 @@ function ChatView({ session, mux, onBack }) {
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "chat-tools",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-					type: "button",
-					className: "chat-chip",
-					onClick: () => {
-						setSheet("model");
-					},
-					"aria-haspopup": "dialog",
-					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "chat-chip-label",
-							children: "模型"
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "chat-chip-value",
-							children: modelLabel
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "chat-chip-chevron",
-							"aria-hidden": true,
-							children: "›"
-						})
-					]
-				}), permissionLabel !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-					type: "button",
-					className: "chat-chip",
-					onClick: () => {
-						setSheet("permission");
-					},
-					"aria-haspopup": "dialog",
-					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: "chat-chip",
+						onClick: () => {
+							setSheet("model");
+						},
+						"aria-haspopup": "dialog",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "chat-chip-label",
+								children: "模型"
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "chat-chip-value",
+								children: modelLabel
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "chat-chip-chevron",
+								"aria-hidden": true,
+								children: "›"
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: "chat-chip",
+						onClick: () => {
+							setSheet("display");
+						},
+						"aria-haspopup": "dialog",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 							className: "chat-chip-label",
-							children: "权限"
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "chat-chip-value",
-							children: permissionLabel
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							children: "显示"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 							className: "chat-chip-chevron",
 							"aria-hidden": true,
 							children: "›"
-						})
-					]
-				})]
+						})]
+					}),
+					permissionLabel !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: "chat-chip",
+						onClick: () => {
+							setSheet("permission");
+						},
+						"aria-haspopup": "dialog",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "chat-chip-label",
+								children: "权限"
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "chat-chip-value",
+								children: permissionLabel
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "chat-chip-chevron",
+								"aria-hidden": true,
+								children: "›"
+							})
+						]
+					}),
+					contextUsage !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "chat-context" + (contextUsage.pct >= 80 ? " chat-context-warn" : ""),
+						children: [
+							"上下文 ",
+							contextUsage.pct,
+							"%"
+						]
+					})
+				]
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "chat-inputbar",
@@ -13914,12 +14247,28 @@ function ChatView({ session, mux, onBack }) {
 				onClose: () => {
 					setSheet(null);
 				}
+			}),
+			sheet === "display" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DisplaySheet, {
+				showToolCalls,
+				showSystemMessages,
+				onToolCalls: (value) => {
+					setShowToolCalls(value);
+					writeStoredBoolean(SHOW_TOOL_CALLS_KEY, value);
+				},
+				onSystemMessages: (value) => {
+					setShowSystemMessages(value);
+					writeStoredBoolean(SHOW_SYSTEM_MESSAGES_KEY, value);
+				},
+				onClose: () => {
+					setSheet(null);
+				}
 			})
 		]
 	});
 }
 /** One rendered message row (user bubble or assistant bubble with folds). */
-function MessageRow({ message }) {
+function MessageRow({ message, showToolCalls, showSystemMessages }) {
+	if (message.kind === "user" && message.sourceKind !== void 0 && message.sourceKind !== "user" && !showSystemMessages) return null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: `chat-msg chat-msg-${message.kind}${message.pending === true ? " chat-msg-pending" : ""}${message.failed === true ? " chat-msg-failed" : ""}`,
 		children: [
@@ -13927,8 +14276,8 @@ function MessageRow({ message }) {
 				text: message.reasoning,
 				pending: message.pending === true
 			}),
-			message.kind === "assistant" && message.tools !== void 0 && message.tools.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolDisclosure, { tools: message.tools }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleText, { text: message.text }),
+			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.failed === true && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 				className: "chat-msg-failtag",
 				children: "本次回复失败"
@@ -14022,6 +14371,32 @@ function ToolDisclosure({ tools }) {
 		})]
 	});
 }
+/**
+* Assistant text rendered as GFM markdown (escape-first, protocol
+* allow-list — see markdown.ts). Long replies collapse by clamping the
+* rendered block height instead of slicing the source, so half-cut code
+* fences or tables never leak malformed markup into the DOM. User
+* messages stay plain text (CollapsibleText).
+*/
+function MarkdownText({ text }) {
+	const [open, setOpen] = (0, import_react.useState)(false);
+	const html = (0, import_react.useMemo)(() => renderMarkdown(text), [text]);
+	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" : ""),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "chat-md-body",
+			dangerouslySetInnerHTML: { __html: html }
+		}), long && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: "chat-msg-toggle",
+			onClick: () => {
+				setOpen((value) => !value);
+			},
+			children: open ? "收起" : "展开全文（" + text.length + " 字）"
+		})]
+	});
+}
 /** Long assistant text collapses behind an explicit expand toggle. */
 function CollapsibleText({ text }) {
 	const [open, setOpen] = (0, import_react.useState)(false);
@@ -14372,6 +14747,68 @@ function PermissionSheet({ sessionId, value, onChanged, onClose }) {
 		})]
 	});
 }
+/** The display-options sheet: tool calls and injected system messages toggles. */
+function DisplaySheet({ showToolCalls, showSystemMessages, onToolCalls, onSystemMessages, onClose }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Sheet, {
+		title: "显示",
+		onClose,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			role: "group",
+			"aria-label": "显示选项",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "sheet-toggle-row",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "sheet-toggle-copy",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "sheet-toggle-title",
+						children: "工具调用"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "sheet-toggle-desc",
+						children: "显示助手使用的工具调用"
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					role: "switch",
+					"aria-label": "工具调用",
+					"aria-checked": showToolCalls,
+					className: `sheet-toggle-switch${showToolCalls ? " sheet-toggle-switch-on" : ""}`,
+					onClick: () => {
+						onToolCalls(!showToolCalls);
+					},
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "sheet-toggle-switch-knob",
+						"aria-hidden": true
+					})
+				})]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "sheet-toggle-row",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "sheet-toggle-copy",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "sheet-toggle-title",
+						children: "系统提示词"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "sheet-toggle-desc",
+						children: "显示注入到对话中的系统消息"
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					role: "switch",
+					"aria-label": "系统提示词",
+					"aria-checked": showSystemMessages,
+					className: `sheet-toggle-switch${showSystemMessages ? " sheet-toggle-switch-on" : ""}`,
+					onClick: () => {
+						onSystemMessages(!showSystemMessages);
+					},
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "sheet-toggle-switch-knob",
+						"aria-hidden": true
+					})
+				})]
+			})]
+		})
+	});
+}
 //#endregion
 //#region src/mobile/views/SessionListView.tsx
 /**
@@ -15206,6 +15643,85 @@ body {
   cursor: pointer;
 }
 
+/* Assistant markdown content (GFM subset; renderer in markdown.ts). */
+.chat-md {
+  white-space: normal;
+}
+.chat-md-collapsed {
+  max-height: 45vh;
+  overflow: hidden;
+  position: relative;
+}
+.chat-md-collapsed::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 28px;
+  background: linear-gradient(transparent, var(--m-bg-raised));
+  pointer-events: none;
+}
+.chat-md-body p { margin: 0 0 8px; }
+.chat-md-body p:last-child { margin-bottom: 0; }
+.chat-md-body h1, .chat-md-body h2, .chat-md-body h3,
+.chat-md-body h4, .chat-md-body h5, .chat-md-body h6 {
+  margin: 12px 0 6px;
+  font-weight: 650;
+  line-height: 1.3;
+}
+.chat-md-body h1 { font-size: 1.35em; }
+.chat-md-body h2 { font-size: 1.25em; }
+.chat-md-body h3 { font-size: 1.15em; }
+.chat-md-body h4, .chat-md-body h5, .chat-md-body h6 { font-size: 1.05em; }
+.chat-md-body code {
+  font-family: var(--m-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
+  font-size: 0.9em;
+  background: var(--m-accent-soft);
+  padding: 1px 5px;
+  border-radius: 4px;
+}
+.chat-md-body pre {
+  margin: 8px 0;
+  padding: 10px;
+  background: #101726;
+  color: #dbe4f5;
+  border-radius: 8px;
+  overflow-x: auto;
+  font-size: 12.5px;
+  line-height: 1.5;
+}
+.chat-md-body pre code {
+  background: transparent;
+  padding: 0;
+  color: inherit;
+}
+.chat-md-body ul, .chat-md-body ol { margin: 4px 0 8px; padding-left: 22px; }
+.chat-md-body li { margin: 2px 0; }
+.chat-md-body blockquote {
+  margin: 8px 0;
+  padding: 4px 10px;
+  border-left: 3px solid var(--m-accent);
+  background: var(--m-accent-soft);
+  border-radius: 0 6px 6px 0;
+  color: var(--m-text-secondary);
+}
+.chat-md-body table {
+  margin: 8px 0;
+  border-collapse: collapse;
+  display: block;
+  overflow-x: auto;
+  font-size: 13px;
+}
+.chat-md-body th, .chat-md-body td {
+  border: 1px solid var(--m-border);
+  padding: 4px 8px;
+}
+.chat-md-body th { background: var(--m-accent-soft); }
+.chat-md-body a { color: var(--m-accent); }
+.chat-md-body hr { border: none; border-top: 1px solid var(--m-border); margin: 10px 0; }
+.chat-md-body img { max-width: 100%; border-radius: 8px; }
+
 /* ── message disclosures (reasoning / tools) ─────────────────────────── */
 
 .chat-disclosure {
@@ -15637,11 +16153,97 @@ body {
 .chat-disclosure-head:focus-visible,
 .sheet-option:focus-visible,
 .sheet-confirm-danger:focus-visible,
+.sheet-toggle-switch:focus-visible,
 .chat-input:focus-visible {
   outline: none;
   box-shadow: 0 0 0 2px var(--m-bg), 0 0 0 4px var(--m-accent);
 }
 
+/* ── chat context usage chip (chat-tools row) ───────────────────────── */
+
+.chat-context {
+  flex: none;
+  align-self: center;
+  padding: 2px 10px;
+  border: 1px solid var(--m-border);
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--m-text-tertiary) 10%, transparent);
+  color: var(--m-text-tertiary);
+  font-size: 11px;
+  line-height: 1.6;
+  white-space: nowrap;
+}
+
+.chat-context-warn {
+  border-color: var(--m-danger);
+  background: color-mix(in srgb, var(--m-danger) 14%, transparent);
+  color: var(--m-danger);
+}
+
+/* ── display sheet toggle rows ──────────────────────────────────────── */
+
+.sheet-toggle-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 8px;
+  border-bottom: 1px solid var(--m-border);
+}
+
+.sheet-toggle-row:last-child {
+  border-bottom: none;
+}
+
+.sheet-toggle-copy {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.sheet-toggle-title {
+  font-size: 14px;
+}
+
+.sheet-toggle-desc {
+  color: var(--m-text-tertiary);
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.sheet-toggle-switch {
+  position: relative;
+  flex: none;
+  width: 44px;
+  height: 26px;
+  border: none;
+  border-radius: 999px;
+  background: var(--m-border);
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+}
+
+.sheet-toggle-switch-on {
+  background: var(--m-accent);
+}
+
+.sheet-toggle-switch-knob {
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: #fff;
+  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.2);
+  transition: transform 0.15s ease;
+}
+
+.sheet-toggle-switch-on .sheet-toggle-switch-knob {
+  transform: translateX(18px);
+}
+
 /* Accessibility: collapse every interaction/enter animation for
    reduced-motion users; surface layout itself stays static. */
 @media (prefers-reduced-motion: reduce) {
@@ -15661,6 +16263,8 @@ body {
   .sheet,
   .sheet-option,
   .sheet-confirm-danger,
+  .sheet-toggle-switch,
+  .sheet-toggle-switch-knob,
   .chat-input {
     animation: none;
     transition: none;