@jingyi0605/codingns4dsh 0.2.1-beta.6 → 0.2.1-beta.8

package/data/build/dist/client/client.assistant-workbench.js

@@ -30,19 +30,12 @@ window.__ModuleLoader__.load({
 				name: "tokens.txt"
 			}
 		];
-		/** 编程交流默认识别中英混合语句；显式保存的模型选择继续保留。 */
-		const DEFAULT_VOICE_MODEL_ID = "sherpa-onnx-streaming-zh-en";
+		/** 全局智能助理默认使用中文 Zipformer Large；显式保存的模型选择继续保留。 */
+		const DEFAULT_VOICE_MODEL_ID = "sherpa-onnx-streaming-zh-large-2025-06-30";
 		/** 只暴露支持实时输入的推荐模型；模型地址由 Host 根据此白名单解析。 */
 		const ASSISTANT_VOICE_MODEL_CATALOG = [
 			{
 				id: DEFAULT_VOICE_MODEL_ID,
-				label: "中英双语实时模型（默认）",
-				description: "本地运行，约 200 MB，同时识别中文和英文，适合编程交流。",
-				repository: "csukuangfj/sherpa-onnx-streaming-zipformer-bilingual-zh-en-2023-02-20",
-				files: STREAMING_FILES
-			},
-			{
-				id: "sherpa-onnx-streaming-zh-large-2025-06-30",
 				label: "中文 Zipformer Large（2025-06-30）",
 				description: "本地中文实时识别，模型文件约 168 MB。",
 				repository: "csukuangfj/sherpa-onnx-streaming-zipformer-zh-int8-2025-06-30",
@@ -65,6 +58,13 @@ window.__ModuleLoader__.load({
 					}
 				]
 			},
+			{
+				id: "sherpa-onnx-streaming-zh-en",
+				label: "中英双语实时模型",
+				description: "本地运行，约 200 MB，同时识别中文和英文，适合编程交流。",
+				repository: "csukuangfj/sherpa-onnx-streaming-zipformer-bilingual-zh-en-2023-02-20",
+				files: STREAMING_FILES
+			},
 			{
 				id: "sherpa-onnx-streaming-zh-14m",
 				label: "中文轻量实时模型（14M）",
@@ -80,7 +80,7 @@ window.__ModuleLoader__.load({
 		//#region src/client/assistant-settings-styles.ts
 		/** 助理各页共用选项排版，避免开关、许可复选框和字段标签分别继承宿主字号。 */
 		const assistantSettingTextStyle = {
-			fontSize: 13,
+			fontSize: require_theme.uiFontSize(13),
 			fontWeight: 400,
 			lineHeight: 1.5
 		};
@@ -101,7 +101,9 @@ window.__ModuleLoader__.load({
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "space-between",
-			gap: 12
+			gap: 12,
+			width: "100%",
+			minWidth: 0
 		};
 		//#endregion
 		//#region src/client/features/assistant-display-store.ts
@@ -415,7 +417,7 @@ window.__ModuleLoader__.load({
 					whiteSpace: "nowrap",
 					cursor: "pointer",
 					font: "inherit",
-					fontSize: 13,
+					fontSize: require_theme.uiFontSize(13),
 					fontWeight: active === tab.id ? 600 : 400,
 					color: active === tab.id ? require_theme.dshThemeColor.labelPrimary : require_theme.dshThemeColor.labelSecondary,
 					background: active === tab.id ? require_theme.dshThemeColor.pageBackground : "transparent",
@@ -497,7 +499,7 @@ window.__ModuleLoader__.load({
 					gap: 5,
 					padding: "3px 8px",
 					borderRadius: 999,
-					fontSize: 11,
+					fontSize: require_theme.uiFontSize(11),
 					lineHeight: 1.4,
 					whiteSpace: "nowrap",
 					color: status === "idle" ? require_theme.dshThemeColor.labelSecondary : require_theme.dshThemeColor.accent,
@@ -604,7 +606,7 @@ window.__ModuleLoader__.load({
 					borderRadius: 10,
 					background: require_theme.dshThemeColor.buttonBackground,
 					border: `1px solid ${require_theme.dshThemeColor.border}`,
-					fontSize: 12
+					fontSize: require_theme.uiFontSize(12)
 				}
 			}, (0, react.createElement)("span", {
 				title: file.name,
@@ -655,7 +657,7 @@ window.__ModuleLoader__.load({
 					background: "transparent",
 					color: require_theme.dshThemeColor.labelPrimary,
 					font: "inherit",
-					fontSize: 14,
+					fontSize: require_theme.uiFontSize(14),
 					lineHeight: "20px"
 				},
 				onChange: (event) => onChange(event.currentTarget.value),
@@ -787,7 +789,7 @@ window.__ModuleLoader__.load({
 				}
 			}, (0, react.createElement)("strong", {
 				id,
-				style: { fontSize: 17 }
+				style: { fontSize: require_theme.uiFontSize(17) }
 			}, props.t(props.stage === "clear" ? "awb.clear" : props.stage === "reset-first" ? "awb.reset" : "awb.resetFinalTitle")), (0, react.createElement)(AssistantMaintenanceConfirmationView, props));
 		}
 		function AssistantMaintenanceConfirmationView({ stage, t, disabled, error, onConfirm, onCancel }) {
@@ -795,7 +797,7 @@ window.__ModuleLoader__.load({
 				display: "grid",
 				gap: 16,
 				marginTop: 14,
-				fontSize: 13,
+				fontSize: require_theme.uiFontSize(13),
 				lineHeight: 1.6
 			} }, (0, react.createElement)("p", { style: {
 				margin: 0,
@@ -1004,7 +1006,8 @@ window.__ModuleLoader__.load({
 					"appearance",
 					"voice",
 					"tts",
-					"prompts"
+					"prompts",
+					"notifications"
 				].includes(operation.path[1])).map((operation) => ({
 					...operation,
 					path: operation.path.slice(1)
@@ -1108,7 +1111,7 @@ window.__ModuleLoader__.load({
 					} : endpoint.endsWith("/remove") ? {
 						...tts,
 						voices: tts.voices.filter((voice) => voice.id !== value?.id),
-						selectedId: tts.selectedId === value?.id ? "moss:Junhao" : tts.selectedId
+						selectedId: tts.selectedId === value?.id ? require_manager.DEFAULT_ASSISTANT_TTS_SETTINGS.selectedId : tts.selectedId
 					} : {
 						...tts,
 						selectedId: value?.id ?? tts.selectedId,
@@ -1242,6 +1245,28 @@ window.__ModuleLoader__.load({
 			});
 			return parts;
 		}
+		/** 将同一正文位置连续发生的工具归入一个 DSH 风格 step；正文仍保持原有穿插位置。 */
+		function assistantMessageStepTimeline(text, calls = []) {
+			const parts = assistantMessageTimeline(text, calls);
+			const grouped = [];
+			for (const part of parts) {
+				if (part.kind === "text") {
+					grouped.push(part);
+					continue;
+				}
+				const previous = grouped.at(-1);
+				if (previous?.kind === "tool-step") grouped[grouped.length - 1] = {
+					...previous,
+					calls: [...previous.calls, part.call]
+				};
+				else grouped.push({
+					kind: "tool-step",
+					key: `tool-step-${part.call.id}`,
+					calls: [part.call]
+				});
+			}
+			return grouped;
+		}
 		//#endregion
 		//#region src/client/features/assistant-record-style.ts
 		/** 工具记录和通话记录共享交互反馈，选择器只作用于这两类组件。 */
@@ -1267,14 +1292,21 @@ window.__ModuleLoader__.load({
 			}, (0, react.createElement)("path", { d: "m9 5 7 7-7 7" }));
 		}
 		const recordCss = `
-.codingns-assistant-tool-summary{list-style:none;cursor:pointer;border-radius:9px}
+.codingns-assistant-tool-summary{list-style:none;cursor:pointer}
 .codingns-assistant-tool-summary::-webkit-details-marker{display:none}
-.codingns-assistant-tool-summary:hover,.codingns-assistant-record-button:hover{background:${require_theme.dshThemeColor.hoverBackground}!important}
-.codingns-assistant-tool-summary:active,.codingns-assistant-record-button:active{background:${require_theme.dshThemeColor.activeBackground}!important}
+.codingns-assistant-tool-summary:hover,.codingns-assistant-record-button:hover{color:${require_theme.dshThemeColor.labelPrimary}!important}
+.codingns-assistant-tool-summary:active,.codingns-assistant-record-button:active{color:${require_theme.dshThemeColor.labelPrimary}!important}
 .codingns-assistant-tool-summary:focus-visible,.codingns-assistant-record-button:focus-visible{outline:2px solid ${require_theme.dshThemeColor.accent};outline-offset:2px}
-.codingns-assistant-tool-details[open]>.codingns-assistant-tool-summary{border-radius:9px 9px 0 0}
 .codingns-assistant-tool-details[open] .codingns-assistant-tool-name{white-space:normal!important;overflow-wrap:anywhere}
 .codingns-assistant-tool-details[open]>.codingns-assistant-tool-summary .codingns-assistant-record-chevron{transform:rotate(90deg)}
+.codingns-assistant-tool-step-summary{list-style:none;cursor:pointer}
+.codingns-assistant-tool-step-summary::-webkit-details-marker{display:none}
+.codingns-assistant-tool-step-summary:hover{color:${require_theme.dshThemeColor.labelPrimary}!important}
+.codingns-assistant-tool-step-summary:active{color:${require_theme.dshThemeColor.labelPrimary}!important}
+.codingns-assistant-tool-step-summary:focus-visible{outline:2px solid ${require_theme.dshThemeColor.accent};outline-offset:2px}
+.codingns-assistant-tool-step-details[open]>.codingns-assistant-tool-step-summary .codingns-assistant-step-chevron{transform:rotate(180deg)}
+.codingns-assistant-tool-step-details[open] .codingns-assistant-tool-step-body{padding-inline:4px}
+.codingns-assistant-tool-step-details[open] .codingns-assistant-tool-step-preview{white-space:normal;overflow-wrap:anywhere}
 .codingns-assistant-voice-dialog[open]{display:flex;flex-direction:column}
 .codingns-assistant-voice-dialog::backdrop{background:${require_theme.dshThemeColor.overlay}}
 `;
@@ -1294,7 +1326,7 @@ window.__ModuleLoader__.load({
 					maxWidth: side === void 0 ? "100%" : "88%",
 					minWidth: 0,
 					boxSizing: "border-box",
-					fontSize: 14,
+					fontSize: require_theme.uiFontSize(14),
 					lineHeight: 1.65,
 					whiteSpace: "pre-wrap",
 					overflowWrap: "anywhere"
@@ -1324,7 +1356,7 @@ window.__ModuleLoader__.load({
 				key: item.attachment.attachmentId,
 				title: item.attachment.name,
 				style: {
-					fontSize: 12,
+					fontSize: require_theme.uiFontSize(12),
 					padding: "3px 8px",
 					borderRadius: 8,
 					border: `1px solid ${require_theme.dshThemeColor.border}`
@@ -1333,9 +1365,9 @@ window.__ModuleLoader__.load({
 		}
 		/** 文字聊天、实时字幕与通话历史共用同一时间线，不额外生成工具汇总区。 */
 		function AssistantMessageContentView({ text, calls, t }) {
-			return (0, react.createElement)(react.Fragment, null, ...assistantMessageTimeline(text, calls).map((part) => part.kind === "tool" ? (0, react.createElement)(AssistantToolCallsView, {
+			return (0, react.createElement)(react.Fragment, null, ...assistantMessageStepTimeline(text, calls).map((part) => part.kind === "tool-step" ? (0, react.createElement)(AssistantToolStepView, {
 				key: part.key,
-				calls: [part.call],
+				calls: part.calls,
 				t
 			}) : (0, react.createElement)("div", {
 				key: part.key,
@@ -1347,14 +1379,15 @@ window.__ModuleLoader__.load({
 			}, part.text)));
 		}
 		/** 工具信息单独展示，不拼入消息正文，字幕与语音合成都只使用原始 text。 */
-		function AssistantToolCallsView({ calls, t }) {
+		function AssistantToolCallsView({ calls, t, compact = false }) {
 			if (!calls?.length) return null;
 			return (0, react.createElement)("div", {
 				"data-codingns-assistant-tools": true,
+				"data-codingns-assistant-tools-compact": compact,
 				style: {
 					display: "grid",
-					gap: 6,
-					marginBlock: 6,
+					gap: 2,
+					marginBlock: compact ? 0 : 6,
 					textAlign: "left",
 					whiteSpace: "normal",
 					minWidth: 0
@@ -1362,26 +1395,113 @@ window.__ModuleLoader__.load({
 			}, (0, react.createElement)(AssistantRecordStyle), ...calls.map((call) => (0, react.createElement)(AssistantToolCallView, {
 				key: call.id,
 				call,
-				t
+				t,
+				compact
 			})));
 		}
+		/** 一个 step 只显示摘要；展开后才加载其中的工具调用明细。 */
+		function AssistantToolStepView({ calls, t }) {
+			if (calls.length === 0) return null;
+			const running = calls.some((call) => call.state === "running");
+			const failed = calls.some((call) => call.state === "failed");
+			const status = running ? "running" : failed ? "failed" : calls.every((call) => call.state === "cancelled") ? "cancelled" : "completed";
+			const latestCall = calls[calls.length - 1];
+			const latestArguments = assistantToolArgumentPreview(latestCall, t);
+			const summary = calls.map((call) => assistantToolStepPreview(call, t)).filter((value, index, all) => all.indexOf(value) === index).join(t("awb.call.separator"));
+			return (0, react.createElement)("div", {
+				"data-codingns-assistant-tool-step": true,
+				style: {
+					marginBlock: 6,
+					textAlign: "left",
+					whiteSpace: "normal",
+					minWidth: 0,
+					color: require_theme.dshThemeColor.labelSecondary,
+					fontSize: require_theme.uiFontSize(13),
+					lineHeight: 1.6
+				}
+			}, (0, react.createElement)(AssistantRecordStyle), (0, react.createElement)("details", { className: "codingns-assistant-tool-step-details" }, (0, react.createElement)("summary", {
+				className: "codingns-assistant-tool-step-summary",
+				title: t("awb.call.stepDetails"),
+				"aria-label": `${t("awb.call.step")} · ${summary} · ${t(`awb.call.tool.${status}`)}`,
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 8,
+					minWidth: 0,
+					padding: "2px 0",
+					color: require_theme.dshThemeColor.labelSecondary
+				}
+			}, (0, react.createElement)(AssistantStepChevron), (0, react.createElement)("span", {
+				className: "codingns-assistant-tool-step-preview",
+				"data-latest-tool": latestCall.name,
+				title: latestCall.name,
+				style: {
+					minWidth: 0,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				}
+			}, summary, " · ", (0, react.createElement)("code", { style: {
+				color: require_theme.dshThemeColor.labelPrimary,
+				fontFamily: require_theme.dshThemeColor.codeFont,
+				fontSize: "0.92em"
+			} }, latestCall.name), latestArguments ? ` · ${latestArguments}` : "")), (0, react.createElement)("div", {
+				className: "codingns-assistant-tool-step-body",
+				style: {
+					display: "grid",
+					gap: 1,
+					padding: "4px 0 5px 21px"
+				}
+			}, (0, react.createElement)(AssistantToolCallsView, {
+				calls,
+				t,
+				compact: true
+			}))));
+		}
+		function assistantToolStepPreview(call, t) {
+			if (call.name.includes("read") || call.kind === "attachment") return t("awb.call.stepRead");
+			if (call.name.includes("search") || call.kind === "web-search") return t("awb.call.stepSearch");
+			if (call.name.includes("workspace") || call.kind === "workspace") return t("awb.call.stepWorkspace");
+			return t("awb.call.stepTool");
+		}
+		function assistantToolArgumentPreview(call, t) {
+			try {
+				const args = JSON.parse(call.arguments);
+				if (args === null || typeof args !== "object" || Array.isArray(args)) return "";
+				const record = args;
+				for (const key of [
+					"query",
+					"queries",
+					"text",
+					"url",
+					"fileName",
+					"filename",
+					"file",
+					"title",
+					"message"
+				]) {
+					const value = record[key];
+					const preview = typeof value === "string" ? value : Array.isArray(value) ? value.filter((item) => typeof item === "string").join(t("awb.call.separator")) : "";
+					if (preview.trim()) return preview.trim().slice(0, 120);
+				}
+			} catch {}
+			return "";
+		}
 		/** 整个标题栏就是展开入口；实时状态更新不替换 details，保留用户的展开状态。 */
-		function AssistantToolCallView({ call, t }) {
+		function AssistantToolCallView({ call, t, compact = false }) {
 			const label = t(call.kind === "web-search" ? "awb.call.webSearch" : call.kind === "attachment" ? "awb.call.attachment" : "awb.call.workspace");
 			const status = t(`awb.call.tool.${call.state}`);
-			const color = call.state === "failed" ? require_theme.dshThemeColor.error : call.state === "completed" ? require_theme.dshThemeColor.success : call.state === "running" ? require_theme.dshThemeColor.accent : require_theme.dshThemeColor.labelSecondary;
-			const startedAt = new Date(call.startedAt);
-			return (0, react.createElement)("article", {
+			const argumentPreview = compact ? assistantToolArgumentPreview(call, t) : "";
+			const rowColor = call.state === "failed" ? require_theme.dshThemeColor.error : require_theme.dshThemeColor.labelSecondary;
+			return (0, react.createElement)("div", {
+				"data-codingns-assistant-tool-row": call.name,
 				"data-codingns-assistant-tool": call.name,
 				"data-state": call.state,
 				style: {
-					borderRadius: 10,
-					border: `1px solid ${require_theme.dshThemeColor.border}`,
-					background: require_theme.dshThemeColor.surfaceSubtle,
-					color: require_theme.dshThemeColor.labelPrimary,
-					fontSize: 12,
-					lineHeight: 1.4,
-					minWidth: 0
+					minWidth: 0,
+					color: rowColor,
+					fontSize: require_theme.uiFontSize(13),
+					lineHeight: 1.65
 				}
 			}, (0, react.createElement)("details", { className: "codingns-assistant-tool-details" }, (0, react.createElement)("summary", {
 				className: "codingns-assistant-tool-summary",
@@ -1391,98 +1511,53 @@ window.__ModuleLoader__.load({
 					display: "flex",
 					alignItems: "center",
 					gap: 8,
-					padding: "8px 10px",
-					minWidth: 0
+					minWidth: 0,
+					padding: "1px 0"
 				}
-			}, (0, react.createElement)("span", { style: {
-				display: "grid",
-				placeItems: "center",
-				flexShrink: 0,
-				width: 28,
-				height: 28,
-				borderRadius: 8,
-				color,
-				background: `color-mix(in srgb, ${color} 9%, transparent)`
-			} }, (0, react.createElement)(AssistantToolIcon, { kind: call.kind })), (0, react.createElement)("span", { style: {
-				flex: "1 1 auto",
-				minWidth: 0,
-				display: "grid",
-				gap: 1
-			} }, (0, react.createElement)("strong", { style: {
-				fontSize: 12,
-				fontWeight: 600
-			} }, label), (0, react.createElement)("span", {
-				className: "codingns-assistant-tool-name",
+			}, (0, react.createElement)(AssistantRecordChevron), (0, react.createElement)("span", { style: { flexShrink: 0 } }, label), (0, react.createElement)("span", { style: {
+				color: require_theme.dshThemeColor.labelTertiary,
+				flexShrink: 0
+			} }, "·"), (0, react.createElement)("span", {
 				title: call.name,
 				style: {
-					color: require_theme.dshThemeColor.labelSecondary,
-					fontFamily: require_theme.dshThemeColor.codeFont,
-					fontSize: 11,
+					minWidth: 0,
 					overflow: "hidden",
 					textOverflow: "ellipsis",
-					whiteSpace: "nowrap"
-				}
-			}, call.name)), (0, react.createElement)("span", { style: {
-				display: "grid",
-				justifyItems: "end",
-				gap: 3,
-				flexShrink: 0
-			} }, (0, react.createElement)("span", {
-				role: "status",
-				style: {
-					display: "inline-flex",
-					alignItems: "center",
-					gap: 4,
-					color,
-					padding: "1px 6px",
-					borderRadius: 5,
-					background: `color-mix(in srgb, ${color} 9%, transparent)`,
-					fontSize: 11,
-					whiteSpace: "nowrap"
+					whiteSpace: "nowrap",
+					fontFamily: require_theme.dshThemeColor.codeFont
 				}
-			}, (0, react.createElement)("span", {
-				"aria-hidden": true,
+			}, call.name, argumentPreview ? ` · ${argumentPreview}` : "")), (0, react.createElement)("div", {
+				className: "codingns-assistant-tool-body",
 				style: {
-					width: 4,
-					height: 4,
-					borderRadius: "50%",
-					background: "currentColor"
+					display: "grid",
+					gap: 0,
+					margin: "2px 0 4px 22px",
+					border: `0.5px solid ${require_theme.dshThemeColor.border}`,
+					borderRadius: 6,
+					overflow: "hidden",
+					minWidth: 0
 				}
-			}), status), (0, react.createElement)("time", {
-				dateTime: Number.isNaN(startedAt.valueOf()) ? void 0 : startedAt.toISOString(),
-				title: startedAt.toLocaleString(),
+			}, ...[[t("awb.call.arguments"), call.arguments], [t("awb.call.result"), call.result]].map(([heading, value], index) => (0, react.createElement)("div", {
+				key: heading,
 				style: {
-					color: require_theme.dshThemeColor.labelTertiary,
-					fontSize: 10,
-					fontVariantNumeric: "tabular-nums",
-					whiteSpace: "nowrap"
+					display: "grid",
+					gridTemplateColumns: "max-content minmax(0, 1fr)",
+					gap: 12,
+					alignItems: "baseline",
+					padding: "7px 10px",
+					minWidth: 0,
+					...index === 0 ? {} : { borderTop: `0.5px solid ${require_theme.dshThemeColor.border}` }
 				}
-			}, startedAt.toLocaleTimeString([], {
-				hour: "2-digit",
-				minute: "2-digit",
-				second: "2-digit",
-				hour12: false
-			}))), (0, react.createElement)(AssistantRecordChevron)), (0, react.createElement)("div", { style: {
-				display: "grid",
-				gap: 8,
-				padding: "9px 10px 10px",
-				borderTop: `1px solid ${require_theme.dshThemeColor.border}`,
-				minWidth: 0
-			} }, ...[[t("awb.call.arguments"), call.arguments], [t("awb.call.result"), call.result]].map(([heading, value]) => (0, react.createElement)("div", {
-				key: heading,
-				style: { minWidth: 0 }
 			}, (0, react.createElement)("small", { style: {
-				color: require_theme.dshThemeColor.labelSecondary,
-				fontSize: 11,
-				fontWeight: 500
+				color: require_theme.dshThemeColor.labelTertiary,
+				fontSize: require_theme.uiFontSize(11),
+				whiteSpace: "nowrap"
 			} }, heading), (0, react.createElement)("pre", {
 				tabIndex: 0,
 				"aria-label": heading,
 				style: {
-					margin: "4px 0 0",
-					padding: "6px 8px",
-					borderRadius: 6,
-					background: require_theme.dshThemeColor.cardBackground,
+					margin: 0,
+					color: require_theme.dshThemeColor.labelSecondary,
 					maxHeight: 160,
 					overflowY: "auto",
 					overscrollBehavior: "contain",
@@ -1490,23 +1565,28 @@ window.__ModuleLoader__.load({
 					whiteSpace: "pre-wrap",
 					overflowWrap: "anywhere",
 					fontFamily: require_theme.dshThemeColor.codeFont,
-					fontSize: 11,
+					fontSize: require_theme.uiFontSize(11),
 					lineHeight: 1.5
 				}
 			}, value || "—"))))));
 		}
-		function AssistantToolIcon({ kind }) {
+		function AssistantStepChevron() {
 			return (0, react.createElement)("svg", {
-				width: 16,
-				height: 16,
+				className: "codingns-assistant-step-chevron",
+				width: 14,
+				height: 14,
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
-				strokeWidth: 1.7,
+				strokeWidth: 1.8,
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
-				"aria-hidden": true
-			}, (0, react.createElement)("path", { d: kind === "web-search" ? "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM3 12h18M12 3a17 17 0 0 1 0 18 17 17 0 0 1 0-18Z" : kind === "attachment" ? "M14 3H6v18h12V7l-4-4Zm0 0v5h4M9 12h6m-6 4h6" : "M3 6h7l2 2h9v12H3V6Zm0 4h18" }));
+				"aria-hidden": true,
+				style: {
+					flexShrink: 0,
+					color: require_theme.dshThemeColor.labelTertiary
+				}
+			}, (0, react.createElement)("path", { d: "m6 9 6 6 6-6" }));
 		}
 		//#endregion
 		//#region src/client/features/assistant-realtime-call.ts
@@ -1579,7 +1659,7 @@ window.__ModuleLoader__.load({
 				display: "flex",
 				alignItems: "center",
 				gap: 9,
-				fontSize: 13
+				fontSize: require_theme.uiFontSize(13)
 			} }, (0, react.createElement)("input", {
 				type: "checkbox",
 				checked: !speakerMuted,
@@ -1592,7 +1672,7 @@ window.__ModuleLoader__.load({
 			}), props.t("awb.call.playSound")), (0, react.createElement)("label", { style: {
 				display: "grid",
 				gap: 6,
-				fontSize: 12
+				fontSize: require_theme.uiFontSize(12)
 			} }, props.t("awb.call.outputDevice"), (0, react.createElement)("select", {
 				value: adapter?.outputDeviceSupported ? outputId : "",
 				disabled: !adapter?.outputDeviceSupported || devicePending,
@@ -1613,7 +1693,7 @@ window.__ModuleLoader__.load({
 			}, device.label || props.t("awb.call.speaker"))))), error ? (0, react.createElement)("div", {
 				role: "alert",
 				style: {
-					fontSize: 12,
+					fontSize: require_theme.uiFontSize(12),
 					color: require_theme.dshThemeColor.error,
 					overflowWrap: "anywhere"
 				}
@@ -1696,7 +1776,7 @@ window.__ModuleLoader__.load({
 				kind,
 				muted: pressed === true
 			})), (0, react.createElement)("span", { style: {
-				fontSize: 12,
+				fontSize: require_theme.uiFontSize(12),
 				color: require_theme.dshThemeColor.labelSecondary
 			} }, kind === "microphone" ? t(microphoneMuted ? "awb.call.unmute" : "awb.call.microphone") : t(`awb.call.${kind}`)));
 			return (0, react.createElement)("div", {
@@ -1717,10 +1797,10 @@ window.__ModuleLoader__.load({
 				display: "grid",
 				gap: 4
 			} }, (0, react.createElement)("strong", { style: {
-				fontSize: 18,
+				fontSize: require_theme.uiFontSize(18),
 				overflowWrap: "anywhere"
 			} }, name), (0, react.createElement)("span", { style: {
-				fontSize: 12,
+				fontSize: require_theme.uiFontSize(12),
 				color: require_theme.dshThemeColor.labelTertiary,
 				fontVariantNumeric: "tabular-nums"
 			} }, t("awb.call.title"), " · ", duration), onMinimize ? (0, react.createElement)("button", {
@@ -1772,7 +1852,7 @@ window.__ModuleLoader__.load({
 			}, avatar)), (0, react.createElement)("div", {
 				role: "status",
 				style: {
-					fontSize: 13,
+					fontSize: require_theme.uiFontSize(13),
 					color: require_theme.dshThemeColor.labelSecondary
 				}
 			}, t(`awb.call.${status}`)), (0, react.createElement)("div", {
@@ -1800,7 +1880,7 @@ window.__ModuleLoader__.load({
 				style: {
 					margin: 0,
 					flexShrink: 0,
-					fontSize: 13,
+					fontSize: require_theme.uiFontSize(13),
 					lineHeight: 1.6,
 					color: require_theme.dshThemeColor.labelTertiary
 				}
@@ -1810,7 +1890,7 @@ window.__ModuleLoader__.load({
 					flexShrink: 0,
 					display: "grid",
 					gap: 8,
-					fontSize: 16,
+					fontSize: require_theme.uiFontSize(16),
 					lineHeight: 1.65,
 					color: assistantText ? require_theme.dshThemeColor.labelPrimary : require_theme.dshThemeColor.labelTertiary
 				}
@@ -1879,10 +1959,10 @@ window.__ModuleLoader__.load({
 				gap: 3,
 				minWidth: 0
 			} }, (0, react.createElement)("strong", { style: {
-				fontSize: 13,
+				fontSize: require_theme.uiFontSize(13),
 				fontWeight: 600
 			} }, t("awb.call.record")), (0, react.createElement)("span", { style: {
-				fontSize: 11,
+				fontSize: require_theme.uiFontSize(11),
 				color: require_theme.dshThemeColor.labelSecondary,
 				overflow: "hidden",
 				textOverflow: "ellipsis",
@@ -1904,7 +1984,7 @@ window.__ModuleLoader__.load({
 					borderRadius: 6,
 					background: require_theme.dshThemeColor.cardBackground,
 					color: require_theme.dshThemeColor.labelSecondary,
-					fontSize: 11,
+					fontSize: require_theme.uiFontSize(11),
 					fontVariantNumeric: "tabular-nums",
 					whiteSpace: "nowrap",
 					flexShrink: 0
@@ -1963,7 +2043,7 @@ window.__ModuleLoader__.load({
 				id: titleId,
 				style: {
 					flex: 1,
-					fontSize: 14
+					fontSize: require_theme.uiFontSize(14)
 				}
 			}, props.t("awb.call.details")), (0, react.createElement)("button", {
 				type: "button",
@@ -2011,7 +2091,7 @@ window.__ModuleLoader__.load({
 				borderRadius: 5,
 				background: require_theme.dshThemeColor.cardBackground,
 				color: require_theme.dshThemeColor.labelPrimary,
-				fontSize: 11,
+				fontSize: require_theme.uiFontSize(11),
 				fontVariantNumeric: "tabular-nums"
 			};
 			return (0, react.createElement)("div", { style: {
@@ -2025,7 +2105,7 @@ window.__ModuleLoader__.load({
 				display: "grid",
 				gap: 8,
 				color: require_theme.dshThemeColor.labelSecondary,
-				fontSize: 11,
+				fontSize: require_theme.uiFontSize(11),
 				lineHeight: 1.5,
 				minWidth: 0
 			} }, (0, react.createElement)("div", { style: {
@@ -2045,7 +2125,7 @@ window.__ModuleLoader__.load({
 				fontVariantNumeric: "tabular-nums"
 			} }, date(value)))))), session.messages.length === 0 ? (0, react.createElement)("p", { style: {
 				margin: "8px 0",
-				fontSize: 13,
+				fontSize: require_theme.uiFontSize(13),
 				color: require_theme.dshThemeColor.labelSecondary
 			} }, t("awb.call.noMessages")) : null, ...session.messages.map((message) => (0, react.createElement)(AssistantConversationMessageView, {
 				key: message.id,
@@ -2540,7 +2620,7 @@ window.__ModuleLoader__.load({
 				size: 144,
 				showDiagnostics: false
 			}), (0, react.createElement)("strong", { style: {
-				fontSize: 18,
+				fontSize: require_theme.uiFontSize(18),
 				overflowWrap: "anywhere",
 				textAlign: "center"
 			} }, draft.name.trim() || t("awb.unnamed")), (0, react.createElement)("p", { style: {
@@ -2589,15 +2669,14 @@ window.__ModuleLoader__.load({
 				style: {
 					...dialog,
 					...!configuring ? {
-						height: "min(740px, calc(100dvh - 24px))",
+						height: "min(740px, calc(100dvh - 44px))",
 						minHeight: 0
 					} : {}
 				}
 			}, calling ? null : (0, react.createElement)("header", { style: {
 				...row,
 				flexShrink: 0,
-				padding: 11,
-				borderBottom: `1px solid ${require_theme.dshThemeColor.border}`
+				padding: "22px 22px 11px"
 			} }, (0, react.createElement)("div", { style: {
 				flex: "1 1 auto",
 				minWidth: 0,
@@ -2610,7 +2689,7 @@ window.__ModuleLoader__.load({
 					gap: 8
 				}
 			}, (0, react.createElement)("strong", { style: {
-				fontSize: 17,
+				fontSize: require_theme.uiFontSize(17),
 				overflowWrap: "anywhere"
 			} }, initializing ? t("awb.setupTitle") : lifecycle.profile.name), initializing ? null : (0, react.createElement)(AssistantStatusBadge, {
 				status,
@@ -2634,7 +2713,7 @@ window.__ModuleLoader__.load({
 				"data-codingns-assistant-scroll": true,
 				style: {
 					flex: "1 1 auto",
-					padding: calling ? 0 : 11,
+					padding: calling ? 0 : "11px 22px",
 					overflowY: "auto",
 					overscrollBehavior: "contain",
 					minHeight: 0,
@@ -2642,16 +2721,11 @@ window.__ModuleLoader__.load({
 					flexDirection: "column",
 					gap: configuring ? 11 : 16
 				}
-			}, !loaded ? (0, react.createElement)("div", {
-				role: "status",
-				style: require_theme.dshSettingsHelpStyle
-			}, t("awb.loading"), " ", button(t("awb.retry"), () => {
-				refresh().catch((cause) => setError(message(cause)));
-			})) : null, noticeText ? (0, react.createElement)("div", {
+			}, !loaded ? (0, react.createElement)(AssistantLoadingView, { t }) : null, noticeText ? (0, react.createElement)("div", {
 				role: "alert",
 				style: {
 					color: require_theme.dshThemeColor.error,
-					fontSize: 13,
+					fontSize: require_theme.uiFontSize(13),
 					overflowWrap: "anywhere"
 				}
 			}, noticeText) : null, notice ? (0, react.createElement)("div", {
@@ -2743,8 +2817,7 @@ window.__ModuleLoader__.load({
 					...row,
 					flexShrink: 0,
 					justifyContent: initializing ? "space-between" : "flex-end",
-					padding: 11,
-					borderTop: `1px solid ${require_theme.dshThemeColor.border}`,
+					padding: "11px 22px 22px",
 					background: require_theme.dshThemeColor.pageBackground
 				}
 			}, initializing ? (0, react.createElement)("p", { style: {
@@ -2754,8 +2827,7 @@ window.__ModuleLoader__.load({
 				"data-codingns-assistant-composer-dock": true,
 				style: {
 					flexShrink: 0,
-					padding: 11,
-					borderTop: `1px solid ${require_theme.dshThemeColor.border}`,
+					padding: "11px 22px 22px",
 					background: require_theme.dshThemeColor.pageBackground
 				}
 			}, (0, react.createElement)(AssistantComposer, {
@@ -2852,6 +2924,19 @@ window.__ModuleLoader__.load({
 				model
 			}));
 		}
+		/** 首次读取期间使用居中的动态状态，避免把正常等待误显示成失败或重试入口。 */
+		function AssistantLoadingView({ t }) {
+			return (0, react.createElement)("div", {
+				"data-codingns-assistant-loading": true,
+				role: "status",
+				"aria-live": "polite",
+				"aria-label": t("awb.loading"),
+				style: assistantLoadingStyle
+			}, (0, react.createElement)("style", null, assistantLoadingCss), (0, react.createElement)("div", {
+				"aria-hidden": true,
+				style: assistantLoadingOrbStyle
+			}, (0, react.createElement)("span", { className: "codingns-assistant-loading-ring" }), (0, react.createElement)("span", { className: "codingns-assistant-loading-core" }), (0, react.createElement)("span", { className: "codingns-assistant-loading-dot codingns-assistant-loading-dot-one" }), (0, react.createElement)("span", { className: "codingns-assistant-loading-dot codingns-assistant-loading-dot-two" }), (0, react.createElement)("span", { className: "codingns-assistant-loading-dot codingns-assistant-loading-dot-three" })), (0, react.createElement)("div", { style: assistantLoadingLabelStyle }, t("awb.loadingHint")));
+		}
 		/** 内层菜单先消费 Escape，外层窗口只处理尚未消费的关闭按键。 */
 		function handleAssistantWorkbenchEscape(event, onClose) {
 			if (event.key !== "Escape" || event.defaultPrevented) return;
@@ -2886,6 +2971,47 @@ window.__ModuleLoader__.load({
 			gap: 8,
 			justifyItems: "center"
 		};
+		const assistantLoadingStyle = {
+			flex: "1 1 auto",
+			minHeight: "min(420px, 45vh)",
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			gap: 18,
+			color: require_theme.dshThemeColor.labelSecondary
+		};
+		const assistantLoadingOrbStyle = {
+			position: "relative",
+			width: 76,
+			height: 76,
+			borderRadius: "50%",
+			background: `radial-gradient(circle at 35% 28%, ${require_theme.dshThemeColor.accent}33, transparent 58%)`,
+			boxShadow: `0 0 0 1px ${require_theme.dshThemeColor.border}, 0 0 42px ${require_theme.dshThemeColor.accent}24`
+		};
+		const assistantLoadingLabelStyle = {
+			fontSize: require_theme.uiFontSize(13),
+			letterSpacing: "0.04em"
+		};
+		const assistantLoadingCss = `
+  [data-codingns-assistant-loading] .codingns-assistant-loading-ring,
+  [data-codingns-assistant-loading] .codingns-assistant-loading-core,
+  [data-codingns-assistant-loading] .codingns-assistant-loading-dot{position:absolute;display:block;border-radius:50%}
+  [data-codingns-assistant-loading] .codingns-assistant-loading-ring{inset:7px;border:1px solid ${require_theme.dshThemeColor.accent}88;border-top-color:transparent;border-left-color:${require_theme.dshThemeColor.accent};animation:codingns-assistant-loading-spin 2.8s linear infinite}
+  [data-codingns-assistant-loading] .codingns-assistant-loading-core{inset:22px;background:${require_theme.dshThemeColor.accent};box-shadow:0 0 18px ${require_theme.dshThemeColor.accent}aa;animation:codingns-assistant-loading-breathe 1.8s ease-in-out infinite}
+  [data-codingns-assistant-loading] .codingns-assistant-loading-dot{width:6px;height:6px;background:${require_theme.dshThemeColor.labelPrimary};box-shadow:0 0 10px ${require_theme.dshThemeColor.accent};animation:codingns-assistant-loading-pulse 1.8s ease-in-out infinite}
+  [data-codingns-assistant-loading] .codingns-assistant-loading-dot-one{top:4px;left:35px}
+  [data-codingns-assistant-loading] .codingns-assistant-loading-dot-two{right:7px;bottom:20px;animation-delay:.22s}
+  [data-codingns-assistant-loading] .codingns-assistant-loading-dot-three{left:7px;bottom:20px;animation-delay:.44s}
+  @keyframes codingns-assistant-loading-spin{to{transform:rotate(360deg)}}
+  @keyframes codingns-assistant-loading-breathe{0%,100%{transform:scale(.82);opacity:.72}50%{transform:scale(1.08);opacity:1}}
+  @keyframes codingns-assistant-loading-pulse{0%,100%{transform:scale(.65);opacity:.36}50%{transform:scale(1.15);opacity:1}}
+  @media (prefers-reduced-motion:reduce){
+    [data-codingns-assistant-loading] .codingns-assistant-loading-ring,
+    [data-codingns-assistant-loading] .codingns-assistant-loading-core,
+    [data-codingns-assistant-loading] .codingns-assistant-loading-dot{animation:none}
+  }
+`;
 		const backdrop = {
 			position: "fixed",
 			inset: 0,
@@ -2895,14 +3021,14 @@ window.__ModuleLoader__.load({
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "center",
-			padding: 12,
+			padding: 22,
 			boxSizing: "border-box"
 		};
 		const dialog = {
 			display: "flex",
 			flexDirection: "column",
 			width: "min(940px, 100%)",
-			maxHeight: "calc(100dvh - 24px)",
+			maxHeight: "calc(100dvh - 44px)",
 			minHeight: 300,
 			background: require_theme.dshThemeColor.pageBackground,
 			color: require_theme.dshThemeColor.labelPrimary,