dsh-image-gen 0.2.3 → 0.2.5

package/lib/client.js

@@ -19,12 +19,61 @@ window.__ModuleLoader__.load({
 		const DEFAULT_DASHSCOPE_ENDPOINT = "https://dashscope.aliyuncs.com/api/v1";
 		const DEFAULT_COMFYUI_BASE_URL = "http://127.0.0.1:8188";
 		const DEFAULT_COMFYUI_TIMEOUT_MS = 3e5;
+		const DEFAULT_COMFYUI_WORKFLOW_LABEL = "API workflow";
+		/** Default model names. */
+		const DEFAULT_GOOGLE_MODEL = "gemini-3.1-flash-image";
+		const DEFAULT_OPENAI_MODEL = "gpt-image-2";
+		const DEFAULT_SEEDREAM_MODEL = "doubao-seedream-5-0-260128";
+		const DEFAULT_DASHSCOPE_MODEL = "qwen-image-3.0";
+		/** Named workflows, falling back to the legacy single-workflow fields when the list is empty. */
+		function resolveComfyUIWorkflows(source) {
+			const named = [];
+			for (const entry of source.comfyuiWorkflows ?? []) {
+				const name = typeof entry?.name === "string" ? entry.name.trim() : "";
+				const json = typeof entry?.json === "string" ? entry.json : "";
+				if (name.length > 0 && json.trim().length > 0) {
+					const presetPrompt = typeof entry.presetPrompt === "string" ? entry.presetPrompt.trim() : "";
+					named.push(presetPrompt.length > 0 ? {
+						name,
+						json,
+						presetPrompt
+					} : {
+						name,
+						json
+					});
+				}
+			}
+			if (named.length > 0) return named;
+			const legacyJson = typeof source.comfyuiWorkflowJson === "string" ? source.comfyuiWorkflowJson : "";
+			if (legacyJson.trim().length === 0) return [];
+			const legacyName = typeof source.comfyuiWorkflowName === "string" ? source.comfyuiWorkflowName.trim() : "";
+			return [{
+				name: legacyName.length > 0 ? legacyName : DEFAULT_COMFYUI_WORKFLOW_LABEL,
+				json: legacyJson
+			}];
+		}
+		/** The workflow ComfyUI calls use by default: the configured active name, else the first entry. */
+		function activeComfyUIWorkflow(source) {
+			const workflows = resolveComfyUIWorkflows(source);
+			if (workflows.length === 0) return void 0;
+			const activeName = typeof source.comfyuiActiveWorkflow === "string" ? source.comfyuiActiveWorkflow.trim() : "";
+			return workflows.find((workflow) => workflow.name === activeName) ?? workflows[0];
+		}
+		/** Derive a workflow label that does not collide with the given existing names. */
+		function uniqueComfyUIWorkflowName(name, existing) {
+			const base = name.trim().length > 0 ? name.trim() : DEFAULT_COMFYUI_WORKFLOW_LABEL;
+			if (!existing.includes(base)) return base;
+			for (let index = 2;; index += 1) {
+				const candidate = `${base} (${index})`;
+				if (!existing.includes(candidate)) return candidate;
+			}
+		}
 		const DEFAULT_MODELS = {
-			google: "gemini-3.1-flash-image",
-			openai: "gpt-image-2",
-			seedream: "doubao-seedream-5-0-260128",
-			dashscope: "qwen-image-3.0",
-			comfyui: "API workflow"
+			google: DEFAULT_GOOGLE_MODEL,
+			openai: DEFAULT_OPENAI_MODEL,
+			seedream: DEFAULT_SEEDREAM_MODEL,
+			dashscope: DEFAULT_DASHSCOPE_MODEL,
+			comfyui: DEFAULT_COMFYUI_WORKFLOW_LABEL
 		};
 		const DEFAULT_BASE_URLS = {
 			google: DEFAULT_GOOGLE_ENDPOINT,
@@ -37,9 +86,16 @@ window.__ModuleLoader__.load({
 		//#region lib/types/comfyui-workflow.js
 		/** Pure ComfyUI API-workflow validation and placeholder injection. */
 		const COMFYUI_PROMPT_PLACEHOLDER = "{{prompt}}";
+		const COMFYUI_IMAGE_PLACEHOLDER = "{{image}}";
+		/** Legacy single-percent placeholders from early releases, still accepted. */
+		const LEGACY_PROMPT_PLACEHOLDER = "%prompt%";
+		const LEGACY_IMAGE_PLACEHOLDER = "%image%";
+		/** LoadImage-style input key that receives the uploaded source image name. */
+		const IMAGE_INPUT_KEY = "image";
 		/** Validate imported JSON without exposing workflow graph details to callers. */
 		function validateComfyUIWorkflowJson(workflowJson) {
-			parseWorkflow(workflowJson);
+			const imageInputs = countImagePlaceholders(parseWorkflow(workflowJson));
+			if (imageInputs > 1) throw new Error(`ComfyUI workflow must contain at most one ${COMFYUI_IMAGE_PLACEHOLDER} image input; found ${String(imageInputs)}`);
 		}
 		function parseWorkflow(workflowJson) {
 			if (workflowJson.trim().length === 0) throw new Error("Import a ComfyUI API workflow JSON file in Settings before generating");
@@ -52,20 +108,32 @@ window.__ModuleLoader__.load({
 			}
 			if (!isRecord(value) || Object.keys(value).length === 0) throw new Error("ComfyUI workflow must be a non-empty API-format JSON object");
 			if (!Object.values(value).some((node) => {
-				const inputs = record(node)?.inputs;
+				const inputs = record$1(node)?.inputs;
 				return inputs !== void 0 && containsPromptPlaceholder(inputs);
-			})) throw new Error(`ComfyUI workflow must contain ${COMFYUI_PROMPT_PLACEHOLDER} in a text input`);
+			})) throw new Error(`ComfyUI workflow must contain ${COMFYUI_PROMPT_PLACEHOLDER} (or ${LEGACY_PROMPT_PLACEHOLDER}) in a text input`);
 			return value;
 		}
+		/** Count `inputs.image` fields that are exactly an image placeholder. */
+		function countImagePlaceholders(workflow) {
+			let count = 0;
+			for (const node of Object.values(workflow)) {
+				const inputs = record$1(record$1(node)?.inputs);
+				if (inputs !== void 0 && isImagePlaceholder(inputs[IMAGE_INPUT_KEY])) count += 1;
+			}
+			return count;
+		}
+		function isImagePlaceholder(value) {
+			return value === "{{image}}" || value === LEGACY_IMAGE_PLACEHOLDER;
+		}
 		function containsPromptPlaceholder(value) {
-			if (typeof value === "string") return value.includes(COMFYUI_PROMPT_PLACEHOLDER);
+			if (typeof value === "string") return value.includes("{{prompt}}") || value.includes(LEGACY_PROMPT_PLACEHOLDER);
 			if (Array.isArray(value)) return value.some(containsPromptPlaceholder);
 			return isRecord(value) && Object.values(value).some(containsPromptPlaceholder);
 		}
 		function isRecord(value) {
 			return typeof value === "object" && value !== null && !Array.isArray(value);
 		}
-		function record(value) {
+		function record$1(value) {
 			return isRecord(value) ? value : void 0;
 		}
 		//#endregion
@@ -223,6 +291,7 @@ window.__ModuleLoader__.load({
 				filterOpenAI: "OpenAI / 中转站",
 				filterSeedream: "字节 Seedream",
 				filterDashScope: "阿里 DashScope",
+				filterComfyUI: "本地 ComfyUI",
 				emptyTitle: "暂无生图记录",
 				emptyDesc: "在对话中让 Agent 生图后，生成的图片会自动收录到这里。",
 				noMatchTitle: "未找到匹配结果",
@@ -249,6 +318,7 @@ window.__ModuleLoader__.load({
 				filterOpenAI: "OpenAI / Relay",
 				filterSeedream: "ByteDance Seedream",
 				filterDashScope: "Aliyun DashScope",
+				filterComfyUI: "Local ComfyUI",
 				emptyTitle: "No images generated yet",
 				emptyDesc: "Images generated during conversations will automatically appear here.",
 				noMatchTitle: "No matching images",
@@ -416,6 +486,10 @@ window.__ModuleLoader__.load({
 									(0, react_jsx_runtime.jsx)("option", {
 										value: "dashscope",
 										children: t("filterDashScope")
+									}),
+									(0, react_jsx_runtime.jsx)("option", {
+										value: "comfyui",
+										children: t("filterComfyUI")
 									})
 								]
 							})]
@@ -941,6 +1015,146 @@ window.__ModuleLoader__.load({
 			if (fromBlockContent?.type === "image") return fromBlockContent.attachment;
 		}
 		//#endregion
+		//#region lib/types/client/image-result-node.js
+		const IMAGE_RESULT_NODE_KIND = "dsh-image-result";
+		/**
+		* One image result row per Turn, anchored at its own tool/result position while
+		* the Turn runs, then optionally re-anchored beside the final answer once the
+		* Turn closes (only needed under the folding Compact transcript view).
+		*/
+		function createImageResultDefinition(options = {}) {
+			return {
+				kind: IMAGE_RESULT_NODE_KIND,
+				target: "chat",
+				match: (event) => {
+					const turn = eventTurn(event);
+					if (turn === void 0) return null;
+					if (event.type === "turn/start") return {
+						id: String(turn),
+						role: "start"
+					};
+					if (event.type === "turn/end") return {
+						id: String(turn),
+						role: "update"
+					};
+					if (event.type === "assistant/message") return {
+						id: String(turn),
+						role: "update"
+					};
+					if (event.type === "tool/result" && imageResultFromMeta(event.data.meta) !== void 0) return {
+						id: String(turn),
+						role: "update"
+					};
+					return null;
+				},
+				start: (_context, match) => {
+					const turn = eventTurn(match.event);
+					if (match.event.type !== "turn/start" || turn === void 0) throw new Error("dsh-image-result start requires turn/start");
+					return {
+						turn,
+						results: []
+					};
+				},
+				update: (context, match) => {
+					if (match.event.type === "turn/end") return {
+						...context.state,
+						endSeq: match.event.seq
+					};
+					if (match.event.type === "assistant/message") return {
+						...context.state,
+						answerSeq: match.event.seq
+					};
+					if (match.event.type !== "tool/result") return context.state;
+					const result = imageResultFromMeta(match.event.data.meta);
+					if (result === void 0) return context.state;
+					if (context.state.results.some((candidate) => candidate.attachment.attachmentId === result.attachment.attachmentId)) return context.state;
+					return {
+						...context.state,
+						results: [...context.state.results, {
+							...result,
+							seq: match.event.seq
+						}]
+					};
+				},
+				buildViewNode: (context) => {
+					const state = context.state;
+					const last = state?.results.at(-1);
+					if (state === void 0 || last === void 0) return null;
+					const location = context.matches.at(-1)?.location ?? context.start?.location ?? { kind: "unresolved" };
+					return {
+						key: context.key,
+						kind: IMAGE_RESULT_NODE_KIND,
+						id: context.id,
+						target: "chat",
+						anchorSeq: state.endSeq !== void 0 && compactTranscript(options) ? state.answerSeq ?? state.endSeq ?? last.seq : last.seq,
+						location,
+						visibility: "visible",
+						data: {
+							turn: state.turn,
+							results: state.results.map(({ seq: _seq, ...result }) => result)
+						}
+					};
+				}
+			};
+		}
+		function compactTranscript(options) {
+			try {
+				return options.isCompactTranscript?.() ?? true;
+			} catch {
+				return true;
+			}
+		}
+		/** Parse the plugin-owned durable presentation metadata from a Tool result event. */
+		function imageResultFromMeta(value) {
+			const meta = record(value);
+			if (meta?.kind !== "dsh-image-gen") return void 0;
+			const attachment = imageAttachment(meta.attachment);
+			if (attachment === void 0) return void 0;
+			return {
+				attachment,
+				prompt: stringValue(meta.prompt, "Generated Image"),
+				provider: stringValue(meta.provider, "google"),
+				model: stringValue(meta.model, ""),
+				output: stringValue(meta.output, ""),
+				...typeof meta.savedTo === "string" ? { savedTo: meta.savedTo } : {},
+				...typeof meta.seed === "number" ? { seed: meta.seed } : {}
+			};
+		}
+		function eventTurn(event) {
+			const turn = event.data.turn;
+			return typeof turn === "number" && Number.isSafeInteger(turn) && turn >= 0 ? turn : void 0;
+		}
+		function imageAttachment(value) {
+			const candidate = record(value);
+			if (candidate === void 0 || typeof candidate.attachmentId !== "string" || !isImageMediaType(candidate.mediaType) || !positiveInteger(candidate.bytes) || !positiveInteger(candidate.width) || !positiveInteger(candidate.height)) return void 0;
+			const original = record(candidate.originalDimensions);
+			if (candidate.originalDimensions !== void 0 && (original === void 0 || !positiveInteger(original.width) || !positiveInteger(original.height))) return void 0;
+			return {
+				attachmentId: candidate.attachmentId,
+				mediaType: candidate.mediaType,
+				bytes: candidate.bytes,
+				width: candidate.width,
+				height: candidate.height,
+				...typeof candidate.name === "string" ? { name: candidate.name } : {},
+				...original === void 0 ? {} : { originalDimensions: {
+					width: original.width,
+					height: original.height
+				} }
+			};
+		}
+		function isImageMediaType(value) {
+			return value === "image/png" || value === "image/jpeg" || value === "image/webp" || value === "image/gif";
+		}
+		function positiveInteger(value) {
+			return typeof value === "number" && Number.isSafeInteger(value) && value > 0;
+		}
+		function stringValue(value, fallback) {
+			return typeof value === "string" ? value : fallback;
+		}
+		function record(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
+		}
+		//#endregion
 		//#region lib/types/client/index.js
 		const KEY_REF = {
 			google: "GEMINI_API_KEY",
@@ -970,13 +1184,18 @@ window.__ModuleLoader__.load({
 				endpointHintDashScope: "阿里云百炼 DashScope 官方接口地址。",
 				endpointHintComfyUI: "正在运行且 DSH Host 可以访问的 ComfyUI 地址，默认使用本机 8188 端口。",
 				model: "模型",
-				workflow: "API Workflow",
+				workflow: "API Workflow 工作流",
 				workflowImport: "导入 JSON 文件",
-				workflowReplace: "替换 JSON 文件",
 				workflowMissing: "尚未导入工作流",
 				workflowImported: "已导入 {name}",
-				workflowHint: "请从 ComfyUI 导出 API Format JSON，并在提示词输入位置写入 {{prompt}}；可用 {{seed}} 作为随机种子。",
+				workflowHint: "从 ComfyUI 导出 API Format JSON，在提示词输入写入 {{prompt}}，种子可用 {{seed}}；图生图工作流在 LoadImage 的 image 输入写入 {{image}}（仅一次）。可导入多个工作流，Agent 也能在调用时按名称指定。",
 				workflowTooLarge: "工作流文件不能超过 5 MB。",
+				workflowActiveTitle: "设为当前使用的工作流",
+				workflowRemove: "删除",
+				workflowPresetPlaceholder: "预设提示词，留空则只用对话内容",
+				workflowPresetTitle: "预设提示词：每次调用此工作流时自动加在用户提示词前面。",
+				workflowNameRequired: "工作流名称不能为空。",
+				workflowDuplicateName: "工作流名称不能重复。",
 				timeout: "生成超时（秒）",
 				timeoutHint: "包括提交、等待和下载图片；默认 300 秒。",
 				saveToWorkspace: "保存到工作区",
@@ -994,6 +1213,7 @@ window.__ModuleLoader__.load({
 				loading: "正在加载图片…",
 				loadFailed: "图片读取失败 ({status})",
 				generatedTitle: "已生成图片",
+				resultShown: "图片结果已显示在对话中",
 				copyImg: "复制图片",
 				download: "下载图片",
 				openNewTab: "新标签页打开",
@@ -1021,13 +1241,18 @@ window.__ModuleLoader__.load({
 				endpointHintDashScope: "Official Aliyun DashScope endpoint.",
 				endpointHintComfyUI: "A running ComfyUI server reachable by the DSH Host; the default points to port 8188 on this computer.",
 				model: "Model",
-				workflow: "API Workflow",
+				workflow: "API Workflows",
 				workflowImport: "Import JSON file",
-				workflowReplace: "Replace JSON file",
 				workflowMissing: "No workflow imported",
 				workflowImported: "Imported {name}",
-				workflowHint: "Export an API Format JSON from ComfyUI and place {{prompt}} in its prompt input. {{seed}} is available for a random seed.",
+				workflowHint: "Export an API Format JSON from ComfyUI and place {{prompt}} in its prompt input; {{seed}} is available for a random seed. For image editing put {{image}} (exactly once) in the LoadImage image input. Import as many workflows as you need; the Agent can also pick one by name.",
 				workflowTooLarge: "Workflow files must be no larger than 5 MB.",
+				workflowActiveTitle: "Make this the active workflow",
+				workflowRemove: "Remove",
+				workflowPresetPlaceholder: "Preset prompt (optional)",
+				workflowPresetTitle: "Preset prompt: automatically prepended to the user prompt on every call of this workflow.",
+				workflowNameRequired: "Workflow names cannot be empty.",
+				workflowDuplicateName: "Workflow names must be unique.",
 				timeout: "Generation timeout (seconds)",
 				timeoutHint: "Covers submission, waiting, and image download; defaults to 300 seconds.",
 				saveToWorkspace: "Save to workspace",
@@ -1045,6 +1270,7 @@ window.__ModuleLoader__.load({
 				loading: "Loading image…",
 				loadFailed: "Failed to load image ({status})",
 				generatedTitle: "Generated image",
+				resultShown: "Image result is shown in the conversation",
 				copyImg: "Copy Image",
 				download: "Download Image",
 				openNewTab: "Open in new tab",
@@ -1075,9 +1301,16 @@ window.__ModuleLoader__.load({
 .dsh-ig-file-button:hover{background:var(--dsw-alias-bg-layer-2,#edf0f3);border-color:var(--dsw-alias-label-dimmed,#9ca3af)}
 .dsh-ig-file-button:focus-within{outline:2px solid var(--dsw-alias-brand-primary,#4c78ff);outline-offset:2px}
 .dsh-ig-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-secondary,inherit);font-size:12px}
+.dsh-ig-workflow-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
+.dsh-ig-workflow-row{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--dsw-alias-border-l2,#eee);border-radius:8px}
+.dsh-ig-workflow-main{display:flex;align-items:center;gap:8px}
+.dsh-ig-workflow-active{display:inline-flex;align-items:center;cursor:pointer;flex:none}
+.dsh-ig-workflow-active input[type=radio]{width:15px;height:15px;accent-color:var(--dsw-alias-brand-primary,#4c78ff);margin:0;cursor:pointer}
+.dsh-ig-workflow-name{flex:1;min-width:0}
 .dsh-ig-btn-reset{appearance:none;border:1px solid var(--dsw-alias-border-l2,#d7dbe0);border-radius:8px;padding:7px 12px;background:var(--dsw-alias-bg-layer-3,#f9fafb);color:var(--dsw-alias-label-secondary,inherit);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
 .dsh-ig-btn-reset:hover{background:var(--dsw-alias-bg-layer-2,#edf0f3);border-color:var(--dsw-alias-label-dimmed,#9ca3af)}
 .dsh-ig-hint,.dsh-ig-status{margin:0;color:var(--dsw-alias-label-tertiary,#7b818b);font-size:12px;line-height:1.4}
+.dsh-ig-status-error{color:var(--dsw-alias-label-error,#d33);font-weight:500}
 .dsh-ig-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--dsw-alias-border-l2,#eee)}
 .dsh-ig-check-row{display:flex;align-items:center;gap:8px;cursor:pointer}
 .dsh-ig-check-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--dsw-alias-brand-primary,#4c78ff);margin:0}
@@ -1086,6 +1319,7 @@ window.__ModuleLoader__.load({
 .dsh-ig-save:disabled{opacity:.4;cursor:default}
 
 .dsh-ig-result{display:grid;gap:10px;max-width:520px}
+.dsh-ig-promoted-results{display:grid;gap:16px}
 .dsh-ig-result-title{font-size:14px;font-weight:600}
 .dsh-ig-container{position:relative;display:inline-block;width:fit-content;max-width:100%;justify-self:start;border-radius:12px;overflow:hidden;line-height:0}
 .dsh-ig-container:hover .dsh-ig-toolbar{opacity:1;pointer-events:auto}
@@ -1165,7 +1399,10 @@ window.__ModuleLoader__.load({
 		/** Mount the settings card, generated-image card, and native conversation gallery view. */
 		function apply(ctx) {
 			const scope = ctx.settingsScope.bind({ namespace: IMAGE_GENERATION_NAMESPACE });
+			const chatScope = ctx.settingsScope.bind({ namespace: "ui-chat" });
+			const isCompactTranscript = () => chatScope.getSnapshot().value?.transcriptView !== "normal";
 			const locale = ctx.get("locale");
+			const promotion = { enabled: false };
 			ctx.effect(() => {
 				const style = document.createElement("style");
 				style.dataset.plugin = "dsh-image-gen";
@@ -1176,6 +1413,18 @@ window.__ModuleLoader__.load({
 				};
 			}, "dsh-image-gen: styles");
 			const register = ctx.slots.register.bind(ctx.slots);
+			ctx.inject(["uiConversation"], (owner) => {
+				const uiConversation = asModernUiConversation(owner.get("uiConversation"));
+				if (uiConversation === void 0) throw new Error("dsh-image-gen: uiConversation has an incompatible interface");
+				promotion.enabled = true;
+				const ownerRegister = owner.slots.register.bind(owner.slots);
+				owner.effect(() => uiConversation.events.register(createImageResultDefinition({ isCompactTranscript })), "dsh-image-gen: promoted image result node");
+				owner.slots.inject("conversation.chat.node", () => ownerRegister({
+					name: "conversation.chat.node",
+					key: IMAGE_RESULT_NODE_KIND,
+					inject: () => ({ locale })
+				}, PromotedImageResultNode));
+			});
 			const injectSettingsItem = (owner, credentials) => {
 				const ownerRegister = owner.slots.register.bind(owner.slots);
 				owner.slots.inject("settings.plugin.item", () => ownerRegister({
@@ -1200,12 +1449,18 @@ window.__ModuleLoader__.load({
 			ctx.slots.inject("tool.call.toolview", () => register({
 				name: "tool.call.toolview",
 				key: "generate_image",
-				inject: () => ({ locale })
+				inject: () => ({
+					locale,
+					promoted: promotion.enabled
+				})
 			}, GeneratedImageCard));
 			ctx.slots.inject("tool.call.toolview", () => register({
 				name: "tool.call.toolview",
 				key: "edit_image",
-				inject: () => ({ locale })
+				inject: () => ({
+					locale,
+					promoted: promotion.enabled
+				})
 			}, GeneratedImageCard));
 			ctx.slots.inject("conversation.view", () => register({
 				name: "conversation.view",
@@ -1217,6 +1472,12 @@ window.__ModuleLoader__.load({
 				inject: () => ({ locale })
 			}, GalleryViewTab));
 		}
+		function asModernUiConversation(value) {
+			if (value === null || typeof value !== "object") return void 0;
+			const events = value.events;
+			if (events === null || typeof events !== "object") return void 0;
+			return typeof events.register === "function" ? value : void 0;
+		}
 		function asCredentialsRemote(value) {
 			if (value === null || typeof value !== "object") return void 0;
 			const candidate = value;
@@ -1255,8 +1516,8 @@ window.__ModuleLoader__.load({
 			const [provider, setProvider] = (0, react.useState)("google");
 			const [model, setModel] = (0, react.useState)("");
 			const [baseURL, setBaseURL] = (0, react.useState)("");
-			const [workflowJson, setWorkflowJson] = (0, react.useState)("");
-			const [workflowName, setWorkflowName] = (0, react.useState)("");
+			const [workflows, setWorkflows] = (0, react.useState)([]);
+			const [activeWorkflow, setActiveWorkflow] = (0, react.useState)("");
 			const [timeoutSeconds, setTimeoutSeconds] = (0, react.useState)(DEFAULT_COMFYUI_TIMEOUT_MS / 1e3);
 			const [saveToWorkspace, setSaveToWorkspace] = (0, react.useState)(true);
 			const [workspaceFolder, setWorkspaceFolder] = (0, react.useState)("dsh-image-gen");
@@ -1264,6 +1525,15 @@ window.__ModuleLoader__.load({
 			const [configured, setConfigured] = (0, react.useState)();
 			const [saving, setSaving] = (0, react.useState)(false);
 			const [message, setMessage] = (0, react.useState)("");
+			const [messageIsError, setMessageIsError] = (0, react.useState)(false);
+			const reportMessage = (text) => {
+				setMessage(text);
+				setMessageIsError(false);
+			};
+			const reportError = (text) => {
+				setMessage(text);
+				setMessageIsError(true);
+			};
 			(0, react.useEffect)(() => props.scope.subscribe(() => {
 				setSnapshot(props.scope.getSnapshot());
 			}), [props.scope]);
@@ -1290,8 +1560,8 @@ window.__ModuleLoader__.load({
 				setProvider(next);
 				setModel(modelOf(next, value));
 				setBaseURL(baseURLOf(next, value));
-				setWorkflowJson(value?.comfyuiWorkflowJson ?? "");
-				setWorkflowName(value?.comfyuiWorkflowName ?? "");
+				setWorkflows(resolveComfyUIWorkflows(value ?? {}));
+				setActiveWorkflow(activeComfyUIWorkflow(value ?? {})?.name ?? "");
 				setTimeoutSeconds(Math.max(1, Math.round((value?.comfyuiTimeoutMs ?? 3e5) / 1e3)));
 				setSaveToWorkspace(value?.saveToWorkspace ?? true);
 				setWorkspaceFolder(value?.workspaceFolder ?? "dsh-image-gen");
@@ -1319,10 +1589,22 @@ window.__ModuleLoader__.load({
 				try {
 					await props.scope.set("provider", provider);
 					if (provider === "comfyui") {
-						validateComfyUIWorkflowJson(workflowJson);
+						const entries = workflows.map((entry) => ({
+							name: entry.name.trim(),
+							json: entry.json,
+							presetPrompt: (entry.presetPrompt ?? "").trim()
+						}));
+						for (const entry of entries) {
+							if (entry.name.length === 0) throw new Error(t("workflowNameRequired"));
+							validateComfyUIWorkflowJson(entry.json);
+						}
+						if (new Set(entries.map((entry) => entry.name)).size !== entries.length) throw new Error(t("workflowDuplicateName"));
+						const activeEntry = entries.find((entry) => entry.name === activeWorkflow) ?? entries[0];
 						await props.scope.set("comfyuiBaseURL", baseURL);
-						await props.scope.set("comfyuiWorkflowJson", workflowJson);
-						await props.scope.set("comfyuiWorkflowName", workflowName);
+						await props.scope.set("comfyuiWorkflows", entries);
+						await props.scope.set("comfyuiActiveWorkflow", activeEntry === void 0 ? "" : activeEntry.name);
+						await props.scope.set("comfyuiWorkflowJson", activeEntry === void 0 ? "" : activeEntry.json);
+						await props.scope.set("comfyuiWorkflowName", activeEntry === void 0 ? "" : activeEntry.name);
 						await props.scope.set("comfyuiTimeoutMs", Math.max(1, Math.round(timeoutSeconds)) * 1e3);
 					} else {
 						await props.scope.set(provider === "google" ? "googleModel" : provider === "openai" ? "openaiModel" : provider === "seedream" ? "seedreamModel" : "dashscopeModel", model);
@@ -1338,31 +1620,58 @@ window.__ModuleLoader__.load({
 						setKey("");
 						setConfigured(true);
 					}
-					setMessage(t("saved"));
+					reportMessage(t("saved"));
 				} catch (cause) {
-					setMessage(cause instanceof Error ? cause.message : String(cause));
+					reportError(cause instanceof Error ? cause.message : String(cause));
 				} finally {
 					setSaving(false);
 				}
 			};
 			const keyStatus = configured === void 0 ? t("checkingKey") : configured ? t("keyConfigured") : t("keyNotConfigured");
-			const workflowStatus = workflowName.length > 0 ? t("workflowImported", { name: workflowName }) : t("workflowMissing");
+			const workflowStatus = activeWorkflow.length > 0 ? t("workflowImported", { name: activeWorkflow }) : t("workflowMissing");
 			const importWorkflow = async (event) => {
 				const file = event.target.files?.[0];
 				event.target.value = "";
 				if (file === void 0) return;
-				setMessage("");
+				reportMessage("");
 				try {
 					if (file.size > 5242880) throw new Error(t("workflowTooLarge"));
 					const json = await file.text();
 					validateComfyUIWorkflowJson(json);
-					setWorkflowJson(json);
-					setWorkflowName(file.name);
-					setMessage(t("workflowImported", { name: file.name }));
+					const name = uniqueComfyUIWorkflowName(file.name, workflows.map((entry) => entry.name));
+					setWorkflows((current) => [...current, {
+						name,
+						json
+					}]);
+					setActiveWorkflow((current) => current.length > 0 ? current : name);
+					reportMessage(t("workflowImported", { name }));
 				} catch (cause) {
-					setMessage(cause instanceof Error ? cause.message : String(cause));
+					reportError(cause instanceof Error ? cause.message : String(cause));
 				}
 			};
+			/** Renaming the active entry keeps the active selection following its new name. */
+			const renameWorkflow = (index, name) => {
+				const previous = workflows[index];
+				setWorkflows((current) => current.map((entry, position) => position === index ? {
+					...entry,
+					name
+				} : entry));
+				if (previous !== void 0 && previous.name === activeWorkflow) setActiveWorkflow(name);
+			};
+			/** Removing the active entry moves the selection to the first remaining workflow. */
+			const removeWorkflow = (index) => {
+				const previous = workflows[index];
+				const next = workflows.filter((_entry, position) => position !== index);
+				setWorkflows(next);
+				if (previous !== void 0 && previous.name === activeWorkflow) setActiveWorkflow(next[0]?.name ?? "");
+			};
+			/** Editing one entry's preset leaves the rest of the entry untouched. */
+			const setWorkflowPreset = (index, presetPrompt) => {
+				setWorkflows((current) => current.map((entry, position) => position === index ? {
+					...entry,
+					presetPrompt
+				} : entry));
+			};
 			return (0, react_jsx_runtime.jsxs)("li", {
 				className: `dsh-ig-card ${open ? "dsh-ig-card-open" : ""}`,
 				children: [(0, react_jsx_runtime.jsxs)("button", {
@@ -1535,13 +1844,60 @@ window.__ModuleLoader__.load({
 											onChange: (event) => {
 												importWorkflow(event);
 											}
-										}), workflowName.length > 0 ? t("workflowReplace") : t("workflowImport")]
-									}), (0, react_jsx_runtime.jsx)("span", {
+										}), t("workflowImport")]
+									}), workflows.length === 0 ? (0, react_jsx_runtime.jsx)("span", {
 										className: "dsh-ig-file-name",
-										title: workflowName,
-										children: workflowName || t("workflowMissing")
-									})]
+										children: t("workflowMissing")
+									}) : null]
 								}),
+								workflows.length > 0 ? (0, react_jsx_runtime.jsx)("ul", {
+									className: "dsh-ig-workflow-list",
+									children: workflows.map((entry, index) => (0, react_jsx_runtime.jsxs)("li", {
+										className: "dsh-ig-workflow-row",
+										children: [(0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-workflow-main",
+											children: [
+												(0, react_jsx_runtime.jsx)("label", {
+													className: "dsh-ig-workflow-active",
+													title: t("workflowActiveTitle"),
+													children: (0, react_jsx_runtime.jsx)("input", {
+														type: "radio",
+														name: "dsh-ig-active-workflow",
+														"aria-label": t("workflowActiveTitle"),
+														checked: entry.name === activeWorkflow,
+														onChange: () => {
+															setActiveWorkflow(entry.name);
+														}
+													})
+												}),
+												(0, react_jsx_runtime.jsx)("input", {
+													className: "dsh-ig-input dsh-ig-workflow-name",
+													value: entry.name,
+													title: entry.name,
+													onChange: (event) => {
+														renameWorkflow(index, event.target.value);
+													}
+												}),
+												(0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "dsh-ig-btn-reset",
+													onClick: () => {
+														removeWorkflow(index);
+													},
+													children: t("workflowRemove")
+												})
+											]
+										}), (0, react_jsx_runtime.jsx)("input", {
+											className: "dsh-ig-input dsh-ig-workflow-preset",
+											value: entry.presetPrompt ?? "",
+											placeholder: t("workflowPresetPlaceholder"),
+											title: t("workflowPresetTitle"),
+											onChange: (event) => {
+												setWorkflowPreset(index, event.target.value);
+											}
+										})]
+									}, String(index)))
+								}) : null,
 								(0, react_jsx_runtime.jsx)("span", {
 									className: "dsh-ig-hint",
 									children: t("workflowHint")
@@ -1615,13 +1971,13 @@ window.__ModuleLoader__.load({
 						(0, react_jsx_runtime.jsxs)("div", {
 							className: "dsh-ig-actions",
 							children: [(0, react_jsx_runtime.jsx)("p", {
-								className: "dsh-ig-status",
+								className: `dsh-ig-status${messageIsError ? " dsh-ig-status-error" : ""}`,
 								role: "status",
 								children: message || (provider === "comfyui" ? workflowStatus : keyStatus)
 							}), (0, react_jsx_runtime.jsx)("button", {
 								className: "dsh-ig-save",
 								type: "submit",
-								disabled: saving || !snapshot.writable || provider === "comfyui" && workflowJson.length === 0,
+								disabled: saving || !snapshot.writable || provider === "comfyui" && workflows.length === 0,
 								children: saving ? t("saving") : t("save")
 							})]
 						})
@@ -1629,43 +1985,58 @@ window.__ModuleLoader__.load({
 				}) : null]
 			});
 		}
-		/** Render the durable attachment referenced by a completed image tool call. */
+		/** Keep the legacy Tool row for old DSH and hand modern results to the independent Chat node. */
 		function GeneratedImageCard(props) {
-			const attachment = imageRef(props.block);
-			const savedTo = imageSavedTo(props.block);
+			const result = imageResultFromBlock(props.block);
+			if (props.promoted && result !== void 0) return (0, react_jsx_runtime.jsx)(PromotedResultNotice, { locale: props.locale });
+			return (0, react_jsx_runtime.jsx)(ImageResultCard, {
+				result,
+				locale: props.locale
+			});
+		}
+		/** Render modern image artifacts as final conversation output instead of Tool process content. */
+		function PromotedImageResultNode(props) {
+			return (0, react_jsx_runtime.jsx)("div", {
+				className: "dsh-ig-promoted-results",
+				children: props.node.data.results.map((result) => (0, react_jsx_runtime.jsx)(ImageResultCard, {
+					result,
+					locale: props.locale
+				}, result.attachment.attachmentId))
+			});
+		}
+		function PromotedResultNotice({ locale }) {
+			const lang = usePluginLanguage(locale);
+			return (0, react_jsx_runtime.jsx)("div", {
+				className: "dsh-ig-loading",
+				children: DICT[lang].resultShown
+			});
+		}
+		function ImageResultCard({ result, locale }) {
+			const attachment = result?.attachment;
+			const savedTo = result?.savedTo;
 			const [url, setUrl] = (0, react.useState)();
 			const [blob, setBlob] = (0, react.useState)();
 			const [error, setError] = (0, react.useState)();
 			const [previewOpen, setPreviewOpen] = (0, react.useState)(false);
 			const [toast, setToast] = (0, react.useState)();
-			const [lang, setLang] = (0, react.useState)(() => props.locale?.getSnapshot?.()?.active?.startsWith("en") ? "en" : "zh");
-			(0, react.useEffect)(() => {
-				return props.locale?.subscribe?.(() => {
-					setLang(props.locale?.getSnapshot?.()?.active?.startsWith("en") ? "en" : "zh");
-				});
-			}, [props.locale]);
+			const lang = usePluginLanguage(locale);
 			const t = (keyName, params) => {
 				let text = (lang === "en" ? DICT.en : DICT.zh)[keyName] || DICT.zh[keyName] || keyName;
 				if (params) for (const [k, v] of Object.entries(params)) text = text.replace(`{${k}}`, v);
 				return text;
 			};
 			(0, react.useEffect)(() => {
-				if (attachment === void 0) return;
-				const blockAny = props.block;
-				const meta = blockAny.meta ?? blockAny.resultView?.meta;
-				const prompt = typeof meta?.prompt === "string" ? meta.prompt : blockAny.call?.args?.prompt ?? "Generated Image";
-				const provider = typeof meta?.provider === "string" ? meta.provider : "google";
-				const model = typeof meta?.model === "string" ? meta.model : "";
-				const output = typeof meta?.output === "string" ? meta.output : "";
+				if (result === void 0) return;
 				saveGalleryItem({
-					id: attachment.attachmentId,
-					attachment,
-					prompt,
-					provider,
-					model,
-					output
+					id: result.attachment.attachmentId,
+					attachment: result.attachment,
+					prompt: result.prompt,
+					provider: result.provider,
+					model: result.model,
+					output: result.output,
+					...result.seed !== void 0 ? { seed: result.seed } : {}
 				});
-			}, [attachment?.attachmentId]);
+			}, [result?.attachment.attachmentId]);
 			(0, react.useEffect)(() => {
 				if (!previewOpen) return;
 				const onKeyDown = (e) => {
@@ -1869,23 +2240,40 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
+		function usePluginLanguage(locale) {
+			const [lang, setLang] = (0, react.useState)(() => locale?.getSnapshot?.()?.active?.startsWith("en") ? "en" : "zh");
+			(0, react.useEffect)(() => locale?.subscribe?.(() => {
+				setLang(locale?.getSnapshot?.()?.active?.startsWith("en") ? "en" : "zh");
+			}), [locale]);
+			return lang;
+		}
+		function imageResultFromBlock(block) {
+			const attachment = imageRef(block);
+			if (attachment === void 0) return void 0;
+			const blockValue = block;
+			const meta = blockValue.meta ?? blockValue.resultView?.meta;
+			return {
+				attachment,
+				prompt: typeof meta?.prompt === "string" ? meta.prompt : blockValue.call?.args?.prompt ?? "Generated Image",
+				provider: typeof meta?.provider === "string" ? meta.provider : "google",
+				model: typeof meta?.model === "string" ? meta.model : "",
+				output: typeof meta?.output === "string" ? meta.output : "",
+				...typeof meta?.savedTo === "string" ? { savedTo: meta.savedTo } : {},
+				...typeof meta?.seed === "number" ? { seed: meta.seed } : {}
+			};
+		}
 		function modelOf(provider, value) {
-			const stored = provider === "google" ? value?.googleModel : provider === "openai" ? value?.openaiModel : provider === "seedream" ? value?.seedreamModel : provider === "dashscope" ? value?.dashscopeModel : value?.comfyuiWorkflowName;
+			const stored = provider === "google" ? value?.googleModel : provider === "openai" ? value?.openaiModel : provider === "seedream" ? value?.seedreamModel : provider === "dashscope" ? value?.dashscopeModel : activeComfyUIWorkflow(value ?? {})?.name;
 			return typeof stored === "string" && stored.length > 0 ? stored : DEFAULT_MODELS[provider];
 		}
 		function baseURLOf(provider, value) {
 			const stored = provider === "google" ? value?.googleEndpoint : provider === "openai" ? value?.openaiBaseURL : provider === "seedream" ? value?.seedreamBaseURL : provider === "dashscope" ? value?.dashscopeEndpoint : value?.comfyuiBaseURL;
 			return typeof stored === "string" && stored.length > 0 ? stored : DEFAULT_BASE_URLS[provider];
 		}
-		/** The workspace file path a completed image call saved, when the result meta carries one. */
-		function imageSavedTo(block) {
-			if (!("kind" in block)) return void 0;
-			const meta = block.meta ?? block.resultView?.meta;
-			return typeof meta?.savedTo === "string" ? meta.savedTo : void 0;
-		}
 		//#endregion
 		exports.GeneratedImageCard = GeneratedImageCard;
 		exports.ImageGenerationSettingsCard = ImageGenerationSettingsCard;
+		exports.PromotedImageResultNode = PromotedImageResultNode;
 		exports.apply = apply;
 		exports.inject = inject;
 		return module.exports;