@dickpy/dsh-imagegen 1.2.2 → 1.3.0

package/lib/client.js

@@ -25,6 +25,16 @@ window.__ModuleLoader__.load({
 		};
 		/** Host-mediated candidate discovery for the configured image API. */
 		const IMAGE_MODEL_API = { models: "/api/dsh-imagegen/image-models" };
+		/** Host-served built-in provider catalog (channels the user can instantiate). */
+		const PRESETS_API = "/api/dsh-imagegen/presets";
+		/** Loopback-only image reader for Agent tool-result previews. */
+		const AGENT_IMAGE_API = "/api/dsh-imagegen/agent-image";
+		/**
+		* Host-computed per-channel usage counters (generation-count badges in the
+		* settings card): entries are tallied from the persisted history and gallery
+		* by channel + model alias.
+		*/
+		const USAGE_API = "/api/dsh-imagegen/usage";
 		/** Host-resident generation queue endpoints. */
 		const TASK_API = {
 			submit: "/api/dsh-imagegen/tasks/submit",
@@ -281,7 +291,7 @@ window.__ModuleLoader__.load({
 		*/
 		const zh = {
 			"entry.label": "AI 生图",
-			"entry.tooltip": "AI 生图面板（gpt-image-2 / grok-imagine-image）",
+			"entry.tooltip": "AI 生图面板（gpt-image-2 / grok-imagine-image / nanobanana / seedream 系列）",
 			"panel.title": "AI 生图",
 			"panel.githubTip": "觉得好用或有建议？欢迎来 GitHub 提 issues、点个 star 支持一下！",
 			"mode.text": "文生图",
@@ -343,6 +353,9 @@ window.__ModuleLoader__.load({
 			"canvas.emptyTitle": "开始你的创作",
 			"canvas.emptyHint": "在左侧输入提示词并点击「开始生成」，结果将显示在这里",
 			"canvas.error": "生成失败：{error}",
+			"canvas.submitting": "正在加入生成队列…",
+			"canvas.queued": "已加入生成队列",
+			"canvas.queueHint": "当前有 {count} 个任务等待处理",
 			"canvas.generating": "正在生成图片…",
 			"canvas.elapsed": "已用时 {seconds}s",
 			"canvas.images": "本次生成 {count} 张",
@@ -512,11 +525,62 @@ window.__ModuleLoader__.load({
 			"templates.retry": "重试",
 			"templates.attribution": "模板与图片来自 awesome-gpt-image-2 项目，作者链接见各模板详情",
 			"templates.source": "来源：vibeui.top",
-			"templates.featured": "精选"
+			"templates.featured": "精选",
+			"channels.title": "渠道",
+			"channels.hint": "填写各渠道的 API 地址与密钥即可使用对应模型",
+			"channels.empty": "尚无渠道，点击下方按钮添加",
+			"channels.addProvider": "添加提供方",
+			"channels.addCustom": "添加自定义渠道",
+			"channels.untitled": "未命名渠道",
+			"channels.keySet": "密钥已设置",
+			"channels.keyMissing": "未设置密钥",
+			"channels.modelCount": "{n} 个模型",
+			"channels.noModels": "未配置模型",
+			"channels.defaultLabel": "默认",
+			"channels.statusReady": "可用",
+			"channels.statusIncomplete": "配置未完成",
+			"channels.edit": "编辑",
+			"channels.delete": "删除",
+			"channels.deleteConfirmTitle": "删除渠道「{name}」？该渠道的密钥将被移除；历史与画廊中的记录仍会保留。",
+			"channels.confirm": "确认删除",
+			"channels.cancel": "取消",
+			"channels.editorTitle": "渠道",
+			"channels.editorSaveNote": "改动将随卡片底部「保存」一起生效",
+			"channels.displayName": "显示名称",
+			"channels.apiUrl": "API 地址",
+			"channels.apiKey": "API 密钥",
+			"channels.keyReplaceHint": "已配置 — 输入新值可替换",
+			"channels.keyMissingHint": "填写密钥",
+			"channels.keyClear": "清除密钥",
+			"channels.modelCatalogTitle": "模型目录",
+			"channels.noModelsHint": "暂无模型：点击「检测」拉取候选，或手动添加；别名（显示名）默认等于上游模型 id，可自行修改。",
+			"channels.detect": "重新检测",
+			"channels.detecting": "检测中…",
+			"channels.detectSuccess": "连通 ✓ · {n} 个候选",
+			"channels.detectFailed": "检测失败：{error}",
+			"channels.detectOk": "已连接该 API",
+			"channels.modelAliasLabel": "显示名（别名）",
+			"channels.modelIdLabel": "上游模型 id",
+			"channels.generated": "已生成 {n} 次",
+			"channels.unknownProtocol": "未知协议，按通用 OpenAI 协议尝试",
+			"channels.removeModel": "移除模型",
+			"channels.manualAddPlaceholder": "输入模型 id，例如 qwen-image",
+			"channels.addModelConfirm": "添加",
+			"channels.copyFrom": "从其他渠道复制…",
+			"channels.copyApply": "复制",
+			"channels.candidatesTitle": "候选模型（点击加入）",
+			"channels.candidatesQuick": "只勾已收录协议",
+			"channels.deleteThisChannel": "删除此渠道",
+			"channels.setDefault": "设为默认渠道",
+			"channels.presetPickerTitle": "添加提供方",
+			"channels.presetPickerHint": "选择一个内置提供方，仅需填写 API 密钥",
+			"channels.presetModelsHint": "{n} 个预置模型",
+			"channels.presetCustomHint": "自行填写 API 地址、密钥与模型目录",
+			"channels.presetLoadFailed": "加载提供方失败：{error}"
 		};
 		const en = {
 			"entry.label": "AI Image",
-			"entry.tooltip": "AI image generation studio (gpt-image-2 / grok-imagine-image)",
+			"entry.tooltip": "AI image generation studio (gpt-image-2 / grok-imagine-image / nanobanana / seedream family)",
 			"panel.title": "AI Image",
 			"panel.githubTip": "Like it or have suggestions? Head to GitHub to open issues and star us!",
 			"mode.text": "Text to Image",
@@ -578,6 +642,9 @@ window.__ModuleLoader__.load({
 			"canvas.emptyTitle": "Start creating",
 			"canvas.emptyHint": "Enter a prompt on the left and click \"Generate\"; results appear here",
 			"canvas.error": "Generation failed: {error}",
+			"canvas.submitting": "Adding to the generation queue…",
+			"canvas.queued": "Added to the generation queue",
+			"canvas.queueHint": "{count} task(s) waiting or generating",
 			"canvas.generating": "Generating images…",
 			"canvas.elapsed": "Elapsed {seconds}s",
 			"canvas.images": "{count} image(s) generated",
@@ -747,7 +814,58 @@ window.__ModuleLoader__.load({
 			"templates.retry": "Retry",
 			"templates.attribution": "Templates and images come from the awesome-gpt-image-2 project; author links are on each template",
 			"templates.source": "Source: vibeui.top",
-			"templates.featured": "Featured"
+			"templates.featured": "Featured",
+			"channels.title": "Channels",
+			"channels.hint": "Fill in each channel's API URL and key to use its models",
+			"channels.empty": "No channels yet — add one below",
+			"channels.addProvider": "Add provider",
+			"channels.addCustom": "Add custom channel",
+			"channels.untitled": "Untitled channel",
+			"channels.keySet": "Key set",
+			"channels.keyMissing": "Key missing",
+			"channels.modelCount": "{n} model(s)",
+			"channels.noModels": "No models",
+			"channels.defaultLabel": "Default",
+			"channels.statusReady": "Ready",
+			"channels.statusIncomplete": "Config incomplete",
+			"channels.edit": "Edit",
+			"channels.delete": "Delete",
+			"channels.deleteConfirmTitle": "Delete channel \"{name}\"? Its key will be removed; history and gallery records are kept.",
+			"channels.confirm": "Delete",
+			"channels.cancel": "Cancel",
+			"channels.editorTitle": "Channel",
+			"channels.editorSaveNote": "Changes take effect with the card's \"Save\" button",
+			"channels.displayName": "Display name",
+			"channels.apiUrl": "API URL",
+			"channels.apiKey": "API key",
+			"channels.keyReplaceHint": "Configured — type a new value to replace it",
+			"channels.keyMissingHint": "Enter a key",
+			"channels.keyClear": "Clear key",
+			"channels.modelCatalogTitle": "Model catalog",
+			"channels.noModelsHint": "No models yet: run \"Detect\" to pull candidates, or add one manually; the alias (display name) defaults to the upstream model id and can be renamed.",
+			"channels.detect": "Re-detect",
+			"channels.detecting": "Detecting…",
+			"channels.detectSuccess": "Connected ✓ · {n} candidates",
+			"channels.detectFailed": "Detection failed: {error}",
+			"channels.detectOk": "Connected to this API",
+			"channels.modelAliasLabel": "Display name (alias)",
+			"channels.modelIdLabel": "Upstream model id",
+			"channels.generated": "Generated {n} time(s)",
+			"channels.unknownProtocol": "Unknown protocol — best-effort OpenAI",
+			"channels.removeModel": "Remove model",
+			"channels.manualAddPlaceholder": "Enter a model id, e.g. qwen-image",
+			"channels.addModelConfirm": "Add",
+			"channels.copyFrom": "Copy from another channel…",
+			"channels.copyApply": "Copy",
+			"channels.candidatesTitle": "Candidates (click to add)",
+			"channels.candidatesQuick": "Add only known protocols",
+			"channels.deleteThisChannel": "Delete this channel",
+			"channels.setDefault": "Set as default channel",
+			"channels.presetPickerTitle": "Add provider",
+			"channels.presetPickerHint": "Pick a built-in provider — only the API key is needed",
+			"channels.presetModelsHint": "{n} preset model(s)",
+			"channels.presetCustomHint": "Configure the API URL, key, and model catalog yourself",
+			"channels.presetLoadFailed": "Failed to load providers: {error}"
 		};
 		//#endregion
 		//#region src/client/helpers.ts
@@ -785,47 +903,47 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var templates_module_css_default = {
-			"toolbar": "o0mAxG_toolbar",
-			"thumbWrap": "o0mAxG_thumbWrap",
-			"cardBody": "o0mAxG_cardBody",
-			"close": "o0mAxG_close",
-			"featuredBadge": "o0mAxG_featuredBadge",
-			"heading": "o0mAxG_heading",
-			"thumb": "o0mAxG_thumb",
-			"cardCategory": "o0mAxG_cardCategory",
-			"footer": "o0mAxG_footer",
-			"meta": "o0mAxG_meta",
-			"cardMeta": "o0mAxG_cardMeta",
-			"detailPrompt": "o0mAxG_detailPrompt",
+			"detailMeta": "o0mAxG_detailMeta",
 			"body": "o0mAxG_body",
-			"cardTitle": "o0mAxG_cardTitle",
-			"detailOverlay": "o0mAxG_detailOverlay",
+			"cardSource": "o0mAxG_cardSource",
+			"notice": "o0mAxG_notice",
+			"cardCategory": "o0mAxG_cardCategory",
+			"detailActions": "o0mAxG_detailActions",
+			"overlay": "o0mAxG_overlay",
 			"shell": "o0mAxG_shell",
+			"cardMeta": "o0mAxG_cardMeta",
+			"categoryPill": "o0mAxG_categoryPill",
+			"thumbWrap": "o0mAxG_thumbWrap",
 			"thumbPlaceholder": "o0mAxG_thumbPlaceholder",
-			"detailMedia": "o0mAxG_detailMedia",
+			"cardBody": "o0mAxG_cardBody",
+			"attribution": "o0mAxG_attribution",
+			"sourceLink": "o0mAxG_sourceLink",
 			"detailInfo": "o0mAxG_detailInfo",
+			"detail": "o0mAxG_detail",
 			"detailTitle": "o0mAxG_detailTitle",
-			"detailMeta": "o0mAxG_detailMeta",
-			"attribution": "o0mAxG_attribution",
+			"footer": "o0mAxG_footer",
+			"detailPrompt": "o0mAxG_detailPrompt",
+			"thumb": "o0mAxG_thumb",
 			"detailLink": "o0mAxG_detailLink",
+			"title": "o0mAxG_title",
+			"meta": "o0mAxG_meta",
+			"toolbar": "o0mAxG_toolbar",
+			"detailOverlay": "o0mAxG_detailOverlay",
+			"detailImage": "o0mAxG_detailImage",
+			"categoryRow": "o0mAxG_categoryRow",
 			"dsh-imagegen-templates-spin": "o0mAxG_dsh-imagegen-templates-spin",
-			"detail": "o0mAxG_detail",
-			"sourceLink": "o0mAxG_sourceLink",
-			"grid": "o0mAxG_grid",
+			"headerActions": "o0mAxG_headerActions",
 			"search": "o0mAxG_search",
 			"card": "o0mAxG_card",
+			"heading": "o0mAxG_heading",
+			"spinner": "o0mAxG_spinner",
+			"close": "o0mAxG_close",
 			"header": "o0mAxG_header",
+			"featuredBadge": "o0mAxG_featuredBadge",
+			"cardTitle": "o0mAxG_cardTitle",
+			"grid": "o0mAxG_grid",
 			"state": "o0mAxG_state",
-			"detailActions": "o0mAxG_detailActions",
-			"categoryPill": "o0mAxG_categoryPill",
-			"title": "o0mAxG_title",
-			"detailImage": "o0mAxG_detailImage",
-			"spinner": "o0mAxG_spinner",
-			"notice": "o0mAxG_notice",
-			"cardSource": "o0mAxG_cardSource",
-			"categoryRow": "o0mAxG_categoryRow",
-			"overlay": "o0mAxG_overlay",
-			"headerActions": "o0mAxG_headerActions"
+			"detailMedia": "o0mAxG_detailMedia"
 		};
 		//#endregion
 		//#region src/client/TemplateLibrary.tsx
@@ -1301,13 +1419,245 @@ window.__ModuleLoader__.load({
 			}), document.body);
 		}
 		//#endregion
+		//#region src/client/settings-scope.ts
+		/**
+		* Browser-side settings scope for the dsh-imagegen namespace, served by the
+		* plugin's own loopback bridge routes (/api/dsh-imagegen/settings). The
+		* official rc.6 settings scope answers "unavailable" for every third-party
+		* namespace (the host-apiproxy allowlist is hard-coded), so this package
+		* re-serves its namespace through the host settings seam over a same-origin,
+		* loopback-only HTTP pair — the same pattern the dsh-web-ui family bridge
+		* uses, self-contained per plugin.
+		*/
+		/** Settings wire face over the bridge routes (fetch-backed). */
+		function createBridgeApi(fetchFn) {
+			const post = async (path, body) => {
+				try {
+					const response = await fetchFn(path, {
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify(body)
+					});
+					if (!response.ok) return { result: {
+						ok: false,
+						code: "internal",
+						message: `bridge HTTP ${response.status}`
+					} };
+					return { result: await response.json() };
+				} catch {
+					return { result: {
+						ok: false,
+						code: "internal",
+						message: "settings bridge unreachable"
+					} };
+				}
+			};
+			return { settings: {
+				describe: async (payload) => post(SETTINGS_API.describe, payload),
+				mutate: async (payload) => post(SETTINGS_API.mutate, payload)
+			} };
+		}
+		/**
+		* A SettingsScope over the bridge face: serialized queue, revision-fenced
+		* writes, recovery read after a refusal. Mirrors the official controller's
+		* ordering but trusts the Host-seam value without re-running the wire-schema
+		* validation — the seam already validated it.
+		*/
+		var BridgeScopeController = class {
+			api;
+			spec;
+			store;
+			/** Whether the namespace currently holds a stored secret (e.g. apiKey). */
+			keySet;
+			/** Individual secret presence bits, keyed by the settings field name. */
+			secretSets;
+			tail = Promise.resolve();
+			disposed = false;
+			constructor(api, spec) {
+				this.api = api;
+				this.spec = spec;
+				this.store = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)({
+					status: "loading",
+					value: void 0,
+					base: void 0,
+					user: void 0,
+					revision: void 0,
+					writable: false,
+					mode: "host"
+				});
+				this.keySet = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)(false);
+				this.secretSets = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)({});
+			}
+			getSnapshot() {
+				return this.store.getSnapshot();
+			}
+			/** Whether a stored secret exists (from the redacted view's secrets list). */
+			getKeySetSnapshot() {
+				return this.keySet.getSnapshot();
+			}
+			/** Observe the secret-set flag. */
+			subscribeKeySet(listener) {
+				return this.keySet.subscribe(listener);
+			}
+			/** Whether a specific secret field currently has a stored value. */
+			getSecretSetSnapshot(field) {
+				return this.secretSets.getSnapshot()[field] === true;
+			}
+			/** Observe changes to individual secret-field presence bits. */
+			subscribeSecretSets(listener) {
+				return this.secretSets.subscribe(listener);
+			}
+			subscribe(listener) {
+				return this.store.subscribe(listener);
+			}
+			/** Queue a bridge refresh. */
+			load() {
+				return this.enqueue(() => this.read());
+			}
+			set(field, value) {
+				return this.enqueue(() => this.writeOps([{
+					op: "set",
+					path: [field],
+					value
+				}]));
+			}
+			unset(field) {
+				return this.enqueue(() => this.writeOps([{
+					op: "unset",
+					path: [field]
+				}]));
+			}
+			/** Apply several path ops in one revision-fenced mutate call (atomic save).
+			*  Path ops may address plain-object fields (e.g. `channelSecrets.<id>`),
+			*  but never navigate *inside* arrays — write array fields wholesale. */
+			mutateOps(ops) {
+				return this.enqueue(() => this.writeOps(ops));
+			}
+			async dispose() {
+				this.disposed = true;
+				await this.tail;
+			}
+			enqueue(operation) {
+				if (this.disposed) return Promise.resolve();
+				const task = this.tail.then(async () => {
+					if (this.disposed) return;
+					await operation();
+				});
+				this.tail = task.catch(() => {});
+				return task;
+			}
+			async read() {
+				let response;
+				try {
+					response = await this.api.describe({});
+				} catch {
+					if (!this.disposed) this.store.update((draft) => {
+						draft.status = "unavailable";
+					});
+					return;
+				}
+				if (!response.result.ok || this.disposed) {
+					if (!this.disposed) this.store.update((draft) => {
+						draft.status = "unavailable";
+					});
+					return;
+				}
+				const { namespaces, writable } = response.result.value;
+				const view = namespaces?.find((candidate) => candidate.ns === this.spec.namespace);
+				if (view === void 0) {
+					this.store.update((draft) => {
+						draft.status = "unavailable";
+						draft.writable = writable === true;
+					});
+					this.keySet.set(false);
+					this.secretSets.set({});
+					return;
+				}
+				this.accept(view, writable);
+			}
+			async writeOps(ops) {
+				const revision = this.getSnapshot().revision;
+				let response;
+				try {
+					response = await this.api.mutate({
+						ns: this.spec.namespace,
+						ops,
+						...revision === void 0 ? {} : { expectedRevision: revision }
+					});
+				} catch {
+					await this.read();
+					return;
+				}
+				if (!response.result.ok || this.disposed) {
+					await this.read();
+					return;
+				}
+				this.accept(response.result.value, void 0);
+			}
+			accept(view, writable) {
+				this.store.update((draft) => {
+					draft.revision = view.revision;
+					draft.base = view.base;
+					draft.user = view.user;
+					if (writable !== void 0) draft.writable = writable;
+					draft.status = "ready";
+					draft.value = view.value;
+				});
+				const secretSets = Object.fromEntries((view.secrets ?? []).map((secret) => [secret.path.join("."), secret.set]));
+				this.keySet.set(Object.values(secretSets).some(Boolean));
+				this.secretSets.set(secretSets);
+			}
+		};
+		/**
+		* Bind the dsh-imagegen settings scope over the bridge routes and start its
+		* initial read (the caller mounts nothing until the scope settles).
+		* @param fetchFn - the fetch implementation (the global fetch on loopback).
+		* @returns the scope; unavailable when the bridge is unreachable.
+		*/
+		function bindImageGenScope(fetchFn = fetch) {
+			const controller = new BridgeScopeController(createBridgeApi(fetchFn).settings, { namespace: "dsh-imagegen" });
+			controller.load();
+			return controller;
+		}
+		/**
+		* Flatten the configured channels into the model options the panel lists
+		* (aliases; the default channel's models first) plus the default channel id.
+		* Falls back to the legacy flat allow-list while no channels exist (upgrade
+		* path). Pure projection — no host calls.
+		*/
+		function imageModelOptions(config) {
+			const channels = config?.channels ?? [];
+			if (channels.length === 0) return { models: Array.isArray(config?.imageModels) ? config.imageModels.filter((model) => typeof model === "string" && model.trim() !== "") : [] };
+			const defaultId = config?.defaultChannelId !== void 0 && channels.some((channel) => channel.id === config.defaultChannelId) ? config.defaultChannelId : channels[0].id;
+			const ordered = [defaultId, ...channels.filter((channel) => channel.id !== defaultId).map((channel) => channel.id)];
+			const models = [];
+			for (const id of ordered) {
+				const channel = channels.find((candidate) => candidate.id === id);
+				for (const model of channel.models) if (model.alias !== "" && !models.includes(model.alias)) models.push(model.alias);
+			}
+			return models.length > 0 ? {
+				models,
+				defaultChannelId: defaultId
+			} : {
+				models: [],
+				defaultChannelId: defaultId
+			};
+		}
+		//#endregion
 		//#region src/image-models.ts
 		/**
 		* Image-model configuration shared by the host, panel, and Agent tools.
 		* `/models` exposes candidates only: the configured list is the explicit
 		* allow-list because OpenAI-compatible gateways rarely advertise modalities.
 		*/
-		const DEFAULT_IMAGE_MODELS = ["gpt-image-2", "grok-imagine-image"];
+		const DEFAULT_IMAGE_MODELS = [
+			"gpt-image-2",
+			"grok-imagine-image",
+			"nanobanana2",
+			"nanobanana2-lite",
+			"nanobanana-pro",
+			"seedream-5.0-pro"
+		];
 		/** Normalize user-entered model identifiers and retain a usable legacy default. */
 		function normalizeImageModels(value) {
 			const candidates = Array.isArray(value) ? value : [];
@@ -1331,166 +1681,166 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var panel_module_css_default = {
-			"galleryFilter": "Yvqh9W_galleryFilter",
-			"galleryCard": "Yvqh9W_galleryCard",
-			"updateBanner": "Yvqh9W_updateBanner",
-			"updateText": "Yvqh9W_updateText",
-			"canvasBody": "Yvqh9W_canvasBody",
-			"taskPrompt": "Yvqh9W_taskPrompt",
-			"uploadIcon": "Yvqh9W_uploadIcon",
-			"configScroll": "Yvqh9W_configScroll",
-			"galleryImage": "Yvqh9W_galleryImage",
-			"configGuideBody": "Yvqh9W_configGuideBody",
-			"promptFooter": "Yvqh9W_promptFooter",
-			"modelLabel": "Yvqh9W_modelLabel",
-			"historyEmpty": "Yvqh9W_historyEmpty",
-			"galleryFilterDivider": "Yvqh9W_galleryFilterDivider",
-			"historyThumb": "Yvqh9W_historyThumb",
-			"galleryViewToggle": "Yvqh9W_galleryViewToggle",
-			"comparisonFullscreen": "Yvqh9W_comparisonFullscreen",
-			"historyTitle": "Yvqh9W_historyTitle",
-			"historyAction": "Yvqh9W_historyAction",
-			"modelSelect": "Yvqh9W_modelSelect",
-			"lightboxMeta": "Yvqh9W_lightboxMeta",
-			"gallerySelectionBar": "Yvqh9W_gallerySelectionBar",
+			"image": "Yvqh9W_image",
+			"galleryTagInput": "Yvqh9W_galleryTagInput",
+			"lightboxCaptionRow": "Yvqh9W_lightboxCaptionRow",
+			"bigSpinner": "Yvqh9W_bigSpinner",
 			"galleryTagEdit": "Yvqh9W_galleryTagEdit",
-			"historyPrompt": "Yvqh9W_historyPrompt",
+			"canvasState": "Yvqh9W_canvasState",
+			"compareControl": "Yvqh9W_compareControl",
+			"galleryTagFilter": "Yvqh9W_galleryTagFilter",
 			"taskTrayCount": "Yvqh9W_taskTrayCount",
-			"historyMeta": "Yvqh9W_historyMeta",
-			"hiddenFile": "Yvqh9W_hiddenFile",
-			"gallerySelectMode": "Yvqh9W_gallerySelectMode",
-			"historyThumbPlaceholder": "Yvqh9W_historyThumbPlaceholder",
+			"historyEmpty": "Yvqh9W_historyEmpty",
+			"gallerySelectionClear": "Yvqh9W_gallerySelectionClear",
+			"historyPrompt": "Yvqh9W_historyPrompt",
+			"galleryFilterNote": "Yvqh9W_galleryFilterNote",
+			"imageCaption": "Yvqh9W_imageCaption",
+			"compareModelChoices": "Yvqh9W_compareModelChoices",
 			"entryLabel": "Yvqh9W_entryLabel",
-			"uploadBox": "Yvqh9W_uploadBox",
-			"taskRows": "Yvqh9W_taskRows",
-			"historyHeader": "Yvqh9W_historyHeader",
-			"optionGrid": "Yvqh9W_optionGrid",
-			"lightboxDownload": "Yvqh9W_lightboxDownload",
+			"panelHeader": "Yvqh9W_panelHeader",
+			"comparisonGrid": "Yvqh9W_comparisonGrid",
+			"galleryCard": "Yvqh9W_galleryCard",
+			"galleryTagFilterList": "Yvqh9W_galleryTagFilterList",
+			"galleryCardInfo": "Yvqh9W_galleryCardInfo",
+			"galleryViewToggle": "Yvqh9W_galleryViewToggle",
+			"history": "Yvqh9W_history",
+			"comparisonFullscreenGrid": "Yvqh9W_comparisonFullscreenGrid",
+			"taskRow": "Yvqh9W_taskRow",
 			"prompt": "Yvqh9W_prompt",
-			"galleryHeading": "Yvqh9W_galleryHeading",
-			"canvas": "Yvqh9W_canvas",
-			"bigSpinner": "Yvqh9W_bigSpinner",
-			"lightboxNav": "Yvqh9W_lightboxNav",
-			"modelMenuItem": "Yvqh9W_modelMenuItem",
-			"uploadHint": "Yvqh9W_uploadHint",
-			"compareModelChoices": "Yvqh9W_compareModelChoices",
-			"optionRow": "Yvqh9W_optionRow",
-			"paramHint": "Yvqh9W_paramHint",
-			"lightboxZoomLevel": "Yvqh9W_lightboxZoomLevel",
-			"grid": "Yvqh9W_grid",
-			"lightboxTools": "Yvqh9W_lightboxTools",
-			"connectionDot": "Yvqh9W_connectionDot",
-			"githubLink": "Yvqh9W_githubLink",
+			"taskTrayHeader": "Yvqh9W_taskTrayHeader",
+			"optionGrid": "Yvqh9W_optionGrid",
+			"taskTray": "Yvqh9W_taskTray",
 			"canvasStateTitle": "Yvqh9W_canvasStateTitle",
-			"canvasError": "Yvqh9W_canvasError",
-			"studio": "Yvqh9W_studio",
-			"spinner": "Yvqh9W_spinner",
-			"imageCaption": "Yvqh9W_imageCaption",
+			"taskPrompt": "Yvqh9W_taskPrompt",
+			"connectionDot": "Yvqh9W_connectionDot",
+			"galleryFilter": "Yvqh9W_galleryFilter",
 			"dshImageGenSpin": "Yvqh9W_dshImageGenSpin",
-			"galleryRemove": "Yvqh9W_galleryRemove",
-			"taskTrayToggle": "Yvqh9W_taskTrayToggle",
+			"galleryRatioList": "Yvqh9W_galleryRatioList",
+			"gallerySort": "Yvqh9W_gallerySort",
+			"grid": "Yvqh9W_grid",
+			"gallerySelectionBar": "Yvqh9W_gallerySelectionBar",
+			"templatesButton": "Yvqh9W_templatesButton",
 			"updateActions": "Yvqh9W_updateActions",
-			"lightbox": "Yvqh9W_lightbox",
-			"lightboxFigure": "Yvqh9W_lightboxFigure",
-			"comparisonBoard": "Yvqh9W_comparisonBoard",
-			"modelMenuList": "Yvqh9W_modelMenuList",
-			"lightboxImage": "Yvqh9W_lightboxImage",
-			"galleryTagEditor": "Yvqh9W_galleryTagEditor",
-			"comparisonGrid": "Yvqh9W_comparisonGrid",
+			"configGuide": "Yvqh9W_configGuide",
+			"modelLabel": "Yvqh9W_modelLabel",
+			"configGuideBody": "Yvqh9W_configGuideBody",
+			"paramLabel": "Yvqh9W_paramLabel",
+			"taskTrayToggle": "Yvqh9W_taskTrayToggle",
+			"canvas": "Yvqh9W_canvas",
+			"entryIcon": "Yvqh9W_entryIcon",
+			"generateInner": "Yvqh9W_generateInner",
+			"historyInfo": "Yvqh9W_historyInfo",
+			"updateBanner": "Yvqh9W_updateBanner",
+			"zoomHint": "Yvqh9W_zoomHint",
+			"lightboxActions": "Yvqh9W_lightboxActions",
+			"galleryAvatar": "Yvqh9W_galleryAvatar",
+			"galleryHeading": "Yvqh9W_galleryHeading",
+			"download": "Yvqh9W_download",
+			"historyActions": "Yvqh9W_historyActions",
+			"panelTitle": "Yvqh9W_panelTitle",
+			"galleryCount": "Yvqh9W_galleryCount",
+			"reference": "Yvqh9W_reference",
+			"galleryMasonry": "Yvqh9W_galleryMasonry",
+			"galleryRemove": "Yvqh9W_galleryRemove",
+			"historyTitle": "Yvqh9W_historyTitle",
+			"connectionStatus": "Yvqh9W_connectionStatus",
+			"historyMain": "Yvqh9W_historyMain",
 			"galleryToolbar": "Yvqh9W_galleryToolbar",
+			"configScroll": "Yvqh9W_configScroll",
+			"comparisonFullscreen": "Yvqh9W_comparisonFullscreen",
+			"historyHeader": "Yvqh9W_historyHeader",
+			"imageCard": "Yvqh9W_imageCard",
+			"updateRelease": "Yvqh9W_updateRelease",
+			"canvasBody": "Yvqh9W_canvasBody",
 			"promptCount": "Yvqh9W_promptCount",
-			"config": "Yvqh9W_config",
-			"modelWrap": "Yvqh9W_modelWrap",
-			"panelHeader": "Yvqh9W_panelHeader",
-			"taskRow": "Yvqh9W_taskRow",
-			"templatesButton": "Yvqh9W_templatesButton",
 			"paramGroup": "Yvqh9W_paramGroup",
-			"galleryFilterNote": "Yvqh9W_galleryFilterNote",
-			"galleryCount": "Yvqh9W_galleryCount",
-			"galleryWorkspace": "Yvqh9W_galleryWorkspace",
-			"gallerySearch": "Yvqh9W_gallerySearch",
-			"historyActions": "Yvqh9W_historyActions",
 			"generateButton": "Yvqh9W_generateButton",
-			"lightboxCaptionRow": "Yvqh9W_lightboxCaptionRow",
-			"historySearch": "Yvqh9W_historySearch",
-			"panelTitle": "Yvqh9W_panelTitle",
-			"modeRow": "Yvqh9W_modeRow",
-			"galleryImageButton": "Yvqh9W_galleryImageButton",
-			"lightboxIndex": "Yvqh9W_lightboxIndex",
-			"canvasState": "Yvqh9W_canvasState",
+			"lightboxCaption": "Yvqh9W_lightboxCaption",
+			"canvasHistoryTag": "Yvqh9W_canvasHistoryTag",
+			"uploadBox": "Yvqh9W_uploadBox",
+			"lightboxNav": "Yvqh9W_lightboxNav",
+			"updateText": "Yvqh9W_updateText",
+			"galleryTags": "Yvqh9W_galleryTags",
+			"canvasEmptyIcon": "Yvqh9W_canvasEmptyIcon",
+			"gallerySelectMode": "Yvqh9W_gallerySelectMode",
+			"galleryWorkspace": "Yvqh9W_galleryWorkspace",
+			"galleryRatio": "Yvqh9W_galleryRatio",
+			"spinner": "Yvqh9W_spinner",
+			"panel": "Yvqh9W_panel",
 			"historyClear": "Yvqh9W_historyClear",
+			"lightboxTools": "Yvqh9W_lightboxTools",
+			"card": "Yvqh9W_card",
+			"compareToggle": "Yvqh9W_compareToggle",
+			"lightboxEdit": "Yvqh9W_lightboxEdit",
+			"uploadHint": "Yvqh9W_uploadHint",
+			"enhanceButton": "Yvqh9W_enhanceButton",
+			"footer": "Yvqh9W_footer",
+			"galleryBadge": "Yvqh9W_galleryBadge",
+			"historyFilters": "Yvqh9W_historyFilters",
+			"gallerySelect": "Yvqh9W_gallerySelect",
 			"modePill": "Yvqh9W_modePill",
-			"galleryClear": "Yvqh9W_galleryClear",
-			"generateInner": "Yvqh9W_generateInner",
-			"galleryCardFooter": "Yvqh9W_galleryCardFooter",
 			"view": "Yvqh9W_view",
-			"lightboxCopy": "Yvqh9W_lightboxCopy",
-			"gallerySelect": "Yvqh9W_gallerySelect",
-			"galleryCardInfo": "Yvqh9W_galleryCardInfo",
-			"referenceActions": "Yvqh9W_referenceActions",
-			"dshImageGenToastIn": "Yvqh9W_dshImageGenToastIn",
-			"historyList": "Yvqh9W_historyList",
-			"entryIcon": "Yvqh9W_entryIcon",
-			"taskTray": "Yvqh9W_taskTray",
-			"galleryRatio": "Yvqh9W_galleryRatio",
-			"compareControl": "Yvqh9W_compareControl",
-			"taskTrayChevron": "Yvqh9W_taskTrayChevron",
-			"historyInfo": "Yvqh9W_historyInfo",
-			"galleryFilterHeading": "Yvqh9W_galleryFilterHeading",
-			"lightboxClose": "Yvqh9W_lightboxClose",
-			"galleryTagInput": "Yvqh9W_galleryTagInput",
-			"galleryToast": "Yvqh9W_galleryToast",
-			"taskTrayHeader": "Yvqh9W_taskTrayHeader",
-			"comparisonFullscreenGrid": "Yvqh9W_comparisonFullscreenGrid",
-			"lightboxTool": "Yvqh9W_lightboxTool",
 			"taskStatus": "Yvqh9W_taskStatus",
-			"galleryAdd": "Yvqh9W_galleryAdd",
+			"modeRow": "Yvqh9W_modeRow",
+			"comparisonBoard": "Yvqh9W_comparisonBoard",
+			"taskRows": "Yvqh9W_taskRows",
+			"galleryImageButton": "Yvqh9W_galleryImageButton",
+			"uploadIcon": "Yvqh9W_uploadIcon",
+			"historyList": "Yvqh9W_historyList",
+			"promptFooter": "Yvqh9W_promptFooter",
+			"panelHeading": "Yvqh9W_panelHeading",
+			"optionPill": "Yvqh9W_optionPill",
+			"modelMenuList": "Yvqh9W_modelMenuList",
+			"canvasError": "Yvqh9W_canvasError",
 			"canvasStateHint": "Yvqh9W_canvasStateHint",
-			"imageCard": "Yvqh9W_imageCard",
-			"image": "Yvqh9W_image",
-			"galleryTagFilter": "Yvqh9W_galleryTagFilter",
-			"historyMain": "Yvqh9W_historyMain",
-			"configGuide": "Yvqh9W_configGuide",
-			"download": "Yvqh9W_download",
-			"galleryBadge": "Yvqh9W_galleryBadge",
-			"canvasEmptyIcon": "Yvqh9W_canvasEmptyIcon",
-			"taskTrayClose": "Yvqh9W_taskTrayClose",
-			"referenceImage": "Yvqh9W_referenceImage",
-			"historyItem": "Yvqh9W_historyItem",
-			"historyFilters": "Yvqh9W_historyFilters",
-			"reference": "Yvqh9W_reference",
+			"referenceActions": "Yvqh9W_referenceActions",
 			"modelMenu": "Yvqh9W_modelMenu",
-			"lightboxActions": "Yvqh9W_lightboxActions",
-			"galleryMasonry": "Yvqh9W_galleryMasonry",
-			"connectionStatus": "Yvqh9W_connectionStatus",
-			"history": "Yvqh9W_history",
-			"updateRelease": "Yvqh9W_updateRelease",
+			"modelMenuItem": "Yvqh9W_modelMenuItem",
+			"lightbox": "Yvqh9W_lightbox",
+			"lightboxMeta": "Yvqh9W_lightboxMeta",
+			"lightboxDownload": "Yvqh9W_lightboxDownload",
+			"historyMeta": "Yvqh9W_historyMeta",
 			"canvasMeta": "Yvqh9W_canvasMeta",
-			"gallerySort": "Yvqh9W_gallerySort",
-			"galleryAvatar": "Yvqh9W_galleryAvatar",
-			"lightboxCaption": "Yvqh9W_lightboxCaption",
+			"taskTrayChevron": "Yvqh9W_taskTrayChevron",
+			"historyItem": "Yvqh9W_historyItem",
+			"config": "Yvqh9W_config",
+			"optionRow": "Yvqh9W_optionRow",
+			"modelWrap": "Yvqh9W_modelWrap",
+			"modelSelect": "Yvqh9W_modelSelect",
+			"lightboxTool": "Yvqh9W_lightboxTool",
+			"dshImageGenToastIn": "Yvqh9W_dshImageGenToastIn",
 			"galleryFilterCount": "Yvqh9W_galleryFilterCount",
-			"compareToggle": "Yvqh9W_compareToggle",
-			"enhanceButton": "Yvqh9W_enhanceButton",
+			"galleryFilterDivider": "Yvqh9W_galleryFilterDivider",
+			"galleryClear": "Yvqh9W_galleryClear",
+			"galleryCardFooter": "Yvqh9W_galleryCardFooter",
+			"galleryTagEditor": "Yvqh9W_galleryTagEditor",
+			"studio": "Yvqh9W_studio",
+			"referenceImage": "Yvqh9W_referenceImage",
 			"entry": "Yvqh9W_entry",
-			"card": "Yvqh9W_card",
+			"galleryAdd": "Yvqh9W_galleryAdd",
+			"lightboxClose": "Yvqh9W_lightboxClose",
 			"galleryToolbarActions": "Yvqh9W_galleryToolbarActions",
-			"panelHeading": "Yvqh9W_panelHeading",
-			"canvasHistoryTag": "Yvqh9W_canvasHistoryTag",
-			"optionPill": "Yvqh9W_optionPill",
-			"galleryTagFilterList": "Yvqh9W_galleryTagFilterList",
+			"lightboxIndex": "Yvqh9W_lightboxIndex",
+			"paramHint": "Yvqh9W_paramHint",
+			"historyAction": "Yvqh9W_historyAction",
+			"lightboxImage": "Yvqh9W_lightboxImage",
+			"githubLink": "Yvqh9W_githubLink",
+			"hiddenFile": "Yvqh9W_hiddenFile",
+			"lightboxZoomLevel": "Yvqh9W_lightboxZoomLevel",
+			"galleryImage": "Yvqh9W_galleryImage",
 			"galleryBulkButton": "Yvqh9W_galleryBulkButton",
-			"footer": "Yvqh9W_footer",
-			"paramLabel": "Yvqh9W_paramLabel",
-			"zoomHint": "Yvqh9W_zoomHint",
+			"gallerySearch": "Yvqh9W_gallerySearch",
+			"historySearch": "Yvqh9W_historySearch",
+			"lightboxScaleFrame": "Yvqh9W_lightboxScaleFrame",
+			"historyThumb": "Yvqh9W_historyThumb",
 			"galleryFilters": "Yvqh9W_galleryFilters",
-			"lightboxEdit": "Yvqh9W_lightboxEdit",
-			"galleryRatioList": "Yvqh9W_galleryRatioList",
-			"gallerySelectionClear": "Yvqh9W_gallerySelectionClear",
-			"galleryTags": "Yvqh9W_galleryTags",
-			"lightboxStage": "Yvqh9W_lightboxStage",
-			"panel": "Yvqh9W_panel",
-			"lightboxScaleFrame": "Yvqh9W_lightboxScaleFrame"
+			"lightboxCopy": "Yvqh9W_lightboxCopy",
+			"taskTrayClose": "Yvqh9W_taskTrayClose",
+			"galleryToast": "Yvqh9W_galleryToast",
+			"galleryFilterHeading": "Yvqh9W_galleryFilterHeading",
+			"historyThumbPlaceholder": "Yvqh9W_historyThumbPlaceholder",
+			"lightboxFigure": "Yvqh9W_lightboxFigure",
+			"lightboxStage": "Yvqh9W_lightboxStage"
 		};
 		//#endregion
 		//#region src/client/ImageGenPanel.tsx
@@ -1597,10 +1947,15 @@ window.__ModuleLoader__.load({
 		function useElapsed(running, startedAt) {
 			const [elapsed, setElapsed] = (0, react.useState)(0);
 			(0, react.useEffect)(() => {
-				if (!running || startedAt === null) return;
-				const timer = window.setInterval(() => {
+				if (!running || startedAt === null) {
+					setElapsed(0);
+					return;
+				}
+				const update = () => {
 					setElapsed(Math.max(1, Math.round((Date.now() - startedAt) / 1e3)));
-				}, 1e3);
+				};
+				update();
+				const timer = window.setInterval(update, 1e3);
 				return () => window.clearInterval(timer);
 			}, [running, startedAt]);
 			return elapsed;
@@ -1642,28 +1997,31 @@ window.__ModuleLoader__.load({
 			const { api, scope } = props;
 			const config = useConfig(scope);
 			const enabled = config?.enabled ?? true;
-			const configured = (config?.apiUrl ?? "").trim() !== "";
-			const apiKeySet = useSecretSet(scope, "apiKey");
+			const modelOptions = imageModelOptions(config);
+			const imageModels = (config?.channels ?? []).length > 0 ? modelOptions.models : normalizeImageModels(config?.imageModels);
+			const defaultChannelId = modelOptions.defaultChannelId;
+			const configured = (defaultChannelId !== void 0 && (config?.channels ?? []).length > 0 ? config.channels.find((channel) => channel.id === defaultChannelId)?.apiUrl ?? "" : config?.apiUrl ?? "").trim() !== "";
+			const legacyKeySet = useSecretSet(scope, "apiKey");
 			const promptKeySet = useSecretSet(scope, "promptApiKey");
+			const channelKeySet = (config?.channels ?? []).some((channel) => scope.getSecretSetSnapshot(`channelSecrets.${channel.id}`));
+			const apiKeySet = (config?.channels ?? []).length > 0 ? channelKeySet : legacyKeySet;
 			const connected = enabled && configured && apiKeySet;
-			const imageModels = normalizeImageModels(config?.imageModels);
 			const [tab, setTab] = (0, react.useState)("text");
 			const [prompt, setPrompt] = (0, react.useState)("");
 			const [size, setSize] = (0, react.useState)("auto");
 			const [quality, setQuality] = (0, react.useState)("auto");
 			const [count, setCount] = (0, react.useState)(1);
 			const [detail, setDetail] = (0, react.useState)("");
-			const [model, setModel] = (0, react.useState)(DEFAULT_IMAGE_MODELS[0]);
+			const [model, setModel] = (0, react.useState)("");
 			const [compareEnabled, setCompareEnabled] = (0, react.useState)(false);
-			const [compareModels, setCompareModels] = (0, react.useState)([...DEFAULT_IMAGE_MODELS]);
+			const [compareModels, setCompareModels] = (0, react.useState)([]);
 			const [modelOpen, setModelOpen] = (0, react.useState)(false);
 			const [refImage, setRefImage] = (0, react.useState)(null);
 			const [images, setImages] = (0, react.useState)([]);
 			const [error, setError] = (0, react.useState)(null);
-			const [generating, setGenerating] = (0, react.useState)(false);
+			const [submitting, setSubmitting] = (0, react.useState)(false);
 			const [enhancing, setEnhancing] = (0, react.useState)(false);
 			const [configGuide, setConfigGuide] = (0, react.useState)(null);
-			const [startedAt, setStartedAt] = (0, react.useState)(null);
 			const [history, setHistory] = (0, react.useState)([]);
 			const [viewingHistoryId, setViewingHistoryId] = (0, react.useState)(null);
 			const [gallery, setGallery] = (0, react.useState)([]);
@@ -1698,7 +2056,10 @@ window.__ModuleLoader__.load({
 			const [comparisonFullscreen, setComparisonFullscreen] = (0, react.useState)(false);
 			const fileInput = (0, react.useRef)(null);
 			const previewStage = (0, react.useRef)(null);
-			const elapsed = useElapsed(generating, startedAt);
+			const activeTasks = tasks.filter((task) => task.status === "queued" || task.status === "running");
+			const activeTask = activeTasks.find((task) => task.status === "running") ?? activeTasks[0];
+			const generating = submitting || activeTasks.length > 0;
+			const elapsed = useElapsed(generating, activeTask?.startedAt ?? activeTask?.createdAt ?? null);
 			(0, react.useEffect)(() => {
 				setModel((previous) => imageModels.includes(previous) ? previous : imageModels[0]);
 				setCompareModels((previous) => {
@@ -1847,7 +2208,7 @@ window.__ModuleLoader__.load({
 			};
 			/** Run one generation. */
 			const handleGenerate = async () => {
-				if (generating) return;
+				if (submitting) return;
 				if (!enabled) {
 					openSettingsGuide("disabled");
 					return;
@@ -1873,10 +2234,12 @@ window.__ModuleLoader__.load({
 					quality,
 					n: count,
 					detail,
+					...defaultChannelId !== void 0 ? { channelId: defaultChannelId } : {},
 					...tab === "edit" && refImage !== null ? { image: refImage.dataUrl } : {},
 					...tab === "edit" && refImage !== null ? { refName: refImage.name } : {}
 				};
 				setError(null);
+				setSubmitting(true);
 				try {
 					const targetModels = (compareEnabled ? compareModels : [request.model]).filter((candidate) => imageModels.includes(candidate));
 					if (targetModels.length === 0) {
@@ -1894,6 +2257,8 @@ window.__ModuleLoader__.load({
 					} : null);
 				} catch (caught) {
 					setError(errorMessage(caught));
+				} finally {
+					setSubmitting(false);
 				}
 			};
 			/** Open the full-screen image preview at a given index. */
@@ -2156,7 +2521,7 @@ window.__ModuleLoader__.load({
 					anchor.click();
 				});
 			};
-			const generateDisabled = generating;
+			const generateDisabled = submitting;
 			const viewingEntry = viewingHistoryId === null ? null : history.find((entry) => entry.id === viewingHistoryId) ?? null;
 			const viewingGalleryEntry = galleryViewingId === null ? null : gallery.find((entry) => entry.id === galleryViewingId) ?? null;
 			const previewImage = preview === null ? null : preview.images[preview.index] ?? null;
@@ -2602,7 +2967,7 @@ window.__ModuleLoader__.load({
 													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 														type: "button",
 														className: panel_module_css_default.modelSelect,
-														disabled: generating,
+														disabled: submitting,
 														"aria-haspopup": "listbox",
 														"aria-expanded": modelOpen,
 														onClick: () => {
@@ -2870,7 +3235,7 @@ window.__ModuleLoader__.load({
 																children: [
 																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 																		className: panel_module_css_default.galleryAvatar,
-																		children: entry.model.startsWith("grok") ? "G" : "D"
+																		children: entry.model.toLowerCase().startsWith("nanobanana") ? "N" : entry.model.toLowerCase().startsWith("seedream") ? "S" : entry.model.startsWith("grok") ? "G" : "D"
 																	}),
 																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 																		className: panel_module_css_default.galleryCardInfo,
@@ -2967,7 +3332,7 @@ window.__ModuleLoader__.load({
 													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tt("tasks.title") }),
 													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 														className: panel_module_css_default.taskTrayCount,
-														children: tasks.filter((task) => task.status === "queued" || task.status === "running").length
+														children: activeTasks.length
 													}),
 													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 														className: panel_module_css_default.taskTrayChevron,
@@ -3040,16 +3405,17 @@ window.__ModuleLoader__.load({
 									}) : null,
 									generating ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: panel_module_css_default.canvasState,
+										"data-generation-state": activeTask?.status ?? "submitting",
 										role: "status",
 										children: [
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.bigSpinner }),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 												className: panel_module_css_default.canvasStateTitle,
-												children: tt("canvas.generating")
+												children: submitting && activeTask === void 0 ? tt("canvas.submitting") : activeTask?.status === "queued" ? tt("canvas.queued") : tt("canvas.generating")
 											}),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 												className: panel_module_css_default.canvasStateHint,
-												children: tt("canvas.elapsed", { seconds: elapsed })
+												children: activeTask?.status === "queued" ? tt("canvas.queueHint", { count: activeTasks.length }) : tt("canvas.elapsed", { seconds: elapsed })
 											})
 										]
 									}) : null,
@@ -3973,20 +4339,6 @@ window.__ModuleLoader__.load({
 				}
 			};
 		}
-		/** A newline/comma-separated model list, persisted as a normalized string array. */
-		function stringListField(field) {
-			return {
-				field,
-				format: (value) => Array.isArray(value) ? value.filter((item) => typeof item === "string").join("\n") : "",
-				parse: (text) => {
-					const values = [...new Set(text.split(/[\n,]/).map((item) => item.trim()).filter(Boolean))];
-					return values.length === 0 ? { kind: "clear" } : {
-						kind: "set",
-						value: values
-					};
-				}
-			};
-		}
 		/** A boolean field, edited through true/false draft text. */
 		function booleanField(field) {
 			return {
@@ -4200,23 +4552,354 @@ window.__ModuleLoader__.load({
 			sectionValue(field) {
 				return this.snapshotOf().value?.[field];
 			}
-			baseValue(field) {
-				return this.snapshotOf().base?.[field];
+			baseValue(field) {
+				return this.snapshotOf().base?.[field];
+			}
+			userLayer() {
+				return this.snapshotOf().user;
+			}
+			stored(field) {
+				const user = this.userLayer();
+				return user !== void 0 && Object.hasOwn(user, field);
+			}
+			publish() {
+				for (const listener of [...this.listeners]) listener();
+			}
+		};
+		//#endregion
+		//#region src/client/channels-form.ts
+		/**
+		* Staged form model for the channel list of the settings card. Mirrors the
+		* CardForm staging pattern (dirty → one save) but for a structured value, so
+		* the card can edit N channels, per-channel keys, and the default-channel
+		* flag, then persist everything in one revision-fenced mutate call.
+		*
+		* Storage rules (dictated by dsh-settings semantics):
+		*  - the whole `channels` array is written wholesale via `path: ['channels']`;
+		*  - every channel's API key lives at `channelSecrets.<channelId>` (a secret
+		*    dict), written per-key so untouched keys are never clobbered by a save
+		*    the reader could not see (keys are redacted out of the wire view);
+		*  - path ops never navigate *inside* the channels array.
+		*/
+		/** Deep equality over JSON-compatible data (the change predicate). */
+		function deepEqualJson(a, b) {
+			if (a === b) return true;
+			if (typeof a !== "object" || typeof b !== "object" || a === null || b === null) return false;
+			if (Array.isArray(a) || Array.isArray(b)) {
+				if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length) return false;
+				return a.every((entry, index) => deepEqualJson(entry, b[index]));
+			}
+			const left = a;
+			const right = b;
+			const keys = Object.keys(left);
+			if (keys.length !== Object.keys(right).length) return false;
+			return keys.every((key) => key in right && deepEqualJson(left[key], right[key]));
+		}
+		/** Trim and normalize a draft channel (models never carry empty aliases). */
+		function stripChannel(channel) {
+			const models = channel.models.map((model) => ({
+				alias: model.alias.trim(),
+				id: model.id.trim() === "" ? model.alias.trim() : model.id.trim()
+			})).filter((model) => model.alias !== "");
+			return {
+				id: channel.id,
+				preset: channel.preset,
+				name: channel.name.trim(),
+				apiUrl: channel.apiUrl.trim(),
+				models: [...new Map(models.map((model) => [model.alias, model])).values()]
+			};
+		}
+		var ChannelsForm = class {
+			scope;
+			stagedChannels = null;
+			stagedKeys = /* @__PURE__ */ new Map();
+			stagedDefault = null;
+			listeners = /* @__PURE__ */ new Set();
+			saving = false;
+			failed = false;
+			constructor(scope) {
+				this.scope = scope;
+				scope.subscribe(() => {
+					this.publish();
+				});
+				scope.subscribeSecretSets(() => {
+					this.publish();
+				});
+			}
+			/** Publish a projection of this form, rebuilt on every scope or draft change. */
+			bind(project) {
+				const store = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)(project());
+				this.listeners.add(() => {
+					store.set(project());
+				});
+				return store;
+			}
+			/** Subscribe to staged and persisted channel changes. */
+			subscribe(listener) {
+				this.listeners.add(listener);
+				return () => {
+					this.listeners.delete(listener);
+				};
+			}
+			/** The staged channel list, or the scope value when nothing is staged. */
+			channelsValue() {
+				const view = this.scope.getSnapshot().value;
+				return this.stagedChannels ?? (Array.isArray(view?.channels) ? view.channels.map(toDraft) : []);
+			}
+			/** Whether a channel currently holds a stored or staged secret. */
+			keyHeld(id) {
+				const edit = this.stagedKeys.get(id);
+				if (edit !== void 0) return edit.kind === "set" && edit.value !== "";
+				return this.scope.getSecretSetSnapshot(`channelSecrets.${id}`);
+			}
+			defaultValue() {
+				if (this.stagedDefault !== null) return this.stagedDefault;
+				const view = this.scope.getSnapshot().value;
+				const channels = this.channelsValue();
+				if (view?.defaultChannelId !== void 0 && channels.some((channel) => channel.id === view.defaultChannelId)) return view.defaultChannelId;
+				return channels[0]?.id ?? "";
+			}
+			dirtyValue() {
+				const channels = this.channelsValue();
+				const stagedChanged = this.stagedChannels !== null && !deepEqualJson(this.stagedChannels, scopeChannelsOf(this.scope));
+				const scopeDefault = this.scope.getSnapshot().value?.defaultChannelId ?? channels[0]?.id ?? "";
+				const defaultChanged = this.stagedDefault !== null && this.stagedDefault !== scopeDefault;
+				return stagedChanged || defaultChanged || this.stagedKeys.size > 0;
+			}
+			/** The card-facing snapshot. */
+			snapshot() {
+				const channels = this.channelsValue();
+				const keySet = {};
+				for (const channel of channels) keySet[channel.id] = this.keyHeld(channel.id);
+				return {
+					channels,
+					keySet,
+					defaultChannelId: this.defaultValue(),
+					dirty: this.dirtyValue(),
+					writable: this.scope.getSnapshot().writable !== false,
+					saving: this.saving,
+					failed: this.failed
+				};
+			}
+			/** The actions the card's slot registration injects. */
+			actions() {
+				return {
+					setChannels: (channels) => {
+						this.stageChannels(channels);
+					},
+					setChannelKey: (id, value) => {
+						this.stageKey(id, value);
+					},
+					setDefaultChannel: (id) => {
+						this.stagedDefault = id;
+						this.failed = false;
+						this.publish();
+					},
+					commit: () => this.commit(),
+					discard: () => {
+						if (this.stagedChannels === null && this.stagedKeys.size === 0 && this.stagedDefault === null && !this.failed) return;
+						this.stagedChannels = null;
+						this.stagedKeys.clear();
+						this.stagedDefault = null;
+						this.failed = false;
+						this.publish();
+					}
+				};
+			}
+			stageChannels(channels) {
+				const cleaned = channels.map(stripChannel);
+				this.stagedChannels = cleaned;
+				this.failed = false;
+				this.publish();
+			}
+			stageKey(id, value) {
+				if (value === void 0 || value.trim() === "") {
+					if (this.keyHeld(id)) this.stagedKeys.set(id, { kind: "clear" });
+				} else this.stagedKeys.set(id, {
+					kind: "set",
+					value: value.trim()
+				});
+				this.failed = false;
+				this.publish();
 			}
-			userLayer() {
-				return this.snapshotOf().user;
+			/** Build the single batch of path ops a save performs. */
+			planOps() {
+				const ops = [];
+				if (this.stagedChannels !== null) {
+					ops.push({
+						op: "set",
+						path: ["channels"],
+						value: this.stagedChannels
+					});
+					ops.push({
+						op: "unset",
+						path: ["apiUrl"]
+					});
+					ops.push({
+						op: "unset",
+						path: ["apiKey"]
+					});
+					ops.push({
+						op: "unset",
+						path: ["imageModels"]
+					});
+				}
+				for (const [id, edit] of this.stagedKeys) if (edit.kind === "set") ops.push({
+					op: "set",
+					path: ["channelSecrets", id],
+					value: edit.value
+				});
+				else ops.push({
+					op: "unset",
+					path: ["channelSecrets", id]
+				});
+				if (this.stagedDefault !== null) ops.push({
+					op: "set",
+					path: ["defaultChannelId"],
+					value: this.stagedDefault
+				});
+				return ops;
 			}
-			stored(field) {
-				const user = this.userLayer();
-				return user !== void 0 && Object.hasOwn(user, field);
+			/**
+			* Write every staged edit, then re-seed from what the Host accepted.
+			* @returns settlement after the write settles.
+			*/
+			async commit() {
+				if (this.saving) return;
+				const ops = this.planOps();
+				if (ops.length === 0) return;
+				this.saving = true;
+				this.failed = false;
+				this.publish();
+				try {
+					await this.scope.mutateOps(ops);
+					this.stagedChannels = null;
+					this.stagedKeys.clear();
+					this.stagedDefault = null;
+					this.failed = false;
+				} catch {
+					this.failed = true;
+				} finally {
+					this.saving = false;
+					this.publish();
+				}
 			}
 			publish() {
 				for (const listener of [...this.listeners]) listener();
 			}
 		};
+		/** Project a stored channel into a draft (secrets never travel in channels). */
+		function toDraft(channel) {
+			return {
+				id: channel.id,
+				preset: channel.preset,
+				name: channel.name,
+				apiUrl: channel.apiUrl,
+				models: channel.models.map((model) => ({ ...model }))
+			};
+		}
+		/** The scope's current channels value (a plain array), for change detection. */
+		function scopeChannelsOf(scope) {
+			const view = scope.getSnapshot().value;
+			return Array.isArray(view?.channels) ? view.channels : [];
+		}
+		//#endregion
+		//#region src/model-catalog.ts
+		const ENTRIES = {
+			"gpt-image": {
+				label: "gpt-image",
+				labelZh: "GPT 图像",
+				known: true,
+				supportsEdit: true,
+				supportsAspectRatio: false,
+				qualityTiers: [
+					"1K",
+					"2K",
+					"4K"
+				]
+			},
+			"dall-e": {
+				label: "DALL·E",
+				labelZh: "DALL·E",
+				known: true,
+				supportsEdit: true,
+				supportsAspectRatio: false,
+				qualityTiers: ["auto"]
+			},
+			grok: {
+				label: "grok",
+				labelZh: "Grok",
+				known: true,
+				supportsEdit: true,
+				supportsAspectRatio: true,
+				qualityTiers: ["1K", "2K"]
+			},
+			nanobanana: {
+				label: "nanobanana",
+				labelZh: "Nano Banana",
+				known: true,
+				supportsEdit: true,
+				supportsAspectRatio: true,
+				qualityTiers: [
+					"1K",
+					"2K",
+					"4K"
+				]
+			},
+			seedream: {
+				label: "seedream",
+				labelZh: "Seedream",
+				known: true,
+				supportsEdit: true,
+				supportsAspectRatio: true,
+				qualityTiers: ["1K", "2K"]
+			}
+		};
+		/** Official Gemini image ids served by Nano Banana gateways. */
+		const NANOBANANA_GEMINI_IDS = /* @__PURE__ */ new Set([
+			"gemini-3-pro-image",
+			"gemini-3-pro-image-preview",
+			"gemini-3.1-flash-image",
+			"gemini-3.1-flash-image-preview",
+			"gemini-3.1-flash-lite-image",
+			"gemini-2.5-flash-image"
+		]);
+		/** Classify one upstream model id into its request-shaping family. */
+		function describeModel(model) {
+			const id = model.trim();
+			if (/^gpt-image/i.test(id)) return {
+				family: "gpt-image",
+				...ENTRIES["gpt-image"]
+			};
+			if (/^dall-e/i.test(id)) return {
+				family: "dall-e",
+				...ENTRIES["dall-e"]
+			};
+			if (/^grok-imagine(?:-|$)/.test(id)) return {
+				family: "grok",
+				...ENTRIES.grok
+			};
+			if (/^nanobanana/i.test(id) || NANOBANANA_GEMINI_IDS.has(id)) return {
+				family: "nanobanana",
+				...ENTRIES.nanobanana
+			};
+			if (/^(?:doubao-)?seedream/i.test(id)) return {
+				family: "seedream",
+				...ENTRIES.seedream
+			};
+			return {
+				family: "unknown",
+				label: "unknown",
+				labelZh: "未知协议",
+				known: false,
+				supportsEdit: true,
+				supportsAspectRatio: false,
+				qualityTiers: []
+			};
+		}
 		//#endregion
 		//#region \0dsh-css:E:\dsh-plugin\src\client\settings-card.module.css.mjs
-		const css$1 = ".i1cc5G_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.i1cc5G_card:hover{border-color:var(--dsw-alias-label-dimmed)}.i1cc5G_card:has(.i1cc5G_body){background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.i1cc5G_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.i1cc5G_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.i1cc5G_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.i1cc5G_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.i1cc5G_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.i1cc5G_chevron,.i1cc5G_chevronOpen{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.i1cc5G_chevronOpen{transform:rotate(180deg)}.i1cc5G_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.i1cc5G_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.i1cc5G_versionRow{border-bottom:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.i1cc5G_versionLabel{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:1.5}.i1cc5G_versionValue{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);font-family:var(--dsw-font-family-mono,monospace);border-radius:999px;padding:1px 8px;font-size:12px;line-height:1.5}.i1cc5G_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.i1cc5G_field+.i1cc5G_field{border-top:1px solid var(--dsw-alias-border-l2)}.i1cc5G_head{align-items:center;gap:8px;display:flex}.i1cc5G_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.i1cc5G_badges{align-items:center;gap:8px;display:inline-flex}.i1cc5G_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.i1cc5G_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.i1cc5G_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.i1cc5G_reset:disabled{cursor:default;opacity:.5}.i1cc5G_input,.i1cc5G_select{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;padding:0 12px;font-size:13px;line-height:1.5}.i1cc5G_input:focus-visible,.i1cc5G_select:focus-visible{border-color:var(--dsw-alias-brand-primary)}.i1cc5G_input:disabled,.i1cc5G_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.i1cc5G_inputInvalid{border:1px solid var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;padding:0 12px;font-size:13px;line-height:1.5}.i1cc5G_textarea,.i1cc5G_textareaInvalid{resize:vertical;background:var(--dsw-alias-bg-layer-3);min-height:70px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;padding:8px 12px;font-size:13px;line-height:1.5}.i1cc5G_textarea{border:1px solid var(--dsw-alias-border-l2)}.i1cc5G_textareaInvalid{border:1px solid var(--dsw-alias-label-error)}.i1cc5G_textarea:focus-visible{border-color:var(--dsw-alias-brand-primary)}.i1cc5G_textarea:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.i1cc5G_hint,.i1cc5G_invalid{margin:0;font-size:12px;line-height:1.5}.i1cc5G_hint{color:var(--dsw-alias-label-tertiary)}.i1cc5G_invalid{color:var(--dsw-alias-label-error)}.i1cc5G_readOnly,.i1cc5G_notExposed{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.i1cc5G_sectionDivider{background:var(--dsw-alias-border-l2);height:1px;margin:18px 0 14px}.i1cc5G_sectionTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;line-height:1.4}.i1cc5G_sectionHint{color:var(--dsw-alias-label-tertiary);margin:-4px 0 2px;font-size:12px;line-height:1.5}.i1cc5G_modelSection{padding:2px 0 14px}.i1cc5G_sectionHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.i1cc5G_sectionHeader .i1cc5G_sectionHint{max-width:430px}.i1cc5G_modelSummary{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.i1cc5G_modelChip{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);max-width:100%;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family-mono,monospace);border-radius:6px;align-items:center;gap:5px;padding:3px 5px 3px 8px;font-size:12px;line-height:1.5;display:inline-flex}.i1cc5G_modelChip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.i1cc5G_modelChip button{appearance:none;width:18px;height:18px;color:var(--dsw-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;line-height:18px}.i1cc5G_modelChip button:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}.i1cc5G_modelChip button:disabled{cursor:default;opacity:.45}.i1cc5G_addModel{appearance:none;border:1px dashed var(--dsw-alias-border-l2);min-height:28px;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:0 9px;font-size:12px}.i1cc5G_addModel:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.i1cc5G_addModel:disabled{opacity:.45;cursor:default}.i1cc5G_manualModelRow{gap:8px;margin-top:10px;display:flex}.i1cc5G_manualModelRow .i1cc5G_input{flex:1;min-width:0}.i1cc5G_disclosure{appearance:none;border:0;border-top:1px solid var(--dsw-alias-border-l2);width:100%;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:13px 0;font-size:13px;font-weight:500;display:flex}.i1cc5G_disclosure>span:nth-child(2){color:var(--dsw-alias-label-tertiary);margin-left:auto;font-size:12px;font-weight:400}.i1cc5G_disclosure>span:last-child{color:var(--dsw-alias-label-tertiary)}.i1cc5G_disclosure:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.i1cc5G_optionalContent{padding:0 0 8px}.i1cc5G_inlineDisclosure{appearance:none;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:12px;padding:0;font-size:12px;display:inline-flex}.i1cc5G_inlineDisclosure:hover{color:var(--dsw-alias-label-primary)}.i1cc5G_modelFetchRow{align-items:center;gap:8px;display:flex}.i1cc5G_modelFetch,.i1cc5G_modelChoices{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);min-height:32px;color:var(--dsw-alias-label-secondary);font:inherit;border-radius:7px;font-size:12px}.i1cc5G_modelFetch{cursor:pointer;padding:0 10px}.i1cc5G_modelFetch:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.i1cc5G_modelFetch:disabled{opacity:.5;cursor:default}.i1cc5G_modelChoices{flex:1;min-width:0;padding:0 8px}.i1cc5G_modelCandidateList{flex-wrap:wrap;gap:6px 10px;margin-top:10px;display:flex}.i1cc5G_modelCandidateLabel{width:100%;color:var(--dsw-alias-label-tertiary);font-size:12px}.i1cc5G_modelCandidate{appearance:none;min-width:0;color:var(--dsw-alias-label-secondary);cursor:pointer;background:var(--dsw-alias-bg-layer-3);font-size:12px;line-height:1.5;font:inherit;border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;padding:3px 6px;display:inline-flex}.i1cc5G_modelCandidate input{margin:0}.i1cc5G_modelCandidate[data-selected]{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary)}.i1cc5G_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.i1cc5G_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.i1cc5G_discard,.i1cc5G_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.i1cc5G_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.i1cc5G_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.i1cc5G_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.i1cc5G_discard:disabled,.i1cc5G_save:disabled{opacity:.4;cursor:default}.i1cc5G_discard:focus-visible,.i1cc5G_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}@media (prefers-reduced-motion:reduce){.i1cc5G_card,.i1cc5G_chevron,.i1cc5G_chevronOpen{transition:none}}";
+		const css$1 = ".i1cc5G_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.i1cc5G_card:hover{border-color:var(--dsw-alias-label-dimmed)}.i1cc5G_card:has(.i1cc5G_body){background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.i1cc5G_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.i1cc5G_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.i1cc5G_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.i1cc5G_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.i1cc5G_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.i1cc5G_chevron,.i1cc5G_chevronOpen{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.i1cc5G_chevronOpen{transform:rotate(180deg)}.i1cc5G_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.i1cc5G_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.i1cc5G_versionRow{border-bottom:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.i1cc5G_versionLabel{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:1.5}.i1cc5G_versionValue{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);font-family:var(--dsw-font-family-mono,monospace);border-radius:999px;padding:1px 8px;font-size:12px;line-height:1.5}.i1cc5G_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.i1cc5G_field+.i1cc5G_field{border-top:1px solid var(--dsw-alias-border-l2)}.i1cc5G_head{align-items:center;gap:8px;display:flex}.i1cc5G_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.i1cc5G_badges{align-items:center;gap:8px;display:inline-flex}.i1cc5G_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.i1cc5G_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.i1cc5G_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.i1cc5G_reset:disabled{cursor:default;opacity:.5}.i1cc5G_input,.i1cc5G_select{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;padding:0 12px;font-size:13px;line-height:1.5}.i1cc5G_input:focus-visible,.i1cc5G_select:focus-visible{border-color:var(--dsw-alias-brand-primary)}.i1cc5G_input:disabled,.i1cc5G_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.i1cc5G_inputInvalid{border:1px solid var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;padding:0 12px;font-size:13px;line-height:1.5}.i1cc5G_textarea,.i1cc5G_textareaInvalid{resize:vertical;background:var(--dsw-alias-bg-layer-3);min-height:70px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;padding:8px 12px;font-size:13px;line-height:1.5}.i1cc5G_textarea{border:1px solid var(--dsw-alias-border-l2)}.i1cc5G_textareaInvalid{border:1px solid var(--dsw-alias-label-error)}.i1cc5G_textarea:focus-visible{border-color:var(--dsw-alias-brand-primary)}.i1cc5G_textarea:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.i1cc5G_hint,.i1cc5G_invalid{margin:0;font-size:12px;line-height:1.5}.i1cc5G_hint{color:var(--dsw-alias-label-tertiary)}.i1cc5G_invalid{color:var(--dsw-alias-label-error)}.i1cc5G_readOnly,.i1cc5G_notExposed{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.i1cc5G_sectionDivider{background:var(--dsw-alias-border-l2);height:1px;margin:18px 0 14px}.i1cc5G_sectionTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;line-height:1.4}.i1cc5G_sectionHint{color:var(--dsw-alias-label-tertiary);margin:-4px 0 2px;font-size:12px;line-height:1.5}.i1cc5G_modelSection{padding:2px 0 14px}.i1cc5G_sectionHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.i1cc5G_sectionHeader .i1cc5G_sectionHint{max-width:430px}.i1cc5G_modelSummary{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.i1cc5G_modelChip{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);max-width:100%;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family-mono,monospace);border-radius:6px;align-items:center;gap:5px;padding:3px 5px 3px 8px;font-size:12px;line-height:1.5;display:inline-flex}.i1cc5G_modelChip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.i1cc5G_modelChip button{appearance:none;width:18px;height:18px;color:var(--dsw-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;line-height:18px}.i1cc5G_modelChip button:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}.i1cc5G_modelChip button:disabled{cursor:default;opacity:.45}.i1cc5G_addModel{appearance:none;border:1px dashed var(--dsw-alias-border-l2);min-height:28px;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:0 9px;font-size:12px}.i1cc5G_addModel:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.i1cc5G_addModel:disabled{opacity:.45;cursor:default}.i1cc5G_manualModelRow{gap:8px;margin-top:10px;display:flex}.i1cc5G_manualModelRow .i1cc5G_input{flex:1;min-width:0}.i1cc5G_disclosure{appearance:none;border:0;border-top:1px solid var(--dsw-alias-border-l2);width:100%;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:13px 0;font-size:13px;font-weight:500;display:flex}.i1cc5G_disclosure>span:nth-child(2){color:var(--dsw-alias-label-tertiary);margin-left:auto;font-size:12px;font-weight:400}.i1cc5G_disclosure>span:last-child{color:var(--dsw-alias-label-tertiary)}.i1cc5G_disclosure:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.i1cc5G_optionalContent{padding:0 0 8px}.i1cc5G_inlineDisclosure{appearance:none;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:12px;padding:0;font-size:12px;display:inline-flex}.i1cc5G_inlineDisclosure:hover{color:var(--dsw-alias-label-primary)}.i1cc5G_modelFetchRow{align-items:center;gap:8px;display:flex}.i1cc5G_modelFetch,.i1cc5G_modelChoices{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);min-height:32px;color:var(--dsw-alias-label-secondary);font:inherit;border-radius:7px;font-size:12px}.i1cc5G_modelFetch{cursor:pointer;padding:0 10px}.i1cc5G_modelFetch:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.i1cc5G_modelFetch:disabled{opacity:.5;cursor:default}.i1cc5G_modelChoices{flex:1;min-width:0;padding:0 8px}.i1cc5G_modelCandidateList{flex-wrap:wrap;gap:6px 10px;margin-top:10px;display:flex}.i1cc5G_modelCandidateLabel{width:100%;color:var(--dsw-alias-label-tertiary);font-size:12px}.i1cc5G_modelCandidate{appearance:none;min-width:0;color:var(--dsw-alias-label-secondary);cursor:pointer;background:var(--dsw-alias-bg-layer-3);font-size:12px;line-height:1.5;font:inherit;border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;padding:3px 6px;display:inline-flex}.i1cc5G_modelCandidate input{margin:0}.i1cc5G_modelCandidate[data-selected]{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary)}.i1cc5G_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.i1cc5G_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.i1cc5G_discard,.i1cc5G_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.i1cc5G_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.i1cc5G_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.i1cc5G_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.i1cc5G_discard:disabled,.i1cc5G_save:disabled{opacity:.4;cursor:default}.i1cc5G_discard:focus-visible,.i1cc5G_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}@media (prefers-reduced-motion:reduce){.i1cc5G_card,.i1cc5G_chevron,.i1cc5G_chevronOpen{transition:none}}.i1cc5G_channelSection{padding:6px 0 2px}.i1cc5G_channelEmpty{color:var(--dsw-alias-label-tertiary);margin:10px 0 0;font-size:12px;line-height:1.5}.i1cc5G_channelList{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.i1cc5G_channelRow{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.i1cc5G_channelRow[data-action]{flex-wrap:wrap}.i1cc5G_channelDotReady,.i1cc5G_channelDotWarn{border-radius:50%;flex:none;width:9px;height:9px}.i1cc5G_channelDotReady{background:var(--dsw-color-success,#2fbf71)}.i1cc5G_channelDotWarn{background:var(--dsw-color-danger,#e5484d)}.i1cc5G_channelMain{appearance:none;min-width:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:3px;padding:0;display:flex}.i1cc5G_channelName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden}.i1cc5G_channelMeta{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.i1cc5G_channelHost{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.5;font-family:var(--dsw-font-family-mono,monospace);text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.i1cc5G_channelBadge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:0 7px;font-size:11px;font-weight:500;line-height:17px}.i1cc5G_channelBadge[data-warn]{color:var(--dsw-alias-label-error)}.i1cc5G_channelBadge[data-default]{background:var(--dsw-alias-bg-module-poped,var(--dsw-alias-bg-module-platform));color:var(--dsw-alias-brand-primary)}.i1cc5G_channelAction{appearance:none;font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;padding:4px 8px;font-size:12px;line-height:1.5}.i1cc5G_channelAction:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}.i1cc5G_channelAction[data-danger]{color:var(--dsw-alias-label-error)}.i1cc5G_channelAction:disabled{opacity:.45;cursor:default}.i1cc5G_channelDanger{appearance:none;border:1px solid var(--dsw-alias-label-error);color:var(--dsw-alias-label-error);font:inherit;cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:3px 10px;font-size:12px}.i1cc5G_channelDanger:hover:not(:disabled){background:color-mix(in srgb, var(--dsw-alias-label-error) 12%, transparent)}.i1cc5G_channelDanger:disabled{opacity:.45;cursor:default}.i1cc5G_deleteConfirmText{min-width:0;color:var(--dsw-alias-label-error);flex:1;font-size:12px;line-height:1.5}.i1cc5G_channelAddRow{gap:8px;margin-top:10px;display:flex}.i1cc5G_channelAdd{appearance:none;border:1px dashed var(--dsw-alias-border-l2);min-height:30px;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:0 12px;font-size:12px}.i1cc5G_channelAdd:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.i1cc5G_channelAdd:disabled{opacity:.45;cursor:default}.i1cc5G_spacer{flex:1}.i1cc5G_editorBackdrop{z-index:120;background:color-mix(in srgb, var(--dsw-alias-bg-layer-1,#000) 45%, transparent);justify-content:center;align-items:flex-start;padding:9vh 16px 16px;display:flex;position:fixed;inset:0}.i1cc5G_editorPanel{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:14px;width:min(560px,100%);max-height:82vh;padding:16px;overflow-y:auto;box-shadow:0 18px 50px #00000059}.i1cc5G_editorHeader{border-bottom:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.i1cc5G_editorClose{appearance:none;width:26px;height:26px;color:var(--dsw-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;font-size:16px;line-height:26px}.i1cc5G_editorClose:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}.i1cc5G_editorField{flex-direction:column;gap:6px;padding:12px 0 0;display:flex}.i1cc5G_editorDivider{background:var(--dsw-alias-border-l2);height:1px;margin:14px 0 4px}.i1cc5G_editorSectionHeader{justify-content:space-between;align-items:center;gap:12px;padding:10px 0 4px;display:flex}.i1cc5G_editorSectionHeader .i1cc5G_label{flex:1}.i1cc5G_editorTools{flex-direction:column;gap:8px;margin-top:10px;display:flex}.i1cc5G_editorFooter{border-top:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding-top:12px;display:flex}.i1cc5G_detectOk{color:var(--dsw-color-success,var(--dsw-alias-label-secondary));margin:0;font-size:12px;line-height:1.5}.i1cc5G_modelRows{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.i1cc5G_modelRow{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.i1cc5G_modelRowInputs{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.i1cc5G_modelRowInputs .i1cc5G_input{flex:1;min-width:0}.i1cc5G_modelArrow{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px}.i1cc5G_modelRowBadges{flex:none;align-items:center;gap:6px;display:flex}.i1cc5G_modelBadge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-tertiary);border-radius:999px;padding:0 7px;font-size:11px;line-height:17px}.i1cc5G_modelBadge[data-verified]{color:var(--dsw-color-success,var(--dsw-alias-label-secondary))}.i1cc5G_modelBadge[data-warn]{color:var(--dsw-alias-label-error)}.i1cc5G_modelRowRemove{appearance:none;width:20px;height:20px;color:var(--dsw-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;padding:0;line-height:20px}.i1cc5G_modelRowRemove:hover:not(:disabled){color:var(--dsw-alias-label-error);background:var(--dsw-alias-bg-module-platform)}.i1cc5G_modelRowRemove:disabled{opacity:.45;cursor:default}.i1cc5G_modelCandidate>.i1cc5G_modelBadge{flex:none}.i1cc5G_channelControls{position:relative}.i1cc5G_presetInline{z-index:10;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:10px;width:min(420px,100vw - 48px);max-height:min(440px,60vh);margin:0;padding:12px;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 12px 30px #0000004d}.i1cc5G_presetInlineHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.i1cc5G_presetList{flex-direction:column;gap:8px;margin-top:12px;display:flex}.i1cc5G_presetRow{appearance:none;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;display:flex}.i1cc5G_presetRow:hover:not(:disabled){border-color:var(--dsw-alias-brand-primary)}.i1cc5G_presetRow[data-custom]{border-style:dashed}.i1cc5G_presetRow:disabled{opacity:.5;cursor:default}.i1cc5G_presetName{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:1.4}.i1cc5G_presetMeta{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.5;font-family:var(--dsw-font-family-mono,monospace)}.i1cc5G_presetHint{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}";
 		const tagId$1 = "@dickpy/dsh-imagegen/settings-card.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -4226,69 +4909,118 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var settings_card_module_css_default = {
-			"sectionTitle": "i1cc5G_sectionTitle",
-			"disclosure": "i1cc5G_disclosure",
-			"save": "i1cc5G_save",
-			"badges": "i1cc5G_badges",
-			"sectionHeader": "i1cc5G_sectionHeader",
+			"optionalContent": "i1cc5G_optionalContent",
+			"editorSectionHeader": "i1cc5G_editorSectionHeader",
+			"channelDotWarn": "i1cc5G_channelDotWarn",
 			"modelSummary": "i1cc5G_modelSummary",
-			"input": "i1cc5G_input",
+			"editorField": "i1cc5G_editorField",
 			"modelCandidateLabel": "i1cc5G_modelCandidateLabel",
-			"select": "i1cc5G_select",
-			"textareaInvalid": "i1cc5G_textareaInvalid",
-			"modelChip": "i1cc5G_modelChip",
+			"reset": "i1cc5G_reset",
+			"body": "i1cc5G_body",
+			"field": "i1cc5G_field",
+			"badges": "i1cc5G_badges",
+			"addModel": "i1cc5G_addModel",
+			"editorClose": "i1cc5G_editorClose",
+			"presetInlineHeader": "i1cc5G_presetInlineHeader",
+			"versionLabel": "i1cc5G_versionLabel",
 			"header": "i1cc5G_header",
-			"hint": "i1cc5G_hint",
-			"discard": "i1cc5G_discard",
-			"headText": "i1cc5G_headText",
-			"modelChoices": "i1cc5G_modelChoices",
+			"head": "i1cc5G_head",
+			"presetInline": "i1cc5G_presetInline",
+			"detectOk": "i1cc5G_detectOk",
 			"modelCandidate": "i1cc5G_modelCandidate",
-			"description": "i1cc5G_description",
-			"textarea": "i1cc5G_textarea",
-			"readOnly": "i1cc5G_readOnly",
-			"inlineDisclosure": "i1cc5G_inlineDisclosure",
-			"reset": "i1cc5G_reset",
-			"sectionHint": "i1cc5G_sectionHint",
-			"manualModelRow": "i1cc5G_manualModelRow",
-			"label": "i1cc5G_label",
-			"optionalContent": "i1cc5G_optionalContent",
+			"modelBadge": "i1cc5G_modelBadge",
+			"modelRowInputs": "i1cc5G_modelRowInputs",
+			"channelName": "i1cc5G_channelName",
+			"channelSection": "i1cc5G_channelSection",
+			"input": "i1cc5G_input",
+			"channelList": "i1cc5G_channelList",
+			"channelAddRow": "i1cc5G_channelAddRow",
+			"editorPanel": "i1cc5G_editorPanel",
 			"versionValue": "i1cc5G_versionValue",
-			"notExposed": "i1cc5G_notExposed",
-			"versionLabel": "i1cc5G_versionLabel",
-			"field": "i1cc5G_field",
-			"body": "i1cc5G_body",
+			"sectionHint": "i1cc5G_sectionHint",
+			"modelChip": "i1cc5G_modelChip",
+			"footer": "i1cc5G_footer",
+			"save": "i1cc5G_save",
 			"badge": "i1cc5G_badge",
-			"modelSection": "i1cc5G_modelSection",
-			"modelFetch": "i1cc5G_modelFetch",
-			"name": "i1cc5G_name",
+			"presetName": "i1cc5G_presetName",
+			"modelChoices": "i1cc5G_modelChoices",
+			"deleteConfirmText": "i1cc5G_deleteConfirmText",
 			"invalid": "i1cc5G_invalid",
-			"inputInvalid": "i1cc5G_inputInvalid",
+			"inlineDisclosure": "i1cc5G_inlineDisclosure",
+			"modelFetch": "i1cc5G_modelFetch",
 			"pending": "i1cc5G_pending",
-			"addModel": "i1cc5G_addModel",
-			"modelFetchRow": "i1cc5G_modelFetchRow",
-			"footer": "i1cc5G_footer",
-			"card": "i1cc5G_card",
+			"textarea": "i1cc5G_textarea",
+			"select": "i1cc5G_select",
+			"channelRow": "i1cc5G_channelRow",
+			"label": "i1cc5G_label",
+			"failed": "i1cc5G_failed",
+			"channelHost": "i1cc5G_channelHost",
+			"channelDanger": "i1cc5G_channelDanger",
+			"sectionDivider": "i1cc5G_sectionDivider",
+			"editorBackdrop": "i1cc5G_editorBackdrop",
 			"versionRow": "i1cc5G_versionRow",
+			"hint": "i1cc5G_hint",
+			"modelFetchRow": "i1cc5G_modelFetchRow",
+			"editorTools": "i1cc5G_editorTools",
+			"editorFooter": "i1cc5G_editorFooter",
+			"discard": "i1cc5G_discard",
+			"channelEmpty": "i1cc5G_channelEmpty",
+			"modelRows": "i1cc5G_modelRows",
+			"modelRow": "i1cc5G_modelRow",
+			"modelArrow": "i1cc5G_modelArrow",
+			"modelRowBadges": "i1cc5G_modelRowBadges",
+			"presetList": "i1cc5G_presetList",
+			"presetHint": "i1cc5G_presetHint",
+			"manualModelRow": "i1cc5G_manualModelRow",
 			"chevron": "i1cc5G_chevron",
-			"chevronOpen": "i1cc5G_chevronOpen",
+			"textareaInvalid": "i1cc5G_textareaInvalid",
+			"editorHeader": "i1cc5G_editorHeader",
+			"readOnly": "i1cc5G_readOnly",
+			"sectionHeader": "i1cc5G_sectionHeader",
+			"channelMeta": "i1cc5G_channelMeta",
+			"presetMeta": "i1cc5G_presetMeta",
+			"editorDivider": "i1cc5G_editorDivider",
+			"card": "i1cc5G_card",
+			"modelSection": "i1cc5G_modelSection",
+			"presetRow": "i1cc5G_presetRow",
+			"spacer": "i1cc5G_spacer",
+			"channelAction": "i1cc5G_channelAction",
+			"inputInvalid": "i1cc5G_inputInvalid",
+			"channelControls": "i1cc5G_channelControls",
+			"sectionTitle": "i1cc5G_sectionTitle",
+			"channelAdd": "i1cc5G_channelAdd",
+			"name": "i1cc5G_name",
+			"notExposed": "i1cc5G_notExposed",
 			"modelCandidateList": "i1cc5G_modelCandidateList",
-			"failed": "i1cc5G_failed",
-			"sectionDivider": "i1cc5G_sectionDivider",
-			"head": "i1cc5G_head"
+			"channelBadge": "i1cc5G_channelBadge",
+			"description": "i1cc5G_description",
+			"channelMain": "i1cc5G_channelMain",
+			"chevronOpen": "i1cc5G_chevronOpen",
+			"disclosure": "i1cc5G_disclosure",
+			"channelDotReady": "i1cc5G_channelDotReady",
+			"headText": "i1cc5G_headText",
+			"modelRowRemove": "i1cc5G_modelRowRemove"
 		};
 		//#endregion
 		//#region src/client/SettingsCard.tsx
 		/**
-		* The dsh-imagegen settings card: api_url, api_key (secret, display-only
-		* "set" state), and the plugin switches. Registers into the official
-		* `settings.plugin.item` slot (the Settings → Plugins → Configurable tab),
-		* independent of the dsh-web-ui family group, bound to the plugin's own
-		* bridge settings scope.
+		* The dsh-imagegen settings card: channel management (list rows with status
+		* dots, an editor dialog with the model-catalog alias → upstream mapping, and
+		* built-in provider presets), plus the prompt-enhancement model and the plugin
+		* switches. Registers into the official `settings.plugin.item` slot (the
+		* Settings → Plugins → Configurable tab), independent of the dsh-web-ui family
+		* group, bound to the plugin's own bridge settings scope.
+		*
+		* The interaction mirrors the host's model-provider page: one row per channel
+		* (status dot + edit/delete), two add buttons (built-in provider / custom),
+		* and an editor holding API key, display name, API URL, and the model catalog
+		* with detection.
 		*/
-		/** Bridges the imagegen scope onto the card's staged form. */
+		/** Bridges the imagegen scope onto the card's staged forms. */
 		var ImageGenSettingsCardController = class {
 			scope;
 			form;
+			channelsForm;
 			/** @param scope - the bound bridge scope for the dsh-imagegen namespace. */
 			constructor(scope) {
 				this.scope = scope;
@@ -4296,23 +5028,21 @@ window.__ModuleLoader__.load({
 					booleanField("enabled"),
 					booleanField("announceToAgent"),
 					booleanField("allowAgentImageGeneration"),
-					textField("apiUrl"),
-					secretField("apiKey"),
-					stringListField("imageModels"),
 					textField("promptApiUrl"),
 					secretField("promptApiKey"),
 					textField("promptModel")
-				], { secretSettled: () => this.scope.getKeySetSnapshot() });
+				], { secretSettled: () => this.scope.getSecretSetSnapshot("promptApiKey") });
+				this.channelsForm = new ChannelsForm(scope);
 			}
 			projection() {
+				const shell = this.form.shell();
 				return {
-					...this.form.shell(),
+					...shell,
+					dirty: shell.dirty || this.channelsForm.snapshot().dirty,
+					channels: this.channelsForm.snapshot(),
 					enabled: this.form.field("enabled"),
 					announceToAgent: this.form.field("announceToAgent"),
 					allowAgentImageGeneration: this.form.field("allowAgentImageGeneration"),
-					apiUrl: this.form.field("apiUrl"),
-					apiKey: this.form.field("apiKey"),
-					imageModels: this.form.field("imageModels"),
 					promptApiUrl: this.form.field("promptApiUrl"),
 					promptApiKey: this.form.field("promptApiKey"),
 					promptModel: this.form.field("promptModel")
@@ -4320,19 +5050,16 @@ window.__ModuleLoader__.load({
 			}
 			/**
 			* Build the face the card's slot registration injects.
-			* @returns the card's snapshot, the key-set flag, and the form actions.
+			* @returns the card's snapshot and the form/channel actions.
 			*/
 			inject() {
 				const cardStore = this.form.bind(() => this.projection());
-				const keySetStore = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)(this.scope.getKeySetSnapshot());
-				this.scope.subscribeKeySet(() => {
-					keySetStore.set(this.scope.getKeySetSnapshot());
+				this.channelsForm.subscribe(() => {
+					cardStore.set(this.projection());
 				});
 				return {
-					hooks: {
-						imageGenSettingsCard: cardStore,
-						imageGenKeySet: keySetStore
-					},
+					hooks: { imageGenSettingsCard: cardStore },
+					channels: this.channelsForm.actions(),
 					...this.form.actions()
 				};
 			}
@@ -4345,24 +5072,35 @@ window.__ModuleLoader__.load({
 		function ImageGenSettingsCard(props) {
 			const { t } = props;
 			const state = props.useImageGenSettingsCard((snapshot) => snapshot);
-			const keySet = props.useImageGenKeySet((snapshot) => snapshot);
 			const [open, setOpen] = (0, react.useState)(false);
 			const [promptModels, setPromptModels] = (0, react.useState)([]);
 			const [loadingPromptModels, setLoadingPromptModels] = (0, react.useState)(false);
 			const [promptModelsError, setPromptModelsError] = (0, react.useState)(null);
-			const [imageModelCandidates, setImageModelCandidates] = (0, react.useState)([]);
-			const [loadingImageModels, setLoadingImageModels] = (0, react.useState)(false);
-			const [imageModelsError, setImageModelsError] = (0, react.useState)(null);
-			const [manualModelsOpen, setManualModelsOpen] = (0, react.useState)(false);
-			const [manualModel, setManualModel] = (0, react.useState)("");
-			const [enhancementOpen, setEnhancementOpen] = (0, react.useState)(false);
 			const [manualPromptModelOpen, setManualPromptModelOpen] = (0, react.useState)(false);
 			const [manualPromptModel, setManualPromptModel] = (0, react.useState)("");
+			const [enhancementOpen, setEnhancementOpen] = (0, react.useState)(false);
 			const [promptApiOpen, setPromptApiOpen] = (0, react.useState)(false);
 			const [moreOpen, setMoreOpen] = (0, react.useState)(false);
+			const [editingId, setEditingId] = (0, react.useState)(null);
+			const [presetPickerOpen, setPresetPickerOpen] = (0, react.useState)(false);
+			const [presets, setPresets] = (0, react.useState)([]);
+			const [presetError, setPresetError] = (0, react.useState)(null);
+			const [usage, setUsage] = (0, react.useState)(null);
+			const [confirmDeleteId, setConfirmDeleteId] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				if (!state.exposed) return;
+				let alive = true;
+				fetch(USAGE_API, { method: "POST" }).then(async (response) => {
+					const body = await response.json();
+					if (alive && body.ok === true && body.usage !== void 0) setUsage(body.usage);
+				}).catch(() => {});
+				return () => {
+					alive = false;
+				};
+			}, [state.exposed]);
 			if (!state.available) return null;
 			const title = t("settings.title");
-			const blocked = !state.dirty || state.invalid || state.saving;
+			const blocked = !state.dirty || state.invalid || state.saving || state.channels.saving;
 			const disabled = !state.writable;
 			const fieldProps = {
 				overriddenLabel: t("settings.overridden"),
@@ -4402,454 +5140,1053 @@ window.__ModuleLoader__.load({
 					})
 				}) : null]
 			});
+			const channels = state.channels.channels;
+			const editing = editingId === null ? void 0 : channels.find((channel) => channel.id === editingId);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 				className: settings_card_module_css_default.card,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					className: settings_card_module_css_default.header,
-					"aria-expanded": open,
-					"aria-label": `${t(open ? "settings.collapse" : "settings.expand")}: ${title}`,
-					onClick: () => {
-						setOpen(!open);
-					},
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: settings_card_module_css_default.headText,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: settings_card_module_css_default.name,
-								children: title
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: settings_card_module_css_default.description,
-								children: t("settings.description")
-							})]
-						}),
-						state.dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: settings_card_module_css_default.pending,
-							children: t("settings.unsaved")
-						}) : null,
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: open ? settings_card_module_css_default.chevronOpen : settings_card_module_css_default.chevron,
-							children: "▾"
-						})
-					]
-				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: settings_card_module_css_default.body,
-					children: [
-						!state.writable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: settings_card_module_css_default.readOnly,
-							role: "status",
-							children: t("settings.readOnly")
-						}) : null,
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
-							id: "dsh-imagegen-settings-apiurl",
-							label: t("settings.apiUrl"),
-							hint: t("settings.apiUrlHint"),
-							placeholder: "https://api.openai.com/v1",
-							...fieldProps,
-							...state.apiUrl,
-							onEdit: (text) => {
-								props.edit("apiUrl", text);
-							},
-							onReset: () => {
-								props.resetField("apiUrl");
-							}
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
-							id: "dsh-imagegen-settings-apikey",
-							label: t("settings.apiKey"),
-							hint: keySet ? t("settings.apiKeySet") : t("settings.apiKeyHint"),
-							placeholder: "sk-…",
-							secret: true,
-							...fieldProps,
-							...state.apiKey,
-							overridden: false,
-							onEdit: (text) => {
-								props.edit("apiKey", text);
-							},
-							onReset: () => {
-								props.resetField("apiKey");
-							},
-							clearLabel: t("settings.apiKeyClear"),
-							onClear: () => {
-								props.resetField("apiKey");
-							},
-							canClear: keySet
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: settings_card_module_css_default.sectionDivider }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-							className: settings_card_module_css_default.modelSection,
-							"aria-label": t("settings.imageModelsTitle"),
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: settings_card_module_css_default.sectionHeader,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-										className: settings_card_module_css_default.sectionTitle,
-										children: t("settings.imageModelsTitle")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: settings_card_module_css_default.header,
+						"aria-expanded": open,
+						"aria-label": `${t(open ? "settings.collapse" : "settings.expand")}: ${title}`,
+						onClick: () => {
+							setOpen(!open);
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: settings_card_module_css_default.headText,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: settings_card_module_css_default.name,
+									children: title
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: settings_card_module_css_default.description,
+									children: t("settings.description")
+								})]
+							}),
+							state.dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: settings_card_module_css_default.pending,
+								children: t("settings.unsaved")
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: open ? settings_card_module_css_default.chevronOpen : settings_card_module_css_default.chevron,
+								children: "▾"
+							})
+						]
+					}),
+					open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: settings_card_module_css_default.body,
+						children: [
+							!state.writable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: settings_card_module_css_default.readOnly,
+								role: "status",
+								children: t("settings.readOnly")
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								className: settings_card_module_css_default.channelSection,
+								"aria-label": t("channels.title"),
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: settings_card_module_css_default.sectionHeader,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+											className: settings_card_module_css_default.sectionTitle,
+											children: t("channels.title")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: settings_card_module_css_default.sectionHint,
+											children: t("channels.hint")
+										})] })
+									}),
+									channels.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: settings_card_module_css_default.channelEmpty,
+										children: t("channels.empty")
+									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+										className: settings_card_module_css_default.channelList,
+										children: channels.map((channel) => {
+											const keyHeld = state.channels.keySet[channel.id] === true;
+											const ready = keyHeld && channel.models.length > 0;
+											const isDefault = channel.id === state.channels.defaultChannelId;
+											if (confirmDeleteId === channel.id) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+												className: settings_card_module_css_default.channelRow,
+												"data-action": true,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: settings_card_module_css_default.deleteConfirmText,
+														children: t("channels.deleteConfirmTitle", { name: channel.name || t("channels.untitled") })
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: settings_card_module_css_default.channelDanger,
+														disabled,
+														onClick: () => {
+															props.channels.setChannels(channels.filter((candidate) => candidate.id !== channel.id));
+															if (isDefault && channels.length > 1) {
+																const next = channels.find((candidate) => candidate.id !== channel.id);
+																if (next !== void 0) props.channels.setDefaultChannel(next.id);
+															}
+															setConfirmDeleteId(null);
+															if (editingId === channel.id) setEditingId(null);
+														},
+														children: t("channels.confirm")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: settings_card_module_css_default.channelAction,
+														disabled,
+														onClick: () => {
+															setConfirmDeleteId(null);
+														},
+														children: t("channels.cancel")
+													})
+												]
+											}, channel.id);
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+												className: settings_card_module_css_default.channelRow,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: ready ? settings_card_module_css_default.channelDotReady : settings_card_module_css_default.channelDotWarn,
+														"aria-hidden": "true",
+														title: t(ready ? "channels.statusReady" : "channels.statusIncomplete")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+														type: "button",
+														className: settings_card_module_css_default.channelMain,
+														disabled,
+														onClick: () => {
+															setEditingId(channel.id);
+														},
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: settings_card_module_css_default.channelName,
+															children: isDefault ? `★ ${channel.name || t("channels.untitled")}` : channel.name || t("channels.untitled")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															className: settings_card_module_css_default.channelMeta,
+															children: [
+																channel.apiUrl !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: settings_card_module_css_default.channelHost,
+																	children: hostOf(channel.apiUrl)
+																}) : null,
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: settings_card_module_css_default.channelBadge,
+																	"data-warn": keyHeld ? void 0 : "",
+																	children: keyHeld ? t("channels.keySet") : t("channels.keyMissing")
+																}),
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: settings_card_module_css_default.channelBadge,
+																	"data-warn": channel.models.length > 0 ? void 0 : "",
+																	children: channel.models.length > 0 ? t("channels.modelCount", { n: channel.models.length }) : t("channels.noModels")
+																}),
+																isDefault ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: settings_card_module_css_default.channelBadge,
+																	"data-default": true,
+																	children: t("channels.defaultLabel")
+																}) : null
+															]
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: settings_card_module_css_default.channelAction,
+														onClick: () => {
+															setEditingId(channel.id);
+														},
+														children: t("channels.edit")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: settings_card_module_css_default.channelAction,
+														"data-danger": true,
+														onClick: () => {
+															setConfirmDeleteId(channel.id);
+														},
+														children: t("channels.delete")
+													})
+												]
+											}, channel.id);
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: settings_card_module_css_default.channelControls,
+										children: [open && presetPickerOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PresetPicker, {
+											t,
+											presets,
+											error: presetError,
+											disabled: state.writable === false,
+											onLoad: () => {
+												setPresetError(null);
+												fetch(PRESETS_API, { method: "POST" }).then(async (response) => {
+													const body = await response.json();
+													if (!response.ok || body.ok !== true || body.presets === void 0) throw new Error(body.message ?? `HTTP ${response.status}`);
+													setPresets(body.presets);
+												}).catch((error) => {
+													setPresetError(error instanceof Error ? error.message : String(error));
+												});
+											},
+											onPick: (preset) => {
+												const draft = newChannelDraft(preset);
+												props.channels.setChannels([...channels, draft]);
+												setPresetPickerOpen(false);
+												setEditingId(draft.id);
+											},
+											onCustom: () => {
+												const draft = newChannelDraft(void 0);
+												props.channels.setChannels([...channels, draft]);
+												setPresetPickerOpen(false);
+												setEditingId(draft.id);
+											},
+											onClose: () => {
+												setPresetPickerOpen(false);
+											}
+										}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: settings_card_module_css_default.channelAddRow,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: settings_card_module_css_default.channelAdd,
+												disabled,
+												onClick: () => {
+													setPresetError(null);
+													setPresetPickerOpen(true);
+												},
+												children: ["+ ", t("channels.addProvider")]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: settings_card_module_css_default.channelAdd,
+												disabled,
+												onClick: () => {
+													addCustomChannel(channels, props.channels, setEditingId);
+												},
+												children: ["+ ", t("channels.addCustom")]
+											})]
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: settings_card_module_css_default.disclosure,
+								"aria-expanded": enhancementOpen,
+								onClick: () => {
+									setEnhancementOpen((open) => !open);
+								},
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("settings.promptEnhanceTitle") }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("settings.optional") }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										"aria-hidden": "true",
+										children: enhancementOpen ? "⌃" : "⌄"
+									})
+								]
+							}),
+							enhancementOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								className: settings_card_module_css_default.optionalContent,
+								"aria-label": t("settings.promptEnhanceTitle"),
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 										className: settings_card_module_css_default.sectionHint,
-										children: t("settings.imageModelsHint")
-									})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: settings_card_module_css_default.modelFetch,
-										disabled: disabled || loadingImageModels,
-										onClick: () => {
-											setLoadingImageModels(true);
-											setImageModelsError(null);
-											fetch(IMAGE_MODEL_API.models, { method: "POST" }).then(async (response) => {
-												const body = await response.json();
-												if (!response.ok || body.ok !== true) throw new Error(body.message ?? `HTTP ${response.status}`);
-												setImageModelCandidates(body.models ?? []);
-											}).catch((error) => {
-												setImageModelsError(error instanceof Error ? error.message : String(error));
-											}).finally(() => {
-												setLoadingImageModels(false);
-											});
-										},
-										children: loadingImageModels ? t("settings.imageModelsLoading") : t("settings.imageModelsFetch")
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: settings_card_module_css_default.modelSummary,
-									children: [splitModels(state.imageModels.text).map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										className: settings_card_module_css_default.modelChip,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: model }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										children: t("settings.promptEnhanceHint")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: settings_card_module_css_default.sectionHeader,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+											className: settings_card_module_css_default.sectionTitle,
+											children: t("settings.promptModel")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: settings_card_module_css_default.sectionHint,
+											children: t("settings.promptModelDetectionHint")
+										})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 											type: "button",
-											disabled,
-											"aria-label": `${t("settings.removeModel")}: ${model}`,
+											className: settings_card_module_css_default.modelFetch,
+											disabled: disabled || loadingPromptModels,
 											onClick: () => {
-												props.edit("imageModels", splitModels(state.imageModels.text).filter((value) => value !== model).join("\n"));
+												setLoadingPromptModels(true);
+												setPromptModelsError(null);
+												fetch(PROMPT_ENHANCE_API.models, { method: "POST" }).then(async (response) => {
+													const body = await response.json();
+													if (!response.ok || body.ok !== true) throw new Error(body.message ?? `HTTP ${response.status}`);
+													setPromptModels(body.models ?? []);
+												}).catch((error) => {
+													setPromptModelsError(error instanceof Error ? error.message : String(error));
+												}).finally(() => {
+													setLoadingPromptModels(false);
+												});
 											},
-											children: "×"
+											children: loadingPromptModels ? t("settings.promptModelsLoading") : t("settings.promptModelsFetch")
 										})]
-									}, model)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: settings_card_module_css_default.addModel,
-										disabled,
-										onClick: () => {
-											setManualModelsOpen((open) => !open);
-										},
-										children: manualModelsOpen ? t("settings.cancelAddModel") : t("settings.addModel")
-									})]
-								}),
-								manualModelsOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: settings_card_module_css_default.manualModelRow,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										className: settings_card_module_css_default.input,
-										value: manualModel,
-										placeholder: t("settings.addModelPlaceholder"),
-										disabled,
-										onChange: (event) => {
-											setManualModel(event.target.value);
-										},
-										onKeyDown: (event) => {
-											if (event.key !== "Enter") return;
-											event.preventDefault();
-											const next = manualModel.trim();
-											if (next === "") return;
-											props.edit("imageModels", [...splitModels(state.imageModels.text), next].join("\n"));
-											setManualModel("");
-										}
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: settings_card_module_css_default.addModel,
-										disabled: disabled || manualModel.trim() === "",
-										onClick: () => {
-											props.edit("imageModels", [...splitModels(state.imageModels.text), manualModel.trim()].join("\n"));
-											setManualModel("");
-										},
-										children: t("settings.addModelConfirm")
-									})]
-								}) : null,
-								imageModelCandidates.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: settings_card_module_css_default.modelCandidateList,
-									role: "group",
-									"aria-label": t("settings.imageModelsCandidates"),
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: settings_card_module_css_default.modelCandidateLabel,
-										children: t("settings.imageModelsCandidates")
-									}), imageModelCandidates.map((candidate) => {
-										const selected = splitModels(state.imageModels.text).includes(candidate);
-										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-											className: settings_card_module_css_default.modelCandidate,
-											"data-selected": selected ? "" : void 0,
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-												type: "checkbox",
-												checked: selected,
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: settings_card_module_css_default.modelSummary,
+										children: [state.promptModel.text.trim() !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: settings_card_module_css_default.modelChip,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: state.promptModel.text }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
 												disabled,
-												onChange: () => {
-													const selectedModels = splitModels(state.imageModels.text);
-													const next = selected ? selectedModels.filter((model) => model !== candidate) : [...selectedModels, candidate];
-													props.edit("imageModels", next.join("\n"));
-												}
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: candidate })]
-										}, candidate);
-									})]
-								}) : null,
-								imageModelsError !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: settings_card_module_css_default.failed,
-									role: "status",
-									children: imageModelsError
-								}) : null
-							]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-							type: "button",
-							className: settings_card_module_css_default.disclosure,
-							"aria-expanded": enhancementOpen,
-							onClick: () => {
-								setEnhancementOpen((open) => !open);
-							},
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("settings.promptEnhanceTitle") }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("settings.optional") }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									"aria-hidden": "true",
-									children: enhancementOpen ? "⌃" : "⌄"
-								})
-							]
-						}),
-						enhancementOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-							className: settings_card_module_css_default.optionalContent,
-							"aria-label": t("settings.promptEnhanceTitle"),
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: settings_card_module_css_default.sectionHint,
-									children: t("settings.promptEnhanceHint")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: settings_card_module_css_default.sectionHeader,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-										className: settings_card_module_css_default.sectionTitle,
-										children: t("settings.promptModel")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: settings_card_module_css_default.sectionHint,
-										children: t("settings.promptModelDetectionHint")
-									})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: settings_card_module_css_default.modelFetch,
-										disabled: disabled || loadingPromptModels,
-										onClick: () => {
-											setLoadingPromptModels(true);
-											setPromptModelsError(null);
-											fetch(PROMPT_ENHANCE_API.models, { method: "POST" }).then(async (response) => {
-												const body = await response.json();
-												if (!response.ok || body.ok !== true) throw new Error(body.message ?? `HTTP ${response.status}`);
-												setPromptModels(body.models ?? []);
-											}).catch((error) => {
-												setPromptModelsError(error instanceof Error ? error.message : String(error));
-											}).finally(() => {
-												setLoadingPromptModels(false);
-											});
-										},
-										children: loadingPromptModels ? t("settings.promptModelsLoading") : t("settings.promptModelsFetch")
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: settings_card_module_css_default.modelSummary,
-									children: [state.promptModel.text.trim() !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										className: settings_card_module_css_default.modelChip,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: state.promptModel.text }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												"aria-label": `${t("settings.removeModel")}: ${state.promptModel.text}`,
+												onClick: () => {
+													props.edit("promptModel", "");
+												},
+												children: "×"
+											})]
+										}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 											type: "button",
+											className: settings_card_module_css_default.addModel,
 											disabled,
-											"aria-label": `${t("settings.removeModel")}: ${state.promptModel.text}`,
 											onClick: () => {
-												props.edit("promptModel", "");
+												setManualPromptModelOpen((open) => !open);
+												setEnhancementOpen(true);
 											},
-											children: "×"
+											children: manualPromptModelOpen ? t("settings.cancelAddModel") : t("settings.addModel")
 										})]
-									}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: settings_card_module_css_default.addModel,
-										disabled,
-										onClick: () => {
-											setManualPromptModelOpen((open) => !open);
-										},
-										children: manualPromptModelOpen ? t("settings.cancelAddModel") : t("settings.addModel")
-									})]
-								}),
-								manualPromptModelOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: settings_card_module_css_default.manualModelRow,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										className: settings_card_module_css_default.input,
-										value: manualPromptModel,
-										placeholder: t("settings.addPromptModelPlaceholder"),
-										disabled,
-										onChange: (event) => {
-											setManualPromptModel(event.target.value);
-										}
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									}),
+									manualPromptModelOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: settings_card_module_css_default.manualModelRow,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											className: settings_card_module_css_default.input,
+											value: manualPromptModel,
+											placeholder: t("settings.addPromptModelPlaceholder"),
+											disabled,
+											onChange: (event) => {
+												setManualPromptModel(event.target.value);
+											}
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: settings_card_module_css_default.addModel,
+											disabled: disabled || manualPromptModel.trim() === "",
+											onClick: () => {
+												props.edit("promptModel", manualPromptModel);
+												setManualPromptModel("");
+											},
+											children: t("settings.addModelConfirm")
+										})]
+									}) : null,
+									promptModels.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: settings_card_module_css_default.modelCandidateList,
+										role: "radiogroup",
+										"aria-label": t("settings.promptModelsCandidates"),
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: settings_card_module_css_default.modelCandidateLabel,
+											children: t("settings.promptModelsCandidates")
+										}), promptModels.map((candidate) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											role: "radio",
+											className: settings_card_module_css_default.modelCandidate,
+											"aria-checked": state.promptModel.text === candidate,
+											"data-selected": state.promptModel.text === candidate ? "" : void 0,
+											disabled,
+											onClick: () => {
+												props.edit("promptModel", candidate);
+											},
+											children: candidate
+										}, candidate))]
+									}) : null,
+									promptModelsError !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: settings_card_module_css_default.failed,
+										role: "status",
+										children: promptModelsError
+									}) : null,
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 										type: "button",
-										className: settings_card_module_css_default.addModel,
-										disabled: disabled || manualPromptModel.trim() === "",
+										className: settings_card_module_css_default.inlineDisclosure,
+										"aria-expanded": promptApiOpen,
 										onClick: () => {
-											props.edit("promptModel", manualPromptModel);
-											setManualPromptModel("");
+											setPromptApiOpen((open) => !open);
 										},
-										children: t("settings.addModelConfirm")
-									})]
-								}) : null,
-								promptModels.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: settings_card_module_css_default.modelCandidateList,
-									role: "radiogroup",
-									"aria-label": t("settings.promptModelsCandidates"),
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: settings_card_module_css_default.modelCandidateLabel,
-										children: t("settings.promptModelsCandidates")
-									}), promptModels.map((candidate) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										role: "radio",
-										className: settings_card_module_css_default.modelCandidate,
-										"aria-checked": state.promptModel.text === candidate,
-										"data-selected": state.promptModel.text === candidate ? "" : void 0,
-										disabled,
-										onClick: () => {
-											props.edit("promptModel", candidate);
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("settings.promptApiAdvanced") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											"aria-hidden": "true",
+											children: promptApiOpen ? "⌃" : "⌄"
+										})]
+									}),
+									promptApiOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: settings_card_module_css_default.optionalContent,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
+											id: "dsh-imagegen-settings-prompt-apiurl",
+											label: t("settings.promptApiUrl"),
+											hint: t("settings.promptApiUrlHint"),
+											placeholder: "https://api.openai.com/v1",
+											...fieldProps,
+											...state.promptApiUrl,
+											onEdit: (text) => {
+												props.edit("promptApiUrl", text);
+											},
+											onReset: () => {
+												props.resetField("promptApiUrl");
+											}
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
+											id: "dsh-imagegen-settings-prompt-apikey",
+											label: t("settings.promptApiKey"),
+											hint: t("settings.promptApiKeyHint"),
+											placeholder: "sk-…",
+											secret: true,
+											...fieldProps,
+											...state.promptApiKey,
+											overridden: false,
+											onEdit: (text) => {
+												props.edit("promptApiKey", text);
+											},
+											onReset: () => {
+												props.resetField("promptApiKey");
+											}
+										})]
+									}) : null
+								]
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: settings_card_module_css_default.disclosure,
+								"aria-expanded": moreOpen,
+								onClick: () => {
+									setMoreOpen((open) => !open);
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("settings.moreOptions") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									"aria-hidden": "true",
+									children: moreOpen ? "⌃" : "⌄"
+								})]
+							}),
+							moreOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: settings_card_module_css_default.optionalContent,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
+										id: "dsh-imagegen-settings-enabled",
+										label: t("settings.enabled"),
+										hint: t("settings.enabledHint"),
+										inheritLabel: t("settings.inherit"),
+										onLabel: t("settings.on"),
+										offLabel: t("settings.off"),
+										...fieldProps,
+										...state.enabled,
+										onEdit: (text) => {
+											props.edit("enabled", text);
 										},
-										children: candidate
-									}, candidate))]
-								}) : null,
-								promptModelsError !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: settings_card_module_css_default.failed,
-									role: "status",
-									children: promptModelsError
-								}) : null,
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-									type: "button",
-									className: settings_card_module_css_default.inlineDisclosure,
-									"aria-expanded": promptApiOpen,
-									onClick: () => {
-										setPromptApiOpen((open) => !open);
-									},
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("settings.promptApiAdvanced") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										"aria-hidden": "true",
-										children: promptApiOpen ? "⌃" : "⌄"
-									})]
-								}),
-								promptApiOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: settings_card_module_css_default.optionalContent,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
-										id: "dsh-imagegen-settings-prompt-apiurl",
-										label: t("settings.promptApiUrl"),
-										hint: t("settings.promptApiUrlHint"),
-										placeholder: "https://api.openai.com/v1",
+										onReset: () => {
+											props.resetField("enabled");
+										}
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
+										id: "dsh-imagegen-settings-announce",
+										label: t("settings.announceToAgent"),
+										hint: t("settings.announceToAgentHint"),
+										inheritLabel: t("settings.inherit"),
+										onLabel: t("settings.on"),
+										offLabel: t("settings.off"),
 										...fieldProps,
-										...state.promptApiUrl,
+										...state.announceToAgent,
 										onEdit: (text) => {
-											props.edit("promptApiUrl", text);
+											props.edit("announceToAgent", text);
 										},
 										onReset: () => {
-											props.resetField("promptApiUrl");
+											props.resetField("announceToAgent");
 										}
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
-										id: "dsh-imagegen-settings-prompt-apikey",
-										label: t("settings.promptApiKey"),
-										hint: t("settings.promptApiKeyHint"),
-										placeholder: "sk-…",
-										secret: true,
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
+										id: "dsh-imagegen-settings-agent-generation",
+										label: t("settings.allowAgentImageGeneration"),
+										hint: t("settings.allowAgentImageGenerationHint"),
+										inheritLabel: t("settings.inherit"),
+										onLabel: t("settings.on"),
+										offLabel: t("settings.off"),
 										...fieldProps,
-										...state.promptApiKey,
-										overridden: false,
+										...state.allowAgentImageGeneration,
 										onEdit: (text) => {
-											props.edit("promptApiKey", text);
+											props.edit("allowAgentImageGeneration", text);
 										},
 										onReset: () => {
-											props.resetField("promptApiKey");
+											props.resetField("allowAgentImageGeneration");
 										}
-									})]
-								}) : null
-							]
-						}) : null,
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									})
+								]
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: settings_card_module_css_default.footer,
+								children: [
+									state.failed || state.channels.failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: settings_card_module_css_default.failed,
+										role: "status",
+										children: t("settings.saveFailed")
+									}) : null,
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: settings_card_module_css_default.discard,
+										disabled: !state.dirty || state.saving || state.channels.saving,
+										onClick: () => {
+											props.discard();
+											props.channels.discard();
+										},
+										children: t("settings.discard")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: settings_card_module_css_default.save,
+										disabled: blocked,
+										onClick: () => {
+											props.channels.commit();
+											props.save();
+										},
+										children: t(!state.saving && !state.channels.saving ? "settings.save" : "settings.saving")
+									})
+								]
+							})
+						]
+					}) : null,
+					open && editing !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChannelEditor, {
+						t,
+						channel: editing,
+						keyHeld: state.channels.keySet[editing.id] === true,
+						usage,
+						otherChannels: channels.filter((channel) => channel.id !== editing.id),
+						isDefault: editing.id === state.channels.defaultChannelId,
+						writable: state.writable,
+						onPatch: (patch) => {
+							replaceChannel(channels, editing.id, patch, props.channels);
+						},
+						onSetModels: (models) => {
+							props.channels.setChannels(channels.map((channel) => channel.id === editing.id ? {
+								...channel,
+								models
+							} : channel));
+						},
+						onSetKey: (value) => {
+							props.channels.setChannelKey(editing.id, value);
+						},
+						onSetDefault: () => {
+							props.channels.setDefaultChannel(editing.id);
+						},
+						onRemove: () => {
+							props.channels.setChannels(channels.filter((channel) => channel.id !== editing.id));
+							if (editing.id === state.channels.defaultChannelId && channels.length > 1) {
+								const next = channels.find((channel) => channel.id !== editing.id);
+								if (next !== void 0) props.channels.setDefaultChannel(next.id);
+							}
+							setEditingId(null);
+						},
+						onClose: () => {
+							setEditingId(null);
+						}
+					}, editing.id) : null
+				]
+			});
+		}
+		/** Channel row + dialog helpers -------------------------------------------------- */
+		function newChannelDraft(preset) {
+			return {
+				id: clientId(),
+				preset: preset?.id ?? "",
+				name: preset?.name ?? "",
+				apiUrl: preset?.apiUrl ?? "",
+				models: (preset?.models ?? []).map((model) => ({ ...model }))
+			};
+		}
+		function addCustomChannel(channels, form, openEditor) {
+			const draft = newChannelDraft(void 0);
+			form.setChannels([...channels, draft]);
+			openEditor(draft.id);
+		}
+		/** Patch one field (or models) of one staged channel. */
+		function replaceChannel(channels, id, patch, form) {
+			form.setChannels(channels.map((channel) => channel.id === id ? {
+				...channel,
+				...patch
+			} : channel));
+		}
+		function hostOf(apiUrl) {
+			try {
+				return new URL(apiUrl).hostname;
+			} catch {
+				return apiUrl;
+			}
+		}
+		function clientId() {
+			return (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function" ? crypto.randomUUID() : void 0) ?? `ch-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
+		}
+		/** Built-in provider picker, expanded inside the settings card. */
+		function PresetPicker(props) {
+			const { t } = props;
+			const loadedRef = (0, react.useRef)(false);
+			(0, react.useEffect)(() => {
+				if (loadedRef.current) return;
+				loadedRef.current = true;
+				props.onLoad();
+			}, []);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: settings_card_module_css_default.presetInline,
+				"aria-label": t("channels.presetPickerTitle"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+					className: settings_card_module_css_default.presetInlineHeader,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: settings_card_module_css_default.sectionTitle,
+						children: t("channels.presetPickerTitle")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: settings_card_module_css_default.sectionHint,
+						children: t("channels.presetPickerHint")
+					})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: settings_card_module_css_default.editorClose,
+						"aria-label": t("preview.close"),
+						onClick: props.onClose,
+						children: "×"
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: settings_card_module_css_default.presetList,
+					children: [
+						props.presets.map((preset) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 							type: "button",
-							className: settings_card_module_css_default.disclosure,
-							"aria-expanded": moreOpen,
+							className: settings_card_module_css_default.presetRow,
+							disabled: props.disabled,
 							onClick: () => {
-								setMoreOpen((open) => !open);
+								props.onPick(preset);
 							},
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("settings.moreOptions") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								"aria-hidden": "true",
-								children: moreOpen ? "⌃" : "⌄"
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: settings_card_module_css_default.presetName,
+									children: preset.name
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: settings_card_module_css_default.presetMeta,
+									children: [
+										preset.apiUrl,
+										" · ",
+										t("channels.presetModelsHint", { n: preset.models.length })
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: settings_card_module_css_default.presetHint,
+									children: preset.hint
+								})
+							]
+						}, preset.id)),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: settings_card_module_css_default.presetRow,
+							"data-custom": true,
+							disabled: props.disabled,
+							onClick: props.onCustom,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: settings_card_module_css_default.presetName,
+								children: ["+ ", t("channels.addCustom")]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: settings_card_module_css_default.presetHint,
+								children: t("channels.presetCustomHint")
+							})]
+						}),
+						props.error !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: settings_card_module_css_default.failed,
+							role: "status",
+							children: t("channels.presetLoadFailed", { error: props.error })
+						}) : null
+					]
+				})]
+			});
+		}
+		/** Channel editor (modal): key, display name, API URL, model catalog. */
+		function ChannelEditor(props) {
+			const { t, channel } = props;
+			const [keyDraft, setKeyDraft] = (0, react.useState)("");
+			const [candidates, setCandidates] = (0, react.useState)(null);
+			const [detecting, setDetecting] = (0, react.useState)(false);
+			const [detectError, setDetectError] = (0, react.useState)(null);
+			const [manualId, setManualId] = (0, react.useState)("");
+			const [removeOpen, setRemoveOpen] = (0, react.useState)(false);
+			const [copyFrom, setCopyFrom] = (0, react.useState)("");
+			const generatedCount = (alias) => {
+				if (props.usage === null) return 0;
+				return (props.usage.byChannel[channel.id] ?? props.usage.byChannel[`name:${channel.name}`] ?? {})[alias] ?? props.usage.totals[alias] ?? 0;
+			};
+			const detect = () => {
+				setDetecting(true);
+				setDetectError(null);
+				const payload = { channelId: channel.id };
+				if (channel.apiUrl.trim() !== "") payload.apiUrl = channel.apiUrl.trim();
+				if (keyDraft.trim() !== "") payload.apiKey = keyDraft.trim();
+				fetch(IMAGE_MODEL_API.models, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify(payload)
+				}).then(async (response) => {
+					const body = await response.json();
+					if (!response.ok || body.ok !== true) throw new Error(body.message ?? `HTTP ${response.status}`);
+					setCandidates(body.models ?? []);
+				}).catch((error) => {
+					setDetectError(error instanceof Error ? error.message : String(error));
+				}).finally(() => {
+					setDetecting(false);
+				});
+			};
+			const autoDetected = (0, react.useRef)(false);
+			(0, react.useEffect)(() => {
+				if (autoDetected.current) return;
+				autoDetected.current = true;
+				if (channel.apiUrl.trim() !== "" && (props.keyHeld || keyDraft.trim() !== "")) detect();
+			}, []);
+			const addManual = () => {
+				const id = manualId.trim();
+				if (id === "") return;
+				const next = [...channel.models];
+				const alias = id;
+				if (!next.some((model) => model.alias === alias)) next.push({
+					alias,
+					id
+				});
+				props.onSetModels(next);
+				setManualId("");
+			};
+			const copyFromChannel = () => {
+				const source = props.otherChannels.find((chance) => chance.id === copyFrom);
+				if (source === void 0) return;
+				const merged = [...channel.models];
+				for (const model of source.models) {
+					const alias = model.alias;
+					let unique = alias;
+					let suffix = 2;
+					while (merged.some((entry) => entry.alias === unique)) unique = `${alias} (${suffix++})`;
+					merged.push({
+						alias: unique,
+						id: model.id
+					});
+				}
+				props.onSetModels(merged);
+				setCopyFrom("");
+			};
+			const onlyKnown = () => {
+				const known = (candidates ?? []).filter((id) => describeModel(id).known);
+				const merged = [...channel.models];
+				for (const id of known) {
+					const alias = id;
+					if (!merged.some((model) => model.alias === alias)) merged.push({
+						alias,
+						id
+					});
+				}
+				props.onSetModels(merged);
+			};
+			const knownCount = (candidates ?? []).filter((id) => describeModel(id).known).length;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: settings_card_module_css_default.editorBackdrop,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-label": `${t("channels.editorTitle")} · ${channel.name || t("channels.untitled")}`,
+				onClick: props.onClose,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: settings_card_module_css_default.editorPanel,
+					onClick: (event) => {
+						event.stopPropagation();
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+							className: settings_card_module_css_default.editorHeader,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+								className: settings_card_module_css_default.sectionTitle,
+								children: [
+									t("channels.editorTitle"),
+									" · ",
+									channel.name || t("channels.untitled")
+								]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: settings_card_module_css_default.sectionHint,
+								children: t("channels.editorSaveNote")
+							})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: settings_card_module_css_default.editorClose,
+								"aria-label": t("preview.close"),
+								onClick: props.onClose,
+								children: "×"
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: settings_card_module_css_default.editorField,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+								className: settings_card_module_css_default.label,
+								htmlFor: "dsh-imagegen-channel-name",
+								children: t("channels.displayName")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								id: "dsh-imagegen-channel-name",
+								className: settings_card_module_css_default.input,
+								value: channel.name,
+								placeholder: t("channels.untitled"),
+								disabled: !props.writable,
+								onChange: (event) => {
+									props.onPatch({ name: event.target.value });
+								}
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: settings_card_module_css_default.editorField,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+								className: settings_card_module_css_default.label,
+								htmlFor: "dsh-imagegen-channel-url",
+								children: t("channels.apiUrl")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								id: "dsh-imagegen-channel-url",
+								className: settings_card_module_css_default.input,
+								value: channel.apiUrl,
+								placeholder: "https://api.example.com/v1",
+								disabled: !props.writable,
+								onChange: (event) => {
+									props.onPatch({ apiUrl: event.target.value });
+								}
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: settings_card_module_css_default.editorField,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: settings_card_module_css_default.head,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+									className: settings_card_module_css_default.label,
+									htmlFor: "dsh-imagegen-channel-key",
+									children: t("channels.apiKey")
+								}), props.keyHeld || keyDraft !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: settings_card_module_css_default.reset,
+									disabled: !props.writable,
+									onClick: () => {
+										setKeyDraft("");
+										props.onSetKey(void 0);
+									},
+									children: t("channels.keyClear")
+								}) : null]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								id: "dsh-imagegen-channel-key",
+								className: settings_card_module_css_default.input,
+								type: "password",
+								autoComplete: "off",
+								value: keyDraft,
+								placeholder: props.keyHeld ? t("channels.keyReplaceHint") : t("channels.keyMissingHint"),
+								disabled: !props.writable,
+								onChange: (event) => {
+									const value = event.target.value;
+									setKeyDraft(value);
+									props.onSetKey(value === "" ? void 0 : value);
+								}
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: settings_card_module_css_default.editorDivider }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: settings_card_module_css_default.editorSectionHeader,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+								className: settings_card_module_css_default.label,
+								children: t("channels.modelCatalogTitle")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: settings_card_module_css_default.modelFetch,
+								disabled: !props.writable || detecting,
+								onClick: detect,
+								children: detecting ? t("channels.detecting") : t("channels.detect")
 							})]
 						}),
-						moreOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: settings_card_module_css_default.optionalContent,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
-									id: "dsh-imagegen-settings-enabled",
-									label: t("settings.enabled"),
-									hint: t("settings.enabledHint"),
-									inheritLabel: t("settings.inherit"),
-									onLabel: t("settings.on"),
-									offLabel: t("settings.off"),
-									...fieldProps,
-									...state.enabled,
-									onEdit: (text) => {
-										props.edit("enabled", text);
-									},
-									onReset: () => {
-										props.resetField("enabled");
-									}
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
-									id: "dsh-imagegen-settings-announce",
-									label: t("settings.announceToAgent"),
-									hint: t("settings.announceToAgentHint"),
-									inheritLabel: t("settings.inherit"),
-									onLabel: t("settings.on"),
-									offLabel: t("settings.off"),
-									...fieldProps,
-									...state.announceToAgent,
-									onEdit: (text) => {
-										props.edit("announceToAgent", text);
+						detectError !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: settings_card_module_css_default.failed,
+							role: "status",
+							children: t("channels.detectFailed", { error: detectError })
+						}) : null,
+						candidates !== null && detectError === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: settings_card_module_css_default.detectOk,
+							role: "status",
+							children: t("channels.detectSuccess", { n: candidates.length })
+						}) : null,
+						channel.models.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: settings_card_module_css_default.sectionHint,
+							children: t("channels.noModelsHint")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							className: settings_card_module_css_default.modelRows,
+							children: channel.models.map((model, index) => {
+								const entry = describeModel(model.id || model.alias);
+								const generated = generatedCount(model.alias);
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+									className: settings_card_module_css_default.modelRow,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: settings_card_module_css_default.modelRowInputs,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												className: settings_card_module_css_default.input,
+												value: model.alias,
+												"aria-label": t("channels.modelAliasLabel"),
+												disabled: !props.writable,
+												onChange: (event) => {
+													const next = [...channel.models];
+													next[index] = {
+														...model,
+														alias: event.target.value
+													};
+													props.onSetModels(next);
+												}
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: settings_card_module_css_default.modelArrow,
+												children: "→"
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												className: settings_card_module_css_default.input,
+												value: model.id,
+												"aria-label": t("channels.modelIdLabel"),
+												disabled: !props.writable,
+												onChange: (event) => {
+													const next = [...channel.models];
+													next[index] = {
+														...model,
+														id: event.target.value
+													};
+													props.onSetModels(next);
+												}
+											})
+										]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: settings_card_module_css_default.modelRowBadges,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: settings_card_module_css_default.modelBadge,
+												children: [entry.labelZh, entry.known ? "" : ` · ${t("channels.unknownProtocol")}`]
+											}),
+											generated > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: settings_card_module_css_default.modelBadge,
+												"data-verified": true,
+												children: t("channels.generated", { n: generated })
+											}) : null,
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: settings_card_module_css_default.modelRowRemove,
+												disabled: !props.writable,
+												"aria-label": `${t("channels.removeModel")}: ${model.alias}`,
+												onClick: () => {
+													props.onSetModels(channel.models.filter((_, i) => i !== index));
+												},
+												children: "×"
+											})
+										]
+									})]
+								}, `${model.alias}-${index}`);
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: settings_card_module_css_default.editorTools,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: settings_card_module_css_default.manualModelRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: settings_card_module_css_default.input,
+									value: manualId,
+									placeholder: t("channels.manualAddPlaceholder"),
+									disabled: !props.writable,
+									onChange: (event) => {
+										setManualId(event.target.value);
 									},
-									onReset: () => {
-										props.resetField("announceToAgent");
+									onKeyDown: (event) => {
+										if (event.key === "Enter") {
+											event.preventDefault();
+											addManual();
+										}
 									}
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
-									id: "dsh-imagegen-settings-agent-generation",
-									label: t("settings.allowAgentImageGeneration"),
-									hint: t("settings.allowAgentImageGenerationHint"),
-									inheritLabel: t("settings.inherit"),
-									onLabel: t("settings.on"),
-									offLabel: t("settings.off"),
-									...fieldProps,
-									...state.allowAgentImageGeneration,
-									onEdit: (text) => {
-										props.edit("allowAgentImageGeneration", text);
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: settings_card_module_css_default.addModel,
+									disabled: !props.writable || manualId.trim() === "",
+									onClick: addManual,
+									children: t("channels.addModelConfirm")
+								})]
+							}), props.otherChannels.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: settings_card_module_css_default.manualModelRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									className: settings_card_module_css_default.modelChoices,
+									value: copyFrom,
+									disabled: !props.writable,
+									onChange: (event) => {
+										setCopyFrom(event.target.value);
 									},
-									onReset: () => {
-										props.resetField("allowAgentImageGeneration");
-									}
-								})
-							]
+									"aria-label": t("channels.copyFrom"),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										children: t("channels.copyFrom")
+									}), props.otherChannels.map((other) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: other.id,
+										children: other.name || t("channels.untitled")
+									}, other.id))]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: settings_card_module_css_default.addModel,
+									disabled: !props.writable || copyFrom === "",
+									onClick: copyFromChannel,
+									children: t("channels.copyApply")
+								})]
+							}) : null]
+						}),
+						candidates !== null && candidates.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: settings_card_module_css_default.modelCandidateList,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: settings_card_module_css_default.modelCandidateLabel,
+								children: [t("channels.candidatesTitle"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: settings_card_module_css_default.inlineDisclosure,
+									disabled: !props.writable || knownCount === 0,
+									onClick: onlyKnown,
+									children: t("channels.candidatesQuick")
+								})]
+							}), candidates.map((candidate) => {
+								const selected = channel.models.some((model) => model.alias === candidate);
+								const entry = describeModel(candidate);
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: settings_card_module_css_default.modelCandidate,
+									"data-selected": selected ? "" : void 0,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "checkbox",
+											checked: selected,
+											disabled: !props.writable,
+											onChange: () => {
+												const merged = selected ? channel.models.filter((model) => model.alias !== candidate) : [...channel.models, {
+													alias: candidate,
+													id: candidate
+												}];
+												props.onSetModels(merged);
+											}
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: candidate }),
+										!entry.known ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: settings_card_module_css_default.modelBadge,
+											"data-warn": true,
+											children: t("channels.unknownProtocol")
+										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: settings_card_module_css_default.modelBadge,
+											children: entry.labelZh
+										})
+									]
+								}, candidate);
+							})]
 						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: settings_card_module_css_default.editorDivider }),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: settings_card_module_css_default.footer,
+							className: settings_card_module_css_default.editorFooter,
 							children: [
-								state.failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: settings_card_module_css_default.failed,
-									role: "status",
-									children: t("settings.saveFailed")
-								}) : null,
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								props.isDefault ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: settings_card_module_css_default.channelBadge,
+									"data-default": true,
+									children: t("channels.defaultLabel")
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
-									className: settings_card_module_css_default.discard,
-									disabled: !state.dirty || state.saving,
-									onClick: props.discard,
-									children: t("settings.discard")
+									className: settings_card_module_css_default.inlineDisclosure,
+									disabled: !props.writable,
+									onClick: props.onSetDefault,
+									children: t("channels.setDefault")
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: settings_card_module_css_default.spacer }),
+								removeOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: settings_card_module_css_default.channelDanger,
+									disabled: !props.writable,
+									onClick: props.onRemove,
+									children: t("channels.confirm")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: settings_card_module_css_default.channelAction,
+									onClick: () => {
+										setRemoveOpen(false);
+									},
+									children: t("channels.cancel")
+								})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
-									className: settings_card_module_css_default.save,
-									disabled: blocked,
-									onClick: props.save,
-									children: t(!state.saving ? "settings.save" : "settings.saving")
+									className: settings_card_module_css_default.channelAction,
+									"data-danger": true,
+									onClick: () => {
+										setRemoveOpen(true);
+									},
+									children: t("channels.deleteThisChannel")
 								})
 							]
 						})
 					]
-				}) : null]
+				})
 			});
 		}
 		/** A staged value field; `secret` renders a password control. */
@@ -4887,17 +6224,7 @@ window.__ModuleLoader__.load({
 							}) : null
 						]
 					}),
-					props.multiline === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-						id: props.id,
-						className: props.invalid ? settings_card_module_css_default.textareaInvalid : settings_card_module_css_default.textarea,
-						...props.invalid ? { "aria-invalid": true } : {},
-						value: props.text,
-						placeholder: props.placeholder ?? "",
-						disabled: props.disabled,
-						onChange: (event) => {
-							props.onEdit(event.target.value);
-						}
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 						id: props.id,
 						className: props.invalid ? settings_card_module_css_default.inputInvalid : settings_card_module_css_default.input,
 						type: props.secret === true ? "password" : "text",
@@ -4917,9 +6244,6 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		function splitModels(value) {
-			return [...new Set(value.split(/[\n,]/).map((model) => model.trim()).filter(Boolean))];
-		}
 		/** A staged boolean field: 继承 / 开 / 关. */
 		function BooleanField(props) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -4976,201 +6300,6 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region src/client/settings-scope.ts
-		/**
-		* Browser-side settings scope for the dsh-imagegen namespace, served by the
-		* plugin's own loopback bridge routes (/api/dsh-imagegen/settings). The
-		* official rc.6 settings scope answers "unavailable" for every third-party
-		* namespace (the host-apiproxy allowlist is hard-coded), so this package
-		* re-serves its namespace through the host settings seam over a same-origin,
-		* loopback-only HTTP pair — the same pattern the dsh-web-ui family bridge
-		* uses, self-contained per plugin.
-		*/
-		/** Settings wire face over the bridge routes (fetch-backed). */
-		function createBridgeApi(fetchFn) {
-			const post = async (path, body) => {
-				try {
-					const response = await fetchFn(path, {
-						method: "POST",
-						headers: { "content-type": "application/json" },
-						body: JSON.stringify(body)
-					});
-					if (!response.ok) return { result: {
-						ok: false,
-						code: "internal",
-						message: `bridge HTTP ${response.status}`
-					} };
-					return { result: await response.json() };
-				} catch {
-					return { result: {
-						ok: false,
-						code: "internal",
-						message: "settings bridge unreachable"
-					} };
-				}
-			};
-			return { settings: {
-				describe: async (payload) => post(SETTINGS_API.describe, payload),
-				mutate: async (payload) => post(SETTINGS_API.mutate, payload)
-			} };
-		}
-		/**
-		* A SettingsScope over the bridge face: serialized queue, revision-fenced
-		* writes, recovery read after a refusal. Mirrors the official controller's
-		* ordering but trusts the Host-seam value without re-running the wire-schema
-		* validation — the seam already validated it.
-		*/
-		var BridgeScopeController = class {
-			api;
-			spec;
-			store;
-			/** Whether the namespace currently holds a stored secret (e.g. apiKey). */
-			keySet;
-			/** Individual secret presence bits, keyed by the settings field name. */
-			secretSets;
-			tail = Promise.resolve();
-			disposed = false;
-			constructor(api, spec) {
-				this.api = api;
-				this.spec = spec;
-				this.store = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)({
-					status: "loading",
-					value: void 0,
-					base: void 0,
-					user: void 0,
-					revision: void 0,
-					writable: false,
-					mode: "host"
-				});
-				this.keySet = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)(false);
-				this.secretSets = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)({});
-			}
-			getSnapshot() {
-				return this.store.getSnapshot();
-			}
-			/** Whether a stored secret exists (from the redacted view's secrets list). */
-			getKeySetSnapshot() {
-				return this.keySet.getSnapshot();
-			}
-			/** Observe the secret-set flag. */
-			subscribeKeySet(listener) {
-				return this.keySet.subscribe(listener);
-			}
-			/** Whether a specific secret field currently has a stored value. */
-			getSecretSetSnapshot(field) {
-				return this.secretSets.getSnapshot()[field] === true;
-			}
-			/** Observe changes to individual secret-field presence bits. */
-			subscribeSecretSets(listener) {
-				return this.secretSets.subscribe(listener);
-			}
-			subscribe(listener) {
-				return this.store.subscribe(listener);
-			}
-			/** Queue a bridge refresh. */
-			load() {
-				return this.enqueue(() => this.read());
-			}
-			set(field, value) {
-				return this.enqueue(() => this.write({
-					op: "set",
-					path: [field],
-					value
-				}));
-			}
-			unset(field) {
-				return this.enqueue(() => this.write({
-					op: "unset",
-					path: [field]
-				}));
-			}
-			async dispose() {
-				this.disposed = true;
-				await this.tail;
-			}
-			enqueue(operation) {
-				if (this.disposed) return Promise.resolve();
-				const task = this.tail.then(async () => {
-					if (this.disposed) return;
-					await operation();
-				});
-				this.tail = task.catch(() => {});
-				return task;
-			}
-			async read() {
-				let response;
-				try {
-					response = await this.api.describe({});
-				} catch {
-					if (!this.disposed) this.store.update((draft) => {
-						draft.status = "unavailable";
-					});
-					return;
-				}
-				if (!response.result.ok || this.disposed) {
-					if (!this.disposed) this.store.update((draft) => {
-						draft.status = "unavailable";
-					});
-					return;
-				}
-				const { namespaces, writable } = response.result.value;
-				const view = namespaces?.find((candidate) => candidate.ns === this.spec.namespace);
-				if (view === void 0) {
-					this.store.update((draft) => {
-						draft.status = "unavailable";
-						draft.writable = writable === true;
-					});
-					this.keySet.set(false);
-					this.secretSets.set({});
-					return;
-				}
-				this.accept(view, writable);
-			}
-			async write(op) {
-				const revision = this.getSnapshot().revision;
-				let response;
-				try {
-					response = await this.api.mutate({
-						ns: this.spec.namespace,
-						ops: [op],
-						...revision === void 0 ? {} : { expectedRevision: revision }
-					});
-				} catch {
-					await this.read();
-					return;
-				}
-				if (!response.result.ok || this.disposed) {
-					await this.read();
-					return;
-				}
-				this.accept(response.result.value, void 0);
-			}
-			accept(view, writable) {
-				this.store.update((draft) => {
-					draft.revision = view.revision;
-					draft.base = view.base;
-					draft.user = view.user;
-					if (writable !== void 0) draft.writable = writable;
-					draft.status = "ready";
-					draft.value = view.value;
-				});
-				const secretSets = Object.fromEntries((view.secrets ?? []).map((secret) => [secret.path.join("."), secret.set]));
-				this.keySet.set(Object.values(secretSets).some(Boolean));
-				this.secretSets.set(secretSets);
-			}
-		};
-		/**
-		* Bind the dsh-imagegen settings scope over the bridge routes and start its
-		* initial read (the caller mounts nothing until the scope settles).
-		* @param fetchFn - the fetch implementation (the global fetch on loopback).
-		* @returns the scope; unavailable when the bridge is unreachable.
-		*/
-		function bindImageGenScope(fetchFn = fetch) {
-			const controller = new BridgeScopeController(createBridgeApi(fetchFn).settings, { namespace: "dsh-imagegen" });
-			controller.load();
-			return controller;
-		}
-		//#endregion
 		//#region \0dsh-css:E:\dsh-plugin\src\client\image-toolview.module.css.mjs
 		const css = "._3eGrYG_root{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:8px;flex-direction:column;gap:7px;margin:4px 0;padding:8px 10px 10px;display:flex}._3eGrYG_header{min-height:20px;color:var(--dsw-alias-label-secondary);align-items:center;gap:7px;font-size:12px;display:flex}._3eGrYG_icon{color:var(--dsw-alias-brand-primary);font-size:15px;line-height:1}._3eGrYG_status{color:var(--dsw-alias-label-tertiary);margin-left:auto;font-size:11px}._3eGrYG_message,._3eGrYG_loading,._3eGrYG_error{color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.5}._3eGrYG_images{flex-wrap:wrap;gap:8px;display:flex}._3eGrYG_imageLink{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);border-radius:6px;max-width:min(280px,100%);display:block;overflow:hidden}._3eGrYG_imageLink:hover{border-color:var(--dsw-alias-brand-primary)}._3eGrYG_image{object-fit:contain;width:auto;max-width:280px;height:auto;max-height:220px;display:block}._3eGrYG_error{color:var(--dsw-alias-state-error-primary)}";
 		const tagId = "@dickpy/dsh-imagegen/image-toolview.module.css";
@@ -5182,16 +6311,16 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var image_toolview_module_css_default = {
-			"imageLink": "_3eGrYG_imageLink",
 			"header": "_3eGrYG_header",
+			"message": "_3eGrYG_message",
+			"status": "_3eGrYG_status",
 			"loading": "_3eGrYG_loading",
+			"image": "_3eGrYG_image",
+			"imageLink": "_3eGrYG_imageLink",
+			"images": "_3eGrYG_images",
 			"icon": "_3eGrYG_icon",
 			"error": "_3eGrYG_error",
-			"status": "_3eGrYG_status",
-			"message": "_3eGrYG_message",
-			"root": "_3eGrYG_root",
-			"image": "_3eGrYG_image",
-			"images": "_3eGrYG_images"
+			"root": "_3eGrYG_root"
 		};
 		//#endregion
 		//#region src/client/image-toolview.tsx
@@ -5200,7 +6329,8 @@ window.__ModuleLoader__.load({
 		}
 		function imageRefsOf(block) {
 			if (!isSettled(block)) return [];
-			return block.content.flatMap((content) => content.type === "image" ? [content.attachment] : []);
+			const resultContent = block.resultView?.card === "generic" ? block.resultView.content ?? [] : [];
+			return [...block.content, ...resultContent].flatMap((content) => content.type === "image" ? [content.attachment] : []);
 		}
 		function textOf(block) {
 			if (!isSettled(block)) return "";
@@ -5275,13 +6405,17 @@ window.__ModuleLoader__.load({
 		}
 		/** Register the inline image result view for all image-generation result tools. */
 		function registerImageToolviews(ctx) {
-			const sessions = ctx.get("sessions");
-			const load = async (sessionId, ref) => {
-				const session = sessions?.binding(sessionId)?.session;
-				if (session === void 0) throw new Error("当前会话不可用，无法读取图片附件。");
-				const result = await session.readAttachment(ref.attachmentId);
-				if (!result.ok) throw new Error(result.error.message);
-				const blob = new Blob([new Uint8Array(result.value.data)], { type: result.value.attachment.mediaType });
+			const load = async (_sessionId, ref) => {
+				const query = new URLSearchParams({
+					attachment_id: String(ref.attachmentId),
+					media_type: ref.mediaType,
+					bytes: String(ref.bytes),
+					width: String(ref.width),
+					height: String(ref.height)
+				});
+				const response = await fetch(`${AGENT_IMAGE_API}?${query.toString()}`);
+				if (!response.ok) throw new Error(`无法读取图片附件（HTTP ${response.status}）。`);
+				const blob = await response.blob();
 				return URL.createObjectURL(blob);
 			};
 			const ImageToolView = (props) => {