@eddyskywalker/dsh-chatgpt-subscription 0.58.0 → 0.60.0

package/lib/client.js

@@ -155,13 +155,41 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/CodexImageToolView.tsx
+		/**
+		* Aspect ratios the Gemini image tool accepts in its `aspectRatio` argument.
+		*
+		* Mirrors `ANTIGRAVITY_IMAGE_ASPECT_RATIOS` in the host tool schema. The card
+		* only *sizes a placeholder* with it, so a drift here degrades to the default
+		* square instead of producing a wrong request — the value is never sent
+		* anywhere, and the host enum stays the single authority over what is legal.
+		*/
+		const IMAGE_ASPECT_RATIOS = /* @__PURE__ */ new Set([
+			"1:1",
+			"2:3",
+			"3:2",
+			"3:4",
+			"4:3",
+			"4:5",
+			"5:4",
+			"9:16",
+			"16:9",
+			"21:9",
+			"1:4",
+			"4:1",
+			"1:8",
+			"8:1"
+		]);
+		/** The model picks its own shape when the call names no ratio; the card guesses square. */
+		const DEFAULT_IMAGE_ASPECT_RATIO = "1:1";
+		/** The tray's short side, in px: a hint of the frame, not a billboard. */
+		const PLACEHOLDER_SHORT_SIDE = 112;
 		function CodexImageToolView({ block, loadImage, t }) {
 			const settled = "kind" in block;
 			const isError = settled ? block.isError : false;
-			const prompt = promptFromBlock$1(block);
 			const images = settled && !isError ? imageBlocks(block.content) : [];
 			const label = isError ? t("imageToolFailed") : settled ? t("imageToolDone") : t("imageToolRunning");
-			const summary = prompt ?? textSummary$1(settled ? block.content : []);
+			const summary = promptFromBlock$1(block) ?? textSummary$1(settled ? block.content : []);
+			const tray = settled ? null : placeholderTray(aspectRatioFromBlock(block));
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsh-codex-image-tool",
 				"data-state": isError ? "error" : settled ? "done" : "running",
@@ -174,12 +202,15 @@ window.__ModuleLoader__.load({
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "dsh-codex-image-title",
+							role: "status",
+							"aria-live": "polite",
 							children: label
 						}),
-						summary !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						summary === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "dsh-codex-image-summary",
+							title: summary,
 							children: summary
-						}) : null
+						})
 					]
 				}), images.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "dsh-codex-image-grid",
@@ -189,7 +220,19 @@ window.__ModuleLoader__.load({
 						label: attachment.name ?? t("image"),
 						t
 					}, String(attachment.attachmentId)))
-				}) : null]
+				}) : tray === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dsh-codex-image-grid",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-codex-image-placeholder",
+						"data-ratio": tray.ratio,
+						"data-short-side": tray.axis,
+						style: {
+							aspectRatio: tray.ratio.replace(":", " / "),
+							...tray.size
+						},
+						"aria-hidden": "true"
+					})
+				})]
 			});
 		}
 		function GeneratedImage({ attachment, load, label, t }) {
@@ -223,24 +266,64 @@ window.__ModuleLoader__.load({
 			});
 		}
 		function promptFromBlock$1(block) {
-			const partial = partialPromptFromBlock(block);
+			return argumentFromBlock(block, "prompt");
+		}
+		/**
+		* Size the tray from one short side and let the ratio derive the other.
+		*
+		* A portrait frame fixes its height, and its width then stays narrow on its own.
+		* A landscape frame — and the 4:1 / 8:1 strips are exactly the case that forced
+		* this — fixes its width instead: deriving an 8:1 width from a 112px height
+		* would be 896px, which `max-width` would then clamp into a near-square box and
+		* the strip would stop looking like a strip. `min(…, 100%)` hands a narrow
+		* column back to the card and the height shrinks with it, so the shape survives
+		* the clamp.
+		*/
+		function placeholderTray(ratio) {
+			const [w, h] = ratio.split(":").map(Number);
+			return w !== void 0 && h !== void 0 && w >= h ? {
+				axis: "width",
+				ratio,
+				size: { width: `min(${Math.round(PLACEHOLDER_SHORT_SIDE * (w / h))}px, 100%)` }
+			} : {
+				axis: "height",
+				ratio,
+				size: { height: PLACEHOLDER_SHORT_SIDE }
+			};
+		}
+		/** The placeholder's shape: the call's own ratio when it is one the tool accepts. */
+		function aspectRatioFromBlock(block) {
+			const ratio = argumentFromBlock(block, "aspectRatio")?.trim();
+			return ratio !== void 0 && IMAGE_ASPECT_RATIOS.has(ratio) ? ratio : DEFAULT_IMAGE_ASPECT_RATIO;
+		}
+		/**
+		* One string argument, read from whichever shape the current stage carries.
+		*
+		* While the arguments are still streaming, the harness hands over a lazy view
+		* instead of the JSON, so `args.text(key)` is tried first; once they are
+		* complete the same argument comes back as `argsRaw`.
+		*/
+		function argumentFromBlock(block, key) {
+			const partial = partialArgumentFromBlock(block, key);
 			if (partial !== null) return partial;
 			const raw = "kind" in block ? block.call?.argsRaw : dispatchedArgsRaw(block);
 			if (typeof raw !== "string" || raw.trim() === "") return null;
 			try {
 				const value = JSON.parse(raw);
-				return typeof value === "object" && value !== null && !Array.isArray(value) && typeof value.prompt === "string" ? value.prompt : null;
+				if (typeof value !== "object" || value === null || Array.isArray(value)) return null;
+				const found = value[key];
+				return typeof found === "string" ? found : null;
 			} catch {
 				return null;
 			}
 		}
-		function partialPromptFromBlock(block) {
+		function partialArgumentFromBlock(block, key) {
 			if (!("args" in block)) return null;
 			const args = block.args;
 			if (typeof args?.text !== "function") return null;
 			try {
-				const prompt = args.text.call(args, "prompt");
-				return typeof prompt === "string" ? prompt : null;
+				const value = args.text.call(args, key);
+				return typeof value === "string" ? value : null;
 			} catch {
 				return null;
 			}
@@ -2895,10 +2978,10 @@ window.__ModuleLoader__.load({
 				"aria-label": label,
 				"data-copied": copied ? "true" : "false",
 				onClick,
-				children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyIcon, {})
+				children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckIcon$1, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyIcon$1, {})
 			});
 		}
-		function CopyIcon() {
+		function CopyIcon$1() {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 				viewBox: "0 0 16 16",
 				width: "14",
@@ -2922,7 +3005,7 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
-		function CheckIcon() {
+		function CheckIcon$1() {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 				viewBox: "0 0 16 16",
 				width: "14",
@@ -7010,7 +7093,7 @@ window.__ModuleLoader__.load({
 		* rather than inferred from the JSX.
 		*/
 		/** The card's own dictionary; stable identity keeps effect dependencies intact. */
-		const fallbackTranslate$5 = (key) => zh$11[key];
+		const fallbackTranslate$6 = (key) => zh$11[key];
 		/**
 		* The shared pool card's labels, resolved through this card's dictionary.
 		*
@@ -7105,7 +7188,7 @@ window.__ModuleLoader__.load({
 		/** Device-code poll cadence. The host owns the real expiry. */
 		const LOGIN_POLL_INTERVAL_MS$3 = 2e3;
 		function useMinimaxCodeSection({ onModelChange }) {
-			const t = fallbackTranslate$5;
+			const t = fallbackTranslate$6;
 			const [status, setStatus] = (0, react.useState)(null);
 			const [loading, setLoading] = (0, react.useState)(true);
 			const [busy, setBusy] = (0, react.useState)(null);
@@ -8563,7 +8646,7 @@ window.__ModuleLoader__.load({
 			const { status, loading, busy, error, flow, copied, connectionNotice, contextDrafts, savingModel, pool, resetCards, resetNotice, selectedResetCardId } = state;
 			const { authenticated, account, quota, models, contextModels, overrideCount, poolLabels, resetCardList, resetCardFlows } = derived;
 			const { login, cancelLogin, copyCode, logout, poolAction, setStrategy, toggleModel, setAllModels, setCheckinEnabled, runCheckinNow, updateEffort, saveContextWindow, resetContextWindow, resetAllContextWindows, refreshQuota, refreshResetCards, selectResetCard, useResetCard, testConnection, updateContextDraft } = actions;
-			const t = fallbackTranslate$5;
+			const t = fallbackTranslate$6;
 			const videoDefaultsRef = react.default.useRef(null);
 			if (videoDefaultsRef.current === null) videoDefaultsRef.current = readVideoDefaults();
 			const saveVideoDefaults = react.default.useCallback((next) => {
@@ -9341,7 +9424,7 @@ window.__ModuleLoader__.load({
 		/** 登录状态机的轮询节奏。真实超时与间隔由 host 拥有，卡片只是跟随。 */
 		const LOGIN_POLL_INTERVAL_MS$2 = 2e3;
 		/** 本卡片的字典；身份稳定，依赖它的 effect 才不会每次渲染重建。 */
-		const fallbackTranslate$4 = (key) => zh$10[key];
+		const fallbackTranslate$5 = (key) => zh$10[key];
 		/**
 		* 共享账号池卡片需要的标签集，按本卡片的字典逐键查出来。
 		*
@@ -9405,7 +9488,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		function useGlmCodingPlanSection({ onModelChange } = {}) {
-			const t = fallbackTranslate$4;
+			const t = fallbackTranslate$5;
 			const [status, setStatus] = (0, react.useState)(null);
 			const [loading, setLoading] = (0, react.useState)(true);
 			const [busy, setBusy] = (0, react.useState)(null);
@@ -12494,7 +12577,7 @@ window.__ModuleLoader__.load({
 		/** 登录状态机的轮询节奏。真实超时与间隔由 host 拥有，卡片只是跟随。 */
 		const LOGIN_POLL_INTERVAL_MS$1 = 2e3;
 		/** 本卡片的字典；身份稳定，依赖它的 effect 才不会每次渲染重建。 */
-		const fallbackTranslate$3 = (key) => zh$7[key];
+		const fallbackTranslate$4 = (key) => zh$7[key];
 		/**
 		* 共享账号池卡片需要的标签集，按本卡片的字典逐键查出来。
 		*
@@ -12623,7 +12706,7 @@ window.__ModuleLoader__.load({
 		/** 写侧的线路常量；卡片用它渲染说明，而不是渲染一条永远为 0 的进度条。 */
 		const CACHE_WRITE_NOTE = STEP_CODE_CACHE_WRITE_NOTE;
 		function useStepCodeSection({ onModelChange } = {}) {
-			const t = fallbackTranslate$3;
+			const t = fallbackTranslate$4;
 			const [status, setStatus] = (0, react.useState)(null);
 			const [loading, setLoading] = (0, react.useState)(true);
 			const [busy, setBusy] = (0, react.useState)(null);
@@ -16296,7 +16379,7 @@ window.__ModuleLoader__.load({
 		/** 登录状态机的轮询节奏。真实超时与间隔由 host 拥有，卡片只是跟随。 */
 		const LOGIN_POLL_INTERVAL_MS = 2e3;
 		/** 本卡片的字典；身份稳定，依赖它的 effect 才不会每次渲染重建。 */
-		const fallbackTranslate$2 = (key) => zh$5[key];
+		const fallbackTranslate$3 = (key) => zh$5[key];
 		/**
 		* 共享账号池卡片需要的标签集，按本卡片的字典逐键查出来。
 		*
@@ -16395,7 +16478,7 @@ window.__ModuleLoader__.load({
 			return stats.cacheReadTokens / denominator;
 		}
 		function useQoderSection({ onModelChange } = {}) {
-			const t = fallbackTranslate$2;
+			const t = fallbackTranslate$3;
 			const [status, setStatus] = (0, react.useState)(null);
 			const [loading, setLoading] = (0, react.useState)(true);
 			const [busy, setBusy] = (0, react.useState)(null);
@@ -20940,217 +21023,229 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/locales.ts
 		const NS = "dsh-chatgpt-subscription";
+		const zh$2 = {
+			...accountPoolZh,
+			title: "ChatGPT",
+			hubTitle: "订阅服务",
+			intro: "使用 ChatGPT 账号登录，在 DSH 中使用订阅可用的模型。",
+			account: "账号",
+			signedOut: "尚未登录",
+			signedIn: "已登录",
+			plan: "套餐",
+			accountId: "账号 ID",
+			expires: "令牌到期",
+			signIn: "使用 ChatGPT 登录",
+			signInAgain: "重新登录",
+			cancel: "取消登录",
+			signOut: "注销",
+			refreshToken: "刷新凭据",
+			pending: "请在浏览器中完成登录。",
+			popupBlocked: "浏览器拦截了登录窗口，请使用下面的链接继续。",
+			continueLogin: "打开 ChatGPT 登录页",
+			loading: "正在读取状态…",
+			connection: "连接",
+			testConnection: "测试连接",
+			testing: "测试中…",
+			latency: "最近延迟",
+			selectAll: "全选",
+			unselectAll: "全不选",
+			models: "可用模型",
+			modelsHint: "勾选后模型才会显示在对话页的模型选择列表中；全部取消勾选或关闭上方开关可在列表中隐藏该供应商。",
+			proxySettings: "网络代理",
+			proxyMode: "代理模式",
+			proxyModeHint: "本插件的全部供应线路共用这一份代理设置，登录、令牌续期、模型目录与配额读取同样经过它；支持自动读取系统代理，修改后对后续请求生效。",
+			proxyModeAuto: "系统代理（自动检测）",
+			proxyModeCustom: "自定义代理",
+			proxyModeDirect: "直连（禁用代理）",
+			customProxyUrl: "自定义代理地址",
+			customProxyUrlHint: "支持 HTTP/HTTPS/SOCKS5 代理地址，例如 http://127.0.0.1:7890",
+			customProxyUrlPlaceholder: "例如: http://127.0.0.1:7890",
+			saveProxyUrl: "保存代理地址",
+			proxyDetected: "检测到系统代理",
+			proxyDetectedEffective: "（已自动生效）",
+			proxyNoneDetected: "未检测到系统代理，将使用直连",
+			proxyDirectHint: "本插件的全部请求将直接连接，不经过任何代理服务器。",
+			poolStorageTitle: "账号存储位置",
+			poolStorageKeyring: "桌面密钥环",
+			poolStorageCredentials: "DSH 凭据库",
+			poolStorageKeyringHint: "仅限桌面安装：使用操作系统密钥环（DPAPI / 钥匙串 / Secret Service）。在服务器或无桌面的 Linux 主机上密钥环通常不可用，登录会失败——请改选 DSH 凭据库。",
+			poolStorageCredentialsHint: "DSH 的标准密钥存储（$DSH_HOME/.credentials.yaml）。POSIX 上强制 0600、创建者独占；Windows 上只有 profile ACL，没有权限位可强制。服务器以及任何没有桌面密钥环的主机都用它。静态不加密，靠宿主权限保护。",
+			poolStorageEffective: "当前实际使用：{storage}",
+			poolStorageBackendKeyring: "桌面密钥环（Secret Service），静态加密",
+			poolStorageBackendDpapi: "Windows DPAPI，静态加密",
+			poolStorageBackendKeychain: "macOS 钥匙串，静态加密",
+			poolStorageBackendCredentials: "DSH 凭据库（.credentials.yaml），由文件权限保护",
+			poolStorageSwitchWarning: "已保存在另一个存储里的账号会留在原处，切回去之前不会显示。不会做迁移。",
+			poolStorageUnavailableKeyring: "这台主机上没有可用的桌面密钥环，因此号池无法读写。请把「账号存储位置」改成 DSH 凭据库。",
+			poolStorageUnavailableCredentials: "这个 harness 没有凭据库（ctx.credentials），因此号池无法读写。请把「账号存储位置」改成桌面密钥环。",
+			poolStorageUnavailableStore: "号池存储这次没有应答，所以这里没有列出账号——账号并没有被删除，存储恢复后重新打开本页即可。",
+			enhancements: "增强功能",
+			fastMode: "快速模式（1.5x 速度）",
+			fastModeHint: "提升 Token 生成速度至约 1.5 倍；将以约 2x–2.5x 速度消耗 Codex 订阅额度。",
+			outputVerbosity: "输出详细程度",
+			outputVerbosityHint: "控制 Codex 最终回答的详细程度；不影响思考深度。默认值与官方 Codex 客户端一致（低）。",
+			verbosityLow: "低（保持回答简洁）",
+			verbosityMedium: "中（兼顾细节与简洁）",
+			verbosityHigh: "高（在回答中包含更多细节）",
+			reasoningSummary: "推理摘要",
+			reasoningSummaryHint: "选择 ChatGPT 总结其推理的方式；不影响思考深度。默认值与官方 Codex 客户端一致（不生成摘要，可省额度）。",
+			summaryAuto: "自动（让模型选择摘要详细程度）",
+			summaryConcise: "简洁（显示简要推理摘要）",
+			summaryDetailed: "详细（显示更详细的推理摘要）",
+			summaryNone: "无（不显示推理摘要）",
+			searchProvider: "搜索来源",
+			searchProviderHint: "选择 DSH 联网搜索使用默认来源，或改用当前 ChatGPT 订阅的 Codex 来源（自动走代理隧道）。抓取模式为 auto 时，抓取来源跟随此选择。",
+			searchProviderDsh: "DSH 默认",
+			searchProviderCodex: "ChatGPT（代理隧道）",
+			fetchStatus: "抓取来源（只读）",
+			fetchStatusHint: "以下内容由 Host 上报，只读展示。",
+			fetchConfiguredProvider: "配置的抓取 Provider",
+			fetchProviderDshDefault: "DSH 默认（Host 未固定抓取 provider）",
+			switcherState: "抓取选择器状态",
+			switcherStateIdle: "空闲（尚未应用选择）",
+			switcherStateApplying: "应用中（正在切换 Host 的 web provider）",
+			switcherStateApplied: "已应用",
+			switcherStateMissing: "未找到可切换的 web 服务",
+			switcherStateFailed: "切换失败，请检查 Host 日志",
+			fetchMode: "抓取模式",
+			fetchModeAuto: "auto（有可用代理或选了 ChatGPT 搜索时用插件抓取）",
+			fetchModePlugin: "plugin（始终用本插件抓取）",
+			fetchModeDsh: "dsh（保留 DSH 原有抓取来源）",
+			fetchMaxBodyChars: "插件正文上限",
+			fetchMaxResponseBytes: "插件响应体上限",
+			characters: "字符",
+			bytes: "字节",
+			fetchLimitsInactive: "仅在实际使用插件抓取时生效；走 DSH 原有抓取来源时不适用这两个上限。",
+			fetchConfigSource: "模式与上限在插件 Config 中修改（不是本页面偏好），修改后重载插件或重启 DSH 生效。",
+			providerDefault: "使用 Provider 默认值",
+			contextWindows: "模型上下文窗口",
+			contextWindowsHint: "只列出已勾选「可用模型」的条目。默认取模型目录值（GPT-6 系列 384K，最高 872K；其余最高 1M），该值用于 DSH 的压缩与溢出判断，可输入 872K、512K 等容量；改过的模型可单独或一键恢复默认。",
+			contextWindow: "上下文窗口",
+			contextWindowInvalid: "上下文窗口必须是正整数，且不能超过模型上限（GPT-6 系列为 872K，其余为 1M）；可使用 K 或 M 后缀。",
+			contextWindowReset: "恢复默认",
+			contextWindowResetAll: "全部恢复默认",
+			contextWindowResetAllConfirm: "确定把已改过的模型上下文窗口全部恢复为默认值吗？",
+			contextWindowsNoneEnabled: "还没有勾选任何模型。在上方「可用模型」里勾选后，这里会出现该模型的上下文窗口设置。",
+			saveContextWindow: "保存上下文窗口",
+			save: "保存",
+			tokens: "tokens",
+			quickQuota: "在输入框旁显示快捷用量",
+			quickQuotaHint: "仅在当前会话选中 codex-chatgpt 模型时显示。",
+			quota: "用量与限额",
+			quotaIntro: "数据来自 ChatGPT Codex 用量服务。页面可见时最多每 60 秒刷新一次。",
+			refreshQuota: "刷新用量",
+			refreshing: "刷新中…",
+			noQuota: "当前套餐未返回可显示的限额窗口。",
+			quotaSignedOut: "登录后可查看订阅限额。",
+			stale: "显示的是上次成功获取的数据。",
+			updated: "更新时间",
+			primary: "主要窗口",
+			secondary: "次要窗口",
+			limitWindow: "额度",
+			used: "已使用",
+			remaining: "剩余",
+			available: "可用",
+			unavailable: "不可用",
+			unlimited: "无限",
+			credits: "Credits",
+			monthlySpend: "月度消费控制",
+			resetCredits: "重置次数",
+			resetCreditExpires: "到期时间",
+			useResetCredit: "使用重置卡",
+			usingResetCredit: "使用中…",
+			useResetCreditConfirm: "使用后会立即消耗 1 次重置机会，并重置符合条件的 Codex 额度窗口。确定继续吗？",
+			resetCreditUsed: "重置卡已使用，用量数据已刷新。",
+			spendControlReached: "已触发月度消费控制，新的订阅调用可能被限制。",
+			limit: "上限",
+			exhausted: "额度已用尽",
+			resets: "重置",
+			quickQuotaLabel: "Codex 剩余",
+			quickQuotaLoading: "用量…",
+			imageToolRunning: "正在生成图片",
+			imageToolDone: "已生成图片",
+			imageToolFailed: "图片生成失败",
+			image: "图片",
+			openImage: "打开图片",
+			openNamedImage: "打开 {name}",
+			imageLoading: "加载图片…",
+			imageLoadFailed: "图片加载失败，点击重试",
+			imagePreviewClose: "关闭",
+			imagePreviewOpenOriginal: "打开原图",
+			retry: "重试",
+			unknown: "未知",
+			hubBack: "订阅服务",
+			hubOverviewHint: "选择供应商以管理账号、模型与配额；右侧开关控制该供应商是否出现在模型列表中。",
+			hubAccountCount: "{count} 个账号",
+			hubNoAccounts: "暂无账号，点击进入添加",
+			hubStateEnabled: "已启用",
+			hubStateDisabled: "已停用",
+			hubModelsEnabled: "{count} 个模型可用",
+			hubModelsEnabledOfTotal: "{count}/{total} 个模型可用",
+			hubStatusFailed: "状态读取失败",
+			hubSwitchOn: "启用 {name}",
+			hubSwitchOff: "停用 {name}",
+			hubCardLabel: "{name}，{annotation}",
+			hubUpdateCheck: "检测更新",
+			hubUpdateChecking: "检测中…",
+			hubUpdateApply: "更新到 v{version}",
+			hubUpdateApplying: "更新中…",
+			hubUpdateUpToDate: "已是最新版本 {version}",
+			hubUpdateLatestWithUnknownCurrent: "最新版本 {version}，当前版本未知",
+			hubUpdateAvailable: "有新版本 {version}，当前 {current}",
+			hubUpdateInstalled: "已安装 v{version}，重启宿主后生效",
+			hubUpdateInstalledReplaced: "已移除旧版并安装 v{version}，重启宿主后生效",
+			hubUpdateInstalledLive: "已安装 v{version}，当前已生效，无需重启",
+			hubUpdateInstalledReplacedLive: "已移除旧版并安装 v{version}，当前已生效，无需重启",
+			hubUpdateFailedRestored: "更新失败，已恢复 v{version}",
+			hubUpdateFailedRollbackFailed: "更新失败，且旧版本也没能重新装回来——插件可能已不可用",
+			hubUpdateFailedRollbackSkipped: "更新失败，且无法自动恢复原版本——插件可能已被移除",
+			hubUpdateDevelopmentInstall: "有新版本 {version}；当前是本地链接安装，无法自动更新",
+			hubUpdatePluginManagerMissing: "有新版本 {version}；宿主未提供 pluginManager，无法自动更新",
+			hubUpdateManualOnly: "有新版本 {version}；当前安装方式无法自动更新",
+			hubUpdateCheckFailed: "检测失败：无法连接 npm 源，请检查网络或代理",
+			hubUpdateCommandLabel: "手动更新命令",
+			localCodexLoginImport: "导入本机登录",
+			localCodexLoginImporting: "导入中…",
+			deviceCodeLogin: "设备代码登录",
+			deviceCodeLoginStarting: "获取代码…",
+			deviceCodeLoginDetail: "用设备代码添加账号",
+			deviceCodeHint: "在任意设备上打开下面的链接并输入这个代码，本页会自动完成登录：这条路不需要浏览器回调到本机端口。",
+			deviceCodeLabel: "设备代码",
+			deviceCodeOpen: "打开确认页面",
+			deviceCodeCopy: "复制到剪贴板",
+			deviceCodeWaiting: "等待确认… 剩余 {time}",
+			stopImporting: "停止导入全部本机登录",
+			stopImportingLabel: "停止导入全部本机登录（当前 {count} 个）",
+			stopImportingBusy: "停止导入中…",
+			stopImportingHint: "停止导入只会让本插件忘记本机 CLI 登录的副本；Codex CLI 自己的登录文件不会被删除或修改。账号池不允许逐条删除借来的凭据，所以这里一次会停止全部导入。",
+			"cardName.chatgpt": "ChatGPT",
+			"cardName.antigravity": "Antigravity",
+			"cardName.command-code": "Command Code",
+			"cardName.kimi-code": "Kimi Code",
+			"cardName.minimax-code": "MiniMax Code",
+			"cardName.glm-coding-plan": "GLM（ZCode 账号）",
+			"cardName.claude": "Claude",
+			"cardName.ollama": "Ollama",
+			"cardName.step-code": "Step Code（Step Plan 订阅）",
+			"cardName.cline-pass": "Cline Pass",
+			"cardName.qoder": "Qoder（订阅）",
+			"cardName.opendesign": "OpenDesign",
+			"cardName.workbuddy": "WorkBuddy",
+			modelChecklistCount: "已启用 {count}/{total}",
+			codeRunTitle: "代码",
+			codeRunOutput: "输出",
+			codeRunCopy: "复制",
+			codeRunCopied: "已复制",
+			codeRunWrap: "自动换行",
+			codeRunUnwrap: "取消自动换行",
+			codeRunInspect: "查看轨迹",
+			codeRunPreparing: "准备中",
+			codeRunRunning: "运行中",
+			codeRunFailed: "失败",
+			codeRunStopped: "已停止"
+		};
 		const dictionaries$2 = {
-			zh: {
-				...accountPoolZh,
-				title: "ChatGPT",
-				hubTitle: "订阅服务",
-				intro: "使用 ChatGPT 账号登录，在 DSH 中使用订阅可用的模型。",
-				account: "账号",
-				signedOut: "尚未登录",
-				signedIn: "已登录",
-				plan: "套餐",
-				accountId: "账号 ID",
-				expires: "令牌到期",
-				signIn: "使用 ChatGPT 登录",
-				signInAgain: "重新登录",
-				cancel: "取消登录",
-				signOut: "注销",
-				refreshToken: "刷新凭据",
-				pending: "请在浏览器中完成登录。",
-				popupBlocked: "浏览器拦截了登录窗口，请使用下面的链接继续。",
-				continueLogin: "打开 ChatGPT 登录页",
-				loading: "正在读取状态…",
-				connection: "连接",
-				testConnection: "测试连接",
-				testing: "测试中…",
-				latency: "最近延迟",
-				selectAll: "全选",
-				unselectAll: "全不选",
-				models: "可用模型",
-				modelsHint: "勾选后模型才会显示在对话页的模型选择列表中；全部取消勾选或关闭上方开关可在列表中隐藏该供应商。",
-				proxySettings: "网络代理",
-				proxyMode: "代理模式",
-				proxyModeHint: "本插件的全部供应线路共用这一份代理设置，登录、令牌续期、模型目录与配额读取同样经过它；支持自动读取系统代理，修改后对后续请求生效。",
-				proxyModeAuto: "系统代理（自动检测）",
-				proxyModeCustom: "自定义代理",
-				proxyModeDirect: "直连（禁用代理）",
-				customProxyUrl: "自定义代理地址",
-				customProxyUrlHint: "支持 HTTP/HTTPS/SOCKS5 代理地址，例如 http://127.0.0.1:7890",
-				customProxyUrlPlaceholder: "例如: http://127.0.0.1:7890",
-				saveProxyUrl: "保存代理地址",
-				proxyDetected: "检测到系统代理",
-				proxyDetectedEffective: "（已自动生效）",
-				proxyNoneDetected: "未检测到系统代理，将使用直连",
-				proxyDirectHint: "本插件的全部请求将直接连接，不经过任何代理服务器。",
-				poolStorageTitle: "账号存储位置",
-				poolStorageKeyring: "桌面密钥环",
-				poolStorageCredentials: "DSH 凭据库",
-				poolStorageKeyringHint: "仅限桌面安装：使用操作系统密钥环（DPAPI / 钥匙串 / Secret Service）。在服务器或无桌面的 Linux 主机上密钥环通常不可用，登录会失败——请改选 DSH 凭据库。",
-				poolStorageCredentialsHint: "DSH 的标准密钥存储（$DSH_HOME/.credentials.yaml）。POSIX 上强制 0600、创建者独占；Windows 上只有 profile ACL，没有权限位可强制。服务器以及任何没有桌面密钥环的主机都用它。静态不加密，靠宿主权限保护。",
-				poolStorageEffective: "当前实际使用：{storage}",
-				poolStorageBackendKeyring: "桌面密钥环（Secret Service），静态加密",
-				poolStorageBackendDpapi: "Windows DPAPI，静态加密",
-				poolStorageBackendKeychain: "macOS 钥匙串，静态加密",
-				poolStorageBackendCredentials: "DSH 凭据库（.credentials.yaml），由文件权限保护",
-				poolStorageSwitchWarning: "已保存在另一个存储里的账号会留在原处，切回去之前不会显示。不会做迁移。",
-				poolStorageUnavailableKeyring: "这台主机上没有可用的桌面密钥环，因此号池无法读写。请把「账号存储位置」改成 DSH 凭据库。",
-				poolStorageUnavailableCredentials: "这个 harness 没有凭据库（ctx.credentials），因此号池无法读写。请把「账号存储位置」改成桌面密钥环。",
-				poolStorageUnavailableStore: "号池存储这次没有应答，所以这里没有列出账号——账号并没有被删除，存储恢复后重新打开本页即可。",
-				enhancements: "增强功能",
-				fastMode: "快速模式（1.5x 速度）",
-				fastModeHint: "提升 Token 生成速度至约 1.5 倍；将以约 2x–2.5x 速度消耗 Codex 订阅额度。",
-				outputVerbosity: "输出详细程度",
-				outputVerbosityHint: "控制 Codex 最终回答的详细程度；不影响思考深度。默认值与官方 Codex 客户端一致（低）。",
-				verbosityLow: "低（保持回答简洁）",
-				verbosityMedium: "中（兼顾细节与简洁）",
-				verbosityHigh: "高（在回答中包含更多细节）",
-				reasoningSummary: "推理摘要",
-				reasoningSummaryHint: "选择 ChatGPT 总结其推理的方式；不影响思考深度。默认值与官方 Codex 客户端一致（不生成摘要，可省额度）。",
-				summaryAuto: "自动（让模型选择摘要详细程度）",
-				summaryConcise: "简洁（显示简要推理摘要）",
-				summaryDetailed: "详细（显示更详细的推理摘要）",
-				summaryNone: "无（不显示推理摘要）",
-				searchProvider: "搜索来源",
-				searchProviderHint: "选择 DSH 联网搜索使用默认来源，或改用当前 ChatGPT 订阅的 Codex 来源（自动走代理隧道）。抓取模式为 auto 时，抓取来源跟随此选择。",
-				searchProviderDsh: "DSH 默认",
-				searchProviderCodex: "ChatGPT（代理隧道）",
-				fetchStatus: "抓取来源（只读）",
-				fetchStatusHint: "以下内容由 Host 上报，只读展示。",
-				fetchConfiguredProvider: "配置的抓取 Provider",
-				fetchProviderDshDefault: "DSH 默认（Host 未固定抓取 provider）",
-				switcherState: "抓取选择器状态",
-				switcherStateIdle: "空闲（尚未应用选择）",
-				switcherStateApplying: "应用中（正在切换 Host 的 web provider）",
-				switcherStateApplied: "已应用",
-				switcherStateMissing: "未找到可切换的 web 服务",
-				switcherStateFailed: "切换失败，请检查 Host 日志",
-				fetchMode: "抓取模式",
-				fetchModeAuto: "auto（有可用代理或选了 ChatGPT 搜索时用插件抓取）",
-				fetchModePlugin: "plugin（始终用本插件抓取）",
-				fetchModeDsh: "dsh（保留 DSH 原有抓取来源）",
-				fetchMaxBodyChars: "插件正文上限",
-				fetchMaxResponseBytes: "插件响应体上限",
-				characters: "字符",
-				bytes: "字节",
-				fetchLimitsInactive: "仅在实际使用插件抓取时生效；走 DSH 原有抓取来源时不适用这两个上限。",
-				fetchConfigSource: "模式与上限在插件 Config 中修改（不是本页面偏好），修改后重载插件或重启 DSH 生效。",
-				providerDefault: "使用 Provider 默认值",
-				contextWindows: "模型上下文窗口",
-				contextWindowsHint: "只列出已勾选「可用模型」的条目。默认取模型目录值（GPT-6 系列 384K，最高 872K；其余最高 1M），该值用于 DSH 的压缩与溢出判断，可输入 872K、512K 等容量；改过的模型可单独或一键恢复默认。",
-				contextWindow: "上下文窗口",
-				contextWindowInvalid: "上下文窗口必须是正整数，且不能超过模型上限（GPT-6 系列为 872K，其余为 1M）；可使用 K 或 M 后缀。",
-				contextWindowReset: "恢复默认",
-				contextWindowResetAll: "全部恢复默认",
-				contextWindowResetAllConfirm: "确定把已改过的模型上下文窗口全部恢复为默认值吗？",
-				contextWindowsNoneEnabled: "还没有勾选任何模型。在上方「可用模型」里勾选后，这里会出现该模型的上下文窗口设置。",
-				saveContextWindow: "保存上下文窗口",
-				save: "保存",
-				tokens: "tokens",
-				quickQuota: "在输入框旁显示快捷用量",
-				quickQuotaHint: "仅在当前会话选中 codex-chatgpt 模型时显示。",
-				quota: "用量与限额",
-				quotaIntro: "数据来自 ChatGPT Codex 用量服务。页面可见时最多每 60 秒刷新一次。",
-				refreshQuota: "刷新用量",
-				refreshing: "刷新中…",
-				noQuota: "当前套餐未返回可显示的限额窗口。",
-				quotaSignedOut: "登录后可查看订阅限额。",
-				stale: "显示的是上次成功获取的数据。",
-				updated: "更新时间",
-				primary: "主要窗口",
-				secondary: "次要窗口",
-				limitWindow: "额度",
-				used: "已使用",
-				remaining: "剩余",
-				available: "可用",
-				unavailable: "不可用",
-				unlimited: "无限",
-				credits: "Credits",
-				monthlySpend: "月度消费控制",
-				resetCredits: "重置次数",
-				resetCreditExpires: "到期时间",
-				useResetCredit: "使用重置卡",
-				usingResetCredit: "使用中…",
-				useResetCreditConfirm: "使用后会立即消耗 1 次重置机会，并重置符合条件的 Codex 额度窗口。确定继续吗？",
-				resetCreditUsed: "重置卡已使用，用量数据已刷新。",
-				spendControlReached: "已触发月度消费控制，新的订阅调用可能被限制。",
-				limit: "上限",
-				exhausted: "额度已用尽",
-				resets: "重置",
-				quickQuotaLabel: "Codex 剩余",
-				quickQuotaLoading: "用量…",
-				imageToolRunning: "正在生成图片",
-				imageToolDone: "已生成图片",
-				imageToolFailed: "图片生成失败",
-				image: "图片",
-				openImage: "打开图片",
-				openNamedImage: "打开 {name}",
-				imageLoading: "加载图片…",
-				imageLoadFailed: "图片加载失败，点击重试",
-				imagePreviewClose: "关闭",
-				imagePreviewOpenOriginal: "打开原图",
-				retry: "重试",
-				unknown: "未知",
-				hubBack: "订阅服务",
-				hubOverviewHint: "选择供应商以管理账号、模型与配额；右侧开关控制该供应商是否出现在模型列表中。",
-				hubAccountCount: "{count} 个账号",
-				hubNoAccounts: "暂无账号，点击进入添加",
-				hubStateEnabled: "已启用",
-				hubStateDisabled: "已停用",
-				hubModelsEnabled: "{count} 个模型可用",
-				hubModelsEnabledOfTotal: "{count}/{total} 个模型可用",
-				hubStatusFailed: "状态读取失败",
-				hubSwitchOn: "启用 {name}",
-				hubSwitchOff: "停用 {name}",
-				hubCardLabel: "{name}，{annotation}",
-				hubUpdateCheck: "检测更新",
-				hubUpdateChecking: "检测中…",
-				hubUpdateApply: "更新到 v{version}",
-				hubUpdateApplying: "更新中…",
-				hubUpdateUpToDate: "已是最新版本 {version}",
-				hubUpdateLatestWithUnknownCurrent: "最新版本 {version}，当前版本未知",
-				hubUpdateAvailable: "有新版本 {version}，当前 {current}",
-				hubUpdateInstalled: "已安装 v{version}，重启宿主后生效",
-				hubUpdateInstalledReplaced: "已移除旧版并安装 v{version}，重启宿主后生效",
-				hubUpdateInstalledLive: "已安装 v{version}，当前已生效，无需重启",
-				hubUpdateInstalledReplacedLive: "已移除旧版并安装 v{version}，当前已生效，无需重启",
-				hubUpdateFailedRestored: "更新失败，已恢复 v{version}",
-				hubUpdateFailedRollbackFailed: "更新失败，且旧版本也没能重新装回来——插件可能已不可用",
-				hubUpdateFailedRollbackSkipped: "更新失败，且无法自动恢复原版本——插件可能已被移除",
-				hubUpdateDevelopmentInstall: "有新版本 {version}；当前是本地链接安装，无法自动更新",
-				hubUpdatePluginManagerMissing: "有新版本 {version}；宿主未提供 pluginManager，无法自动更新",
-				hubUpdateManualOnly: "有新版本 {version}；当前安装方式无法自动更新",
-				hubUpdateCheckFailed: "检测失败：无法连接 npm 源，请检查网络或代理",
-				hubUpdateCommandLabel: "手动更新命令",
-				localCodexLoginImport: "导入本机登录",
-				localCodexLoginImporting: "导入中…",
-				deviceCodeLogin: "设备代码登录",
-				deviceCodeLoginStarting: "获取代码…",
-				deviceCodeLoginDetail: "用设备代码添加账号",
-				deviceCodeHint: "在任意设备上打开下面的链接并输入这个代码，本页会自动完成登录：这条路不需要浏览器回调到本机端口。",
-				deviceCodeLabel: "设备代码",
-				deviceCodeOpen: "打开确认页面",
-				deviceCodeCopy: "复制到剪贴板",
-				deviceCodeWaiting: "等待确认… 剩余 {time}",
-				stopImporting: "停止导入全部本机登录",
-				stopImportingLabel: "停止导入全部本机登录（当前 {count} 个）",
-				stopImportingBusy: "停止导入中…",
-				stopImportingHint: "停止导入只会让本插件忘记本机 CLI 登录的副本；Codex CLI 自己的登录文件不会被删除或修改。账号池不允许逐条删除借来的凭据，所以这里一次会停止全部导入。",
-				"cardName.chatgpt": "ChatGPT",
-				"cardName.antigravity": "Antigravity",
-				"cardName.command-code": "Command Code",
-				"cardName.kimi-code": "Kimi Code",
-				"cardName.minimax-code": "MiniMax Code",
-				"cardName.glm-coding-plan": "GLM（ZCode 账号）",
-				"cardName.claude": "Claude",
-				"cardName.ollama": "Ollama",
-				"cardName.step-code": "Step Code（Step Plan 订阅）",
-				"cardName.cline-pass": "Cline Pass",
-				"cardName.qoder": "Qoder（订阅）",
-				"cardName.opendesign": "OpenDesign",
-				"cardName.workbuddy": "WorkBuddy",
-				modelChecklistCount: "已启用 {count}/{total}"
-			},
+			zh: zh$2,
 			en: {
 				...accountPoolEn,
 				title: "ChatGPT",
@@ -21359,7 +21454,18 @@ window.__ModuleLoader__.load({
 				"cardName.qoder": "Qoder Subscription",
 				"cardName.opendesign": "OpenDesign",
 				"cardName.workbuddy": "WorkBuddy",
-				modelChecklistCount: "{count}/{total} enabled"
+				modelChecklistCount: "{count}/{total} enabled",
+				codeRunTitle: "Code",
+				codeRunOutput: "Output",
+				codeRunCopy: "Copy",
+				codeRunCopied: "Copied",
+				codeRunWrap: "Wrap lines",
+				codeRunUnwrap: "Do not wrap lines",
+				codeRunInspect: "Inspect",
+				codeRunPreparing: "Preparing",
+				codeRunRunning: "Running",
+				codeRunFailed: "Failed",
+				codeRunStopped: "Stopped"
 			}
 		};
 		//#endregion
@@ -22360,7 +22466,18 @@ window.__ModuleLoader__.load({
 			"cardName.qoder": "Qoder (подписка)",
 			"cardName.opendesign": "OpenDesign",
 			"cardName.workbuddy": "WorkBuddy",
-			modelChecklistCount: "Включено {count}/{total}"
+			modelChecklistCount: "Включено {count}/{total}",
+			codeRunTitle: "Код",
+			codeRunOutput: "Вывод",
+			codeRunCopy: "Копировать",
+			codeRunCopied: "Скопировано",
+			codeRunWrap: "Переносить строки",
+			codeRunUnwrap: "Не переносить строки",
+			codeRunInspect: "Инспектор",
+			codeRunPreparing: "Подготовка",
+			codeRunRunning: "Выполняется",
+			codeRunFailed: "Ошибка",
+			codeRunStopped: "Остановлено"
 		};
 		//#endregion
 		//#region src/client/locales-ru/kimi-code.ts
@@ -23564,18 +23681,32 @@ window.__ModuleLoader__.load({
 .dsh-codex-composer-quota[data-level=warning] strong{color:var(--dsw-alias-label-warning,#d58a24)}
 .dsh-codex-composer-quota[data-level=danger] strong{color:var(--dsw-alias-label-danger,#d94b4b)}
 .dsh-codex-image-tool{border:0.5px solid var(--dsw-alias-border-l2);border-radius:8px;display:flex;flex-direction:column;gap:8px;margin:4px 0 4px 4px;max-width:520px;padding:10px 12px}
-.dsh-codex-image-tool-head{align-items:center;display:flex;font-size:13px;gap:8px;min-width:0}
+/* One line, always. In a 320px column the label used to be squeezed until it
+   stacked one character per row, which reads as broken text rather than a card.
+   The dot and the label therefore keep their own size (flex:none + nowrap) and
+   the summary is the only thing that gives way — it shrinks to zero width and
+   ellipsizes, with the full prompt left in its title attribute. */
+.dsh-codex-image-tool-head{align-items:center;display:flex;flex-wrap:nowrap;font-size:13px;gap:8px;min-width:0}
 .dsh-codex-image-dot{background:var(--dsw-alias-button-info-fill,#397ee8);border-radius:50%;corner-shape:round;display:inline-block;flex:none;height:8px;width:8px}
 .dsh-codex-image-tool[data-state=error] .dsh-codex-image-dot{background:var(--dsw-alias-label-danger,#d94b4b)}
-.dsh-codex-image-title{font-weight:600}
-.dsh-codex-image-summary{color:var(--dsw-alias-label-tertiary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dsh-codex-image-title{flex:none;font-weight:600;white-space:nowrap}
+.dsh-codex-image-summary{color:var(--dsw-alias-label-tertiary);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .dsh-codex-image-grid{display:flex;flex-wrap:wrap;gap:8px}
+/* The tray the image will land in, drawn while the call is still running so the
+   card does not jump from one text row to a full picture when the result
+   arrives. Neither dimension is set here: the view fixes the short side (height
+   for a portrait frame, width for a landscape one) and the inline aspect-ratio
+   derives the other, which is what keeps the 4:1 and 8:1 strips from being
+   clamped into squarer boxes. max-width is the card's edge. The breathe is the
+   same restrained opacity pulse the settings skeleton uses, and the
+   reduced-motion block below turns it off. */
+.dsh-codex-image-placeholder{animation:dsh-codex-pulse 2s ease-in-out infinite;background:var(--dsw-alias-bg-layer-2);border:0.5px dashed var(--dsw-alias-border-l2);border-radius:8px;display:block;flex:none;max-width:100%}
 .dsh-codex-image-preview{background:var(--dsw-alias-bg-layer-2);border:0.5px solid var(--dsw-alias-border-l2);border-radius:8px;display:block;max-height:260px;max-width:min(100%,360px);object-fit:contain}
 .dsh-codex-image-loading,.dsh-codex-image-failed{border:0.5px dashed var(--dsw-alias-border-l2);border-radius:8px;color:var(--dsw-alias-label-tertiary);display:inline-flex;font-size:12px;line-height:1.4;padding:18px 20px}
 .dsh-codex-image-failed{color:var(--dsw-alias-label-danger,#d94b4b)}
 @keyframes dsh-codex-pulse{0%,100%{opacity:.45}50%{opacity:.85}}
 @media(max-width:560px){.dsh-codex-row,.dsh-codex-pref-row,.dsh-codex-quota-fact,.dsh-codex-reset-credits{align-items:flex-start;flex-direction:column;gap:3px}.dsh-codex-value,.dsh-codex-quota-fact strong{text-align:left}.dsh-codex-actions{justify-content:flex-start}.dsh-codex-grouphead{align-items:flex-start;flex-direction:column;gap:0;padding:12px 0}.dsh-codex-meter-meta{align-items:flex-start;flex-direction:column;gap:2px}.dsh-codex-errorbar{align-items:flex-start;flex-direction:column}.dsh-codex-segments{width:100%}.dsh-codex-select{max-width:none;width:100%}.dsh-codex-context-row{align-items:flex-start;flex-direction:column;gap:5px}.dsh-codex-segments label{flex:1}.dsh-codex-segments span{text-align:center}.dsh-codex-image-tool{max-width:100%;margin-left:0}}
-@media(prefers-reduced-motion:reduce){.dsh-codex-meter>span{transition:none}.dsh-codex-skeleton span{animation:none}}
+@media(prefers-reduced-motion:reduce){.dsh-codex-meter>span{transition:none}.dsh-codex-skeleton span{animation:none}.dsh-codex-image-placeholder{animation:none}}
 `;
 		/**
 		* Install the ChatGPT tab's stylesheet as a document-owned, never-removed
@@ -27418,7 +27549,7 @@ window.__ModuleLoader__.load({
 			}
 		}
 		/** 兜底翻译：只在没有 locale 服务时用到（测试、以及菜单渲染早于字典注册）。 */
-		function fallbackTranslate$1(key, params) {
+		function fallbackTranslate$2(key, params) {
 			const template = zh$11[key] ?? key;
 			if (params === void 0) return template;
 			return template.replace(/\{(\w+)\}/g, (_match, name) => String(params[name] ?? ""));
@@ -27434,7 +27565,7 @@ window.__ModuleLoader__.load({
 		* @returns 一份可直接交给 `commandUi.register` 的贡献。
 		*/
 		function createVideoCommand(ctx, options) {
-			const t = options.translate ?? fallbackTranslate$1;
+			const t = options.translate ?? fallbackTranslate$2;
 			const defaultsOf = options.defaults ?? (() => normalizeVideoDefaults({}));
 			return {
 				name: VIDEO_COMMAND_NAME,
@@ -27594,7 +27725,7 @@ window.__ModuleLoader__.load({
 					defaults: request?.defaults ?? normalizeVideoDefaults({}),
 					seedPrompt: request?.seedPrompt ?? "",
 					listWorkspace,
-					t: fallbackTranslate$1
+					t: fallbackTranslate$2
 				});
 			};
 		}
@@ -27639,7 +27770,7 @@ window.__ModuleLoader__.load({
 					return commandUi.register(createVideoCommand(ctx, {
 						openForm: openVideoForm,
 						defaults: () => readVideoDefaults(),
-						translate: fallbackTranslate$1
+						translate: fallbackTranslate$2
 					}));
 				} catch {
 					return () => {};
@@ -54629,7 +54760,7 @@ window.__ModuleLoader__.load({
 		* @param params - `{name}` 模板参数。
 		* @returns 该键的文案；缺键时回退为键本身。
 		*/
-		function fallbackTranslate(key, params) {
+		function fallbackTranslate$1(key, params) {
 			return interpolate(zh$1[key] ?? key, params);
 		}
 		/**
@@ -54929,7 +55060,7 @@ window.__ModuleLoader__.load({
 		* @returns 面板标题文本。
 		*/
 		function ProgressUpdatesTabTitle({ t }) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: t === void 0 ? fallbackTranslate("progressTitle") : t("progressTitle") });
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: t === void 0 ? fallbackTranslate$1("progressTitle") : t("progressTitle") });
 		}
 		//#endregion
 		//#region src/client/progress-updates/progress-row.tsx
@@ -54970,22 +55101,36 @@ window.__ModuleLoader__.load({
 			done: "rowDone",
 			error: "rowError"
 		};
-		/** 行的外框样式。 */
+		/**
+		* 行的外框样式。
+		*
+		* 字号与官方工具行标题对齐（13px）：同一条时间线上混着 12px 的进展行与 13px 的
+		* 工具行，读者看到的是两套字号。
+		*/
 		const rowStyle = {
 			display: "flex",
 			flexDirection: "column",
 			gap: "6px",
 			width: "100%",
-			fontSize: "12px",
+			fontSize: "13px",
 			color: "var(--dsw-alias-label-primary, #1f2329)"
 		};
-		/** 标题行按钮样式（整行可点，去掉原生按钮外观）。 */
+		/**
+		* 标题行按钮样式（整行可点，去掉原生按钮外观）。
+		*
+		* `minHeight: 36px` 与 `padding: 6px 0` 抄的是官方工具行那层 `_row_` 的实测取值
+		* （`height:36px; min-height:36px; padding:6px 0`）。少了这两个值，进展行只有
+		* 18px 左右，夹在一排 36px 的工具行里会明显更矮、更挤——用户报的就是这个。
+		* 用 minHeight 而不是 height：正文换行、标题很长时允许它撑高，官方那种固定高度
+		* 在文字折行时会把内容裁掉。
+		*/
 		const headerStyle = {
 			display: "flex",
-			alignItems: "baseline",
+			alignItems: "center",
 			gap: "8px",
 			width: "100%",
-			padding: "0",
+			minHeight: "36px",
+			padding: "6px 0",
 			border: "0",
 			background: "transparent",
 			color: "inherit",
@@ -54997,9 +55142,9 @@ window.__ModuleLoader__.load({
 		const titleStyle = {
 			flex: "1 1 auto",
 			minWidth: "0",
-			fontSize: "12px",
+			fontSize: "13px",
 			fontWeight: 500,
-			lineHeight: "1.5",
+			lineHeight: "16px",
 			overflowWrap: "anywhere"
 		};
 		/** 状态词的小字样式。 */
@@ -55012,6 +55157,8 @@ window.__ModuleLoader__.load({
 		/**
 		* 正文样式：只管外边距、字号与颜色。
 		*
+		* 字号与标题一致（13px）—— 早先正文比标题小一号，展开后两节字不同大，读起来碎。
+		*
 		* **不再**在这里写 `whiteSpace: 'pre-wrap'`：正文交给 {@link MarkdownLite} 渲染，
 		* 换行该不该保留由它产出的块级元素决定。早先这里是纯文本 `<p>{message}</p>`，
 		* 于是列表符号、`**粗体**` 和管道符表格全部原样上屏 —— 同一份进展在侧栏面板里
@@ -55020,8 +55167,8 @@ window.__ModuleLoader__.load({
 		const messageStyle = {
 			overflowWrap: "anywhere",
 			margin: "0",
-			fontSize: "12px",
-			lineHeight: "1.55",
+			fontSize: "13px",
+			lineHeight: "1.6",
 			color: "var(--dsw-alias-label-secondary, #5b6270)"
 		};
 		/**
@@ -55073,7 +55220,7 @@ window.__ModuleLoader__.load({
 		* @returns 一行进展；标题行常显，正文按交互展开。
 		*/
 		function ProgressRow({ block, t }) {
-			const translate = (key) => t === void 0 ? fallbackTranslate(key) : t(key);
+			const translate = (key) => t === void 0 ? fallbackTranslate$1(key) : t(key);
 			const state = isSettled(block) ? block.isError === true ? "error" : "done" : "running";
 			const { title, message } = progressOfBlock(block);
 			const heading = title ?? message.split("\n").find((line) => line.trim() !== "") ?? translate("rowPending");
@@ -55400,7 +55547,7 @@ window.__ModuleLoader__.load({
 		*/
 		function ProgressUpdatesSettingsSection(props) {
 			const { openPanel, close, settings, t } = props;
-			const translate = (key) => t === void 0 ? fallbackTranslate(key) : t(key);
+			const translate = (key) => t === void 0 ? fallbackTranslate$1(key) : t(key);
 			const snapshot = (0, react.useSyncExternalStore)(settings?.subscribe ?? NO_SETTINGS_SUBSCRIBE, settings?.getSnapshot ?? NO_SETTINGS_READ, settings?.getSnapshot ?? NO_SETTINGS_READ);
 			/** 写入被拒/失败时落在哪一行、说什么。 */
 			const [failure, setFailure] = (0, react.useState)(void 0);
@@ -59025,6 +59172,1312 @@ window.__ModuleLoader__.load({
 			return installPluginStyle(STYLE_NAME, SUBAGENT_CSS);
 		}
 		//#endregion
+		//#region src/client/codemode/highlight.ts
+		/** 宿主 `ui-theme/src/styles/shiki.css` 定义的标准变量表（带合理回退色以兼容测试环境）。 */
+		const SHIKI_TOKEN_COLORS = {
+			plain: void 0,
+			keyword: "var(--shiki-token-keyword, #d6336c)",
+			string: "var(--shiki-token-string, #2f9e44)",
+			"string-expression": "var(--shiki-token-string-expression, #2b8a3e)",
+			comment: "var(--shiki-token-comment, #868e96)",
+			constant: "var(--shiki-token-constant, #1c7ed6)",
+			function: "var(--shiki-token-function, #6741d9)",
+			parameter: "var(--shiki-token-parameter, #e8590c)",
+			punctuation: "var(--shiki-token-punctuation, #495057)"
+		};
+		/** 单字符数超长保护上限（与宿主 `TOKENIZE_MAX_LINE_LENGTH` 对齐，防止超长单行卡顿）。 */
+		const MAX_HIGHLIGHT_CHARS = 1e5;
+		const TS_KEYWORDS = /* @__PURE__ */ new Set([
+			"as",
+			"async",
+			"await",
+			"break",
+			"case",
+			"catch",
+			"class",
+			"const",
+			"continue",
+			"debugger",
+			"declare",
+			"default",
+			"delete",
+			"do",
+			"else",
+			"enum",
+			"export",
+			"extends",
+			"finally",
+			"for",
+			"from",
+			"function",
+			"get",
+			"if",
+			"implements",
+			"import",
+			"in",
+			"infer",
+			"instanceof",
+			"interface",
+			"is",
+			"keyof",
+			"let",
+			"module",
+			"namespace",
+			"new",
+			"of",
+			"override",
+			"package",
+			"private",
+			"protected",
+			"public",
+			"readonly",
+			"return",
+			"satisfies",
+			"set",
+			"static",
+			"super",
+			"switch",
+			"throw",
+			"try",
+			"type",
+			"typeof",
+			"using",
+			"var",
+			"void",
+			"while",
+			"with",
+			"yield"
+		]);
+		const TS_CONSTANTS = /* @__PURE__ */ new Set([
+			"true",
+			"false",
+			"null",
+			"undefined",
+			"NaN",
+			"Infinity",
+			"this",
+			"globalThis",
+			"console",
+			"Promise",
+			"Math",
+			"JSON",
+			"Object",
+			"Array",
+			"Map",
+			"Set",
+			"RegExp",
+			"Error",
+			"String",
+			"Number",
+			"Boolean",
+			"Buffer",
+			"process"
+		]);
+		const PY_KEYWORDS = /* @__PURE__ */ new Set([
+			"and",
+			"as",
+			"assert",
+			"async",
+			"await",
+			"break",
+			"class",
+			"continue",
+			"def",
+			"del",
+			"elif",
+			"else",
+			"except",
+			"finally",
+			"for",
+			"from",
+			"global",
+			"if",
+			"import",
+			"in",
+			"is",
+			"lambda",
+			"match",
+			"nonlocal",
+			"not",
+			"or",
+			"pass",
+			"raise",
+			"return",
+			"try",
+			"while",
+			"with",
+			"yield"
+		]);
+		const PY_CONSTANTS = /* @__PURE__ */ new Set([
+			"True",
+			"False",
+			"None",
+			"self",
+			"cls",
+			"Ellipsis",
+			"NotImplemented"
+		]);
+		/** 允许紧跟正则表达式字面量的前置关键字。 */
+		const REGEX_PRECEDING_KEYWORDS = /* @__PURE__ */ new Set([
+			"return",
+			"throw",
+			"case",
+			"in",
+			"of",
+			"typeof",
+			"instanceof",
+			"void",
+			"delete",
+			"new",
+			"yield",
+			"await"
+		]);
+		/** 允许紧跟正则表达式字面量的末尾标点字符。 */
+		const REGEX_PRECEDING_PUNCT = /* @__PURE__ */ new Set([
+			"(",
+			"[",
+			"{",
+			",",
+			";",
+			":",
+			"=",
+			"!",
+			"?",
+			"&",
+			"|",
+			"^",
+			"~",
+			"+",
+			"-",
+			"*",
+			"%",
+			"<",
+			">"
+		]);
+		/**
+		* 将完整源码切分为带颜色类别的跨行数组（每个子数组代表源码的一行）。
+		*/
+		function tokenizeCodeLines(code, language = "typescript") {
+			const normalized = code.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+			const trimmed = normalized.endsWith("\n") ? normalized.slice(0, -1) : normalized;
+			if (trimmed.length === 0) return [[{
+				text: "",
+				kind: "plain"
+			}]];
+			if (trimmed.length > MAX_HIGHLIGHT_CHARS) return trimmed.split("\n").map((line) => [{
+				text: line,
+				kind: "plain"
+			}]);
+			return splitTokensIntoLines(language === "python" ? scanPython(trimmed) : scanTypeScript(trimmed));
+		}
+		function pushToken(out, text, kind) {
+			if (text.length === 0) return;
+			const prev = out[out.length - 1];
+			if (prev !== void 0 && prev.kind === kind) {
+				out[out.length - 1] = {
+					text: prev.text + text,
+					kind
+				};
+				return;
+			}
+			out.push({
+				text,
+				kind
+			});
+		}
+		function splitTokensIntoLines(tokens) {
+			const lines = [[]];
+			for (const token of tokens) {
+				const parts = token.text.split("\n");
+				for (let index = 0; index < parts.length; index += 1) {
+					if (index > 0) lines.push([]);
+					const part = parts[index];
+					if (part.length > 0) lines[lines.length - 1].push({
+						text: part,
+						kind: token.kind
+					});
+				}
+			}
+			return lines;
+		}
+		function isIdentStart(ch) {
+			return ch >= 65 && ch <= 90 || ch >= 97 && ch <= 122 || ch === 95 || ch === 36 || ch > 127;
+		}
+		function isIdentPart(ch) {
+			return isIdentStart(ch) || ch >= 48 && ch <= 57;
+		}
+		function isDigit(ch) {
+			return ch >= 48 && ch <= 57;
+		}
+		function skipWhitespaceLookahead(src, from) {
+			let pos = from;
+			while (pos < src.length) {
+				const ch = src.charCodeAt(pos);
+				if (ch === 32 || ch === 9) pos += 1;
+				else break;
+			}
+			return pos;
+		}
+		function scanNumber(src, start) {
+			let i = start;
+			if (src[i] === "0" && i + 1 < src.length && /[xXbBoO]/.test(src[i + 1])) {
+				i += 2;
+				while (i < src.length && /[0-9a-fA-F_]/.test(src[i])) i += 1;
+				if (src[i] === "n") i += 1;
+				return i;
+			}
+			while (i < src.length && (isDigit(src.charCodeAt(i)) || src[i] === "_")) i += 1;
+			if (src[i] === "." && i + 1 < src.length && isDigit(src.charCodeAt(i + 1))) {
+				i += 1;
+				while (i < src.length && (isDigit(src.charCodeAt(i)) || src[i] === "_")) i += 1;
+			}
+			if (i < src.length && (src[i] === "e" || src[i] === "E")) {
+				let next = i + 1;
+				if (src[next] === "+" || src[next] === "-") next += 1;
+				if (next < src.length && isDigit(src.charCodeAt(next))) {
+					i = next + 1;
+					while (i < src.length && (isDigit(src.charCodeAt(i)) || src[i] === "_")) i += 1;
+				}
+			}
+			if (src[i] === "n") i += 1;
+			return i;
+		}
+		/**
+		* 尝试从 `start`（`src[start] === '/'`）扫描单行正则表达式字面量；不合法时返回 -1。
+		*/
+		function tryScanRegexLiteral(src, start) {
+			let i = start + 1;
+			let inCharClass = false;
+			if (i >= src.length || src[i] === "\n") return -1;
+			while (i < src.length) {
+				const ch = src[i];
+				if (ch === "\n") return -1;
+				if (ch === "\\") {
+					if (i + 1 >= src.length || src[i + 1] === "\n") return -1;
+					i += 2;
+					continue;
+				}
+				if (ch === "[") {
+					inCharClass = true;
+					i += 1;
+					continue;
+				}
+				if (ch === "]") {
+					inCharClass = false;
+					i += 1;
+					continue;
+				}
+				if (ch === "/" && !inCharClass) {
+					i += 1;
+					while (i < src.length && /[dgimsuvy]/.test(src[i])) i += 1;
+					return i;
+				}
+				i += 1;
+			}
+			return -1;
+		}
+		function scanTypeScript(src) {
+			const tokens = [];
+			/** 模板字符串 `${ ... }` 嵌套栈：记录每一层尚未闭合的左花括号深度。 */
+			const templateBraceStack = [];
+			let canStartRegex = true;
+			let i = 0;
+			const scanTemplateBody = (from) => {
+				let pos = from;
+				let segStart = pos;
+				while (pos < src.length) {
+					const ch = src[pos];
+					if (ch === "\\") {
+						pos = Math.min(src.length, pos + 2);
+						continue;
+					}
+					if (ch === "`") {
+						pushToken(tokens, src.slice(segStart, pos + 1), "string");
+						canStartRegex = false;
+						return pos + 1;
+					}
+					if (ch === "$" && src[pos + 1] === "{") {
+						if (pos > segStart) pushToken(tokens, src.slice(segStart, pos), "string");
+						pushToken(tokens, "${", "punctuation");
+						templateBraceStack.push(0);
+						canStartRegex = true;
+						return pos + 2;
+					}
+					pos += 1;
+				}
+				pushToken(tokens, src.slice(segStart), "string");
+				canStartRegex = false;
+				return pos;
+			};
+			while (i < src.length) {
+				const ch = src[i];
+				const code = src.charCodeAt(i);
+				if (ch === " " || ch === "	" || ch === "\n") {
+					let end = i + 1;
+					while (end < src.length && (src[end] === " " || src[end] === "	" || src[end] === "\n")) end += 1;
+					pushToken(tokens, src.slice(i, end), "plain");
+					i = end;
+					continue;
+				}
+				if (ch === "/" && src[i + 1] === "/") {
+					const nl = src.indexOf("\n", i + 2);
+					const end = nl === -1 ? src.length : nl;
+					pushToken(tokens, src.slice(i, end), "comment");
+					i = end;
+					continue;
+				}
+				if (ch === "/" && src[i + 1] === "*") {
+					const close = src.indexOf("*/", i + 2);
+					const end = close === -1 ? src.length : close + 2;
+					pushToken(tokens, src.slice(i, end), "comment");
+					i = end;
+					continue;
+				}
+				if (ch === "/" && canStartRegex) {
+					const regexEnd = tryScanRegexLiteral(src, i);
+					if (regexEnd > i) {
+						pushToken(tokens, src.slice(i, regexEnd), "string-expression");
+						canStartRegex = false;
+						i = regexEnd;
+						continue;
+					}
+				}
+				if (ch === "\"" || ch === "'") {
+					let end = i + 1;
+					while (end < src.length) {
+						const c = src[end];
+						if (c === "\\") {
+							end = Math.min(src.length, end + 2);
+							continue;
+						}
+						end += 1;
+						if (c === ch || c === "\n") break;
+					}
+					pushToken(tokens, src.slice(i, end), "string");
+					canStartRegex = false;
+					i = end;
+					continue;
+				}
+				if (ch === "`") {
+					pushToken(tokens, "`", "string");
+					i = scanTemplateBody(i + 1);
+					continue;
+				}
+				if (ch === "{" && templateBraceStack.length > 0) {
+					templateBraceStack[templateBraceStack.length - 1] += 1;
+					pushToken(tokens, "{", "punctuation");
+					canStartRegex = true;
+					i += 1;
+					continue;
+				}
+				if (ch === "}" && templateBraceStack.length > 0) {
+					const top = templateBraceStack[templateBraceStack.length - 1];
+					if (top === 0) {
+						templateBraceStack.pop();
+						pushToken(tokens, "}", "punctuation");
+						i = scanTemplateBody(i + 1);
+						continue;
+					}
+					templateBraceStack[templateBraceStack.length - 1] = top - 1;
+					pushToken(tokens, "}", "punctuation");
+					canStartRegex = false;
+					i += 1;
+					continue;
+				}
+				if (isDigit(code) || ch === "." && i + 1 < src.length && isDigit(src.charCodeAt(i + 1))) {
+					const end = scanNumber(src, i);
+					pushToken(tokens, src.slice(i, end), "constant");
+					canStartRegex = false;
+					i = end;
+					continue;
+				}
+				if (isIdentStart(code)) {
+					let end = i + 1;
+					while (end < src.length && isIdentPart(src.charCodeAt(end))) end += 1;
+					const word = src.slice(i, end);
+					let prevNonSpace = i - 1;
+					while (prevNonSpace >= 0 && (src[prevNonSpace] === " " || src[prevNonSpace] === "	")) prevNonSpace -= 1;
+					const afterDot = prevNonSpace >= 0 && (src[prevNonSpace] === "." || src[prevNonSpace] === "?");
+					const beforeCall = src[skipWhitespaceLookahead(src, end)] === "(";
+					if (!afterDot && TS_KEYWORDS.has(word)) {
+						pushToken(tokens, word, "keyword");
+						canStartRegex = REGEX_PRECEDING_KEYWORDS.has(word);
+					} else if (!afterDot && TS_CONSTANTS.has(word)) {
+						pushToken(tokens, word, "constant");
+						canStartRegex = false;
+					} else if (beforeCall) {
+						pushToken(tokens, word, "function");
+						canStartRegex = false;
+					} else if (/^[A-Z][A-Z0-9_]{2,}$/.test(word)) {
+						pushToken(tokens, word, "constant");
+						canStartRegex = false;
+					} else {
+						pushToken(tokens, word, "plain");
+						canStartRegex = false;
+					}
+					i = end;
+					continue;
+				}
+				if (ch === "@" && i + 1 < src.length && isIdentStart(src.charCodeAt(i + 1))) {
+					let end = i + 2;
+					while (end < src.length && isIdentPart(src.charCodeAt(end))) end += 1;
+					pushToken(tokens, src.slice(i, end), "function");
+					canStartRegex = false;
+					i = end;
+					continue;
+				}
+				pushToken(tokens, ch, "punctuation");
+				canStartRegex = REGEX_PRECEDING_PUNCT.has(ch);
+				i += 1;
+			}
+			return tokens;
+		}
+		function scanPython(src) {
+			const tokens = [];
+			let i = 0;
+			while (i < src.length) {
+				const ch = src[i];
+				const code = src.charCodeAt(i);
+				if (ch === " " || ch === "	" || ch === "\n") {
+					let end = i + 1;
+					while (end < src.length && (src[end] === " " || src[end] === "	" || src[end] === "\n")) end += 1;
+					pushToken(tokens, src.slice(i, end), "plain");
+					i = end;
+					continue;
+				}
+				if (ch === "#") {
+					const nl = src.indexOf("\n", i + 1);
+					const end = nl === -1 ? src.length : nl;
+					pushToken(tokens, src.slice(i, end), "comment");
+					i = end;
+					continue;
+				}
+				let strStart = i;
+				if (/[rRfFbBuU]/.test(ch)) {
+					let p = i + 1;
+					if (p < src.length && /[rRfFbBuU]/.test(src[p])) p += 1;
+					if (src[p] === "\"" || src[p] === "'") strStart = p;
+				}
+				if (src[strStart] === "\"" || src[strStart] === "'") {
+					const quote = src[strStart];
+					const triple = src[strStart + 1] === quote && src[strStart + 2] === quote;
+					const delim = triple ? quote.repeat(3) : quote;
+					let end = strStart + delim.length;
+					while (end < src.length) {
+						if (src[end] === "\\") {
+							end = Math.min(src.length, end + 2);
+							continue;
+						}
+						if (triple && src.startsWith(delim, end)) {
+							end += 3;
+							break;
+						}
+						if (!triple && (src[end] === quote || src[end] === "\n")) {
+							if (src[end] === quote) end += 1;
+							break;
+						}
+						end += 1;
+					}
+					pushToken(tokens, src.slice(i, end), "string");
+					i = end;
+					continue;
+				}
+				if (isDigit(code) || ch === "." && i + 1 < src.length && isDigit(src.charCodeAt(i + 1))) {
+					const end = scanNumber(src, i);
+					pushToken(tokens, src.slice(i, end), "constant");
+					i = end;
+					continue;
+				}
+				if (isIdentStart(code)) {
+					let end = i + 1;
+					while (end < src.length && isIdentPart(src.charCodeAt(end))) end += 1;
+					const word = src.slice(i, end);
+					let prevNonSpace = i - 1;
+					while (prevNonSpace >= 0 && (src[prevNonSpace] === " " || src[prevNonSpace] === "	")) prevNonSpace -= 1;
+					const afterDot = prevNonSpace >= 0 && src[prevNonSpace] === ".";
+					const beforeCall = src[skipWhitespaceLookahead(src, end)] === "(";
+					if (!afterDot && PY_KEYWORDS.has(word)) pushToken(tokens, word, "keyword");
+					else if (!afterDot && PY_CONSTANTS.has(word)) pushToken(tokens, word, "constant");
+					else if (beforeCall) pushToken(tokens, word, "function");
+					else pushToken(tokens, word, "plain");
+					i = end;
+					continue;
+				}
+				if (ch === "@" && i + 1 < src.length && isIdentStart(src.charCodeAt(i + 1))) {
+					let end = i + 2;
+					while (end < src.length && isIdentPart(src.charCodeAt(end))) end += 1;
+					pushToken(tokens, src.slice(i, end), "function");
+					i = end;
+					continue;
+				}
+				pushToken(tokens, ch, "punctuation");
+				i += 1;
+			}
+			return tokens;
+		}
+		//#endregion
+		//#region src/client/codemode/CodeRunToolView.tsx
+		/**
+		* `code_run` 在对话流中的语法高亮工具行组件 —— 对齐宿主内置 PTC `run_code` 的呈现体验。
+		*
+		* ## 与宿主 `run_code` 一致的四点设计
+		*
+		* 1. **标题行**：代码图标 `</>` + 本地化标题「代码 / Code」+ `description` 摘要（不再出现
+		*    `工具 · code_run · ...`），直接接入框架传入的 `useDisclosure` 控制展开/收起；
+		* 2. **源码区**：提取 `args.code` 纯源码文本（剥离外层 JSON 参数包装），提供语言标识
+		*    （`typescript` / `python`）、自动换行切换与一键复制源码按钮，并使用宿主 `--shiki-*`
+		*    主题色进行语法高亮；
+		* 3. **输出区**：已结算结果独立展示在下方 `输出` 卡片中（无结果文本时不画空卡片），子调用由外层
+		*    `ToolCallTree` 通过 `tool/ptc-dispatch` 自动挂载在本行下方；
+		* 4. **三阶段支持**：覆盖 `preparing`（流式生成参数）、`start`（执行中）与 `result`（成功/失败/停止）。
+		*
+		* @module @eddyskywalker/dsh-chatgpt-subscription/client/codemode/CodeRunToolView
+		*/
+		function fallbackTranslate(key) {
+			return zh$2[key] ?? key;
+		}
+		function firstLine(text) {
+			const nl = text.indexOf("\n");
+			return nl === -1 ? text : text.slice(0, nl);
+		}
+		function rawArgsOf(block) {
+			if (typeof block.argsRaw === "string" && block.argsRaw !== "") return block.argsRaw;
+			if (typeof block.call?.argsRaw === "string" && block.call.argsRaw !== "") return block.call.argsRaw;
+		}
+		function parseArgsObject(raw) {
+			if (raw === void 0 || raw === "") return void 0;
+			try {
+				const parsed = JSON.parse(raw);
+				if (typeof parsed === "object" && parsed !== null && !Array.isArray(parsed)) return parsed;
+				return;
+			} catch {
+				return;
+			}
+		}
+		/** 从流式参数视图或完整 JSON 中读取字段（与 `ProgressRow` / `MinimaxVideoToolView` 一致）。 */
+		function extractCodeRunArgs(block) {
+			let streamCode;
+			let streamDesc;
+			const readText = block.args?.text;
+			if (typeof readText === "function") {
+				try {
+					const c = readText.call(block.args, "code");
+					if (typeof c === "string" && c !== "") streamCode = c;
+				} catch {}
+				try {
+					const d = readText.call(block.args, "description");
+					if (typeof d === "string" && d !== "") streamDesc = d;
+				} catch {}
+			}
+			const raw = rawArgsOf(block);
+			const parsed = parseArgsObject(raw);
+			const jsonCode = typeof parsed?.["code"] === "string" && parsed["code"] !== "" ? parsed["code"] : void 0;
+			const jsonDesc = typeof parsed?.["description"] === "string" && parsed["description"] !== "" ? parsed["description"] : void 0;
+			const code = jsonCode ?? streamCode ?? null;
+			return {
+				code,
+				description: firstLine(jsonDesc ?? streamDesc ?? ""),
+				rawFallback: code === null && raw !== void 0 ? raw : null
+			};
+		}
+		/** 展平已结算结果的内容块（对齐宿主 `resultText`）。 */
+		function flattenCodeRunOutput(block) {
+			if (block.kind === void 0) return null;
+			const parts = [];
+			for (const item of block.content ?? []) if (item.type === "text" && typeof item.text === "string") parts.push(item.text);
+			else try {
+				parts.push(JSON.stringify(item, null, 2));
+			} catch {
+				parts.push(String(item));
+			}
+			if (parts.length === 0 && block.error !== void 0) {
+				const errName = block.error.name ?? "Error";
+				const errCode = block.error.code ?? "UNKNOWN";
+				parts.push(`${errName}: ${errCode}`);
+			}
+			const joined = parts.join("\n");
+			return joined === "" ? null : joined;
+		}
+		function resolveLanguage(meta) {
+			if (typeof meta === "object" && meta !== null && !Array.isArray(meta)) {
+				if (meta["language"] === "python") return "python";
+			}
+			return "typescript";
+		}
+		function resolveState(phase, block) {
+			if (!(block.kind !== void 0 || phase === "result")) return block.phase === "preparing" || phase === "preparing" ? "preparing" : "running";
+			if (block.error?.code === "interrupted") return "stopped";
+			const stopped = typeof block.meta === "object" && block.meta !== null && !Array.isArray(block.meta) && block.meta["stopped"] === true;
+			if (block.isError === true || stopped) return "error";
+			return "ok";
+		}
+		async function copyTextToClipboard(text) {
+			try {
+				if (typeof navigator !== "undefined" && typeof navigator.clipboard?.writeText === "function") {
+					await navigator.clipboard.writeText(text);
+					return true;
+				}
+			} catch {}
+			if (typeof document === "undefined") return false;
+			try {
+				const textarea = document.createElement("textarea");
+				textarea.value = text;
+				textarea.setAttribute("readonly", "true");
+				textarea.style.position = "fixed";
+				textarea.style.opacity = "0";
+				document.body.appendChild(textarea);
+				textarea.select();
+				const ok = document.execCommand("copy");
+				document.body.removeChild(textarea);
+				return ok;
+			} catch {
+				return false;
+			}
+		}
+		function useFallbackDisclosure() {
+			const [expanded, setExpanded] = (0, react.useState)(false);
+			return {
+				expanded,
+				toggle: (0, react.useCallback)(() => {
+					setExpanded((prev) => !prev);
+				}, [])
+			};
+		}
+		function CodeRunToolView(props) {
+			const { block, phase, inspect, useDisclosure } = props;
+			const t = props.t ?? fallbackTranslate;
+			const { expanded, toggle } = (useDisclosure ?? useFallbackDisclosure)();
+			const [wrapped, setWrapped] = (0, react.useState)(true);
+			const [copied, setCopied] = (0, react.useState)(false);
+			const state = resolveState(phase, block);
+			const { code, description, rawFallback } = (0, react.useMemo)(() => extractCodeRunArgs(block), [block]);
+			const outputText = (0, react.useMemo)(() => flattenCodeRunOutput(block), [block]);
+			const language = (0, react.useMemo)(() => resolveLanguage(block.meta), [block.meta]);
+			const sourceText = code ?? rawFallback;
+			const expandable = state !== "preparing" && (sourceText !== null || outputText !== null);
+			const open = expanded && expandable;
+			const running = state === "preparing" || state === "running";
+			const summaryText = (state === "error" && outputText !== null ? firstLine(outputText) : null) ?? (description !== "" ? description : block.callId ?? "");
+			const highlightedLines = (0, react.useMemo)(() => open && sourceText !== null ? tokenizeCodeLines(sourceText, language) : null, [
+				open,
+				sourceText,
+				language
+			]);
+			const onCopy = (0, react.useCallback)(() => {
+				if (copied || sourceText === null) return;
+				copyTextToClipboard(sourceText.endsWith("\n") ? sourceText.slice(0, -1) : sourceText).then((ok) => {
+					if (!ok) return;
+					setCopied(true);
+					setTimeout(() => {
+						setCopied(false);
+					}, 1e3);
+				});
+			}, [copied, sourceText]);
+			const onRowKeyDown = (0, react.useCallback)((event) => {
+				if (!expandable || event.key !== "Enter" && event.key !== " ") return;
+				event.preventDefault();
+				toggle();
+			}, [expandable, toggle]);
+			const a11yStatus = state === "preparing" ? t("codeRunPreparing") : state === "running" ? t("codeRunRunning") : state === "error" ? t("codeRunFailed") : state === "stopped" ? t("codeRunStopped") : null;
+			const wrapLabel = wrapped ? t("codeRunUnwrap") : t("codeRunWrap");
+			const copyLabel = copied ? t("codeRunCopied") : t("codeRunCopy");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dshc-code-root",
+				"data-variant": "code",
+				"data-tool": props.toolName ?? "code_run",
+				"data-state": state,
+				children: [
+					a11yStatus !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dshc-code-visually-hidden",
+						children: a11yStatus
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dshc-code-header",
+						"data-disclosure-header": true,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshc-code-row",
+							"data-disclosure-row": true,
+							"data-expandable": expandable ? "true" : void 0,
+							role: expandable ? "button" : void 0,
+							tabIndex: expandable ? 0 : void 0,
+							"aria-expanded": expandable ? open : void 0,
+							onClick: expandable ? toggle : void 0,
+							onKeyDown: expandable ? onRowKeyDown : void 0,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dshc-code-leading",
+								"aria-hidden": "true",
+								children: open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronUpIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dshc-code-icon-idle",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeGlyphIcon, {})
+								}), expandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dshc-code-chevron-hover",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDownIcon, {})
+								})] })
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "dshc-code-text-flow",
+								"data-running": running ? "true" : void 0,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dshc-code-title",
+									children: t("codeRunTitle")
+								}), summaryText !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dshc-code-sep",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dshc-code-summary",
+									"data-state": state === "error" || state === "stopped" ? state : void 0,
+									children: summaryText
+								})] })]
+							})]
+						})
+					}),
+					open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dshc-code-body-wrap",
+						children: [
+							sourceText !== null && highlightedLines !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dshc-code-body-scroll",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshc-code-card md-code-block",
+									"data-code-wrap": wrapped ? "true" : "false",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dshc-code-toolbar",
+										"data-code-block-banner": true,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dshc-code-lang",
+											children: language
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dshc-code-actions",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dshc-code-action",
+												title: wrapLabel,
+												"aria-label": t("codeRunWrap"),
+												"aria-pressed": wrapped,
+												onClick: () => {
+													setWrapped((prev) => !prev);
+												},
+												children: wrapped ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NowrapIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WrapIcon, {})
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dshc-code-action",
+												title: copyLabel,
+												"aria-label": copyLabel,
+												onClick: onCopy,
+												children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyIcon, {})
+											})]
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+										className: "shiki css-variables dshc-code-pre",
+										tabIndex: 0,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: highlightedLines.map((line, lineIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [lineIndex > 0 && "\n", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "line",
+											children: line.map((span, spanIndex) => {
+												const color = SHIKI_TOKEN_COLORS[span.kind];
+												return color === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: span.text }, spanIndex) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													style: { color },
+													children: span.text
+												}, spanIndex);
+											})
+										})] }, lineIndex)) })
+									})]
+								})
+							}),
+							outputText !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dshc-code-io-card",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshc-code-io-section",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dshc-code-io-label",
+										children: t("codeRunOutput")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dshc-code-io-text",
+										"data-error": state === "error" ? "true" : void 0,
+										children: outputText
+									})]
+								})
+							}),
+							inspect !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: "dshc-code-inspect-btn",
+								onClick: inspect,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InspectIcon, {}), t("codeRunInspect")]
+							})
+						]
+					})
+				]
+			});
+		}
+		function CodeGlyphIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.4",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5.2 4.5L1.8 8l3.4 3.5" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10.8 4.5L14.2 8l-3.4 3.5" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M9.2 3L6.8 13" })
+				]
+			});
+		}
+		function ChevronDownIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4 6l4 4 4-4" })
+			});
+		}
+		function ChevronUpIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4 10l4-4 4 4" })
+			});
+		}
+		function CopyIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.35",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+					x: "5.5",
+					y: "5.5",
+					width: "8",
+					height: "8",
+					rx: "1.5"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10.5 5.5V3.8A1.3 1.3 0 0 0 9.2 2.5H3.8A1.3 1.3 0 0 0 2.5 3.8v5.4a1.3 1.3 0 0 0 1.3 1.3h1.7" })]
+			});
+		}
+		function CheckIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.6",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3.2 8.4l3.1 3.1 6.5-6.5" })
+			});
+		}
+		function WrapIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.35",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.5 4h11" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.5 8h8.5a2.2 2.2 0 1 1 0 4.4H8.2" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M9.8 10.8L8 12.4l1.8 1.6" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.5 12.4h3" })
+				]
+			});
+		}
+		function NowrapIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.35",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.5 4h11" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.5 8h11" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M11.5 6.2L13.5 8l-2 1.8" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.5 12h7" })
+				]
+			});
+		}
+		function InspectIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				width: "12",
+				height: "12",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.4",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					cx: "7.2",
+					cy: "7.2",
+					r: "4.5"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10.6 10.6L13.8 13.8" })]
+			});
+		}
+		//#endregion
+		//#region src/client/codemode/styles.ts
+		/**
+		* `code_run` 工具行样式表 —— 对齐宿主内置 `run_code`（`DisclosureRow` + `ToolRow` +
+		* `CodeBlock` + `CodeToolbar`）的视觉令牌与排版节奏。
+		*
+		* 所有颜色、字号与圆角均直接引用宿主 `--dsw-*` / `--dsh-*` / `--shiki-*` CSS 变量。
+		*
+		* @module @eddyskywalker/dsh-chatgpt-subscription/client/codemode/styles
+		*/
+		const CODEMODE_CSS = `
+.dshc-code-root {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-width: 0;
+}
+
+.dshc-code-visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+}
+
+.dshc-code-header {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
+
+.dshc-code-row {
+  flex: 1 1 auto;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  height: calc(24px + var(--dsh-content-font-delta, 0px));
+  min-width: 0;
+  color: var(--dsw-alias-label-tertiary, #8a9099);
+  transition: color 100ms ease;
+  user-select: none;
+}
+
+.dshc-code-row[data-expandable='true'] {
+  cursor: pointer;
+}
+
+@media (hover: hover) {
+  .dshc-code-row:hover {
+    color: var(--dsw-alias-label-secondary, #5b6270);
+  }
+}
+
+.dshc-code-row:focus-visible {
+  outline: 1px solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #4d6bfe));
+  outline-offset: 2px;
+  border-radius: var(--dsw-radius-sm, 4px);
+}
+
+.dshc-code-leading {
+  position: relative;
+  flex: none;
+  width: calc(16px + var(--dsh-content-font-delta, 0px));
+  height: calc(16px + var(--dsh-content-font-delta, 0px));
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 6px;
+  color: inherit;
+}
+
+.dshc-code-leading svg {
+  width: calc(14px + var(--dsh-content-font-delta, 0px));
+  height: calc(14px + var(--dsh-content-font-delta, 0px));
+}
+
+.dshc-code-icon-idle {
+  display: inline-flex;
+  opacity: 1;
+  transition: opacity 100ms ease;
+}
+
+.dshc-code-chevron-hover {
+  position: absolute;
+  inset: 0;
+  margin: auto;
+  opacity: 0;
+  transition: opacity 100ms ease;
+}
+
+@media (hover: hover) {
+  .dshc-code-row[data-expandable='true']:hover .dshc-code-icon-idle {
+    opacity: 0;
+  }
+  .dshc-code-row[data-expandable='true']:hover .dshc-code-chevron-hover {
+    opacity: 1;
+  }
+}
+
+.dshc-code-text-flow {
+  display: flex;
+  align-items: center;
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+}
+
+@keyframes dshc-shimmer-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.55; }
+}
+
+.dshc-code-text-flow[data-running='true'] {
+  animation: dshc-shimmer-pulse 1.6s ease-in-out infinite;
+}
+
+.dshc-code-title {
+  flex: none;
+  font-weight: 400;
+  font-size: var(--dsh-content-font-size-secondary, 13px);
+  line-height: calc(24px + var(--dsh-content-font-delta, 0px));
+  color: inherit;
+}
+
+.dshc-code-sep {
+  flex: none;
+  width: 2px;
+  height: 2px;
+  border-radius: 1px;
+  margin: 0 8px;
+  background: var(--dsw-alias-label-caption, #8a9099);
+}
+
+.dshc-code-summary {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: var(--dsh-content-font-size-secondary, 13px);
+  line-height: calc(24px + var(--dsh-content-font-delta, 0px));
+}
+
+.dshc-code-summary[data-state='error'] {
+  color: var(--dsw-alias-state-error-primary, #d54941);
+}
+
+.dshc-code-summary[data-state='stopped'] {
+  color: var(--dsw-alias-state-warn-label, #d97706);
+}
+
+.dshc-code-body-wrap {
+  display: flex;
+  flex-direction: column;
+}
+
+.dshc-code-body-scroll {
+  max-height: 260px;
+  overflow-y: auto;
+  margin: 4px 0 4px 4px;
+  border-radius: var(--dsw-radius-lg, 10px);
+  border: 0.5px solid var(--dsw-alias-border-l1, rgba(128, 128, 128, 0.18));
+  background: var(--dsw-alias-markdown-code-block, rgba(128, 128, 128, 0.08));
+}
+
+.dshc-code-card {
+  position: relative;
+  color: var(--dsw-alias-label-primary, inherit);
+  background: transparent;
+  font: var(--dsw-font-markdown-code-block, 13px/20px var(--ds-font-family-code, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace));
+}
+
+.dshc-code-toolbar {
+  position: sticky;
+  top: 0;
+  z-index: 6;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 18px 8px 22px;
+  background: var(--dsw-alias-markdown-code-block, #1e222a);
+  color: var(--dsw-alias-label-secondary, #8a9099);
+  font: 11px/18px var(--dsw-font-family, system-ui, sans-serif);
+}
+
+.dshc-code-lang {
+  color: var(--dsw-alias-label-tertiary, #8a9099);
+  flex: none;
+  font-family: var(--ds-font-family-code, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
+}
+
+.dshc-code-actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex: none;
+}
+
+.dshc-code-action {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  border: 0;
+  border-radius: var(--dsw-radius-sm, 4px);
+  color: var(--dsw-alias-label-secondary, #8a9099);
+  background: transparent;
+  cursor: pointer;
+}
+
+@media (hover: hover) {
+  .dshc-code-action:hover {
+    background: var(--dsw-alias-interactive-bg-hover, rgba(128, 128, 128, 0.14));
+    color: var(--dsw-alias-label-primary, inherit);
+  }
+}
+
+.dshc-code-action:focus-visible {
+  outline: 1px solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #4d6bfe));
+  outline-offset: 2px;
+}
+
+.dshc-code-pre {
+  margin: 0 !important;
+  padding: 6px 22px 20px;
+  font: var(--dsw-font-markdown-code-block, 13px/20px var(--ds-font-family-code, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace));
+  background: transparent !important;
+  color: var(--shiki-foreground, var(--dsw-alias-label-primary, inherit));
+  overflow-x: auto;
+  white-space: pre-wrap;
+  word-break: normal;
+  overflow-wrap: anywhere;
+}
+
+.dshc-code-card[data-code-wrap='false'] .dshc-code-pre {
+  white-space: pre;
+  overflow-wrap: normal;
+}
+
+.dshc-code-pre code {
+  font: inherit;
+  background: none;
+  padding: 0;
+}
+
+.dshc-code-io-card {
+  display: flex;
+  flex-direction: column;
+  margin: 4px 0 4px 4px;
+  border: 0.5px solid var(--dsw-alias-border-l1, rgba(128, 128, 128, 0.18));
+  border-radius: var(--dsw-radius-lg, 10px);
+  background: var(--dsw-alias-markdown-code-block, rgba(128, 128, 128, 0.08));
+  font: var(--dsw-font-markdown-code-block-small, 12px/18px var(--ds-font-family-code, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace));
+}
+
+.dshc-code-io-section {
+  display: grid;
+  grid-template-columns: max-content 1fr;
+  column-gap: 14px;
+  align-items: baseline;
+  padding: 12px 16px;
+  max-height: 150px;
+  overflow-y: auto;
+}
+
+.dshc-code-io-label {
+  position: sticky;
+  top: 0;
+  align-self: start;
+  color: var(--dsw-alias-label-caption, #8a9099);
+}
+
+.dshc-code-io-text {
+  min-width: 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+  color: var(--dsw-alias-label-secondary, #8a9099);
+}
+
+.dshc-code-io-text[data-error='true'] {
+  color: var(--dsw-alias-state-error-primary, #d54941);
+}
+
+.dshc-code-inspect-btn {
+  display: inline-flex;
+  align-self: flex-start;
+  align-items: center;
+  gap: 4px;
+  margin: 4px 0 2px 4px;
+  padding: 2px 8px;
+  border: 0.5px solid var(--dsw-alias-border-l3, rgba(128, 128, 128, 0.25));
+  border-radius: 999px;
+  background: var(--dsw-alias-bg-base, transparent);
+  color: var(--dsw-alias-label-secondary, #8a9099);
+  font-size: 11px;
+  line-height: 16px;
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 100ms ease;
+}
+
+.dshc-code-inspect-btn:focus-visible {
+  opacity: 1;
+}
+
+@media (hover: hover) {
+  .dshc-code-root:hover .dshc-code-inspect-btn {
+    opacity: 1;
+  }
+  .dshc-code-inspect-btn:hover {
+    background: var(--dsw-alias-interactive-bg-hover-solid, rgba(128, 128, 128, 0.18));
+    color: var(--dsw-alias-label-primary, inherit);
+  }
+}
+
+@media (hover: none) {
+  .dshc-code-inspect-btn {
+    opacity: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .dshc-code-row,
+  .dshc-code-text-flow[data-running='true'] {
+    transition: none;
+    animation: none;
+  }
+}
+`;
+		function installCodemodeStyles() {
+			return installPluginStyle("codemode", CODEMODE_CSS);
+		}
+		//#endregion
+		//#region src/client/codemode/tool-name.ts
+		/**
+		* 客户端半边的 `code_run` 工具名常量。
+		*
+		* 独立于 `../../host/codemode/transport.ts`，避免浏览器 bundle 引入 Node 端模块；
+		* 单测会校验两边字面量逐字一致。
+		*
+		* @module @eddyskywalker/dsh-chatgpt-subscription/client/codemode/tool-name
+		*/
+		const CODE_RUN_TOOL_NAME = "code_run";
+		//#endregion
 		//#region src/client/index.tsx
 		const inject = [
 			"slots",
@@ -59110,6 +60563,7 @@ window.__ModuleLoader__.load({
 			}, "dsh-subagent-settings: styles");
 			ctx.effect(() => {
 				installPoolStyles();
+				installCodemodeStyles();
 				return () => {};
 			}, "dsh-chatgpt-subscription: pool styles");
 			ctx.effect(() => setupMermaidObserver(), "dsh-mermaid: observer");
@@ -59239,6 +60693,11 @@ window.__ModuleLoader__.load({
 					readVideo: videoBytesLoader(ctx)
 				})
 			}, MinimaxVideoToolView));
+			ctx.slots.inject("tool.call.toolview", () => ctx.slots.register({
+				name: "tool.call.toolview",
+				key: CODE_RUN_TOOL_NAME,
+				locale: NS
+			}, CodeRunToolView));
 			installVideoDocumentPreview(ctx);
 			installSubagentSettingsCard(ctx);
 			installProgressUpdatesClient(ctx);