dsh-image-gen 0.6.7 → 0.6.9

package/lib/client.js

@@ -129,6 +129,12 @@ window.__ModuleLoader__.load({
 			"xai",
 			"zhipu"
 		];
+		/**
+		* Providers the browser workbench can drive: the BYOK cloud set plus the
+		* logged-in subscription channels. ComfyUI stays out; it has its own workflow
+		* pipeline and no shared request shape.
+		*/
+		const STUDIO_PROVIDERS = [...CLOUD_IMAGE_PROVIDERS, ...SUBSCRIPTION_PROVIDERS];
 		/** The credential reference each cloud provider's API key is stored under. */
 		const CLOUD_CREDENTIAL_REFS = {
 			google: "GEMINI_API_KEY",
@@ -116255,6 +116261,9 @@ img.ProseMirror-separator {
 				configuredCount: "API 已配置 · {count}",
 				unconfiguredStatus: "API 未配置",
 				providerStatus: "云端提供商与模型状态",
+				configuredSplit: "API {api} · 订阅 {sub}",
+				subSignedIn: "已登录",
+				subSignedOut: "未登录",
 				collapseSidebar: "折叠最近生成",
 				expandSidebar: "展开最近生成",
 				collapseGenerate: "折叠生成面板",
@@ -116360,6 +116369,9 @@ img.ProseMirror-separator {
 				configuredCount: "API configured · {count}",
 				unconfiguredStatus: "Not configured",
 				providerStatus: "Provider & Model Status",
+				configuredSplit: "API {api} · Sub {sub}",
+				subSignedIn: "Signed in",
+				subSignedOut: "Signed out",
 				collapseSidebar: "Collapse sidebar",
 				expandSidebar: "Expand recent list",
 				collapseGenerate: "Collapse generate panel",
@@ -116374,7 +116386,7 @@ img.ProseMirror-separator {
 		};
 		/** localStorage flag remembering that the one-time infinite-canvas hint was dismissed. */
 		const INFINITE_CANVAS_HINT_KEY = "dsh-ig-infinite-canvas-hint-dismissed";
-		const StudioView = ({ locale, workspace, initialPrompt, initialCanvasSurface, showInfiniteCanvasHint, onInitialPromptApplied, onOpenInspiration }) => {
+		const StudioView = ({ locale, credentialEvents, workspace, initialPrompt, initialCanvasSurface, showInfiniteCanvasHint, onInitialPromptApplied, onOpenInspiration }) => {
 			const [lang, setLang] = (0, react.useState)(() => locale?.getSnapshot?.().active?.startsWith("en") ? "en" : "zh");
 			const [config, setConfig] = (0, react.useState)(null);
 			const [configLoading, setConfigLoading] = (0, react.useState)(true);
@@ -116481,15 +116493,28 @@ img.ProseMirror-separator {
 			const maxReferences = comparisonEnabled ? comparisonProviders.includes("dashscope") ? 3 : 5 : provider === "dashscope" ? 3 : 5;
 			const referencesRef = (0, react.useRef)(references);
 			referencesRef.current = references;
+			const comparisonSelectionsAllSubscription = comparisonEnabled && comparisonProviders.length > 0 && comparisonProviders.every((provider) => isSubscriptionProvider(provider));
+			const singleProviderIsSubscription = !comparisonEnabled && isSubscriptionProvider(provider);
 			const t = (key, values) => {
 				let text = COPY$1[lang][key];
 				for (const [name, value] of Object.entries(values ?? {})) text = text.replace(`{${name}}`, value);
 				return text;
 			};
 			(0, react.useEffect)(() => locale?.subscribe?.(() => setLang(locale.getSnapshot().active?.startsWith("en") ? "en" : "zh")), [locale]);
-			const loadConfig = (0, react.useCallback)(async () => {
-				setConfigLoading(true);
-				setConfigError(null);
+			const formStateRef = (0, react.useRef)({
+				provider,
+				model
+			});
+			formStateRef.current = {
+				provider,
+				model
+			};
+			const loadConfig = (0, react.useCallback)(async (options) => {
+				const silent = options?.silent === true;
+				if (!silent) {
+					setConfigLoading(true);
+					setConfigError(null);
+				}
 				const controller = new AbortController();
 				try {
 					const response = await fetch(STUDIO_ROUTE, {
@@ -116499,20 +116524,35 @@ img.ProseMirror-separator {
 					const payload = await response.json();
 					if (!response.ok || !("providers" in payload)) throw new Error("error" in payload && payload.error ? payload.error : "Studio unavailable");
 					setConfig(payload);
+					if (silent) {
+						const { provider: currentProvider, model: currentModel } = formStateRef.current;
+						const activeProfile = payload.providers.find((item) => item.provider === currentProvider);
+						if (activeProfile !== void 0 && activeProfile.model !== currentModel) setModel(activeProfile.model);
+						setComparisonProviders((current) => current.filter((selectedProvider) => payload.providers.some((item) => item.provider === selectedProvider && item.configured)));
+						return;
+					}
 					const initial = payload.providers.find((item) => item.provider === payload.activeProvider) ?? payload.providers[0];
 					if (initial !== void 0) {
 						applyProvider(initial);
 						setComparisonProviders(initialComparisonProviders(payload.providers, initial.provider));
 					}
 				} catch (fetchError) {
-					if (!controller.signal.aborted) setConfigError(messageOf(fetchError));
+					if (!silent && !controller.signal.aborted) setConfigError(messageOf(fetchError));
 				} finally {
-					setConfigLoading(false);
+					if (!silent) setConfigLoading(false);
 				}
 			}, []);
 			(0, react.useEffect)(() => {
 				loadConfig();
 			}, [loadConfig]);
+			(0, react.useEffect)(() => {
+				if (credentialEvents === void 0) return;
+				return credentialEvents.listen(() => {
+					window.setTimeout(() => {
+						loadConfig({ silent: true });
+					}, 1e3);
+				});
+			}, [credentialEvents, loadConfig]);
 			(0, react.useEffect)(() => {
 				let mounted = true;
 				const load = () => void getGalleryItems().then((next) => {
@@ -116584,6 +116624,8 @@ img.ProseMirror-separator {
 			}, []);
 			const activeProfile = (0, react.useMemo)(() => config?.providers.find((item) => item.provider === provider), [config, provider]);
 			const configuredCount = config?.providers.filter((item) => item.configured).length ?? 0;
+			const apiConfiguredCount = config?.providers.filter((item) => item.configured && !isSubscriptionProvider(item.provider)).length ?? 0;
+			const subscriptionSignedInCount = config?.providers.filter((item) => item.configured && isSubscriptionProvider(item.provider)).length ?? 0;
 			const displayItems = (0, react.useMemo)(() => items.slice(0, visibleLimit), [items, visibleLimit]);
 			const comparisonProfiles = (0, react.useMemo)(() => (config?.providers ?? []).filter((item) => item.configured && (mode === "generate" || item.supportsEditing)), [config, mode]);
 			const comparisonTargets = (0, react.useMemo)(() => buildComparisonTargets(comparisonProfiles, comparisonProviders, ratio, quality), [
@@ -117179,7 +117221,10 @@ img.ProseMirror-separator {
 															(0, react_jsx_runtime.jsx)("span", { className: `dsh-ig-status-dot ${configuredCount > 0 ? "is-ready" : "is-muted"}` }),
 															(0, react_jsx_runtime.jsx)("span", {
 																className: "dsh-ig-status-text",
-																children: configuredCount > 0 ? t("configuredCount", { count: String(configuredCount) }) : t("unconfiguredStatus")
+																children: configuredCount > 0 ? subscriptionSignedInCount > 0 ? t("configuredSplit", {
+																	api: String(apiConfiguredCount),
+																	sub: String(subscriptionSignedInCount)
+																}) : t("configuredCount", { count: String(apiConfiguredCount) }) : t("unconfiguredStatus")
 															}),
 															(0, react_jsx_runtime.jsx)(ChevronDown, {
 																size: 11,
@@ -117200,7 +117245,7 @@ img.ProseMirror-separator {
 																	children: [(0, react_jsx_runtime.jsx)("strong", { children: p.label }), (0, react_jsx_runtime.jsx)("small", { children: p.model })]
 																}), (0, react_jsx_runtime.jsx)("span", {
 																	className: "dsh-ig-status-item-tag",
-																	children: p.configured ? t("configured") : t("unconfigured")
+																	children: isSubscriptionProvider(p.provider) ? p.configured ? t("subSignedIn") : t("subSignedOut") : p.configured ? t("configured") : t("unconfigured")
 																})]
 															}, p.provider))
 														})]
@@ -117646,7 +117691,26 @@ img.ProseMirror-separator {
 												}),
 												(0, react_jsx_runtime.jsx)("p", { children: t("compareParameterHint") })
 											]
-										}), (0, react_jsx_runtime.jsxs)("div", {
+										}), comparisonSelectionsAllSubscription ? (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-field-grid",
+											children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
+												label: t("ratio"),
+												value: "auto",
+												onChange: () => {},
+												options: [{
+													value: "auto",
+													label: lang === "en" ? "Channel default" : "通道默认"
+												}]
+											}), (0, react_jsx_runtime.jsx)(FieldSelect, {
+												label: t("quality"),
+												value: "auto",
+												onChange: () => {},
+												options: [{
+													value: "auto",
+													label: lang === "en" ? "Channel default" : "通道默认"
+												}]
+											})]
+										}) : (0, react_jsx_runtime.jsxs)("div", {
 											className: "dsh-ig-field-grid",
 											children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
 												label: t("ratio"),
@@ -117680,7 +117744,26 @@ img.ProseMirror-separator {
 													}]
 												})]
 											}),
-											(0, react_jsx_runtime.jsxs)("div", {
+											singleProviderIsSubscription ? (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsh-ig-field-grid",
+												children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
+													label: t("ratio"),
+													value: "auto",
+													onChange: () => {},
+													options: [{
+														value: "auto",
+														label: lang === "en" ? "Channel default" : "通道默认"
+													}]
+												}), (0, react_jsx_runtime.jsx)(FieldSelect, {
+													label: t("quality"),
+													value: "auto",
+													onChange: () => {},
+													options: [{
+														value: "auto",
+														label: lang === "en" ? "Channel default" : "通道默认"
+													}]
+												})]
+											}) : (0, react_jsx_runtime.jsxs)("div", {
 												className: "dsh-ig-field-grid",
 												children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
 													label: t("ratio"),
@@ -119533,7 +119616,7 @@ img.ProseMirror-separator {
 			return "1:1";
 		}
 		const GalleryViewTab = (props) => {
-			const { locale, sessionId, useSessions, useWorkspaces, inSidebar, defaultTab, initialCanvasSurface } = props;
+			const { locale, sessionId, useSessions, useWorkspaces, credentialEvents, inSidebar, defaultTab, initialCanvasSurface } = props;
 			const [activeTab, setActiveTab] = (0, react.useState)(defaultTab ?? "gallery");
 			const [studioDraft, setStudioDraft] = (0, react.useState)(void 0);
 			const [items, setItems] = (0, react.useState)([]);
@@ -120290,6 +120373,7 @@ img.ProseMirror-separator {
 							onUsePrompt: useInspirationPrompt
 						}) : (0, react_jsx_runtime.jsx)(StudioView, {
 							locale,
+							credentialEvents,
 							workspace: activeWorkspace,
 							initialPrompt: studioDraft,
 							initialCanvasSurface,
@@ -121478,7 +121562,7 @@ img.ProseMirror-separator {
 		function isRevision(value) {
 			if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
 			const candidate = value;
-			return isAttachment(candidate.attachment) && typeof candidate.provider === "string" && CLOUD_IMAGE_PROVIDERS.includes(candidate.provider) && typeof candidate.prompt === "string" && typeof candidate.model === "string" && typeof candidate.output === "string" && typeof candidate.createdAt === "number" && Number.isFinite(candidate.createdAt) && typeof candidate.ratio === "string" && typeof candidate.quality === "string";
+			return isAttachment(candidate.attachment) && typeof candidate.provider === "string" && STUDIO_PROVIDERS.includes(candidate.provider) && typeof candidate.prompt === "string" && typeof candidate.model === "string" && typeof candidate.output === "string" && typeof candidate.createdAt === "number" && Number.isFinite(candidate.createdAt) && typeof candidate.ratio === "string" && typeof candidate.quality === "string";
 		}
 		function isAttachment(value) {
 			if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
@@ -121523,19 +121607,36 @@ img.ProseMirror-separator {
 				switchFailed: "Switch failed"
 			}
 		};
-		/** Short row labels; the settings card keeps the longer descriptive names. */
+		/** Provider row names, per locale. Brand words stay untranslated; only the
+		* qualifier ("订阅" / "Sub") localizes, so the pill and the menu agree with the
+		* settings card in both languages. */
 		const PILL_PROVIDER_LABELS = {
-			google: "Gemini",
-			openai: "OpenAI",
-			"openai-compat": "OpenAI 兼容",
-			seedream: "Seedream",
-			dashscope: "DashScope",
-			xai: "Grok",
-			zhipu: "智谱 GLM",
-			comfyui: "ComfyUI",
-			"chatgpt-sub": "ChatGPT 订阅",
-			"grok-sub": "Grok 订阅",
-			"google-sub": "Google 订阅"
+			zh: {
+				google: "Gemini",
+				openai: "OpenAI",
+				"openai-compat": "OpenAI 兼容",
+				seedream: "Seedream",
+				dashscope: "DashScope",
+				xai: "Grok",
+				zhipu: "智谱 GLM",
+				comfyui: "ComfyUI",
+				"chatgpt-sub": "ChatGPT 订阅",
+				"grok-sub": "Grok 订阅",
+				"google-sub": "Google 订阅"
+			},
+			en: {
+				google: "Gemini",
+				openai: "OpenAI",
+				"openai-compat": "OpenAI Compatible",
+				seedream: "Seedream",
+				dashscope: "DashScope",
+				xai: "Grok",
+				zhipu: "Zhipu GLM",
+				comfyui: "ComfyUI",
+				"chatgpt-sub": "ChatGPT Sub",
+				"grok-sub": "Grok Sub",
+				"google-sub": "Google Sub"
+			}
 		};
 		/** Compute the fixed-position anchor from the pill button: open upward when
 		* the chat pane leaves room above the composer, drop down otherwise. */
@@ -121787,7 +121888,7 @@ img.ProseMirror-separator {
 						}),
 						(0, react_jsx_runtime.jsx)("span", {
 							className: "dsh-ig-pill-provider",
-							children: PILL_PROVIDER_LABELS[current]
+							children: PILL_PROVIDER_LABELS[lang][current]
 						}),
 						(0, react_jsx_runtime.jsx)("span", {
 							className: `dsh-ig-pill-caret${open ? " dsh-ig-pill-caret-open" : ""}`,
@@ -121833,7 +121934,7 @@ img.ProseMirror-separator {
 									className: "dsh-ig-pill-option-text",
 									children: [(0, react_jsx_runtime.jsx)("span", {
 										className: "dsh-ig-pill-option-name",
-										children: PILL_PROVIDER_LABELS[provider]
+										children: PILL_PROVIDER_LABELS[lang][provider]
 									}), (0, react_jsx_runtime.jsx)("span", {
 										className: "dsh-ig-pill-option-sub",
 										children: subtitleOf(provider)
@@ -121871,16 +121972,20 @@ img.ProseMirror-separator {
 		}
 		/** Styles for the pill and its fixed-position menu; injected by the client entry. */
 		const PROVIDER_PILL_STYLE = `
-.dsh-ig-pill-root{position:relative;display:inline-flex;align-items:center;height:26px}
-.dsh-ig-pill-button{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px 0 7px;border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:13px;background:var(--dsw-alias-bg-layer-3,#fff);color:var(--dsw-alias-label-secondary,#4b5563);font:inherit;font-size:12px;line-height:1;cursor:pointer;transition:border-color .15s,background .15s,color .15s;-webkit-user-select:none;user-select:none}
+.dsh-ig-pill-root{position:relative;display:inline-flex;align-items:center;height:28px}
+.dsh-ig-pill-button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px 0 8px;border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:14px;background:var(--dsw-alias-bg-layer-3,#fff);color:var(--dsw-alias-label-secondary,#4b5563);font:inherit;font-size:13px;line-height:20px;cursor:pointer;transition:border-color .15s,background .15s,color .15s;-webkit-user-select:none;user-select:none}
 .dsh-ig-pill-button:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed,#9ca3af);color:var(--dsw-alias-label-primary,#111827)}
 .dsh-ig-pill-button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#4c78ff);outline-offset:1px}
 .dsh-ig-pill-button:disabled{opacity:.5;cursor:not-allowed}
 .dsh-ig-pill-button-open{border-color:var(--dsw-alias-brand-primary,#4c78ff);color:var(--dsw-alias-label-primary,#111827)}
 .dsh-ig-pill-icon{flex:none;color:var(--dsw-alias-brand-primary,#4c78ff)}
-.dsh-ig-pill-provider{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dsh-ig-pill-provider{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .dsh-ig-pill-caret{display:inline-flex;flex:none;transition:transform .15s}
 .dsh-ig-pill-caret-open{transform:rotate(180deg)}
+@container (max-width:700px){
+  .dsh-ig-pill-caret{display:none}
+  .dsh-ig-pill-button{padding:0 7px 0 6px}
+}
 .dsh-ig-pill-menu{position:fixed;z-index:1000;min-width:264px;max-width:min(320px,calc(100vw - 24px));padding:6px;border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:12px;background:var(--dsw-alias-bg-layer-3,#fff);box-shadow:0 12px 32px rgba(0,0,0,.16),0 2px 8px rgba(0,0,0,.08);max-height:min(320px,calc(100vh - 48px));overflow-y:auto}
 .dsh-ig-pill-menu-title{padding:6px 8px 4px;font-size:11px;font-weight:600;color:var(--dsw-alias-label-tertiary,#6b7280)}
 .dsh-ig-pill-option{display:flex;width:100%;align-items:center;gap:9px;padding:7px 8px;border:0;border-radius:8px;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
@@ -121900,7 +122005,7 @@ img.ProseMirror-separator {
 `;
 		//#endregion
 		//#region lib/types/client/index.js
-		console.info(`[dsh-image-gen] canvas bundle 2026-09-14T07:49:16.664Z`);
+		console.info(`[dsh-image-gen] canvas bundle 2026-09-20T15:13:07.204Z`);
 		/** Right-sidebar tab-type registration id (DSH 0.1.5 `sidebarRightTabs`). */
 		const SIDEBAR_STUDIO_TAB_ID = "dsh-image-gen/studio";
 		/** The tab kind: a page type opened by kind, recognizing no resource address. */
@@ -121939,8 +122044,8 @@ img.ProseMirror-separator {
 				subLoginOk: "登录成功",
 				subModelLabel: "订阅模型",
 				subModelHint: "由订阅通道固定，不可更改。",
-				subEditUnsupported: "订阅通道暂不支持图生图（编辑图片），仅支持文字生图。",
-				subDefaultHint: "订阅 Provider 只能生成，不能编辑图片；需要编辑时请切换到 API Key Provider。",
+				subEditCapability: "订阅生图 · 图生图：支持。对话 edit_image、Studio 图生图与多模型对比均可上传参考图（最多 5 张）。",
+				subDefaultHint: "订阅 Provider 已支持文字生图与图生图；图生图使用各订阅渠道默认参数。",
 				apiKeyLabel: "{provider} API Key",
 				apiKeyPlaceholder: "留空即可保留已配置的 Key",
 				apiKeyHint: "安全保存为 {key}；页面不会读回明文。",
@@ -121961,6 +122066,7 @@ img.ProseMirror-separator {
 				keyCleared: "已清除 Key",
 				clearKeyFailed: "清除 Key 失败",
 				saveKeyFailed: "保存 Key 失败",
+				saveKeyFirst: "请先保存 API Key，再拉取模型或测试连接。",
 				clearKeyUnsupported: "当前版本 DSH 不支持在此清除 Key，请到凭据管理中删除。",
 				endpoint: "接口地址",
 				reset: "重置",
@@ -121975,6 +122081,18 @@ img.ProseMirror-separator {
 				editExtra: "附加 JSON 字段",
 				editExtraPlaceholder: "{\"watermark\": false, \"prompt_extend\": true}",
 				editExtraHint: "仅 JSON 形态生效；会合并到请求体末尾，可覆盖默认字段。留空表示不附加。",
+				arkOutputFormat: "输出格式",
+				arkOutputFormatPng: "PNG（无损，带透明通道）",
+				arkOutputFormatJpeg: "JPEG（方舟默认，有损）",
+				arkOutputFormatHint: "JPEG 会在主体边缘留下压缩色斑，抠图时变成难去掉的彩色毛边。要后期加工就选 PNG。",
+				arkWatermark: "AI 生成水印",
+				arkWatermarkOn: "添加（方舟默认）",
+				arkWatermarkOff: "不添加",
+				arkWatermarkHint: "方舟默认在右下角烙上“AI 生成”标识。做游戏素材或需要后期处理时关掉。",
+				arkBackground: "背景",
+				arkBackgroundOpaque: "不透明（方舟默认）",
+				arkBackgroundTransparent: "透明",
+				arkBackgroundHint: "仅图生图有效，且要求参考图本身带透明通道；文生图会被方舟拒绝，因此这一项只在图生图时发出。",
 				editExtraInvalid: "附加 JSON 字段必须是合法的 JSON 对象。",
 				endpointHintSeedream: "火山方舟兼容的 /api/v3 地址。",
 				endpointHintDashScope: "阿里云百炼 DashScope 官方接口地址。",
@@ -122068,8 +122186,8 @@ img.ProseMirror-separator {
 				subLoginOk: "Signed in",
 				subModelLabel: "Subscription model",
 				subModelHint: "Fixed by the subscription channel; not changeable.",
-				subEditUnsupported: "The subscription channel does not support image editing yet; text-to-image only.",
-				subDefaultHint: "Subscription providers can only generate; switch to an API-key provider for editing.",
+				subEditCapability: "Subscription image editing is now supported: edit_image in chats, Studio and multi-model compare all accept reference images (up to 5).",
+				subDefaultHint: "Subscription providers support both text-to-image and image editing; edits use each channel's default parameters.",
 				apiKeyLabel: "{provider} API Key",
 				apiKeyPlaceholder: "Leave empty to keep configured key",
 				apiKeyHint: "Securely saved as {key}; never read back in plaintext.",
@@ -122090,6 +122208,7 @@ img.ProseMirror-separator {
 				keyCleared: "Key cleared",
 				clearKeyFailed: "Failed to clear key",
 				saveKeyFailed: "Failed to save the key",
+				saveKeyFirst: "Save the API key first, then fetch models or test the connection.",
 				clearKeyUnsupported: "This DSH build cannot clear keys here; remove it from credential management instead.",
 				endpoint: "Endpoint / Base URL",
 				reset: "Reset",
@@ -122104,6 +122223,18 @@ img.ProseMirror-separator {
 				editExtra: "Extra JSON fields",
 				editExtraPlaceholder: "{\"watermark\": false, \"prompt_extend\": true}",
 				editExtraHint: "Only used with the JSON format; merged into the request body last and may override defaults. Leave empty for none.",
+				arkOutputFormat: "Output format",
+				arkOutputFormatPng: "PNG (lossless, keeps an alpha channel)",
+				arkOutputFormatJpeg: "JPEG (Ark default, lossy)",
+				arkOutputFormatHint: "JPEG ringing around the subject turns into coloured fringing that is hard to remove when cutting the background out. Pick PNG if you plan to edit the result.",
+				arkWatermark: "AI generated watermark",
+				arkWatermarkOn: "Add (Ark default)",
+				arkWatermarkOff: "Do not add",
+				arkWatermarkHint: "Ark stamps an \"AI generated\" mark into the bottom-right corner by default. Turn it off for game assets or any post-processing.",
+				arkBackground: "Background",
+				arkBackgroundOpaque: "Opaque (Ark default)",
+				arkBackgroundTransparent: "Transparent",
+				arkBackgroundHint: "Image-to-image only, and every reference image must already carry an alpha channel; Ark rejects it for text-to-image, so it is sent on edits alone.",
 				editExtraInvalid: "Extra JSON fields must be a valid JSON object.",
 				endpointHintSeedream: "Volcengine Ark compatible /api/v3 base URL.",
 				endpointHintDashScope: "Official Aliyun DashScope endpoint.",
@@ -122516,16 +122647,25 @@ img.ProseMirror-separator {
 			} };
 			const injectSettingsItem = (owner) => {
 				const ownerRegister = owner.slots.register.bind(owner.slots);
+				const injectSettingsFace = () => ({
+					scope,
+					credentials: credentialsProxy,
+					credentialsAvailable,
+					locale,
+					credentialEvents
+				});
+				owner.slots.inject("settings.plugins.tab", () => ownerRegister({
+					name: "settings.plugins.tab",
+					id: IMAGE_GENERATION_NAMESPACE,
+					order: 30,
+					label: () => locale?.getSnapshot?.()?.active?.startsWith("en") ? "Image generation" : "图像生成",
+					locale,
+					inject: injectSettingsFace
+				}, ImageGenerationSettingsCard));
 				owner.slots.inject("settings.plugin.item", () => ownerRegister({
 					name: "settings.plugin.item",
 					key: IMAGE_GENERATION_NAMESPACE,
-					inject: () => ({
-						scope,
-						credentials: credentialsProxy,
-						credentialsAvailable,
-						locale,
-						credentialEvents
-					})
+					inject: injectSettingsFace
 				}, ImageGenerationSettingsCard));
 			};
 			const injectComposerPill = (owner) => {
@@ -122597,7 +122737,10 @@ img.ProseMirror-separator {
 				label: () => {
 					return (locale?.getSnapshot?.()?.active)?.startsWith("en") ? "Gallery" : "画廊";
 				},
-				inject: () => ({ locale })
+				inject: () => ({
+					locale,
+					credentialEvents
+				})
 			}, GalleryViewTab));
 			ctx.inject(["sidebarRightTabs"], (owner) => {
 				const sidebarTabs = owner.get("sidebarRightTabs");
@@ -122620,6 +122763,7 @@ img.ProseMirror-separator {
 					key: SIDEBAR_STUDIO_TAB_ID,
 					inject: () => ({
 						locale,
+						credentialEvents,
 						inSidebar: true,
 						defaultTab: "studio",
 						initialCanvasSurface: "infinite"
@@ -122684,7 +122828,10 @@ img.ProseMirror-separator {
 				activeWorkflow: "",
 				timeoutSeconds: DEFAULT_COMFYUI_TIMEOUT_MS / 1e3,
 				editFormat: "multipart",
-				editExtraText: ""
+				editExtraText: "",
+				outputFormat: "jpeg",
+				watermark: true,
+				background: "opaque"
 			};
 		}
 		/** Settings field each cloud provider persists its model under. */
@@ -122753,6 +122900,11 @@ img.ProseMirror-separator {
 				...provider === "openai-compat" ? {
 					editFormat: value?.openaiCompatEditFormat === "jsonImageUrlArray" ? "jsonImageUrlArray" : "multipart",
 					editExtraText: editExtraTextOf(value?.openaiCompatEditExtra)
+				} : {},
+				...provider === "seedream" ? {
+					outputFormat: value?.seedreamOutputFormat === "png" ? "png" : "jpeg",
+					watermark: value?.seedreamWatermark !== false,
+					background: value?.seedreamBackground === "transparent" ? "transparent" : "opaque"
 				} : {}
 			};
 			return rows;
@@ -122965,6 +123117,11 @@ img.ProseMirror-separator {
 							workflows: resolveComfyUIWorkflows(value ?? {}),
 							activeWorkflow: activeComfyUIWorkflow(value ?? {})?.name ?? "",
 							timeoutSeconds: Math.max(1, Math.round((value?.comfyuiTimeoutMs ?? 3e5) / 1e3))
+						} : {},
+						...provider === "seedream" ? {
+							outputFormat: value?.seedreamOutputFormat === "png" ? "png" : "jpeg",
+							watermark: value?.seedreamWatermark !== false,
+							background: value?.seedreamBackground === "transparent" ? "transparent" : "opaque"
 						} : {}
 					};
 					return next;
@@ -123096,6 +123253,11 @@ img.ProseMirror-separator {
 							await props.scope.set("openaiCompatEditFormat", row.editFormat);
 							await props.scope.set("openaiCompatEditExtra", editExtra);
 						}
+						if (provider === "seedream") {
+							await props.scope.set("seedreamOutputFormat", row.outputFormat);
+							await props.scope.set("seedreamWatermark", row.watermark);
+							await props.scope.set("seedreamBackground", row.background);
+						}
 						if (row.keyInput.trim().length > 0) {
 							const keyRef = cloudCredentialRef(provider);
 							if (keyRef === void 0) throw new Error(t("comfyuiNoKey"));
@@ -123110,7 +123272,10 @@ img.ProseMirror-separator {
 					}
 					updateRow(provider, {
 						message: t("saved"),
-						messageIsError: false
+						messageIsError: false,
+						testResult: void 0,
+						modelFetchMessage: "",
+						modelFetchIsError: false
 					});
 				} catch (cause) {
 					updateRow(provider, {
@@ -123123,6 +123288,14 @@ img.ProseMirror-separator {
 			};
 			/** Probe through the host route so the browser side never touches credential values. */
 			const testConnection = async (provider) => {
+				if (rows[provider].keyInput.trim().length > 0) {
+					updateRow(provider, {
+						message: t("saveKeyFirst"),
+						messageIsError: false,
+						testResult: void 0
+					});
+					return;
+				}
 				updateRow(provider, {
 					testing: true,
 					testResult: void 0,
@@ -123149,6 +123322,13 @@ img.ProseMirror-separator {
 			};
 			/** Pull the provider's image-capable model ids through the host route (Google and the OpenAI family). */
 			const fetchProviderModels = async (provider) => {
+				if (rows[provider].keyInput.trim().length > 0) {
+					updateRow(provider, {
+						modelFetchMessage: t("saveKeyFirst"),
+						modelFetchIsError: false
+					});
+					return;
+				}
 				updateRow(provider, {
 					fetchingModels: true,
 					modelFetchMessage: "",
@@ -123497,7 +123677,7 @@ img.ProseMirror-separator {
 											(0, react_jsx_runtime.jsx)("button", {
 												type: "button",
 												className: "dsh-ig-btn-secondary",
-												disabled: row.fetchingModels || !snapshot.writable,
+												disabled: row.fetchingModels || row.saving || !snapshot.writable,
 												onClick: () => {
 													fetchProviderModels(provider);
 												},
@@ -123551,6 +123731,92 @@ img.ProseMirror-separator {
 									})
 								]
 							}) : null,
+							provider === "seedream" ? (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								(0, react_jsx_runtime.jsxs)("label", {
+									className: "dsh-ig-field",
+									children: [
+										(0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-ig-label",
+											children: t("arkOutputFormat")
+										}),
+										(0, react_jsx_runtime.jsxs)("select", {
+											className: "dsh-ig-input",
+											value: row.outputFormat,
+											onChange: (event) => {
+												updateRow(provider, { outputFormat: event.target.value === "png" ? "png" : "jpeg" });
+											},
+											disabled: !snapshot.writable,
+											children: [(0, react_jsx_runtime.jsx)("option", {
+												value: "jpeg",
+												children: t("arkOutputFormatJpeg")
+											}), (0, react_jsx_runtime.jsx)("option", {
+												value: "png",
+												children: t("arkOutputFormatPng")
+											})]
+										}),
+										(0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-ig-hint",
+											children: t("arkOutputFormatHint")
+										})
+									]
+								}),
+								(0, react_jsx_runtime.jsxs)("label", {
+									className: "dsh-ig-field",
+									children: [
+										(0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-ig-label",
+											children: t("arkWatermark")
+										}),
+										(0, react_jsx_runtime.jsxs)("select", {
+											className: "dsh-ig-input",
+											value: row.watermark ? "on" : "off",
+											onChange: (event) => {
+												updateRow(provider, { watermark: event.target.value === "on" });
+											},
+											disabled: !snapshot.writable,
+											children: [(0, react_jsx_runtime.jsx)("option", {
+												value: "on",
+												children: t("arkWatermarkOn")
+											}), (0, react_jsx_runtime.jsx)("option", {
+												value: "off",
+												children: t("arkWatermarkOff")
+											})]
+										}),
+										(0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-ig-hint",
+											children: t("arkWatermarkHint")
+										})
+									]
+								}),
+								(0, react_jsx_runtime.jsxs)("label", {
+									className: "dsh-ig-field",
+									children: [
+										(0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-ig-label",
+											children: t("arkBackground")
+										}),
+										(0, react_jsx_runtime.jsxs)("select", {
+											className: "dsh-ig-input",
+											value: row.background,
+											onChange: (event) => {
+												updateRow(provider, { background: event.target.value === "transparent" ? "transparent" : "opaque" });
+											},
+											disabled: !snapshot.writable,
+											children: [(0, react_jsx_runtime.jsx)("option", {
+												value: "opaque",
+												children: t("arkBackgroundOpaque")
+											}), (0, react_jsx_runtime.jsx)("option", {
+												value: "transparent",
+												children: t("arkBackgroundTransparent")
+											})]
+										}),
+										(0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-ig-hint",
+											children: t("arkBackgroundHint")
+										})
+									]
+								})
+							] }) : null,
 							provider === "openai-compat" && row.editFormat === "jsonImageUrlArray" ? (0, react_jsx_runtime.jsxs)("label", {
 								className: "dsh-ig-field",
 								children: [
@@ -123586,7 +123852,7 @@ img.ProseMirror-separator {
 										(0, react_jsx_runtime.jsx)("button", {
 											type: "button",
 											className: "dsh-ig-btn-secondary",
-											disabled: row.testing,
+											disabled: row.testing || row.saving,
 											onClick: () => {
 												testConnection(provider);
 											},
@@ -123604,7 +123870,7 @@ img.ProseMirror-separator {
 										(0, react_jsx_runtime.jsx)("button", {
 											className: "dsh-ig-save",
 											type: "submit",
-											disabled: row.saving || !snapshot.writable,
+											disabled: row.saving || row.testing || row.fetchingModels || !snapshot.writable,
 											children: row.saving ? t("saving") : t("save")
 										})
 									]
@@ -123871,8 +124137,8 @@ img.ProseMirror-separator {
 							(0, react_jsx_runtime.jsx)("div", {
 								className: "dsh-ig-field",
 								children: (0, react_jsx_runtime.jsx)("span", {
-									className: "dsh-ig-label",
-									children: t("subEditUnsupported")
+									className: "dsh-ig-hint",
+									children: t("subEditCapability")
 								})
 							}),
 							(0, react_jsx_runtime.jsxs)("div", {