@logictan/dsh-imagegen 2.0.4 → 2.0.6

package/lib/client.js

@@ -6,6 +6,7 @@ window.__ModuleLoader__.load({
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react = require("react");
 		let _deepseek_ai_dsh_client_store = require("@deepseek-ai/dsh-client-store");
+		let _logictan_dsh_plugins_shared_client_client = require("@logictan/dsh-plugins-shared-client/client");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		//#region src/client/locales.ts
 		/**
@@ -420,8 +421,8 @@ window.__ModuleLoader__.load({
 			"settings.addModelConfirm": "添加",
 			"settings.removeModel": "移除模型",
 			"settings.optional": "可选",
-			"settings.moreOptions": "更多设置",
 			"settings.promptEnhanceTitle": "提示词增强模型",
+			"settings.scalarsTitle": "插件开关与对话模型",
 			"settings.promptEnhanceHint": "用于将简短描述扩写为更完整的生图提示词；留空的地址和密钥会复用生图配置。",
 			"settings.promptApiUrl": "对话 API 地址（可选）",
 			"settings.promptApiUrlHint": "OpenAI 兼容基址；留空则复用图像 API 地址。",
@@ -442,9 +443,6 @@ window.__ModuleLoader__.load({
 			"settings.allowAgentImageGenerationHint": "默认开启。关闭后，Agent 无法提交、查询或取消生图任务；侧边栏工作台不受影响。",
 			"settings.enabled": "启用插件",
 			"settings.enabledHint": "关闭后生图面板不可用（设置卡片始终可用）",
-			"settings.save": "保存",
-			"settings.saving": "保存中…",
-			"settings.discard": "放弃修改",
 			"settings.unsaved": "有未保存的修改",
 			"settings.saveFailed": "保存失败，请重试",
 			"settings.readOnly": "当前设置文档为只读，无法保存。",
@@ -1162,8 +1160,8 @@ window.__ModuleLoader__.load({
 			"settings.addModelConfirm": "Add",
 			"settings.removeModel": "Remove model",
 			"settings.optional": "Optional",
-			"settings.moreOptions": "More settings",
 			"settings.promptEnhanceTitle": "Prompt enhancement model",
+			"settings.scalarsTitle": "Plugin switches and chat model",
 			"settings.promptEnhanceHint": "Expands short requests into complete image prompts. Blank URL and key reuse the image API configuration.",
 			"settings.promptApiUrl": "Chat API URL (optional)",
 			"settings.promptApiUrlHint": "OpenAI-compatible base URL. Leave blank to reuse the image API URL.",
@@ -1184,9 +1182,6 @@ window.__ModuleLoader__.load({
 			"settings.allowAgentImageGenerationHint": "On by default. When off, agents cannot submit, query, or cancel image tasks; the sidebar studio remains available.",
 			"settings.enabled": "Enable plugin",
 			"settings.enabledHint": "When off, the generation studio is unavailable (this card stays available)",
-			"settings.save": "Save",
-			"settings.saving": "Saving…",
-			"settings.discard": "Discard",
 			"settings.unsaved": "Unsaved changes",
 			"settings.saveFailed": "Save failed, please retry",
 			"settings.readOnly": "The settings document is read-only; saving is disabled.",
@@ -1905,8 +1900,8 @@ window.__ModuleLoader__.load({
 			"settings.addModelConfirm": "Добавить",
 			"settings.removeModel": "Удалить модель",
 			"settings.optional": "необязательно",
-			"settings.moreOptions": "Дополнительно",
 			"settings.promptEnhanceTitle": "Модель улучшения промптов",
+			"settings.scalarsTitle": "Переключатели плагина и модель чата",
 			"settings.promptEnhanceHint": "Разворачивает краткое описание в полноценный промпт; пустые адрес и ключ наследуют настройки генерации.",
 			"settings.promptApiUrl": "Адрес диалогового API (необязательно)",
 			"settings.promptApiUrlHint": "OpenAI-совместимая база; если пусто — используется адрес API генерации.",
@@ -1927,9 +1922,6 @@ window.__ModuleLoader__.load({
 			"settings.allowAgentImageGenerationHint": "Включено по умолчанию. Выключено — агенты не могут создавать, смотреть или отменять задачи; боковая панель работает.",
 			"settings.enabled": "Включить плагин",
 			"settings.enabledHint": "Выключено — панель генерации недоступна (карточка настроек работает всегда)",
-			"settings.save": "Сохранить",
-			"settings.saving": "Сохраняем…",
-			"settings.discard": "Отменить правки",
 			"settings.unsaved": "Есть несохранённые правки",
 			"settings.saveFailed": "Не удалось сохранить, попробуйте ещё раз",
 			"settings.readOnly": "Документ настроек сейчас только для чтения, сохранить нельзя.",
@@ -2332,37 +2324,6 @@ window.__ModuleLoader__.load({
 		* pattern the dsh-web-ui family cards use (this package must not depend on a
 		* sibling UI package).
 		*/
-		/** A free-text field. An empty draft clears the field. */
-		function textField(field) {
-			return {
-				field,
-				format: (value) => typeof value === "string" ? value : "",
-				parse: (text) => {
-					const trimmed = text.trim();
-					return trimmed === "" ? { kind: "clear" } : {
-						kind: "set",
-						value: trimmed
-					};
-				}
-			};
-		}
-		/** A boolean field, edited through true/false draft text. */
-		function booleanField(field) {
-			return {
-				field,
-				format: (value) => typeof value === "boolean" ? String(value) : "",
-				parse: (text) => {
-					if (text === "true") return {
-						kind: "set",
-						value: true
-					};
-					if (text === "false") return {
-						kind: "set",
-						value: false
-					};
-				}
-			};
-		}
 		/**
 		* A secret field (role('secret') in the namespace schema). The stored value is
 		* never rendered or returned by the redacted wire view, so:
@@ -2455,31 +2416,39 @@ window.__ModuleLoader__.load({
 					invalid: write === void 0 && !(spec.secret === true && staged.text.trim() === "")
 				};
 			}
-			/** The actions the card's slot registration injects. */
+			/**
+			* The actions the card's slot registration injects.
+			*
+			* Built once. The slot calls `inject()` on every render, and a fresh object
+			* with fresh closures each time changes the props the renderer subscribed
+			* with, which re-renders forever (React error #185). These closures only ever
+			* capture `this`, so one instance serves every call.
+			*/
+			actionSet = {
+				edit: (field, text) => {
+					this.stage(field, {
+						text,
+						clear: false
+					});
+				},
+				resetField: (field) => {
+					this.stage(field, {
+						text: this.specOf(field).format(this.baseValue(field)),
+						clear: true
+					});
+				},
+				save: () => {
+					this.save();
+				},
+				discard: () => {
+					if (this.staged.size === 0 && !this.failed) return;
+					this.staged.clear();
+					this.failed = false;
+					this.publish();
+				}
+			};
 			actions() {
-				return {
-					edit: (field, text) => {
-						this.stage(field, {
-							text,
-							clear: false
-						});
-					},
-					resetField: (field) => {
-						this.stage(field, {
-							text: this.specOf(field).format(this.baseValue(field)),
-							clear: true
-						});
-					},
-					save: () => {
-						this.save();
-					},
-					discard: () => {
-						if (this.staged.size === 0 && !this.failed) return;
-						this.staged.clear();
-						this.failed = false;
-						this.publish();
-					}
-				};
+				return this.actionSet;
 			}
 			/**
 			* Write every staged edit, then re-seed from what the Host accepted.
@@ -2710,36 +2679,44 @@ window.__ModuleLoader__.load({
 					failed: this.failed
 				};
 			}
-			/** The actions the card's slot registration injects. */
+			/**
+			* The actions the card's slot registration injects, built once.
+			*
+			* The slot calls `inject()` on every render, and a fresh object with fresh
+			* closures each time changes the props the renderer subscribed with, which
+			* re-renders forever (React error #185). These closures only ever capture
+			* `this`, so one instance serves every call.
+			*/
+			actionSet = {
+				setChannels: (channels) => {
+					this.stageChannels(channels);
+				},
+				setChannelKey: (id, value) => {
+					this.stageKey(id, value);
+				},
+				setDefaultChannel: (id) => {
+					this.stagedDefault = id;
+					this.failed = false;
+					this.publish();
+				},
+				setDefaultModel: (model) => {
+					this.stagedDefaultModel = model;
+					this.failed = false;
+					this.publish();
+				},
+				commit: () => this.commit(),
+				discard: () => {
+					if (this.stagedChannels === null && this.stagedKeys.size === 0 && this.stagedDefault === null && this.stagedDefaultModel === null && !this.failed) return;
+					this.stagedChannels = null;
+					this.stagedKeys.clear();
+					this.stagedDefault = null;
+					this.stagedDefaultModel = null;
+					this.failed = false;
+					this.publish();
+				}
+			};
 			actions() {
-				return {
-					setChannels: (channels) => {
-						this.stageChannels(channels);
-					},
-					setChannelKey: (id, value) => {
-						this.stageKey(id, value);
-					},
-					setDefaultChannel: (id) => {
-						this.stagedDefault = id;
-						this.failed = false;
-						this.publish();
-					},
-					setDefaultModel: (model) => {
-						this.stagedDefaultModel = model;
-						this.failed = false;
-						this.publish();
-					},
-					commit: () => this.commit(),
-					discard: () => {
-						if (this.stagedChannels === null && this.stagedKeys.size === 0 && this.stagedDefault === null && this.stagedDefaultModel === null && !this.failed) return;
-						this.stagedChannels = null;
-						this.stagedKeys.clear();
-						this.stagedDefault = null;
-						this.stagedDefaultModel = null;
-						this.failed = false;
-						this.publish();
-					}
-				};
+				return this.actionSet;
 			}
 			stageChannels(channels) {
 				const cleaned = channels.map(stripChannel);
@@ -3020,7 +2997,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-plugins/dsh-plugins/packages/dsh-imagegen/src/client/settings-card.module.css.mjs
-		const css$1 = "._5JdLea_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}._5JdLea_card:hover{border-color:var(--dsw-alias-label-dimmed)}._5JdLea_card:has(._5JdLea_body){background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}._5JdLea_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}._5JdLea_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}._5JdLea_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}._5JdLea_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}._5JdLea_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}._5JdLea_chevron,._5JdLea_chevronOpen{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}._5JdLea_chevronOpen{transform:rotate(180deg)}._5JdLea_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}._5JdLea_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}._5JdLea_versionRow{border-bottom:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}._5JdLea_versionLabel{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:1.5}._5JdLea_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}._5JdLea_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}._5JdLea_field+._5JdLea_field{border-top:1px solid var(--dsw-alias-border-l2)}._5JdLea_head{align-items:center;gap:8px;display:flex}._5JdLea_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}._5JdLea_badges{align-items:center;gap:8px;display:inline-flex}._5JdLea_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}._5JdLea_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}._5JdLea_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}._5JdLea_reset:disabled{cursor:default;opacity:.5}._5JdLea_input,._5JdLea_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}._5JdLea_input:focus-visible,._5JdLea_select:focus-visible{border-color:var(--dsw-alias-brand-primary)}._5JdLea_input:disabled,._5JdLea_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}._5JdLea_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}._5JdLea_textarea,._5JdLea_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}._5JdLea_textarea{border:1px solid var(--dsw-alias-border-l2)}._5JdLea_textareaInvalid{border:1px solid var(--dsw-alias-label-error)}._5JdLea_textarea:focus-visible{border-color:var(--dsw-alias-brand-primary)}._5JdLea_textarea:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}._5JdLea_hint,._5JdLea_invalid{margin:0;font-size:12px;line-height:1.5}._5JdLea_hint{color:var(--dsw-alias-label-tertiary)}._5JdLea_invalid{color:var(--dsw-alias-label-error)}._5JdLea_readOnly,._5JdLea_notExposed{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}._5JdLea_sectionDivider{background:var(--dsw-alias-border-l2);height:1px;margin:18px 0 14px}._5JdLea_sectionTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;line-height:1.4}._5JdLea_sectionHint{color:var(--dsw-alias-label-tertiary);margin:-4px 0 2px;font-size:12px;line-height:1.5}._5JdLea_modelSection{padding:2px 0 14px}._5JdLea_sectionHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}._5JdLea_sectionHeader ._5JdLea_sectionHint{max-width:430px}._5JdLea_modelSummary{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}._5JdLea_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}._5JdLea_modelChip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._5JdLea_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}._5JdLea_modelChip button:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}._5JdLea_modelChip button:disabled{cursor:default;opacity:.45}._5JdLea_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}._5JdLea_addModel:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}._5JdLea_addModel:disabled{opacity:.45;cursor:default}._5JdLea_manualModelRow{gap:8px;margin-top:10px;display:flex}._5JdLea_manualModelRow ._5JdLea_input{flex:1;min-width:0}._5JdLea_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}._5JdLea_disclosure>span:nth-child(2){color:var(--dsw-alias-label-tertiary);margin-left:auto;font-size:12px;font-weight:400}._5JdLea_disclosure>span:last-child{color:var(--dsw-alias-label-tertiary)}._5JdLea_disclosure:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}._5JdLea_optionalContent{padding:0 0 8px}._5JdLea_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}._5JdLea_inlineDisclosure:hover{color:var(--dsw-alias-label-primary)}._5JdLea_modelFetchRow{align-items:center;gap:8px;display:flex}._5JdLea_modelFetch,._5JdLea_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}._5JdLea_modelFetch{cursor:pointer;padding:0 10px}._5JdLea_modelFetch:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}._5JdLea_modelFetch:disabled{opacity:.5;cursor:default}._5JdLea_modelChoices{flex:1;min-width:0;padding:0 8px}._5JdLea_modelCandidateList{flex-wrap:wrap;gap:6px 10px;margin-top:10px;display:flex}._5JdLea_modelCandidateLabel{width:100%;color:var(--dsw-alias-label-tertiary);font-size:12px}._5JdLea_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}._5JdLea_modelCandidate input{margin:0}._5JdLea_modelCandidate[data-selected]{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary)}._5JdLea_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}._5JdLea_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}._5JdLea_discard,._5JdLea_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}._5JdLea_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}._5JdLea_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}._5JdLea_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}._5JdLea_discard:disabled,._5JdLea_save:disabled{opacity:.4;cursor:default}._5JdLea_discard:focus-visible,._5JdLea_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}@media (prefers-reduced-motion:reduce){._5JdLea_card,._5JdLea_chevron,._5JdLea_chevronOpen{transition:none}}._5JdLea_channelSection{padding:6px 0 2px}._5JdLea_channelEmpty{color:var(--dsw-alias-label-tertiary);margin:10px 0 0;font-size:12px;line-height:1.5}._5JdLea_channelList{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}._5JdLea_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}._5JdLea_channelRow[data-action]{flex-wrap:wrap}._5JdLea_channelDotReady,._5JdLea_channelDotWarn{border-radius:50%;flex:none;width:9px;height:9px}._5JdLea_channelDotReady{background:var(--dsw-color-success,#2fbf71)}._5JdLea_channelDotWarn{background:var(--dsw-color-danger,#e5484d)}._5JdLea_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}._5JdLea_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}._5JdLea_channelMeta{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}._5JdLea_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}._5JdLea_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}._5JdLea_channelBadge[data-warn]{color:var(--dsw-alias-label-error)}._5JdLea_channelBadge[data-default]{background:var(--dsw-alias-bg-module-poped,var(--dsw-alias-bg-module-platform));color:var(--dsw-alias-brand-primary)}._5JdLea_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}._5JdLea_channelAction:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}._5JdLea_channelAction[data-danger]{color:var(--dsw-alias-label-error)}._5JdLea_channelAction:disabled{opacity:.45;cursor:default}._5JdLea_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}._5JdLea_channelDanger:hover:not(:disabled){background:color-mix(in srgb, var(--dsw-alias-label-error) 12%, transparent)}._5JdLea_channelDanger:disabled{opacity:.45;cursor:default}._5JdLea_deleteConfirmText{min-width:0;color:var(--dsw-alias-label-error);flex:1;font-size:12px;line-height:1.5}._5JdLea_defaultModelRow{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:flex}._5JdLea_defaultModelRow label{flex:1;min-width:0}._5JdLea_defaultModelRow strong,._5JdLea_defaultModelRow small{display:block}._5JdLea_defaultModelRow strong{color:var(--dsw-alias-label-primary);font-size:12px}._5JdLea_defaultModelRow small{color:var(--dsw-alias-label-tertiary);margin-top:3px;font-size:11px;line-height:1.4}._5JdLea_defaultModelRow select{width:min(260px,48%)}._5JdLea_channelAddRow{gap:8px;margin-top:10px;display:flex}._5JdLea_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}._5JdLea_channelAdd:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}._5JdLea_channelAdd:disabled{opacity:.45;cursor:default}._5JdLea_spacer{flex:1}._5JdLea_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}._5JdLea_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}._5JdLea_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}._5JdLea_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}._5JdLea_editorClose:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}._5JdLea_editorField{flex-direction:column;gap:6px;padding:12px 0 0;display:flex}._5JdLea_checkboxRow{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:7px;font-size:12px;line-height:1.5;display:inline-flex}._5JdLea_checkboxRow input{margin:0}._5JdLea_fieldHint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:11.5px;line-height:1.5}._5JdLea_editorDivider{background:var(--dsw-alias-border-l2);height:1px;margin:14px 0 4px}._5JdLea_editorSectionHeader{justify-content:space-between;align-items:center;gap:12px;padding:10px 0 4px;display:flex}._5JdLea_editorSectionHeader ._5JdLea_label{flex:1}._5JdLea_editorTools{flex-direction:column;gap:8px;margin-top:10px;display:flex}._5JdLea_editorFooter{border-top:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding-top:12px;display:flex}._5JdLea_detectOk{color:var(--dsw-color-success,var(--dsw-alias-label-secondary));margin:0;font-size:12px;line-height:1.5}._5JdLea_modelRows{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}._5JdLea_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}._5JdLea_modelRowInputs{flex:1;align-items:center;gap:6px;min-width:0;display:flex}._5JdLea_modelRowInputs ._5JdLea_input{flex:1;min-width:0}._5JdLea_modelArrow{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px}._5JdLea_modelRowBadges{flex:none;align-items:center;gap:6px;display:flex}._5JdLea_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}._5JdLea_modelBadge[data-verified]{color:var(--dsw-color-success,var(--dsw-alias-label-secondary))}._5JdLea_modelBadge[data-warn]{color:var(--dsw-alias-label-error)}._5JdLea_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}._5JdLea_modelRowRemove:hover:not(:disabled){color:var(--dsw-alias-label-error);background:var(--dsw-alias-bg-module-platform)}._5JdLea_modelRowRemove:disabled{opacity:.45;cursor:default}._5JdLea_modelCandidate>._5JdLea_modelBadge{flex:none}._5JdLea_channelControls{position:relative}._5JdLea_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}._5JdLea_presetInlineHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}._5JdLea_presetList{flex-direction:column;gap:8px;margin-top:12px;display:flex}._5JdLea_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}._5JdLea_presetRow:hover:not(:disabled){border-color:var(--dsw-alias-brand-primary)}._5JdLea_presetRow[data-custom]{border-style:dashed}._5JdLea_presetRow:disabled{opacity:.5;cursor:default}._5JdLea_presetName{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:1.4}._5JdLea_presetMeta{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.5;font-family:var(--dsw-font-family-mono,monospace)}._5JdLea_presetHint{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}._5JdLea_overview{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;margin:12px 0 14px;padding:14px}._5JdLea_overviewHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}._5JdLea_overviewTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;line-height:1.4}._5JdLea_overviewHint{color:var(--dsw-alias-label-tertiary);margin:4px 0 0;font-size:11.5px;line-height:1.5}._5JdLea_healthBadge,._5JdLea_sectionSummary{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:2px 8px;font-size:11px;line-height:17px}._5JdLea_healthBadge[data-state=ready],._5JdLea_sectionSummary[data-tone=ready]{color:var(--dsw-color-success,var(--dsw-alias-label-secondary))}._5JdLea_healthBadge[data-state=attention],._5JdLea_sectionSummary[data-tone=attention]{color:var(--dsw-alias-label-error)}._5JdLea_summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}._5JdLea_summaryCard{appearance:none;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);min-width:0;min-height:58px;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:9px 10px;transition:border-color .16s,background .16s;display:flex}._5JdLea_summaryCard:hover,._5JdLea_summaryCard[data-active]{border-color:var(--dsw-alias-brand-primary)}._5JdLea_summaryCard[data-tone=ready]{background:color-mix(in srgb, var(--dsw-color-success,var(--dsw-alias-brand-primary)) 7%, var(--dsw-alias-bg-layer-2))}._5JdLea_summaryCard[data-tone=attention]{background:color-mix(in srgb, var(--dsw-alias-label-error) 6%, var(--dsw-alias-bg-layer-2))}._5JdLea_summaryLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.4}._5JdLea_summaryValue{max-width:100%;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;line-height:1.4;overflow:hidden}._5JdLea_settingsSection{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;margin-top:10px;overflow:clip}._5JdLea_settingsSection[data-open]{border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-bg-layer-2)}._5JdLea_sectionToggle{appearance:none;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 13px;display:grid}._5JdLea_sectionToggle:hover{background:color-mix(in srgb, var(--dsw-alias-bg-module-platform) 45%, transparent)}._5JdLea_sectionToggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}._5JdLea_sectionToggleText{flex-direction:column;gap:3px;min-width:0;display:flex}._5JdLea_sectionToggleTitle{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:1.4}._5JdLea_sectionToggleHint{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;line-height:1.45;overflow:hidden}._5JdLea_sectionChevron{width:18px;color:var(--dsw-alias-label-tertiary);text-align:center;flex:none;font-size:12px}._5JdLea_sectionContent{border-top:1px solid var(--dsw-alias-border-l2);padding:0 13px 13px}._5JdLea_footer{z-index:4;background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 94%, transparent);backdrop-filter:blur(12px);margin:14px -16px 0;padding:12px 16px 10px;position:sticky;bottom:-8px}._5JdLea_pickerOverlay{z-index:1000;background:#0000006b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}._5JdLea_pickerDialog{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:14px;flex-direction:column;width:min(540px,100vw - 32px);max-height:min(720px,84vh);padding:16px;display:flex;overflow:hidden;box-shadow:0 18px 50px #00000059}._5JdLea_pickerHeader{border-bottom:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}._5JdLea_pickerTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:15px;line-height:1.4}._5JdLea_pickerHint{color:var(--dsw-alias-label-tertiary);margin:4px 0 0;font-size:12px;line-height:1.5}._5JdLea_pickerSearch{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;color:var(--dsw-alias-label-primary);font:inherit;border-radius:8px;outline:none;flex:none;margin:12px 0 10px;padding:0 11px;font-size:13px}._5JdLea_pickerSearch:focus-visible{border-color:var(--dsw-alias-brand-primary)}._5JdLea_pickerList{flex-direction:column;gap:8px;min-height:0;padding:2px 2px 4px;display:flex;overflow-y:auto}._5JdLea_pickerList ._5JdLea_presetRow{flex:none;min-height:54px}._5JdLea_pickerEmpty{color:var(--dsw-alias-label-tertiary);text-align:center;margin:16px 0;font-size:12px;line-height:1.5}@media (width<=520px){._5JdLea_overviewHead{flex-direction:column}._5JdLea_sectionToggle{grid-template-columns:minmax(0,1fr) auto}._5JdLea_sectionToggle ._5JdLea_sectionSummary{grid-column:1/-1;justify-self:start}._5JdLea_summaryGrid{grid-template-columns:minmax(0,1fr)}}._5JdLea_subscriptionBox{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:11px;margin-top:12px;padding:12px}._5JdLea_subscriptionAccount{align-items:center;gap:9px;display:flex}._5JdLea_subscriptionAccount>div{flex-direction:column;gap:2px;min-width:0;display:flex}._5JdLea_subscriptionAccount strong{color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.4}._5JdLea_subscriptionAccount small{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;line-height:1.45;overflow:hidden}._5JdLea_subscriptionDot{background:var(--dsw-alias-label-tertiary);border-radius:50%;flex:none;width:8px;height:8px}._5JdLea_subscriptionDot[data-state=logged-in]{background:var(--dsw-color-success,#3fb950)}._5JdLea_subscriptionDot[data-state=logged-out]{background:var(--dsw-alias-label-error)}._5JdLea_subscriptionWarning{background:color-mix(in srgb, var(--dsw-alias-label-error) 7%, transparent);color:var(--dsw-alias-label-secondary);border-radius:7px;margin:9px 0 0;padding:7px 9px;font-size:11.5px;line-height:1.5}._5JdLea_pickerTabs{background:var(--dsw-alias-bg-layer-3);border-radius:9px;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:12px;padding:3px;display:grid}._5JdLea_pickerTabs button{appearance:none;min-height:30px;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:12px}._5JdLea_pickerTabs button[data-active]{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);box-shadow:0 1px 2px #00000014}._5JdLea_presetAction{color:var(--dsw-alias-brand-primary);flex:none;margin-left:auto;font-size:11px;line-height:1.5}._5JdLea_subscriptionManual{border-top:1px dashed var(--dsw-alias-border-l2);margin-top:10px;padding-top:10px}";
+		const css$1 = "._5JdLea_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}._5JdLea_card:hover{border-color:var(--dsw-alias-label-dimmed)}._5JdLea_card:has(._5JdLea_body){background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}._5JdLea_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}._5JdLea_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}._5JdLea_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}._5JdLea_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}._5JdLea_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}._5JdLea_chevron,._5JdLea_chevronOpen{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}._5JdLea_chevronOpen{transform:rotate(180deg)}._5JdLea_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}._5JdLea_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}._5JdLea_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}._5JdLea_field+._5JdLea_field{border-top:1px solid var(--dsw-alias-border-l2)}._5JdLea_head{align-items:center;gap:8px;display:flex}._5JdLea_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}._5JdLea_badges{align-items:center;gap:8px;display:inline-flex}._5JdLea_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}._5JdLea_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}._5JdLea_reset:disabled{cursor:default;opacity:.5}._5JdLea_hint,._5JdLea_invalid{margin:0;font-size:12px;line-height:1.5}._5JdLea_hint{color:var(--dsw-alias-label-tertiary)}._5JdLea_invalid{color:var(--dsw-alias-label-error)}._5JdLea_readOnly,._5JdLea_notExposed{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}._5JdLea_sectionTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;line-height:1.4}._5JdLea_sectionHint{color:var(--dsw-alias-label-tertiary);margin:-4px 0 2px;font-size:12px;line-height:1.5}._5JdLea_sectionHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}._5JdLea_sectionHeader ._5JdLea_sectionHint{max-width:430px}._5JdLea_modelSummary{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}._5JdLea_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}._5JdLea_modelChip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._5JdLea_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}._5JdLea_modelChip button:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}._5JdLea_modelChip button:disabled{cursor:default;opacity:.45}._5JdLea_manualModelRow{gap:8px;margin-top:10px;display:flex}._5JdLea_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}._5JdLea_disclosure>span:nth-child(2){color:var(--dsw-alias-label-tertiary);margin-left:auto;font-size:12px;font-weight:400}._5JdLea_disclosure>span:last-child{color:var(--dsw-alias-label-tertiary)}._5JdLea_disclosure:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}._5JdLea_optionalContent{padding:0 0 8px}._5JdLea_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}._5JdLea_inlineDisclosure:hover{color:var(--dsw-alias-label-primary)}._5JdLea_modelCandidateList{flex-wrap:wrap;gap:6px 10px;margin-top:10px;display:flex}._5JdLea_modelCandidateLabel{width:100%;color:var(--dsw-alias-label-tertiary);font-size:12px}._5JdLea_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}._5JdLea_modelCandidate[data-selected]{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary)}._5JdLea_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}._5JdLea_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){._5JdLea_card,._5JdLea_chevron,._5JdLea_chevronOpen{transition:none}}._5JdLea_channelSection,._5JdLea_schemaSection{padding:6px 0 2px}._5JdLea_schemaSection>section{background:0 0;border:0;padding:0}._5JdLea_channelEmpty{color:var(--dsw-alias-label-tertiary);margin:10px 0 0;font-size:12px;line-height:1.5}._5JdLea_channelList{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}._5JdLea_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}._5JdLea_channelRow[data-action]{flex-wrap:wrap}._5JdLea_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}._5JdLea_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}._5JdLea_channelMeta{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}._5JdLea_deleteConfirmText{min-width:0;color:var(--dsw-alias-label-error);flex:1;font-size:12px;line-height:1.5}._5JdLea_channelAddRow{gap:8px;margin-top:10px;display:flex}._5JdLea_spacer{flex:1}._5JdLea_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}._5JdLea_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}._5JdLea_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}._5JdLea_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}._5JdLea_editorClose:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}._5JdLea_editorField{flex-direction:column;gap:6px;padding:12px 0 0;display:flex}._5JdLea_editorDivider{background:var(--dsw-alias-border-l2);height:1px;margin:14px 0 4px}._5JdLea_editorSectionHeader{justify-content:space-between;align-items:center;gap:12px;padding:10px 0 4px;display:flex}._5JdLea_editorSectionHeader ._5JdLea_label{flex:1}._5JdLea_editorTools{flex-direction:column;gap:8px;margin-top:10px;display:flex}._5JdLea_editorFooter{border-top:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding-top:12px;display:flex}._5JdLea_detectOk{color:var(--dsw-color-success,var(--dsw-alias-label-secondary));margin:0;font-size:12px;line-height:1.5}._5JdLea_modelRows{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}._5JdLea_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}._5JdLea_modelRowInputs{flex:1;align-items:center;gap:6px;min-width:0;display:flex}._5JdLea_modelArrow{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px}._5JdLea_modelRowBadges{flex:none;align-items:center;gap:6px;display:flex}._5JdLea_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}._5JdLea_modelRowRemove:hover:not(:disabled){color:var(--dsw-alias-label-error);background:var(--dsw-alias-bg-module-platform)}._5JdLea_modelRowRemove:disabled{opacity:.45;cursor:default}._5JdLea_channelControls{position:relative}._5JdLea_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}._5JdLea_presetInlineHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}._5JdLea_presetList{flex-direction:column;gap:8px;margin-top:12px;display:flex}._5JdLea_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}._5JdLea_presetRow:hover:not(:disabled){border-color:var(--dsw-alias-brand-primary)}._5JdLea_presetRow[data-custom]{border-style:dashed}._5JdLea_presetRow:disabled{opacity:.5;cursor:default}._5JdLea_presetName{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:1.4}._5JdLea_presetMeta{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.5;font-family:var(--dsw-font-family-mono,monospace)}._5JdLea_presetHint{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}";
 		const tagId$1 = "@logictan/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");
@@ -3030,132 +3007,73 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var settings_card_module_css_default = {
-			"modelRow": "_5JdLea_modelRow",
-			"overviewHead": "_5JdLea_overviewHead",
-			"versionLabel": "_5JdLea_versionLabel",
-			"reset": "_5JdLea_reset",
-			"summaryCard": "_5JdLea_summaryCard",
-			"footer": "_5JdLea_footer",
-			"channelMeta": "_5JdLea_channelMeta",
-			"channelName": "_5JdLea_channelName",
-			"channelAdd": "_5JdLea_channelAdd",
-			"subscriptionWarning": "_5JdLea_subscriptionWarning",
-			"manualModelRow": "_5JdLea_manualModelRow",
-			"modelCandidateList": "_5JdLea_modelCandidateList",
-			"channelMain": "_5JdLea_channelMain",
-			"field": "_5JdLea_field",
-			"header": "_5JdLea_header",
-			"channelDotReady": "_5JdLea_channelDotReady",
-			"presetRow": "_5JdLea_presetRow",
-			"pickerEmpty": "_5JdLea_pickerEmpty",
-			"editorPanel": "_5JdLea_editorPanel",
-			"pending": "_5JdLea_pending",
-			"name": "_5JdLea_name",
-			"pickerHeader": "_5JdLea_pickerHeader",
+			"badges": "_5JdLea_badges",
+			"failed": "_5JdLea_failed",
+			"deleteConfirmText": "_5JdLea_deleteConfirmText",
+			"channelRow": "_5JdLea_channelRow",
+			"presetInlineHeader": "_5JdLea_presetInlineHeader",
 			"editorTools": "_5JdLea_editorTools",
+			"chevron": "_5JdLea_chevron",
 			"modelRowRemove": "_5JdLea_modelRowRemove",
-			"presetMeta": "_5JdLea_presetMeta",
-			"editorSectionHeader": "_5JdLea_editorSectionHeader",
-			"subscriptionManual": "_5JdLea_subscriptionManual",
-			"sectionTitle": "_5JdLea_sectionTitle",
-			"fieldHint": "_5JdLea_fieldHint",
-			"channelAction": "_5JdLea_channelAction",
-			"channelAddRow": "_5JdLea_channelAddRow",
-			"inputInvalid": "_5JdLea_inputInvalid",
-			"sectionHeader": "_5JdLea_sectionHeader",
 			"inlineDisclosure": "_5JdLea_inlineDisclosure",
 			"editorBackdrop": "_5JdLea_editorBackdrop",
-			"presetInline": "_5JdLea_presetInline",
-			"versionRow": "_5JdLea_versionRow",
-			"overviewTitle": "_5JdLea_overviewTitle",
+			"sectionHint": "_5JdLea_sectionHint",
+			"editorPanel": "_5JdLea_editorPanel",
+			"channelMeta": "_5JdLea_channelMeta",
+			"chevronOpen": "_5JdLea_chevronOpen",
+			"headText": "_5JdLea_headText",
+			"footer": "_5JdLea_footer",
+			"editorField": "_5JdLea_editorField",
+			"modelRow": "_5JdLea_modelRow",
 			"disclosure": "_5JdLea_disclosure",
+			"presetMeta": "_5JdLea_presetMeta",
+			"editorDivider": "_5JdLea_editorDivider",
+			"presetInline": "_5JdLea_presetInline",
+			"name": "_5JdLea_name",
 			"invalid": "_5JdLea_invalid",
-			"notExposed": "_5JdLea_notExposed",
-			"modelRows": "_5JdLea_modelRows",
-			"subscriptionDot": "_5JdLea_subscriptionDot",
-			"channelSection": "_5JdLea_channelSection",
-			"versionValue": "_5JdLea_versionValue",
-			"modelSection": "_5JdLea_modelSection",
-			"settingsSection": "_5JdLea_settingsSection",
-			"pickerHint": "_5JdLea_pickerHint",
-			"hint": "_5JdLea_hint",
-			"spacer": "_5JdLea_spacer",
-			"readOnly": "_5JdLea_readOnly",
-			"label": "_5JdLea_label",
-			"detectOk": "_5JdLea_detectOk",
-			"sectionSummary": "_5JdLea_sectionSummary",
-			"summaryValue": "_5JdLea_summaryValue",
+			"reset": "_5JdLea_reset",
 			"presetName": "_5JdLea_presetName",
-			"editorHeader": "_5JdLea_editorHeader",
-			"defaultModelRow": "_5JdLea_defaultModelRow",
-			"headText": "_5JdLea_headText",
-			"editorFooter": "_5JdLea_editorFooter",
-			"pickerTitle": "_5JdLea_pickerTitle",
-			"pickerSearch": "_5JdLea_pickerSearch",
-			"pickerDialog": "_5JdLea_pickerDialog",
-			"pickerTabs": "_5JdLea_pickerTabs",
-			"description": "_5JdLea_description",
-			"presetAction": "_5JdLea_presetAction",
-			"summaryLabel": "_5JdLea_summaryLabel",
-			"head": "_5JdLea_head",
-			"channelBadge": "_5JdLea_channelBadge",
-			"overview": "_5JdLea_overview",
-			"sectionDivider": "_5JdLea_sectionDivider",
-			"editorDivider": "_5JdLea_editorDivider",
-			"sectionToggle": "_5JdLea_sectionToggle",
-			"modelRowInputs": "_5JdLea_modelRowInputs",
-			"subscriptionAccount": "_5JdLea_subscriptionAccount",
-			"sectionToggleText": "_5JdLea_sectionToggleText",
-			"editorField": "_5JdLea_editorField",
-			"save": "_5JdLea_save",
 			"card": "_5JdLea_card",
-			"badge": "_5JdLea_badge",
-			"modelSummary": "_5JdLea_modelSummary",
-			"badges": "_5JdLea_badges",
-			"modelRowBadges": "_5JdLea_modelRowBadges",
-			"failed": "_5JdLea_failed",
+			"description": "_5JdLea_description",
+			"channelEmpty": "_5JdLea_channelEmpty",
 			"channelList": "_5JdLea_channelList",
-			"modelFetch": "_5JdLea_modelFetch",
+			"header": "_5JdLea_header",
+			"modelCandidateLabel": "_5JdLea_modelCandidateLabel",
+			"editorSectionHeader": "_5JdLea_editorSectionHeader",
+			"detectOk": "_5JdLea_detectOk",
+			"modelArrow": "_5JdLea_modelArrow",
+			"modelRowBadges": "_5JdLea_modelRowBadges",
+			"presetRow": "_5JdLea_presetRow",
 			"presetHint": "_5JdLea_presetHint",
-			"checkboxRow": "_5JdLea_checkboxRow",
-			"sectionToggleTitle": "_5JdLea_sectionToggleTitle",
-			"deleteConfirmText": "_5JdLea_deleteConfirmText",
-			"presetList": "_5JdLea_presetList",
+			"manualModelRow": "_5JdLea_manualModelRow",
+			"notExposed": "_5JdLea_notExposed",
+			"hint": "_5JdLea_hint",
+			"channelMain": "_5JdLea_channelMain",
+			"body": "_5JdLea_body",
+			"optionalContent": "_5JdLea_optionalContent",
+			"channelSection": "_5JdLea_channelSection",
+			"editorFooter": "_5JdLea_editorFooter",
+			"modelRowInputs": "_5JdLea_modelRowInputs",
+			"head": "_5JdLea_head",
+			"pending": "_5JdLea_pending",
+			"editorHeader": "_5JdLea_editorHeader",
 			"channelControls": "_5JdLea_channelControls",
-			"discard": "_5JdLea_discard",
-			"channelDanger": "_5JdLea_channelDanger",
-			"healthBadge": "_5JdLea_healthBadge",
-			"textareaInvalid": "_5JdLea_textareaInvalid",
-			"chevron": "_5JdLea_chevron",
-			"sectionContent": "_5JdLea_sectionContent",
-			"presetInlineHeader": "_5JdLea_presetInlineHeader",
+			"channelName": "_5JdLea_channelName",
+			"readOnly": "_5JdLea_readOnly",
 			"modelCandidate": "_5JdLea_modelCandidate",
-			"subscriptionBox": "_5JdLea_subscriptionBox",
-			"optionalContent": "_5JdLea_optionalContent",
-			"sectionHint": "_5JdLea_sectionHint",
-			"channelEmpty": "_5JdLea_channelEmpty",
-			"channelDotWarn": "_5JdLea_channelDotWarn",
-			"modelChoices": "_5JdLea_modelChoices",
-			"channelRow": "_5JdLea_channelRow",
-			"pickerOverlay": "_5JdLea_pickerOverlay",
-			"select": "_5JdLea_select",
-			"modelBadge": "_5JdLea_modelBadge",
-			"overviewHint": "_5JdLea_overviewHint",
-			"pickerList": "_5JdLea_pickerList",
-			"sectionChevron": "_5JdLea_sectionChevron",
-			"modelFetchRow": "_5JdLea_modelFetchRow",
-			"body": "_5JdLea_body",
-			"modelChip": "_5JdLea_modelChip",
+			"channelAddRow": "_5JdLea_channelAddRow",
+			"presetList": "_5JdLea_presetList",
+			"modelCandidateList": "_5JdLea_modelCandidateList",
 			"editorClose": "_5JdLea_editorClose",
-			"chevronOpen": "_5JdLea_chevronOpen",
-			"textarea": "_5JdLea_textarea",
-			"addModel": "_5JdLea_addModel",
-			"modelCandidateLabel": "_5JdLea_modelCandidateLabel",
-			"summaryGrid": "_5JdLea_summaryGrid",
-			"input": "_5JdLea_input",
-			"channelHost": "_5JdLea_channelHost",
-			"modelArrow": "_5JdLea_modelArrow",
-			"sectionToggleHint": "_5JdLea_sectionToggleHint"
+			"spacer": "_5JdLea_spacer",
+			"label": "_5JdLea_label",
+			"field": "_5JdLea_field",
+			"schemaSection": "_5JdLea_schemaSection",
+			"sectionHeader": "_5JdLea_sectionHeader",
+			"modelChip": "_5JdLea_modelChip",
+			"modelSummary": "_5JdLea_modelSummary",
+			"sectionTitle": "_5JdLea_sectionTitle",
+			"modelRows": "_5JdLea_modelRows"
 		};
 		//#endregion
 		//#region src/client/SettingsCard.tsx
@@ -3172,23 +3090,106 @@ window.__ModuleLoader__.load({
 		* and an editor holding API key, display name, API URL, and the model catalog
 		* with detection.
 		*/
+		/**
+		* The schema mirror the shared `ConfigForm` reads its field list from.
+		*
+		* The host's `configForms.describe()` does not carry this namespace: the plugin
+		* re-serves it over its own bridge (`/api/dsh-imagegen/settings/*`) so the key
+		* writes can be diverted into the credential store. The bridge does return the
+		* schema envelope, so the scope snapshot carries it and this adapter presents it
+		* in the shape the form expects.
+		*
+		* The snapshot object is cached per schema identity. `useSyncExternalStore`
+		* compares snapshots by reference, so rebuilding it on every `getSnapshot()`
+		* call would re-render without end.
+		*/
+		function createSchemaMirror(scope) {
+			let cachedSchema;
+			let cached = {
+				status: "loading",
+				view: { namespaces: [] }
+			};
+			return {
+				getSnapshot() {
+					const snapshot = scope.getSnapshot();
+					const schema = snapshot.schema;
+					if (schema !== cachedSchema) {
+						cachedSchema = schema;
+						cached = {
+							status: snapshot.status,
+							view: { namespaces: schema === void 0 ? [] : [{
+								ns: IMAGEGEN_SETTINGS_NAMESPACE,
+								schema
+							}] }
+						};
+					}
+					return cached;
+				},
+				subscribe(listener) {
+					return scope.subscribe(listener);
+				}
+			};
+		}
+		/**
+		* Present the bridge scope as the shared form's handle.
+		*
+		* The only difference is the value's static type: the plugin declares
+		* `ImageGenConfig` (an interface, so no index signature) while the form takes a
+		* plain record. They are the same object at runtime; widening here keeps the
+		* plugin's own interface precise instead of adding an index signature to it.
+		*/
+		function asConfigFormHandle(scope) {
+			let cachedFrom;
+			let cached;
+			const project = (snapshot) => ({
+				status: snapshot.status,
+				value: snapshot.value,
+				writable: snapshot.writable,
+				revision: snapshot.revision
+			});
+			return {
+				getSnapshot() {
+					const snapshot = scope.getSnapshot();
+					if (snapshot !== cachedFrom) {
+						cachedFrom = snapshot;
+						cached = project(snapshot);
+					}
+					return cached;
+				},
+				subscribe(listener) {
+					return scope.subscribe(listener);
+				},
+				mutate(ops, expectedRevision) {
+					return scope.mutate(ops, expectedRevision);
+				}
+			};
+		}
 		/** Bridges the imagegen scope onto the card's staged forms. */
 		var ImageGenSettingsCardController = class {
 			scope;
 			form;
 			channelsForm;
+			/**
+			* The two face values that must keep their identity across `inject()` calls.
+			*
+			* The slot calls `inject()` on every render. Building either of these fresh
+			* there changes the prop identity the renderer subscribed with, which
+			* schedules another render, which calls `inject()` again — React reports that
+			* as error #185 (`Maximum update depth exceeded`) and the slot renders as an
+			* error node with no controls under it.
+			*/
+			cardStore;
+			schemaMirror;
 			/** @param scope - the bound bridge scope for the dsh-imagegen namespace. */
 			constructor(scope) {
 				this.scope = scope;
-				this.form = new CardForm(scope, [
-					booleanField("enabled"),
-					booleanField("announceToAgent"),
-					booleanField("allowAgentImageGeneration"),
-					textField("promptApiUrl"),
-					secretField("promptApiKey"),
-					textField("promptModel")
-				], { secretSettled: (field) => this.scope.getSecretSetSnapshot(field) });
+				this.form = new CardForm(scope, [secretField("promptApiKey")], { secretSettled: (field) => this.scope.getSecretSetSnapshot(field) });
 				this.channelsForm = new ChannelsForm(scope);
+				this.schemaMirror = createSchemaMirror(scope);
+				this.cardStore = this.form.bind(() => this.projection());
+				this.channelsForm.subscribe(() => {
+					this.cardStore.set(this.projection());
+				});
 			}
 			projection() {
 				const shell = this.form.shell();
@@ -3196,12 +3197,7 @@ window.__ModuleLoader__.load({
 					...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"),
-					promptApiUrl: this.form.field("promptApiUrl"),
-					promptApiKey: this.form.field("promptApiKey"),
-					promptModel: this.form.field("promptModel")
+					promptApiKey: this.form.field("promptApiKey")
 				};
 			}
 			/**
@@ -3209,13 +3205,11 @@ window.__ModuleLoader__.load({
 			* @returns the card's snapshot and the form/channel actions.
 			*/
 			inject() {
-				const cardStore = this.form.bind(() => this.projection());
-				this.channelsForm.subscribe(() => {
-					cardStore.set(this.projection());
-				});
 				return {
-					hooks: { imageGenSettingsCard: cardStore },
+					hooks: { imageGenSettingsCard: this.cardStore },
 					channels: this.channelsForm.actions(),
+					settingsScope: this.scope,
+					schemaMirror: this.schemaMirror,
 					...this.form.actions()
 				};
 			}
@@ -3238,6 +3232,8 @@ window.__ModuleLoader__.load({
 			const t = tt;
 			useImageGenLanguageTick();
 			const state = props.useImageGenSettingsCard((snapshot) => snapshot);
+			const formHandle = (0, react.useMemo)(() => asConfigFormHandle(props.settingsScope), [props.settingsScope]);
+			const liveModel = props.settingsScope.getSnapshot().value?.promptModel ?? "";
 			const [open, setOpen] = (0, react.useState)(false);
 			const [promptModels, setPromptModels] = (0, react.useState)([]);
 			const [loadingPromptModels, setLoadingPromptModels] = (0, react.useState)(false);
@@ -3246,7 +3242,6 @@ window.__ModuleLoader__.load({
 			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)([]);
@@ -3254,7 +3249,7 @@ window.__ModuleLoader__.load({
 			const [confirmDeleteId, setConfirmDeleteId] = (0, react.useState)(null);
 			if (!state.available) return null;
 			const title = t("settings.title");
-			const blocked = !state.dirty || state.invalid || state.saving || state.channels.saving;
+			!state.dirty || state.invalid || state.saving || state.channels.saving;
 			const disabled = !state.writable;
 			const fieldProps = {
 				overriddenLabel: t("settings.overridden"),
@@ -3330,441 +3325,341 @@ window.__ModuleLoader__.load({
 					}),
 					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: [!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)("div", {
+							className: settings_card_module_css_default.schemaSection,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_logictan_dsh_plugins_shared_client_client.ConfigForm, {
+								namespace: IMAGEGEN_SETTINGS_NAMESPACE,
+								form: formHandle,
+								describe: props.schemaMirror,
+								title: t("settings.scalarsTitle"),
 								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,
+									/* @__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)(_logictan_dsh_plugins_shared_client_client.Button, {
+																variant: "danger",
+																size: "sm",
+																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)(_logictan_dsh_plugins_shared_client_client.Button, {
+																variant: "ghost",
+																size: "sm",
+																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)(_logictan_dsh_plugins_shared_client_client.StatusDot, {
+																kind: ready ? "ok" : "warn",
+																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.jsx)("span", {
+																	className: settings_card_module_css_default.channelMeta,
+																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_logictan_dsh_plugins_shared_client_client.Tag, {
+																		kind: !keyHeld || channel.models.length === 0 ? "warn" : "ok",
+																		children: [
+																			keyHeld ? t("channels.keySet") : t("channels.keyMissing"),
+																			" · ",
+																			channel.models.length > 0 ? t("channels.modelCount", { n: channel.models.length }) : t("channels.noModels")
+																		]
+																	})
+																})]
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Button, {
+																variant: "ghost",
+																size: "sm",
+																onClick: () => {
+																	setEditingId(channel.id);
+																},
+																children: t("channels.edit")
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Button, {
+																variant: "danger",
+																size: "sm",
+																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)(_logictan_dsh_plugins_shared_client_client.Button, {
+														variant: "secondary",
+														size: "sm",
 														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);
+															setPresetError(null);
+															setPresetPickerOpen(true);
 														},
-														children: t("channels.confirm")
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														className: settings_card_module_css_default.channelAction,
+														children: ["+ ", t("channels.addProvider")]
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_logictan_dsh_plugins_shared_client_client.Button, {
+														variant: "secondary",
+														size: "sm",
 														disabled,
 														onClick: () => {
-															setConfirmDeleteId(null);
+															addCustomChannel(channels, props.channels, setEditingId);
 														},
-														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", {
+														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.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)(_logictan_dsh_plugins_shared_client_client.Button, {
+													variant: "secondary",
+													size: "sm",
+													loading: loadingPromptModels,
+													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: [liveModel.trim() !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: settings_card_module_css_default.modelChip,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: liveModel }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 														type: "button",
-														className: settings_card_module_css_default.channelMain,
 														disabled,
+														"aria-label": `${t("settings.removeModel")}: ${liveModel}`,
 														onClick: () => {
-															setEditingId(channel.id);
+															props.settingsScope.set("promptModel", "");
 														},
-														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.jsx)("span", {
-															className: settings_card_module_css_default.channelMeta,
-															children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																className: settings_card_module_css_default.channelBadge,
-																"data-warn": !keyHeld || channel.models.length === 0 ? "" : void 0,
-																children: [
-																	keyHeld ? t("channels.keySet") : t("channels.keyMissing"),
-																	" · ",
-																	channel.models.length > 0 ? t("channels.modelCount", { n: channel.models.length }) : t("channels.noModels")
-																]
-															})
-														})]
-													}),
-													/* @__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.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", {
+														children: "×"
+													})]
+												}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Button, {
+													variant: "secondary",
+													size: "sm",
+													disabled,
+													onClick: () => {
+														setManualPromptModelOpen((open) => !open);
+														setEnhancementOpen(true);
+													},
+													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)(_logictan_dsh_plugins_shared_client_client.TextField, {
+													value: manualPromptModel,
+													placeholder: t("settings.addPromptModelPlaceholder"),
+													disabled,
+													onValueChange: setManualPromptModel
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Button, {
+													variant: "secondary",
+													size: "sm",
+													disabled: disabled || manualPromptModel.trim() === "",
+													onClick: () => {
+														props.settingsScope.set("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": liveModel === candidate,
+													"data-selected": liveModel === candidate ? "" : void 0,
+													disabled,
+													onClick: () => {
+														props.settingsScope.set("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",
-												disabled,
-												"aria-label": `${t("settings.removeModel")}: ${state.promptModel.text}`,
+												className: settings_card_module_css_default.inlineDisclosure,
+												"aria-expanded": promptApiOpen,
 												onClick: () => {
-													props.edit("promptModel", "");
+													setPromptApiOpen((open) => !open);
 												},
-												children: "×"
-											})]
-										}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: settings_card_module_css_default.addModel,
-											disabled,
-											onClick: () => {
-												setManualPromptModelOpen((open) => !open);
-												setEnhancementOpen(true);
-											},
-											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", {
-											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
+												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.jsx)("div", {
+												className: settings_card_module_css_default.optionalContent,
+												children: /* @__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.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",
-											...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);
-										},
-										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);
-										},
-										onReset: () => {
-											props.resetField("announceToAgent");
-										}
-									}),
-									/* @__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("enabled", text);
-										},
-										onReset: () => {
-											props.resetField("enabled");
-										}
-									})
-								]
-							}) : 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
 								]
 							})
-						]
+						})]
 					}) : null,
 					open && editing !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChannelEditor, {
 						t,
@@ -4000,14 +3895,13 @@ window.__ModuleLoader__.load({
 								className: settings_card_module_css_default.label,
 								htmlFor: "dsh-imagegen-channel-name",
 								children: t("channels.displayName")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.TextField, {
 								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 });
+								onValueChange: (next) => {
+									props.onPatch({ name: next });
 								}
 							})]
 						}),
@@ -4017,14 +3911,13 @@ window.__ModuleLoader__.load({
 								className: settings_card_module_css_default.label,
 								htmlFor: "dsh-imagegen-channel-url",
 								children: t("channels.apiUrl")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.TextField, {
 								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 });
+								onValueChange: (next) => {
+									props.onPatch({ apiUrl: next });
 								}
 							})]
 						}),
@@ -4046,18 +3939,17 @@ window.__ModuleLoader__.load({
 									},
 									children: t("channels.keyClear")
 								}) : null]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.SecretField, {
 								id: "dsh-imagegen-channel-key",
-								className: settings_card_module_css_default.input,
-								type: "password",
 								autoComplete: "off",
 								value: keyDraft,
+								configured: props.keyHeld,
 								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);
+								onValueChange: (value) => {
+									const next = value;
+									setKeyDraft(next);
+									props.onSetKey(next === "" ? void 0 : next);
 								}
 							})]
 						}),
@@ -4067,9 +3959,10 @@ window.__ModuleLoader__.load({
 							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,
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Button, {
+								variant: "secondary",
+								size: "sm",
+								loading: detecting,
 								disabled: !props.writable || detecting,
 								onClick: detect,
 								children: detecting ? t("channels.detecting") : t("channels.detect")
@@ -4097,16 +3990,15 @@ window.__ModuleLoader__.load({
 									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,
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.TextField, {
 												value: model.alias,
 												"aria-label": t("channels.modelAliasLabel"),
 												disabled: !props.writable,
-												onChange: (event) => {
+												onValueChange: (text) => {
 													const next = [...channel.models];
 													next[index] = {
 														...model,
-														alias: event.target.value
+														alias: text
 													};
 													props.onSetModels(next);
 												}
@@ -4115,16 +4007,15 @@ window.__ModuleLoader__.load({
 												className: settings_card_module_css_default.modelArrow,
 												children: "→"
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-												className: settings_card_module_css_default.input,
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.TextField, {
 												value: model.id,
 												"aria-label": t("channels.modelIdLabel"),
 												disabled: !props.writable,
-												onChange: (event) => {
+												onValueChange: (text) => {
 													const next = [...channel.models];
 													next[index] = {
 														...model,
-														id: event.target.value
+														id: text
 													};
 													props.onSetModels(next);
 												}
@@ -4132,8 +4023,9 @@ window.__ModuleLoader__.load({
 										]
 									}), /* @__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: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_logictan_dsh_plugins_shared_client_client.Tag, {
+											mono: true,
+											kind: entry.known ? "idle" : "warn",
 											children: [entry.labelZh, entry.known ? "" : ` · ${t("channels.unknownProtocol")}`]
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 											type: "button",
@@ -4153,47 +4045,41 @@ window.__ModuleLoader__.load({
 							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,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.TextField, {
 									value: manualId,
 									placeholder: t("channels.manualAddPlaceholder"),
 									disabled: !props.writable,
-									onChange: (event) => {
-										setManualId(event.target.value);
-									},
+									onValueChange: setManualId,
 									onKeyDown: (event) => {
 										if (event.key === "Enter") {
 											event.preventDefault();
 											addManual();
 										}
 									}
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: settings_card_module_css_default.addModel,
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Button, {
+									variant: "secondary",
+									size: "sm",
 									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,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Select, {
 									value: copyFrom,
-									disabled: !props.writable,
-									onChange: (event) => {
-										setCopyFrom(event.target.value);
-									},
-									"aria-label": t("channels.copyFrom"),
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									options: [{
 										value: "",
-										children: t("channels.copyFrom")
-									}), props.otherChannels.map((other) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										label: t("channels.copyFrom")
+									}, ...props.otherChannels.map((other) => ({
 										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,
+										label: other.name || t("channels.untitled")
+									}))],
+									disabled: !props.writable,
+									onChange: setCopyFrom,
+									label: t("channels.copyFrom")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Button, {
+									variant: "secondary",
+									size: "sm",
 									disabled: !props.writable || copyFrom === "",
 									onClick: copyFromChannel,
 									children: t("channels.copyApply")
@@ -4208,32 +4094,29 @@ window.__ModuleLoader__.load({
 							}), candidates.map((candidate) => {
 								const selected = channel.models.some((model) => model.alias === candidate);
 								const entry = describeModel(candidate);
-								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									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
-										})
-									]
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Checkbox, {
+										checked: selected,
+										disabled: !props.writable,
+										onCheckedChange: () => {
+											const merged = selected ? channel.models.filter((model) => model.alias !== candidate) : [...channel.models, {
+												alias: candidate,
+												id: candidate
+											}];
+											props.onSetModels(merged);
+										},
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: candidate })
+									}), !entry.known ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Tag, {
+										mono: true,
+										kind: "warn",
+										children: t("channels.unknownProtocol")
+									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Tag, {
+										mono: true,
+										kind: "idle",
+										children: entry.labelZh
+									})]
 								}, candidate);
 							})]
 						}) : null,
@@ -4241,9 +4124,8 @@ window.__ModuleLoader__.load({
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: settings_card_module_css_default.editorFooter,
 							children: [
-								props.isDefault ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: settings_card_module_css_default.channelBadge,
-									"data-default": true,
+								props.isDefault ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Tag, {
+									kind: "info",
 									children: t("channels.defaultLabel")
 								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
@@ -4253,23 +4135,22 @@ window.__ModuleLoader__.load({
 									children: t("channels.setDefault")
 								}),
 								/* @__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,
+								removeOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Button, {
+									variant: "danger",
+									size: "sm",
 									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,
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Button, {
+									variant: "ghost",
+									size: "sm",
 									onClick: () => {
 										setRemoveOpen(false);
 									},
 									children: t("channels.cancel")
-								})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: settings_card_module_css_default.channelAction,
-									"data-danger": true,
+								})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Button, {
+									variant: "danger",
+									size: "sm",
 									onClick: () => {
 										setRemoveOpen(true);
 									},
@@ -4296,8 +4177,9 @@ window.__ModuleLoader__.load({
 							}),
 							props.overridden ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: settings_card_module_css_default.badges,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: settings_card_module_css_default.badge,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.Tag, {
+									mono: true,
+									kind: "info",
 									children: props.overriddenLabel
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
@@ -4316,77 +4198,26 @@ window.__ModuleLoader__.load({
 							}) : null
 						]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					props.secret === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.SecretField, {
 						id: props.id,
-						className: props.invalid ? settings_card_module_css_default.inputInvalid : settings_card_module_css_default.input,
-						type: props.secret === true ? "password" : "text",
-						autoComplete: props.secret === true ? "off" : void 0,
-						...props.invalid ? { "aria-invalid": true } : {},
+						autoComplete: "off",
 						value: props.text,
 						placeholder: props.placeholder ?? "",
 						disabled: props.disabled,
-						onChange: (event) => {
-							props.onEdit(event.target.value);
-						}
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: props.invalid ? settings_card_module_css_default.invalid : settings_card_module_css_default.hint,
-						children: props.invalid ? props.invalidLabel : props.hint
-					})
-				]
-			});
-		}
-		/** A staged boolean field: 继承 / 开 / 关. */
-		function BooleanField(props) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: settings_card_module_css_default.field,
-				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: props.id,
-							children: props.label
-						}), props.overridden ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: settings_card_module_css_default.badges,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: settings_card_module_css_default.badge,
-								children: props.overriddenLabel
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: settings_card_module_css_default.reset,
-								disabled: props.disabled,
-								onClick: props.onReset,
-								children: props.resetLabel
-							})]
-						}) : null]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+						invalid: props.invalid,
+						configured: props.canClear,
+						onValueChange: props.onEdit
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_logictan_dsh_plugins_shared_client_client.TextField, {
 						id: props.id,
-						className: settings_card_module_css_default.select,
 						value: props.text,
+						placeholder: props.placeholder ?? "",
 						disabled: props.disabled,
-						onChange: (event) => {
-							props.onEdit(event.target.value);
-						},
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: "",
-								children: props.inheritLabel
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: "true",
-								children: props.onLabel
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: "false",
-								children: props.offLabel
-							})
-						]
+						invalid: props.invalid,
+						onValueChange: props.onEdit
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: settings_card_module_css_default.hint,
-						children: props.hint
+						className: props.invalid ? settings_card_module_css_default.invalid : settings_card_module_css_default.hint,
+						children: props.invalid ? props.invalidLabel : props.hint
 					})
 				]
 			});
@@ -4456,7 +4287,8 @@ window.__ModuleLoader__.load({
 					user: void 0,
 					revision: void 0,
 					writable: false,
-					mode: "host"
+					mode: "host",
+					schema: void 0
 				});
 				this.keySet = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)(false);
 				this.secretSets = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)({});
@@ -4488,26 +4320,39 @@ window.__ModuleLoader__.load({
 				return this.enqueue(() => this.read());
 			}
 			set(field, value) {
-				return this.enqueue(() => this.writeOps([{
-					op: "set",
-					path: [field],
-					value
-				}]));
+				return this.enqueue(async () => {
+					await this.writeOps([{
+						op: "set",
+						path: [field],
+						value
+					}]);
+				});
 			}
 			unset(field) {
-				return this.enqueue(() => this.writeOps([{
-					op: "unset",
-					path: [field]
-				}]));
+				return this.enqueue(async () => {
+					await this.writeOps([{
+						op: "unset",
+						path: [field]
+					}]);
+				});
 			}
+			/**
+			* Apply path ops, resolving whether the write was accepted.
+			*
+			* The boolean is load-bearing for the shared form: it keeps the user's draft
+			* on a refusal, so a rejected edit cannot look applied. A `void` here would
+			* make every refusal silently read as success.
+			*/
 			mutate(ops, expectedRevision) {
-				return this.enqueue(() => this.writeOps([...ops], expectedRevision));
+				return this.enqueueWrite(() => this.writeOps([...ops], expectedRevision));
 			}
 			/** 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));
+				return this.enqueue(async () => {
+					await this.writeOps(ops);
+				});
 			}
 			async dispose() {
 				this.disposed = true;
@@ -4522,6 +4367,22 @@ window.__ModuleLoader__.load({
 				this.tail = task.catch(() => {});
 				return task;
 			}
+			/**
+			* Queue a write that reports whether it was accepted.
+			*
+			* Separate from `enqueue` because that one is also used for reads, whose
+			* caller has nothing to decide on. Serializing through the same `tail` keeps
+			* one ordering for every request on this scope.
+			*/
+			enqueueWrite(operation) {
+				if (this.disposed) return Promise.resolve(false);
+				const task = this.tail.then(async () => {
+					if (this.disposed) return false;
+					return operation();
+				});
+				this.tail = task.then(() => {}, () => {});
+				return task;
+			}
 			async read() {
 				let response;
 				try {
@@ -4562,13 +4423,14 @@ window.__ModuleLoader__.load({
 					});
 				} catch {
 					await this.read();
-					return;
+					return false;
 				}
 				if (!response.result.ok || this.disposed) {
 					await this.read();
-					return;
+					return false;
 				}
 				this.accept(response.result.value, void 0);
+				return true;
 			}
 			accept(view, writable) {
 				this.store.update((draft) => {
@@ -4578,6 +4440,7 @@ window.__ModuleLoader__.load({
 					if (writable !== void 0) draft.writable = writable;
 					draft.status = "ready";
 					draft.value = view.value;
+					draft.schema = view.schema;
 				});
 				const secretSets = Object.fromEntries((view.secrets ?? []).map((secret) => [secret.path.join("."), secret.set]));
 				this.keySet.set(Object.values(secretSets).some(Boolean));
@@ -4607,16 +4470,16 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var image_toolview_module_css_default = {
-			"root": "UtJPoq_root",
-			"header": "UtJPoq_header",
-			"icon": "UtJPoq_icon",
-			"error": "UtJPoq_error",
-			"status": "UtJPoq_status",
-			"message": "UtJPoq_message",
 			"images": "UtJPoq_images",
 			"imageLink": "UtJPoq_imageLink",
 			"image": "UtJPoq_image",
-			"loading": "UtJPoq_loading"
+			"icon": "UtJPoq_icon",
+			"message": "UtJPoq_message",
+			"header": "UtJPoq_header",
+			"loading": "UtJPoq_loading",
+			"error": "UtJPoq_error",
+			"root": "UtJPoq_root",
+			"status": "UtJPoq_status"
 		};
 		//#endregion
 		//#region src/client/image-toolview.tsx