dsh-image-gen 0.2.4 → 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");
@@ -54,11 +110,23 @@ window.__ModuleLoader__.load({
 			if (!Object.values(value).some((node) => {
 				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);
 		}
@@ -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")
 									})
 								]
 							})]
@@ -943,80 +1017,93 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/types/client/image-result-node.js
 		const IMAGE_RESULT_NODE_KIND = "dsh-image-result";
-		/** One image result row per Turn, re-anchored to Turn end after the final answer settles. */
-		const imageResultDefinition = {
-			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.answerSeq ?? state.endSeq ?? last.seq,
-					location,
-					visibility: "visible",
-					data: {
-						turn: state.turn,
-						results: state.results.map(({ seq: _seq, ...result }) => 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);
@@ -1029,7 +1116,8 @@ window.__ModuleLoader__.load({
 				provider: stringValue(meta.provider, "google"),
 				model: stringValue(meta.model, ""),
 				output: stringValue(meta.output, ""),
-				...typeof meta.savedTo === "string" ? { savedTo: meta.savedTo } : {}
+				...typeof meta.savedTo === "string" ? { savedTo: meta.savedTo } : {},
+				...typeof meta.seed === "number" ? { seed: meta.seed } : {}
 			};
 		}
 		function eventTurn(event) {
@@ -1096,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: "保存到工作区",
@@ -1148,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",
@@ -1203,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}
@@ -1294,6 +1399,8 @@ 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(() => {
@@ -1311,7 +1418,7 @@ window.__ModuleLoader__.load({
 				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(imageResultDefinition), "dsh-image-gen: promoted image result node");
+				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,
@@ -1409,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");
@@ -1418,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]);
@@ -1444,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");
@@ -1473,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);
@@ -1492,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", {
@@ -1689,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")
@@ -1769,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")
 							})]
 						})
@@ -1831,7 +2033,8 @@ window.__ModuleLoader__.load({
 					prompt: result.prompt,
 					provider: result.provider,
 					model: result.model,
-					output: result.output
+					output: result.output,
+					...result.seed !== void 0 ? { seed: result.seed } : {}
 				});
 			}, [result?.attachment.attachmentId]);
 			(0, react.useEffect)(() => {
@@ -2055,11 +2258,12 @@ window.__ModuleLoader__.load({
 				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?.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) {