@max-null/dsh-node-appearance 0.3.5 → 0.4.0

package/lib/client.js

@@ -26,6 +26,7 @@ window.__ModuleLoader__.load({
 			execute: "#f59e0b",
 			file: "#22c55e",
 			task: "#ec4899",
+			ask: "#65a30d",
 			command: "#f97316",
 			thinking: "#c4b5fd",
 			context: "#8a9bb5",
@@ -78,6 +79,7 @@ window.__ModuleLoader__.load({
 				"schedule_list",
 				"exit_plan_mode"
 			],
+			ask: ["ask_user_question"],
 			other: []
 		};
 		/** Selector matching every tool row inside a tool-call node. */
@@ -192,51 +194,60 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:H:\MaxNull\WorkStation\max-null-plugins\dsh-node-appearance\src\client\card.module.css.mjs
-		const css = ".CDqThG_group{border-bottom:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:10px;padding:12px 0;display:flex}.CDqThG_header{appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0;display:flex}.CDqThG_title{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.CDqThG_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.CDqThG_chevronOpen{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s;transform:rotate(180deg)}.CDqThG_body{flex-direction:column;display:flex}.CDqThG_row{align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.CDqThG_rowLabel{color:var(--dsw-alias-label-primary);flex:none;font-size:13px;font-weight:500;line-height:1.5}.CDqThG_rowHint{color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex:none;font-size:12px;line-height:1.5}.CDqThG_checkbox{accent-color:var(--dsw-alias-brand-primary);cursor:pointer;width:15px;height:15px}.CDqThG_switch{cursor:pointer;background:var(--dsw-alias-border-l4,#00000029);border:none;border-radius:11px;flex:none;width:40px;height:22px;margin-left:auto;padding:0;transition:background .15s}.CDqThG_switch.CDqThG_on{background:var(--dsw-alias-state-business-primary,#4fc3f7)}.CDqThG_switch .CDqThG_knob{background:#fff;border-radius:8px;width:16px;height:16px;margin-left:2px;transition:margin-left .15s;display:block}.CDqThG_switch.CDqThG_on .CDqThG_knob{margin-left:22px}.CDqThG_colorInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);cursor:pointer;border-radius:6px;width:44px;height:26px;margin-left:auto;padding:2px}.CDqThG_colorInput:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.CDqThG_colorValue{color:var(--dsw-alias-label-secondary);font-family:ui-monospace,monospace;font-size:12px}.CDqThG_sectionTitle{letter-spacing:.06em;text-transform:uppercase;color:var(--dsw-alias-label-tertiary);border-top:1px solid var(--dsw-alias-border-l2);margin-top:10px;padding:10px 0 4px;font-size:12px;font-weight:600;line-height:1.5}.CDqThG_toolRow{align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.CDqThG_toolName{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-secondary);flex:1;font-family:ui-monospace,monospace;font-size:12px;line-height:1.5;overflow:hidden}.CDqThG_removeButton,.CDqThG_addButton{appearance:none;font:inherit;cursor:pointer;color:var(--dsw-alias-label-secondary);background:0 0;border:none;border-radius:7px;padding:5px 8px;font-size:12.5px;line-height:1.5}.CDqThG_removeButton:hover:not(:disabled),.CDqThG_addButton:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1)}.CDqThG_removeButton:disabled,.CDqThG_addButton:disabled{opacity:.4;cursor:default}.CDqThG_removeButton:focus-visible,.CDqThG_addButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.CDqThG_addRow{align-items:center;gap:10px;padding:10px 0 4px;display:flex}.CDqThG_toolInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);min-width:0;height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;flex:1;padding:0 12px;font-size:13px;line-height:1.5}.CDqThG_toolInput:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.CDqThG_statusLine{color:var(--dsw-alias-label-tertiary);margin:0 0 8px;font-size:12px;line-height:1.5}.CDqThG_disabled{opacity:.5;pointer-events:none}";
-		const tagId = "@max-null/dsh-node-appearance/card.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+		const css$2 = ".CDqThG_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.CDqThG_card:hover{border-color:var(--dsw-alias-label-dimmed)}.CDqThG_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.CDqThG_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.CDqThG_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.CDqThG_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.CDqThG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.CDqThG_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.CDqThG_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.CDqThG_chevronOpen{transform:rotate(180deg)}.CDqThG_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.CDqThG_readOnly,.CDqThG_statusLine{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.CDqThG_disabled{opacity:.55;pointer-events:none}.CDqThG_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:16px 0 4px;display:flex}.CDqThG_reset{appearance:none;border:1px solid var(--dsw-alias-border-l2);font:inherit;cursor:pointer;color:var(--dsw-alias-label-secondary);background:0 0;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.CDqThG_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.CDqThG_resetConfirm{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary)}.CDqThG_reset:disabled{opacity:.4;cursor:default}.CDqThG_reset:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.CDqThG_row{border-top:1px solid var(--dsw-alias-border-l2);align-items:center;gap:10px;margin-top:10px;padding:10px 0 4px;display:flex;position:relative}.CDqThG_row:first-child{border-top:none;margin-top:4px}.CDqThG_rowLabel{min-width:0;color:var(--dsw-alias-label-primary);flex-direction:column;flex:1;gap:2px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.CDqThG_rowHint{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:1.5}.CDqThG_colorInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);cursor:pointer;border-radius:8px;flex:none;width:34px;height:28px;padding:2px}.CDqThG_colorValue{width:64px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:12px;line-height:1.5}.CDqThG_sectionTitle{color:var(--dsw-alias-label-primary);margin:14px 0 0;font-size:13px;font-weight:600;line-height:1.5}.CDqThG_toolName{min-width:0;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;line-height:1.5;overflow:hidden}.CDqThG_removeButton{appearance:none;border:1px solid var(--dsw-alias-border-l2);font:inherit;cursor:pointer;color:var(--dsw-alias-label-secondary);background:0 0;border-radius:8px;flex:none;padding:3px 10px;font-size:12px;line-height:1.5}.CDqThG_removeButton:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.CDqThG_addRow{align-items:center;gap:8px;margin-top:10px;margin-bottom:12px;display:flex}.CDqThG_toolInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);min-width:0;height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;flex:1;padding:0 12px;font-size:13px;line-height:1.5}.CDqThG_toolInput:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.CDqThG_toolInput::placeholder{color:var(--dsw-alias-label-tertiary)}.CDqThG_addButton{appearance:none;font:inherit;cursor:pointer;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3);border:1px solid #0000;border-radius:8px;flex:none;padding:5px 14px;font-size:13px;line-height:1.5}.CDqThG_addButton:disabled{opacity:.4;cursor:default}.CDqThG_switch{cursor:pointer;background:var(--dsw-alias-border-l4,#00000029);border:none;border-radius:11px;flex:none;width:40px;height:22px;padding:0;transition:background .15s}.CDqThG_switch.CDqThG_on{background:var(--dsw-alias-state-business-primary,#4fc3f7)}.CDqThG_knob{pointer-events:none;background:#fff;border-radius:8px;width:16px;height:16px;margin-left:2px;transition:margin-left .15s;display:block}.CDqThG_switch.CDqThG_on .CDqThG_knob{margin-left:22px}";
+		const tagId$2 = "@max-null/dsh-node-appearance/card.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@max-null/dsh-node-appearance";
-			tag.dataset.pluginCss = tagId;
-			tag.textContent = css;
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
 			document.head.appendChild(tag);
 		}
 		var card_module_css_default = {
-			"checkbox": "CDqThG_checkbox",
-			"addRow": "CDqThG_addRow",
-			"toolInput": "CDqThG_toolInput",
-			"row": "CDqThG_row",
+			"resetConfirm": "CDqThG_resetConfirm",
 			"body": "CDqThG_body",
-			"switch": "CDqThG_switch",
-			"on": "CDqThG_on",
-			"group": "CDqThG_group",
-			"sectionTitle": "CDqThG_sectionTitle",
-			"removeButton": "CDqThG_removeButton",
-			"disabled": "CDqThG_disabled",
-			"addButton": "CDqThG_addButton",
-			"title": "CDqThG_title",
-			"header": "CDqThG_header",
-			"rowLabel": "CDqThG_rowLabel",
-			"toolName": "CDqThG_toolName",
 			"statusLine": "CDqThG_statusLine",
+			"header": "CDqThG_header",
+			"cardOpen": "CDqThG_cardOpen",
+			"switch": "CDqThG_switch",
 			"rowHint": "CDqThG_rowHint",
-			"chevron": "CDqThG_chevron",
+			"toolInput": "CDqThG_toolInput",
+			"headText": "CDqThG_headText",
+			"addButton": "CDqThG_addButton",
+			"disabled": "CDqThG_disabled",
 			"chevronOpen": "CDqThG_chevronOpen",
+			"row": "CDqThG_row",
 			"knob": "CDqThG_knob",
-			"colorValue": "CDqThG_colorValue",
+			"chevron": "CDqThG_chevron",
 			"colorInput": "CDqThG_colorInput",
-			"toolRow": "CDqThG_toolRow"
+			"name": "CDqThG_name",
+			"sectionTitle": "CDqThG_sectionTitle",
+			"description": "CDqThG_description",
+			"addRow": "CDqThG_addRow",
+			"removeButton": "CDqThG_removeButton",
+			"card": "CDqThG_card",
+			"footer": "CDqThG_footer",
+			"on": "CDqThG_on",
+			"readOnly": "CDqThG_readOnly",
+			"reset": "CDqThG_reset",
+			"rowLabel": "CDqThG_rowLabel",
+			"colorValue": "CDqThG_colorValue",
+			"toolName": "CDqThG_toolName"
 		};
 		//#endregion
 		//#region src/client/settings-card.tsx
 		/**
-		* The plugin's General-settings row: a "节点外观" title with the standard
-		* chevron, expanding to palette rows, tool overrides, and the Think
-		* visibility switch. Reads the namespace scope through the injected hooks
-		* face and writes through the injected actions; every change applies
-		* immediately. Drawn by hand (no value import from ui-settings-plugins — the
-		* client bundle purity gate forbids cross-plugin value imports), styled with
-		* the DSH design tokens like the shipped Appearance row.
+		* The node-appearance plugin config card. Mirrors the official
+		* `settings.plugin.item` card chrome (PluginCard: card shell, name-over-
+		* description header, chevron disclosure) with the DSH design tokens —
+		* drawn by hand because a feature plugin must not runtime-import another
+		* feature plugin's values (bundle purity gate).
+		*
+		* Writes are immediate: picking a color or flipping the Think switch applies
+		* it right away (a palette is a live preview, not a staged form). The footer
+		* carries one「恢复初始设置」button that resets the whole namespace to the
+		* shipped defaults — two-click confirmation so a miss cannot wipe a custom
+		* palette.
 		*/
 		/** Chinese labels per category (product copy is Chinese). */
 		const CATEGORY_LABELS = {
@@ -245,6 +256,7 @@ window.__ModuleLoader__.load({
 			execute: "代码 / 指令执行",
 			file: "文件操作",
 			task: "任务 / 目标",
+			ask: "提问卡片",
 			command: "指令节点",
 			thinking: "思考过程",
 			context: "上下文注入",
@@ -253,20 +265,59 @@ window.__ModuleLoader__.load({
 		};
 		/** Tools shown in the add-override autocomplete-free text input placeholder. */
 		const TOOL_SUGGESTIONS = Object.values(TOOL_CATEGORIES).flat().join("、");
+		/** The card copy (one locale). */
+		const COPY = {
+			title: "节点外观",
+			description: "消息节点外观与颜色的偏好设置",
+			reset: "恢复初始设置",
+			resetConfirm: "再次点击确认恢复",
+			resetting: "恢复中…",
+			readOnly: "配置只读：插件主机侧未挂载或连接非本机。",
+			loading: "配置加载中…",
+			showThinking: "显示思考过程",
+			showThinkingHint: "关闭后会话中的 Think 思考行隐藏",
+			toolColors: "工具颜色覆盖（可选）",
+			addTool: "添加",
+			removeTool: "删除"
+		};
+		/** The shipped defaults, one face call away from any custom palette. */
+		const INITIAL_SETTINGS = {
+			showThinking: true,
+			colors: DEFAULT_COLORS,
+			toolColors: {}
+		};
 		/**
-		* Render the node-appearance General row.
-		* @param props - the injected scope snapshot hook and write actions.
-		* @returns the row, always visible once its namespace is served.
+		* Render the node-appearance config card.
+		* @param props - the injected scope snapshot hook, its write actions.
+		* @returns the card, matching the official plugin-card chrome.
 		*/
-		function NodeAppearanceRow({ useNodeAppearance, setShowThinking, setCategoryColor, setToolColor, removeToolColor }) {
+		function NodeAppearanceRow({ useNodeAppearance, apply, setShowThinking, setCategoryColor, setToolColor, removeToolColor }) {
 			const [open, setOpen] = (0, react.useState)(false);
+			const [confirmReset, setConfirmReset] = (0, react.useState)(false);
+			const [resetting, setResetting] = (0, react.useState)(false);
 			const [toolName, setToolName] = (0, react.useState)("");
 			const [toolColor, setToolColorDraft] = (0, react.useState)("#64748b");
 			const snapshot = useNodeAppearance((snapshot) => snapshot);
-			const colors = resolveColors(snapshot.value ?? {});
-			const toolColors = snapshot.value?.toolColors ?? {};
-			const showThinking = snapshot.value?.showThinking ?? true;
+			const served = snapshot.value ?? {};
+			const colors = resolveColors(served);
+			const toolColors = served.toolColors ?? {};
+			const showThinking = served.showThinking ?? true;
 			const disabled = snapshot.writable === false;
+			const unavailable = snapshot.status !== "ready";
+			const resetInitial = async () => {
+				if (resetting) return;
+				setResetting(true);
+				try {
+					await apply(INITIAL_SETTINGS);
+					setConfirmReset(false);
+				} catch {} finally {
+					setResetting(false);
+				}
+			};
+			const handleReset = () => {
+				if (confirmReset) resetInitial();
+				else setConfirmReset(true);
+			};
 			const addTool = (event) => {
 				event.preventDefault();
 				const name = toolName.trim();
@@ -274,136 +325,647 @@ window.__ModuleLoader__.load({
 				setToolColor(name, toolColor);
 				setToolName("");
 			};
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: card_module_css_default.group,
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: card_module_css_default.card + (open ? " " + card_module_css_default.cardOpen : ""),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 					type: "button",
 					className: card_module_css_default.header,
 					"aria-expanded": open,
+					"aria-label": `${open ? "收起" : "展开"}：${COPY.title}`,
 					onClick: () => {
 						setOpen(!open);
 					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: card_module_css_default.title,
-						children: "节点外观"
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: open ? card_module_css_default.chevronOpen : card_module_css_default.chevron })]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: card_module_css_default.headText,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: card_module_css_default.name,
+							children: COPY.title
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: card_module_css_default.description,
+							children: COPY.description
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: card_module_css_default.chevron + (open ? " " + card_module_css_default.chevronOpen : "") })]
 				}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: card_module_css_default.body,
-					children: [snapshot.status !== "ready" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: card_module_css_default.statusLine,
-						children: snapshot.status === "unavailable" ? "配置暂不可用：插件主机侧未挂载或连接非本机。" : "配置加载中…"
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: `${disabled ? card_module_css_default.disabled : ""}`,
+					children: [
+						unavailable && !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: card_module_css_default.statusLine,
+							children: COPY.loading
+						}),
+						disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: card_module_css_default.readOnly,
+							role: "status",
+							children: COPY.readOnly
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: disabled ? card_module_css_default.disabled : "",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: card_module_css_default.row,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+											className: card_module_css_default.rowLabel,
+											htmlFor: "node-appearance-show-thinking",
+											children: COPY.showThinking
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: card_module_css_default.rowHint,
+											children: COPY.showThinkingHint
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											id: "node-appearance-show-thinking",
+											className: card_module_css_default.switch + (showThinking ? " " + card_module_css_default.on : ""),
+											type: "button",
+											"aria-pressed": showThinking,
+											onClick: () => {
+												setShowThinking(!showThinking);
+											},
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: card_module_css_default.knob })
+										})
+									]
+								}),
+								Object.keys(CATEGORY_LABELS).map((category) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: card_module_css_default.row,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+											className: card_module_css_default.rowLabel,
+											htmlFor: `node-appearance-color-${category}`,
+											children: CATEGORY_LABELS[category]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											id: `node-appearance-color-${category}`,
+											className: card_module_css_default.colorInput,
+											type: "color",
+											value: colors[category],
+											onChange: (event) => {
+												setCategoryColor(category, event.target.value);
+											}
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: card_module_css_default.colorValue,
+											children: colors[category]
+										})
+									]
+								}, category)),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: card_module_css_default.sectionTitle,
+									children: COPY.toolColors
+								}),
+								Object.entries(toolColors).map(([tool, color]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: card_module_css_default.row,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: card_module_css_default.toolName,
+											title: tool,
+											children: tool
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											className: card_module_css_default.colorInput,
+											type: "color",
+											value: isCssColor(color) ? color : DEFAULT_COLORS.other,
+											onChange: (event) => {
+												setToolColor(tool, event.target.value);
+											}
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: card_module_css_default.removeButton,
+											onClick: () => {
+												removeToolColor(tool);
+											},
+											children: COPY.removeTool
+										})
+									]
+								}, tool)),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+									className: card_module_css_default.addRow,
+									onSubmit: addTool,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											className: card_module_css_default.toolInput,
+											type: "text",
+											placeholder: `工具名，如 ${TOOL_SUGGESTIONS}`,
+											value: toolName,
+											onChange: (event) => {
+												setToolName(event.target.value);
+											}
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											className: card_module_css_default.colorInput,
+											type: "color",
+											value: toolColor,
+											onChange: (event) => {
+												setToolColorDraft(event.target.value);
+											}
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "submit",
+											className: card_module_css_default.addButton,
+											disabled: toolName.trim() === "",
+											children: COPY.addTool
+										})
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: card_module_css_default.footer,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: card_module_css_default.reset + (confirmReset ? " " + card_module_css_default.resetConfirm : ""),
+								disabled: resetting,
+								onClick: handleReset,
+								children: resetting ? COPY.resetting : confirmReset ? COPY.resetConfirm : COPY.reset
+							})
+						})
+					]
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/ask-model.ts
+		function isRecord(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value);
+		}
+		/** 读一个字符串字段，非字符串一律当空串。 */
+		function text(value) {
+			return typeof value === "string" ? value : "";
+		}
+		function parseJson(source) {
+			try {
+				return JSON.parse(source);
+			} catch {
+				return;
+			}
+		}
+		/** 从结果内容块拼出展示文本（文本块原样、其余块转 JSON）。 */
+		function resultTextOf(block) {
+			const content = block.content;
+			if (!Array.isArray(content) || content.length === 0) return null;
+			const parts = [];
+			for (const part of content) if (isRecord(part) && part.type === "text" && typeof part.text === "string") parts.push(part.text);
+			else parts.push(JSON.stringify(part, null, 2));
+			return parts.length === 0 ? null : parts.join("\n");
+		}
+		function readOptions(value) {
+			if (!Array.isArray(value)) return [];
+			const options = [];
+			for (const item of value) {
+				if (typeof item === "string") {
+					if (item !== "") options.push({
+						label: item,
+						description: ""
+					});
+					continue;
+				}
+				if (!isRecord(item)) continue;
+				const label = text(item.label);
+				if (label === "") continue;
+				options.push({
+					label,
+					description: text(item.description)
+				});
+			}
+			return options;
+		}
+		/** 读调用参数里的问题列表；拿不到合法问题时返回 null（由调用方兜底）。 */
+		function readQuestions(argsRaw) {
+			const parsed = parseJson(argsRaw);
+			if (!isRecord(parsed) || !Array.isArray(parsed.questions)) return null;
+			const questions = [];
+			for (const item of parsed.questions) {
+				if (!isRecord(item)) continue;
+				const question = text(item.question);
+				if (question === "") continue;
+				questions.push({
+					id: text(item.id),
+					question,
+					header: text(item.header),
+					detail: text(item.detail),
+					multiSelect: item.multiSelect === true,
+					options: readOptions(item.options)
+				});
+			}
+			return questions.length === 0 ? null : questions;
+		}
+		function readAnswers(resultText) {
+			if (resultText === null) return null;
+			const parsed = parseJson(resultText);
+			if (!isRecord(parsed) || !Array.isArray(parsed.answers)) return null;
+			const answers = [];
+			for (const item of parsed.answers) {
+				if (!isRecord(item)) continue;
+				const selected = Array.isArray(item.selected) ? item.selected.filter((v) => typeof v === "string") : [];
+				answers.push({
+					id: text(item.id),
+					selected,
+					custom: text(item.custom)
+				});
+			}
+			return answers;
+		}
+		/** 调用参数：运行中取 block 自身，结算后取结算节点的调用头。 */
+		function argsRawOf(block) {
+			return "kind" in block ? block.call?.argsRaw ?? "" : block.argsRaw ?? "";
+		}
+		/**
+		* 从一次提问调用的冻结切片派生卡片模型。
+		* @param block - 运行中的调用或已结算的结果节点。
+		* @returns 卡片模型；参数或结果畸形时 `questions` 为空并带兜底文本。
+		*/
+		function askCardModel(block) {
+			const settled = "kind" in block;
+			const code = settled ? block.error?.code : void 0;
+			const state = !settled ? "running" : code === "ASK_ABORTED" || code === "interrupted" ? "stopped" : code === "ASK_CANCELLED" ? "ok" : block.isError === true ? "error" : "ok";
+			const argsRaw = argsRawOf(block);
+			const resultText = settled ? resultTextOf(block) : null;
+			let verdict;
+			let phase;
+			if (code === "ASK_CANCELLED") {
+				verdict = "cancelled";
+				phase = "unanswered";
+			} else if (code === "ASK_ABORTED") {
+				verdict = "aborted";
+				phase = "unanswered";
+			} else if (!settled) phase = "pending";
+			else phase = resultText === null ? "unanswered" : "answered";
+			const raw = readQuestions(argsRaw);
+			if (raw === null) return {
+				state,
+				phase,
+				verdict,
+				questions: [],
+				answeredCount: 0,
+				fallbackText: resultText ?? (argsRaw === "" ? null : argsRaw)
+			};
+			const byId = /* @__PURE__ */ new Map();
+			for (const answer of readAnswers(resultText) ?? []) if (!byId.has(answer.id)) byId.set(answer.id, answer);
+			const questions = raw.map((question) => {
+				const answer = byId.get(question.id);
+				return {
+					...question,
+					selected: answer?.selected ?? [],
+					custom: answer?.custom ?? ""
+				};
+			});
+			const answeredCount = questions.filter((question) => question.selected.length > 0 || question.custom !== "").length;
+			return {
+				state,
+				phase,
+				verdict,
+				questions,
+				answeredCount,
+				fallbackText: resultText
+			};
+		}
+		/** 折叠行右侧的进度计数（文案由组件用 locale 组装）。 */
+		function askProgress(model) {
+			return {
+				answered: model.answeredCount,
+				total: model.questions.length
+			};
+		}
+		//#endregion
+		//#region \0dsh-css:H:\MaxNull\WorkStation\max-null-plugins\dsh-node-appearance\src\client\ask-card.module.css.mjs
+		const css$1 = ".ylzLDa_root{--ask-accent:var(--ncolor-accent,#65a30d);flex-direction:column;display:flex}.ylzLDa_row{position:relative;overflow:hidden}.ylzLDa_root[data-state=running] .ylzLDa_row:after{content:\"\";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--dsw-alias-bg-base) 60%, transparent) 55%, transparent 100%);pointer-events:none;width:300px;animation:2.6s ease-out infinite ylzLDa_ask-row-sweep;position:absolute;top:0;bottom:0;left:0}@keyframes ylzLDa_ask-row-sweep{0%{left:-300px}90%,to{left:100%}}.ylzLDa_leading{flex-shrink:0}.ylzLDa_chevron{color:var(--dsw-alias-label-secondary)}.ylzLDa_title{font-weight:400}.ylzLDa_sep{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.ylzLDa_summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);flex:auto;overflow:hidden}.ylzLDa_bodyWrap{flex-direction:column;display:flex}.ylzLDa_card{border:1px solid color-mix(in srgb, var(--ask-accent) 34%, transparent);background:color-mix(in srgb, var(--ask-accent) 6%, var(--dsw-alias-bg-base));border-radius:12px;flex-direction:column;gap:14px;margin:4px 0 4px 4px;padding:14px 16px;display:flex}.ylzLDa_item{flex-direction:column;gap:8px;min-width:0;display:flex}.ylzLDa_header{color:var(--ask-accent);font-size:var(--dsh-content-font-size-secondary,13px);font-weight:500;line-height:calc(20px + var(--dsh-content-font-delta,0px))}.ylzLDa_question{color:var(--dsw-alias-label-primary);font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px));white-space:pre-wrap;overflow-wrap:anywhere}.ylzLDa_detail{color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta,0px));white-space:pre-wrap;overflow-wrap:anywhere}.ylzLDa_verdict{color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta,0px));margin:0}.ylzLDa_options{flex-direction:column;gap:6px;display:flex}.ylzLDa_option{border:1px solid var(--dsw-alias-border-l3);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px));border-radius:8px;align-items:flex-start;gap:8px;padding:9px 12px;display:flex}.ylzLDa_option[data-chosen]{border-color:var(--ask-accent);background:color-mix(in srgb, var(--ask-accent) 14%, transparent);color:var(--ask-accent);font-weight:500}.ylzLDa_marker{width:16px;height:calc(22px + var(--dsh-content-font-delta,0px));flex:none;justify-content:center;align-items:center;display:inline-flex}.ylzLDa_optionText{flex-direction:column;gap:2px;min-width:0;display:flex}.ylzLDa_label{overflow-wrap:anywhere}.ylzLDa_desc{color:inherit;opacity:.72;font-size:var(--dsh-content-font-size-secondary,13px);font-weight:400;line-height:calc(20px + var(--dsh-content-font-delta,0px));overflow-wrap:anywhere}.ylzLDa_answers{flex-direction:column;gap:2px;display:flex}.ylzLDa_answerLine{color:var(--dsw-alias-label-primary);font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px));white-space:pre-wrap;overflow-wrap:anywhere}.ylzLDa_answersEmpty{color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px))}.ylzLDa_fallback{white-space:pre-wrap;overflow-wrap:anywhere;font:var(--dsw-font-xs-13);color:var(--dsw-alias-label-tertiary);margin:4px 0 4px 4px}.ylzLDa_inspectButton{border:.5px solid var(--dsw-alias-border-l3);corner-shape:round;background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-secondary);cursor:pointer;opacity:0;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;margin:4px 0 2px 4px;padding:2px 8px;font-size:11px;line-height:16px;transition:opacity .1s;display:inline-flex}.ylzLDa_root:hover .ylzLDa_inspectButton,.ylzLDa_inspectButton:focus-visible{opacity:1}.ylzLDa_inspectButton:hover{background:var(--dsw-alias-interactive-bg-hover-solid);color:var(--dsw-alias-label-primary)}";
+		const tagId$1 = "@max-null/dsh-node-appearance/ask-card.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@max-null/dsh-node-appearance";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var ask_card_module_css_default = {
+			"chevron": "ylzLDa_chevron",
+			"summary": "ylzLDa_summary",
+			"detail": "ylzLDa_detail",
+			"optionText": "ylzLDa_optionText",
+			"answersEmpty": "ylzLDa_answersEmpty",
+			"sep": "ylzLDa_sep",
+			"inspectButton": "ylzLDa_inspectButton",
+			"answers": "ylzLDa_answers",
+			"answerLine": "ylzLDa_answerLine",
+			"leading": "ylzLDa_leading",
+			"title": "ylzLDa_title",
+			"ask-row-sweep": "ylzLDa_ask-row-sweep",
+			"root": "ylzLDa_root",
+			"label": "ylzLDa_label",
+			"bodyWrap": "ylzLDa_bodyWrap",
+			"row": "ylzLDa_row",
+			"verdict": "ylzLDa_verdict",
+			"desc": "ylzLDa_desc",
+			"card": "ylzLDa_card",
+			"options": "ylzLDa_options",
+			"option": "ylzLDa_option",
+			"header": "ylzLDa_header",
+			"item": "ylzLDa_item",
+			"question": "ylzLDa_question",
+			"marker": "ylzLDa_marker",
+			"fallback": "ylzLDa_fallback"
+		};
+		//#endregion
+		//#region src/client/ask-card.tsx
+		/**
+		* 提问卡：接管 `ask_user_question` 的工具行。
+		*
+		* 官方转录卡只列**已选答案**，结算后就再也看不到当时还有哪些选项。本卡片
+		* 用调用参数里的 `options` 把每个选项都渲染成一块，被选中的那块用插件色板
+		* 里 ask 类别的强调色（默认蓝）反显并打勾。
+		*
+		* 接管是 DSH 支持的机制（keyed slot 用不同 priority 遮蔽既有占用者，
+		* 见 ui-slots 的 `register()`），代价是本文件要自己承担官方 ToolRow 的
+		* 折叠行外观 —— 因此行外壳逐项对齐 ToolRow.module.css 的既有视觉
+		* （24px 行高、2px 分隔点、13px 次级摘要、running 扫光、hover 才现的
+		* Inspect 胶囊），组件则全部来自共享的 ui-primitives。
+		*/
+		/** 折叠行右侧的摘要：等待 / 已取消 / 已中断 / 未回答 / N-M 已回答。 */
+		function summaryText(model, t) {
+			if (model.phase === "pending") return t("ask.waiting");
+			if (model.phase === "unanswered") {
+				if (model.verdict === "cancelled") return t("ask.cancelled");
+				if (model.verdict === "aborted") return t("ask.interrupted");
+				return t("ask.skipped");
+			}
+			const { answered, total } = askProgress(model);
+			return t("ask.answered", {
+				answered,
+				total
+			});
+		}
+		/** 一行「未选/已选」选项块。 */
+		function OptionRow({ label, description, chosen }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: ask_card_module_css_default.option,
+				"data-chosen": chosen ? "" : void 0,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: ask_card_module_css_default.marker,
+					"aria-hidden": "true",
+					children: chosen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline14, {})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: ask_card_module_css_default.optionText,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ask_card_module_css_default.label,
+						children: label
+					}), description !== void 0 && description !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ask_card_module_css_default.desc,
+						children: description
+					})]
+				})]
+			});
+		}
+		/** 展开后的卡片体：逐问题列出全部选项并标出选中项。 */
+		function QuestionList({ model, t }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: ask_card_module_css_default.card,
+				children: [model.verdict !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: ask_card_module_css_default.verdict,
+					children: model.verdict === "cancelled" ? t("ask.cancelledDetail") : t("ask.interruptedDetail")
+				}), model.questions.map((question, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: ask_card_module_css_default.item,
+					children: [
+						question.header !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: ask_card_module_css_default.header,
+							children: question.header
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: ask_card_module_css_default.question,
+							children: question.question
+						}),
+						question.detail !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: ask_card_module_css_default.detail,
+							children: question.detail
+						}),
+						question.options.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: ask_card_module_css_default.options,
+							children: [question.options.map((option, optionIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OptionRow, {
+								label: option.label,
+								description: option.description,
+								chosen: question.selected.includes(option.label)
+							}, `${String(optionIndex)}-${option.label}`)), question.custom !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OptionRow, {
+								label: question.custom,
+								chosen: true
+							})]
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: ask_card_module_css_default.answers,
+							children: [
+								question.selected.map((answer, answerIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: ask_card_module_css_default.answerLine,
+									children: answer
+								}, `${String(answerIndex)}-${answer}`)),
+								question.custom !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: ask_card_module_css_default.answerLine,
+									children: question.custom
+								}),
+								question.selected.length === 0 && question.custom === "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: ask_card_module_css_default.answersEmpty,
+									children: t("ask.skipped")
+								})
+							]
+						})
+					]
+				}, question.id !== "" ? question.id : `q${String(index)}`))]
+			});
+		}
+		/**
+		* 渲染一次提问的完整记录。
+		* @param props - locale 翻译函数、冻结的调用切片与可选的轨迹入口。
+		* @returns 折叠行 + 展开后的选项卡片。
+		*/
+		function AskQuestionRow({ t, block, inspect }) {
+			const model = (0, react.useMemo)(() => askCardModel(block), [block]);
+			const [expanded, setExpanded] = (0, react.useState)(false);
+			const hasBody = model.questions.length > 0 || model.fallbackText !== null;
+			const open = expanded && hasBody;
+			const leading = model.state === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: "error" }) : model.state === "stopped" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: "warning" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconQuestionOutline14, {});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: ask_card_module_css_default.root,
+				"data-variant": "others",
+				"data-tool": "ask_user_question",
+				"data-state": model.state,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+					rowClassName: ask_card_module_css_default.row,
+					leadingClassName: ask_card_module_css_default.leading,
+					titleClassName: ask_card_module_css_default.title,
+					chevronClassName: ask_card_module_css_default.chevron,
+					icon: leading,
+					title: t("ask.rowTitle"),
+					open,
+					expandable: hasBody,
+					expandOnRowClick: true,
+					keepContentWhenOpen: true,
+					onToggle: () => {
+						setExpanded((value) => !value);
+					},
+					collapsedContent: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ask_card_module_css_default.sep,
+						"aria-hidden": true
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ask_card_module_css_default.summary,
+						children: summaryText(model, t)
+					})] }),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: ask_card_module_css_default.bodyWrap,
+						children: [model.questions.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuestionList, {
+							model,
+							t
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+							className: ask_card_module_css_default.fallback,
+							children: model.fallbackText
+						}), inspect !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: ask_card_module_css_default.inspectButton,
+							onClick: inspect,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconInspectOutline12, {}), t("row.inspect")]
+						})]
+					})
+				})
+			});
+		}
+		//#endregion
+		//#region \0dsh-css:H:\MaxNull\WorkStation\max-null-plugins\dsh-node-appearance\src\client\goal-detail.module.css.mjs
+		const css = ".WyWU3a_root{box-sizing:border-box;width:calc(100% - var(--dsh-composer-side-clearance) - var(--dsh-composer-side-clearance) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));max-width:calc(var(--dsh-composer-card-max-width) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));border:.5px solid var(--dsw-alias-border-l1);background:var(--dsw-specific-tip);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-top-color:#0000;border-radius:0 0 12px 12px;flex:none;margin:-6px auto 0;overflow:hidden}[data-goal-bar]>div:first-child{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.WyWU3a_body{flex-direction:column;gap:8px;padding:6px 12px;display:flex}.WyWU3a_header{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:0;display:flex}.WyWU3a_lead{color:var(--dsw-alias-label-tertiary);flex:none;place-items:center;display:grid}.WyWU3a_title{color:var(--dsw-alias-label-primary);flex:none;font-size:13px;font-weight:500;line-height:24px}.WyWU3a_summary{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:13px;line-height:20px;overflow:hidden}.WyWU3a_chevron{color:var(--dsw-alias-label-tertiary);flex:none;place-items:center;display:grid}.WyWU3a_detail{flex-direction:column;gap:6px;max-height:180px;margin:0;display:flex;overflow-y:auto}.WyWU3a_row{grid-template-columns:max-content 1fr;align-items:baseline;column-gap:10px;margin:0;display:grid}.WyWU3a_key{color:var(--dsw-alias-label-caption);font-size:13px;line-height:20px}.WyWU3a_value{min-width:0;color:var(--dsw-alias-label-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:20px}.WyWU3a_code{font-family:var(--ds-font-family-code);color:var(--dsw-alias-label-caption);font-size:11px}.WyWU3a_value>.WyWU3a_code:not(:first-child){margin-left:8px}";
+		const tagId = "@max-null/dsh-node-appearance/goal-detail.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@max-null/dsh-node-appearance";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var goal_detail_module_css_default = {
+			"header": "WyWU3a_header",
+			"summary": "WyWU3a_summary",
+			"row": "WyWU3a_row",
+			"lead": "WyWU3a_lead",
+			"value": "WyWU3a_value",
+			"chevron": "WyWU3a_chevron",
+			"key": "WyWU3a_key",
+			"detail": "WyWU3a_detail",
+			"code": "WyWU3a_code",
+			"root": "WyWU3a_root",
+			"body": "WyWU3a_body",
+			"title": "WyWU3a_title"
+		};
+		//#endregion
+		//#region src/client/goal-detail.tsx
+		/**
+		* 目标详情折叠条：接在官方 GoalBar 下面（`conversation.input.dock` 里
+		* `order: 11`，官方那条是 10），把官方条上被 ellipsis 截断的目标展开成可读
+		* 详情。
+		*
+		* 卡片形态照同槽的待办面板（ui-conversation 的 TodoPanel）：同一套 dock 宽度
+		* 公式、同一张 `--dsw-specific-tip` 卡片、同一个「标题 + 右侧摘要 + chevron」
+		* 折叠头，默认收起。折叠头只放官方条**没有**的元信息（版本号、自主轮次），
+		* 目标原文放在展开区 —— 这样两块不会互相重复。
+		*
+		* 为什么是「另加一条」而不是接管官方条：`conversation.input.dock` 是 list
+		* 槽，不同 id 各自成格并列渲染；而官方 ui-goal 的注入面（edit/pause/resume/
+		* clear 四个 Remote 动词 + 一个带竞态防护的 activation 订阅源）是**注册者
+		* 私有**的，接管就得整套复刻 —— 那会把这个「只读地多看一行」的需求变成
+		* 插件里多一处会写会话数据的 RPC 客户端。这里只读 `useProjection('goal')`。
+		*/
+		/** 阶段文案：与官方 goal 字典同义，按本插件既有做法直写中文。 */
+		const PHASE_LABEL = {
+			active: "进行中",
+			paused: "已暂停",
+			blocked: "已阻塞",
+			complete: "已完成"
+		};
+		/** 折叠头右侧摘要：只放官方条没有的元信息。 */
+		function summaryLabel(goal) {
+			const parts = [`rev ${String(goal.revision)}`];
+			if (goal.roundsStarted !== void 0) parts.push(goal.maxGoalRounds === void 0 ? `${String(goal.roundsStarted)} 轮` : `${String(goal.roundsStarted)} / ${String(goal.maxGoalRounds)} 轮`);
+			return parts.join(" · ");
+		}
+		/** 展开区里的一组「键 / 值」。 */
+		function Row({ label, children }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: goal_detail_module_css_default.row,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
+					className: goal_detail_module_css_default.key,
+					children: label
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
+					className: goal_detail_module_css_default.value,
+					children
+				})]
+			});
+		}
+		/**
+		* 渲染目标详情折叠条。
+		* @param props - 框架标准投影席位。
+		* @returns 折叠条；加载中、无目标、或目标已完成时不渲染（与官方条一致）。
+		*/
+		function GoalDetail({ useProjection }) {
+			const projection = useProjection("goal");
+			const [collapsed, setCollapsed] = (0, react.useState)(true);
+			const goalId = projection?.goal.id;
+			(0, react.useEffect)(() => {
+				setCollapsed(true);
+			}, [goalId]);
+			const goal = projection?.goal;
+			if (goal === void 0 || goal === null || goal.phase === "complete") return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+				className: goal_detail_module_css_default.root,
+				"data-goal-detail": true,
+				"aria-label": "目标详情",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: goal_detail_module_css_default.body,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: goal_detail_module_css_default.header,
+						"aria-expanded": !collapsed,
+						onClick: () => {
+							setCollapsed((value) => !value);
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: goal_detail_module_css_default.lead,
+								"aria-hidden": true,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGoalOutline16, { size: 14 })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: goal_detail_module_css_default.title,
+								children: "目标详情"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: goal_detail_module_css_default.summary,
+								children: summaryLabel(goal)
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: goal_detail_module_css_default.chevron,
+								"aria-hidden": true,
+								children: collapsed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, {})
+							})
+						]
+					}), !collapsed && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
+						className: goal_detail_module_css_default.detail,
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: card_module_css_default.row,
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-										className: card_module_css_default.rowLabel,
-										htmlFor: "node-appearance-show-thinking",
-										children: "显示思考过程"
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: card_module_css_default.rowHint,
-										children: "关闭后会话中的 Think 思考行隐藏"
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										id: "node-appearance-show-thinking",
-										className: `${card_module_css_default.switch}${showThinking ? ` ${card_module_css_default.on}` : ""}`,
-										type: "button",
-										"aria-pressed": showThinking,
-										onClick: () => {
-											setShowThinking(!showThinking);
-										},
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: card_module_css_default.knob })
-									})
-								]
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+								label: "目标",
+								children: goal.objective
 							}),
-							Object.keys(CATEGORY_LABELS).map((category) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: card_module_css_default.row,
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-										className: card_module_css_default.rowLabel,
-										htmlFor: `node-appearance-color-${category}`,
-										children: CATEGORY_LABELS[category]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										id: `node-appearance-color-${category}`,
-										className: card_module_css_default.colorInput,
-										type: "color",
-										value: colors[category],
-										onChange: (event) => {
-											setCategoryColor(category, event.target.value);
-										}
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: card_module_css_default.colorValue,
-										children: colors[category]
-									})
-								]
-							}, category)),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: card_module_css_default.sectionTitle,
-								children: "工具颜色覆盖（可选）"
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+								label: "阶段",
+								children: PHASE_LABEL[goal.phase]
 							}),
-							Object.entries(toolColors).map(([tool, color]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: card_module_css_default.toolRow,
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: card_module_css_default.toolName,
-										title: tool,
-										children: tool
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										className: card_module_css_default.colorInput,
-										type: "color",
-										value: isCssColor(color) ? color : DEFAULT_COLORS.other,
-										onChange: (event) => {
-											setToolColor(tool, event.target.value);
-										}
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: card_module_css_default.removeButton,
-										onClick: () => {
-											removeToolColor(tool);
-										},
-										children: "删除"
-									})
-								]
-							}, tool)),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
-								className: card_module_css_default.addRow,
-								onSubmit: addTool,
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										className: card_module_css_default.toolInput,
-										type: "text",
-										placeholder: `工具名，如 ${TOOL_SUGGESTIONS}`,
-										value: toolName,
-										onChange: (event) => {
-											setToolName(event.target.value);
-										}
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										className: card_module_css_default.colorInput,
-										type: "color",
-										value: toolColor,
-										onChange: (event) => {
-											setToolColorDraft(event.target.value);
-										}
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "submit",
-										className: card_module_css_default.addButton,
-										disabled: toolName.trim() === "",
-										children: "添加"
-									})
-								]
+							goal.blockedReason !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
+								label: "阻塞",
+								children: [goal.blockedReason.message, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: goal_detail_module_css_default.code,
+									children: goal.blockedReason.code
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+								label: "标识",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: goal_detail_module_css_default.code,
+									children: goal.id
+								})
 							})
 						]
 					})]
-				})]
+				})
 			});
 		}
 		//#endregion
@@ -437,6 +999,11 @@ window.__ModuleLoader__.load({
 			}), "dsh-node-appearance: repaint on settings change");
 			const face = {
 				hooks: { nodeAppearance: scope },
+				apply: async (value) => {
+					await scope.set("showThinking", value.showThinking ?? true);
+					await scope.set("colors", value.colors ?? {});
+					await scope.set("toolColors", value.toolColors ?? {});
+				},
 				setShowThinking: (show) => {
 					scope.set("showThinking", show);
 				},
@@ -465,6 +1032,17 @@ window.__ModuleLoader__.load({
 				key: NODE_APPEARANCE_NS,
 				inject: () => face
 			}, NodeAppearanceRow));
+			ctx.slots.inject("tool.call.toolview", () => ctx.slots.register({
+				name: "tool.call.toolview",
+				key: "ask_user_question",
+				priority: -1,
+				locale: "conversation"
+			}, AskQuestionRow));
+			ctx.slots.inject("conversation.input.dock", () => ctx.slots.register({
+				name: "conversation.input.dock",
+				id: "max-null/goal-detail",
+				order: 11
+			}, GoalDetail));
 		}
 		//#endregion
 		exports.apply = apply;