dsh-audiogen 0.3.0 → 0.3.3

package/lib/client.js

@@ -125,8 +125,10 @@ window.__ModuleLoader__.load({
 			"channels.title": "音频渠道",
 			"channels.hint": "每个渠道是一个独立的音频厂商/API 端点，可配置多个。",
 			"channels.empty": "还没有渠道。",
-			"channels.addProvider": "+ 添加预置厂商",
-			"channels.addCustom": "+ 添加自定义渠道",
+			"channels.addProvider": "+ 添加提供方",
+			"channels.addProviderLoading": "加载提供方…",
+			"channels.addProviderFailed": "提供方目录加载失败，请点击重试。",
+			"channels.addCustom": "+ 添加自定义提供方",
 			"channels.edit": "编辑",
 			"channels.delete": "删除",
 			"channels.confirm": "确认删除",
@@ -138,17 +140,49 @@ window.__ModuleLoader__.load({
 			"channels.statusReady": "可用",
 			"channels.statusIncomplete": "未完成",
 			"channels.untitled": "未命名渠道",
+			"channel.title": "渠道设置",
+			"channel.editTitle": "编辑渠道",
+			"channel.provider": "提供方",
+			"channel.providerCustom": "自定义渠道",
+			"channel.providerCustomHint": "任意 OpenAI 兼容 TTS 或通用音频 POST 接口",
+			"channel.site": "官网",
 			"channel.name": "名称",
+			"channel.namePlaceholder": "渠道名称（如：MiniMax 主渠道）",
 			"channel.apiUrl": "API 地址",
+			"channel.apiUrlPlaceholder": "提供方默认地址",
+			"channel.apiUrlHint": "留空使用提供方默认地址。",
 			"channel.apiKey": "API 密钥",
-			"channel.apiKeyHint": "留空则保持当前密钥；输入新值可更换。",
-			"channel.models": "模型 / 音色（每行一个：别名=上游ID）",
-			"channel.modelsHint": "每行格式：别名=上游ID，可加 @分类（tts/music/sfx/voice_design/voice_clone）；例如 tts-1=tts-1 @tts 或 Rachel=21m00Tcm4TlvDq8ikWAM @tts",
-			"channel.default": "设为默认",
+			"channel.apiKeyHint": "输入 API 密钥后即可使用该渠道。",
+			"channel.apiKeyStoredHint": "已保存密钥；留空保持不变，输入新值可更换。",
+			"channel.clearKey": "清除密钥",
+			"channel.customSettings": "自定义设置",
+			"channel.modelsTitle": "模型 / 音色目录",
+			"channel.modelsCount": "{n} 个模型/音色",
+			"channel.modelsNone": "未添加",
+			"channel.modelsEmpty": "尚未添加模型/音色：面板与 Agent 将无可选模型；保存后仍可直接输入目录外的 ID 进行生成。",
+			"channel.modelAlias": "显示名称",
+			"channel.modelId": "上游 ID",
+			"channel.modelCategory": "分类",
+			"channel.category.auto": "自动",
+			"channel.category.tts": "语音",
+			"channel.category.music": "音乐",
+			"channel.category.sfx": "音效",
+			"channel.category.voice_design": "音色设计",
+			"channel.category.voice_clone": "音色克隆",
+			"channel.addModel": "添加模型",
+			"channel.removeModel": "移除",
+			"channel.fetchModels": "获取可用模型",
+			"channel.fetchingModels": "获取中…",
+			"channel.discoverNeedsUrlKey": "填写 API 地址与密钥后可获取模型",
+			"channel.fetchEmpty": "未发现音频相关模型。",
+			"channel.discoverSource": "来源：{source}",
+			"channel.candidates": "发现 {n} 个可用模型/音色",
+			"channel.selectAll": "全选",
+			"channel.clearSelection": "清空",
+			"channel.adoptSelected": "添加所选（{n}）",
+			"channel.default": "设为默认渠道",
 			"channel.cancel": "取消",
-			"channel.save": "保存渠道",
-			"presets.title": "预置厂商",
-			"presets.custom": "自定义渠道"
+			"channel.save": "保存渠道"
 		};
 		const en = {
 			"entry.label": "AI Audio",
@@ -189,8 +223,10 @@ window.__ModuleLoader__.load({
 			"channels.title": "Audio channels",
 			"channels.hint": "Each channel is an independent audio vendor/API endpoint.",
 			"channels.empty": "No channels yet.",
-			"channels.addProvider": "+ Add preset vendor",
-			"channels.addCustom": "+ Add custom channel",
+			"channels.addProvider": "+ Add provider",
+			"channels.addProviderLoading": "Loading providers…",
+			"channels.addProviderFailed": "Failed to load the provider catalog. Click to retry.",
+			"channels.addCustom": "+ Add custom provider",
 			"channels.edit": "Edit",
 			"channels.delete": "Delete",
 			"channels.confirm": "Confirm delete",
@@ -202,17 +238,49 @@ window.__ModuleLoader__.load({
 			"channels.statusReady": "Ready",
 			"channels.statusIncomplete": "Incomplete",
 			"channels.untitled": "Untitled channel",
+			"channel.title": "Channel settings",
+			"channel.editTitle": "Edit channel",
+			"channel.provider": "Provider",
+			"channel.providerCustom": "Custom provider",
+			"channel.providerCustomHint": "Any OpenAI-compatible TTS or generic audio POST endpoint",
+			"channel.site": "Website",
 			"channel.name": "Name",
+			"channel.namePlaceholder": "Channel name (e.g. MiniMax main)",
 			"channel.apiUrl": "API URL",
+			"channel.apiUrlPlaceholder": "Provider default",
+			"channel.apiUrlHint": "Leave blank to use the provider default.",
 			"channel.apiKey": "API key",
-			"channel.apiKeyHint": "Leave blank to keep the current key.",
-			"channel.models": "Models / voices (one per line: alias=upstreamId)",
-			"channel.modelsHint": "One per line: alias=upstreamId, optional @category (tts/music/sfx/voice_design/voice_clone); e.g. tts-1=tts-1 @tts or Rachel=21m00Tcm4TlvDq8ikWAM @tts",
-			"channel.default": "Set default",
+			"channel.apiKeyHint": "Enter the API key to use this channel.",
+			"channel.apiKeyStoredHint": "A key is stored; leave blank to keep it, or enter a new one.",
+			"channel.clearKey": "Clear key",
+			"channel.customSettings": "Custom settings",
+			"channel.modelsTitle": "Model / voice catalog",
+			"channel.modelsCount": "{n} model(s)/voice(s)",
+			"channel.modelsNone": "None",
+			"channel.modelsEmpty": "No models yet: the panel and agents will have nothing to pick. You can still send an ID outside the catalog after saving.",
+			"channel.modelAlias": "Display name",
+			"channel.modelId": "Upstream ID",
+			"channel.modelCategory": "Category",
+			"channel.category.auto": "Auto",
+			"channel.category.tts": "Speech",
+			"channel.category.music": "Music",
+			"channel.category.sfx": "SFX",
+			"channel.category.voice_design": "Voice design",
+			"channel.category.voice_clone": "Voice clone",
+			"channel.addModel": "Add model",
+			"channel.removeModel": "Remove",
+			"channel.fetchModels": "Fetch available models",
+			"channel.fetchingModels": "Fetching…",
+			"channel.discoverNeedsUrlKey": "Fill in the API URL and key to fetch models",
+			"channel.fetchEmpty": "No audio-related models found.",
+			"channel.discoverSource": "Source: {source}",
+			"channel.candidates": "{n} available model(s)/voice(s) found",
+			"channel.selectAll": "Select all",
+			"channel.clearSelection": "Clear",
+			"channel.adoptSelected": "Add selected ({n})",
+			"channel.default": "Set as default channel",
 			"channel.cancel": "Cancel",
-			"channel.save": "Save channel",
-			"presets.title": "Preset vendors",
-			"presets.custom": "Custom channel"
+			"channel.save": "Save channel"
 		};
 		//#endregion
 		//#region src/client/helpers.ts
@@ -464,7 +532,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/Users/shimingming/Projects_code/dsh-audiogen/src/client/audio-panel.module.css.mjs
-		const css$3 = ".Oo1fpq_panel{background:var(--dsw-alias-bg-base,#f7f7f8);height:100%;color:var(--dsw-alias-label-primary,#1f2328);font-family:var(--dsw-font-family,system-ui, sans-serif);flex-direction:column;gap:12px;padding:14px 16px;display:flex;overflow:hidden}.Oo1fpq_header{justify-content:space-between;align-items:center;display:flex}.Oo1fpq_title{margin:0;font-size:16px;font-weight:700}.Oo1fpq_layout{flex:1;gap:14px;min-height:0;display:flex}.Oo1fpq_form{flex-direction:column;flex:none;gap:12px;width:300px;min-width:260px;max-width:340px;display:flex;overflow-y:auto}.Oo1fpq_result{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-1,#fff);border-radius:12px;flex-direction:column;flex:1;min-width:0;padding:14px;display:flex;overflow-y:auto}.Oo1fpq_label{color:var(--dsw-alias-label-secondary,#6b7280);flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.Oo1fpq_textarea,.Oo1fpq_input,.Oo1fpq_select{border:1px solid var(--dsw-alias-border-l2,#d1d5db);background:var(--dsw-alias-bg-layer-3,#fff);width:100%;min-height:36px;color:var(--dsw-alias-label-primary,#1f2328);font:inherit;border-radius:8px;outline:none;padding:7px 10px;font-size:13px}.Oo1fpq_textarea{resize:vertical;min-height:110px}.Oo1fpq_modeRow{gap:6px;display:flex}.Oo1fpq_modeButton{border:1px solid var(--dsw-alias-border-l2,#d1d5db);font:inherit;cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:7px 8px;font-size:12px}.Oo1fpq_modeButton[data-active=true]{border-color:var(--dsw-alias-brand-primary,#2563eb);color:var(--dsw-alias-brand-primary,#2563eb);font-weight:600}.Oo1fpq_generate{background:var(--dsw-alias-label-primary,#1f2328);color:var(--dsw-alias-bg-layer-3,#fff);font:inherit;cursor:pointer;border:0;border-radius:10px;padding:9px 14px;font-size:13px}.Oo1fpq_generate:disabled{opacity:.5;cursor:default}.Oo1fpq_empty,.Oo1fpq_error,.Oo1fpq_hint{color:var(--dsw-alias-label-secondary,#6b7280);font-size:13px}.Oo1fpq_error{color:#b91c1c}.Oo1fpq_audioList{gap:10px;margin-top:8px;display:grid}.Oo1fpq_audioCard{border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.Oo1fpq_audio{width:100%;height:36px}.Oo1fpq_download{color:#2563eb;font-size:12px;text-decoration:none}.Oo1fpq_history{border-left:1px solid var(--dsw-alias-border-l1,#e5e7eb);flex:none;width:260px;padding-left:12px;overflow-y:auto}.Oo1fpq_historyTitle{font-size:13px;font-weight:700}.Oo1fpq_historyEmpty{color:var(--dsw-alias-label-tertiary,#9ca3af);font-size:12px}.Oo1fpq_historyItem{border-bottom:1px solid var(--dsw-alias-border-l1,#e5e7eb);padding:8px 0}.Oo1fpq_historyPrompt{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.Oo1fpq_historyMeta{color:var(--dsw-alias-label-tertiary,#9ca3af);font-size:11px}.Oo1fpq_historyAudio{width:100%;height:30px;margin-top:4px}";
+		const css$3 = ".Oo1fpq_panel{background:var(--dsw-alias-bg-base,#f7f7f8);height:100%;color:var(--dsw-alias-label-primary,#1f2328);font-family:var(--dsw-font-family,system-ui, sans-serif);flex-direction:column;gap:12px;padding:14px 16px;display:flex;overflow:hidden}.Oo1fpq_header{justify-content:space-between;align-items:center;display:flex}.Oo1fpq_title{margin:0;font-size:16px;font-weight:700}.Oo1fpq_layout{flex:1;gap:14px;min-height:0;display:flex}.Oo1fpq_form{flex-direction:column;flex:none;gap:12px;width:300px;min-width:260px;max-width:340px;display:flex;overflow-y:auto}.Oo1fpq_result{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-1,#fff);border-radius:12px;flex-direction:column;flex:1;min-width:0;padding:14px;display:flex;overflow-y:auto}.Oo1fpq_label{color:var(--dsw-alias-label-secondary,#6b7280);flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.Oo1fpq_textarea,.Oo1fpq_input,.Oo1fpq_select{border:1px solid var(--dsw-alias-border-l2,#d1d5db);background:var(--dsw-alias-bg-layer-3,#fff);width:100%;min-height:36px;color:var(--dsw-alias-label-primary,#1f2328);font:inherit;border-radius:8px;outline:none;padding:7px 10px;font-size:13px}.Oo1fpq_textarea{resize:vertical;min-height:110px}.Oo1fpq_modeRow{gap:6px;display:flex}.Oo1fpq_modeButton{border:1px solid var(--dsw-alias-border-l2,#d1d5db);font:inherit;cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:7px 8px;font-size:12px}.Oo1fpq_modeButton[data-active=true]{border-color:var(--dsw-alias-brand-primary,#2563eb);color:var(--dsw-alias-brand-primary,#2563eb);font-weight:600}.Oo1fpq_generate{background:var(--dsw-alias-label-primary,#1f2328);color:var(--dsw-alias-bg-layer-3,#fff);font:inherit;cursor:pointer;border:0;border-radius:10px;padding:9px 14px;font-size:13px}.Oo1fpq_generate:disabled{opacity:.5;cursor:default}.Oo1fpq_empty,.Oo1fpq_error,.Oo1fpq_hint{color:var(--dsw-alias-label-secondary,#6b7280);font-size:13px}.Oo1fpq_error{color:#b91c1c}.Oo1fpq_audioList{gap:10px;margin-top:8px;display:grid}.Oo1fpq_audioCard{border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.Oo1fpq_audio{width:100%;height:36px}.Oo1fpq_download{color:#2563eb;font-size:12px;text-decoration:none}.Oo1fpq_history{border-left:1px solid var(--dsw-alias-border-l1,#e5e7eb);flex:none;width:260px;padding-left:12px;overflow-y:auto}.Oo1fpq_historyTitle{font-size:13px;font-weight:700}.Oo1fpq_historyEmpty{color:var(--dsw-alias-label-tertiary,#9ca3af);font-size:12px}.Oo1fpq_historyItem{border-bottom:1px solid var(--dsw-alias-border-l1,#e5e7eb);padding:8px 0}.Oo1fpq_historyPrompt{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.Oo1fpq_historyMeta{color:var(--dsw-alias-label-tertiary,#9ca3af);font-size:11px}.Oo1fpq_historyAudio{width:100%;height:30px;margin-top:4px}.Oo1fpq_advanced{border:1px dashed var(--dsw-alias-border-l2,#d1d5db);border-radius:8px;flex-direction:column;gap:8px;padding:8px 10px;display:flex}.Oo1fpq_advanced summary{cursor:pointer;color:var(--dsw-alias-label-secondary,#6b7280);font-size:12px;font-weight:600}.Oo1fpq_row{align-items:flex-end;gap:8px;display:flex}.Oo1fpq_row .Oo1fpq_label{flex:1}.Oo1fpq_checkbox{color:var(--dsw-alias-label-secondary,#6b7280);cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}";
 		const tagId$3 = "dsh-audiogen/audio-panel.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
 			const tag = document.createElement("style");
@@ -474,33 +542,36 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var audio_panel_module_css_default = {
+			"modeRow": "Oo1fpq_modeRow",
+			"result": "Oo1fpq_result",
 			"label": "Oo1fpq_label",
-			"input": "Oo1fpq_input",
+			"header": "Oo1fpq_header",
 			"panel": "Oo1fpq_panel",
-			"historyTitle": "Oo1fpq_historyTitle",
-			"historyMeta": "Oo1fpq_historyMeta",
+			"title": "Oo1fpq_title",
+			"textarea": "Oo1fpq_textarea",
+			"select": "Oo1fpq_select",
+			"history": "Oo1fpq_history",
 			"historyEmpty": "Oo1fpq_historyEmpty",
-			"generate": "Oo1fpq_generate",
-			"audioList": "Oo1fpq_audioList",
-			"hint": "Oo1fpq_hint",
+			"historyTitle": "Oo1fpq_historyTitle",
+			"advanced": "Oo1fpq_advanced",
+			"input": "Oo1fpq_input",
 			"error": "Oo1fpq_error",
-			"download": "Oo1fpq_download",
-			"result": "Oo1fpq_result",
-			"layout": "Oo1fpq_layout",
-			"history": "Oo1fpq_history",
 			"historyItem": "Oo1fpq_historyItem",
-			"modeRow": "Oo1fpq_modeRow",
+			"audio": "Oo1fpq_audio",
+			"generate": "Oo1fpq_generate",
+			"row": "Oo1fpq_row",
+			"download": "Oo1fpq_download",
+			"checkbox": "Oo1fpq_checkbox",
+			"historyPrompt": "Oo1fpq_historyPrompt",
+			"audioList": "Oo1fpq_audioList",
 			"modeButton": "Oo1fpq_modeButton",
-			"historyAudio": "Oo1fpq_historyAudio",
-			"header": "Oo1fpq_header",
-			"textarea": "Oo1fpq_textarea",
-			"form": "Oo1fpq_form",
-			"title": "Oo1fpq_title",
 			"audioCard": "Oo1fpq_audioCard",
 			"empty": "Oo1fpq_empty",
-			"audio": "Oo1fpq_audio",
-			"historyPrompt": "Oo1fpq_historyPrompt",
-			"select": "Oo1fpq_select"
+			"form": "Oo1fpq_form",
+			"hint": "Oo1fpq_hint",
+			"historyMeta": "Oo1fpq_historyMeta",
+			"historyAudio": "Oo1fpq_historyAudio",
+			"layout": "Oo1fpq_layout"
 		};
 		//#endregion
 		//#region src/client/AudioGenPanel.tsx
@@ -556,11 +627,25 @@ window.__ModuleLoader__.load({
 			const [voice, setVoice] = (0, react.useState)("");
 			const [speed, setSpeed] = (0, react.useState)("");
 			const [duration, setDuration] = (0, react.useState)("");
+			const [lyrics, setLyrics] = (0, react.useState)("");
+			const [instrumental, setInstrumental] = (0, react.useState)(false);
 			const [format, setFormat] = (0, react.useState)("mp3");
+			const [emotion, setEmotion] = (0, react.useState)("");
+			const [vol, setVol] = (0, react.useState)("");
+			const [pitch, setPitch] = (0, react.useState)("");
+			const [toneText, setToneText] = (0, react.useState)("");
+			const [sampleRate, setSampleRate] = (0, react.useState)("");
+			const [bitrate, setBitrate] = (0, react.useState)("");
+			const [audioChannel, setAudioChannel] = (0, react.useState)("");
+			const [subtitle, setSubtitle] = (0, react.useState)(false);
 			const [loading, setLoading] = (0, react.useState)(false);
 			const [error, setError] = (0, react.useState)(null);
 			const [outputs, setOutputs] = (0, react.useState)([]);
 			const { entries, reload, clear } = useHistory();
+			const isMiniMaxChannel = (0, react.useMemo)(() => {
+				const target = channels.find((candidate) => candidate.id === modelOptions.defaultChannelId) ?? channels[0];
+				return target !== void 0 && (target.preset === "minimax" || /minimax/i.test(target.apiUrl));
+			}, [channels, modelOptions.defaultChannelId]);
 			const visibleModels = (0, react.useMemo)(() => {
 				if (mode === "voice_design") return [];
 				return modelOptions.models.filter((entry) => entry.category === void 0 || entry.category === "tts" && mode === "tts" || entry.category === mode).map((entry) => entry.alias);
@@ -584,7 +669,17 @@ window.__ModuleLoader__.load({
 						...voice.trim() !== "" ? { voice: voice.trim() } : {},
 						...speed.trim() !== "" ? { speed: Number(speed) } : {},
 						...duration.trim() !== "" ? { duration: Number(duration) } : {},
-						...format.trim() !== "" ? { format: format.trim() } : {}
+						...lyrics.trim() !== "" ? { lyrics: lyrics.trim() } : {},
+						...instrumental ? { isInstrumental: true } : {},
+						...format.trim() !== "" ? { format: format.trim() } : {},
+						...emotion.trim() !== "" ? { emotion: emotion.trim() } : {},
+						...vol.trim() !== "" ? { vol: Number(vol) } : {},
+						...pitch.trim() !== "" ? { pitch: Number(pitch) } : {},
+						...toneText.trim() !== "" ? { pronunciationTone: toneText.split("\n").map((item) => item.trim()).filter((item) => item !== "") } : {},
+						...sampleRate.trim() !== "" ? { sampleRate: Number(sampleRate) } : {},
+						...bitrate.trim() !== "" ? { bitrate: Number(bitrate) } : {},
+						...audioChannel.trim() !== "" ? { audioChannel: Number(audioChannel) } : {},
+						...subtitle ? { subtitleEnable: true } : {}
 					});
 					if (!response.ok) {
 						setError(response.message ?? "生成失败");
@@ -676,7 +771,7 @@ window.__ModuleLoader__.load({
 										className: audio_panel_module_css_default.input,
 										value: voice,
 										onChange: (event) => setVoice(event.target.value),
-										placeholder: "alloy / 自定义音色"
+										placeholder: isMiniMaxChannel ? "male-qn-qingse / female-shaonv" : "alloy / 自定义音色"
 									})]
 								}) : null,
 								mode === "tts" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
@@ -692,6 +787,118 @@ window.__ModuleLoader__.load({
 										placeholder: "1.0"
 									})]
 								}) : null,
+								mode === "tts" && isMiniMaxChannel ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+									className: audio_panel_module_css_default.advanced,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: "MiniMax 高级参数" }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: audio_panel_module_css_default.label,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "情绪 emotion" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												className: audio_panel_module_css_default.input,
+												value: emotion,
+												onChange: (event) => setEmotion(event.target.value),
+												placeholder: "happy / sad / angry / nervous…"
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: audio_panel_module_css_default.row,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												className: audio_panel_module_css_default.label,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "音量 vol (0-10)" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													className: audio_panel_module_css_default.input,
+													type: "number",
+													min: "0",
+													max: "10",
+													step: "0.5",
+													value: vol,
+													onChange: (event) => setVol(event.target.value),
+													placeholder: "1"
+												})]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												className: audio_panel_module_css_default.label,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "音调 pitch (-12~12)" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													className: audio_panel_module_css_default.input,
+													type: "number",
+													min: "-12",
+													max: "12",
+													value: pitch,
+													onChange: (event) => setPitch(event.target.value),
+													placeholder: "0"
+												})]
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: audio_panel_module_css_default.row,
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+													className: audio_panel_module_css_default.label,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "采样率" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+														className: audio_panel_module_css_default.input,
+														type: "number",
+														min: "16000",
+														max: "48000",
+														step: "8000",
+														value: sampleRate,
+														onChange: (event) => setSampleRate(event.target.value),
+														placeholder: "32000"
+													})]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+													className: audio_panel_module_css_default.label,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "码率 bps" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+														className: audio_panel_module_css_default.input,
+														type: "number",
+														min: "64000",
+														max: "320000",
+														step: "8000",
+														value: bitrate,
+														onChange: (event) => setBitrate(event.target.value),
+														placeholder: "128000"
+													})]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+													className: audio_panel_module_css_default.label,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "声道" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+														className: audio_panel_module_css_default.select,
+														value: audioChannel,
+														onChange: (event) => setAudioChannel(event.target.value),
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																value: "",
+																children: "默认(1)"
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																value: "1",
+																children: "1"
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																value: "2",
+																children: "2"
+															})
+														]
+													})]
+												})
+											]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: audio_panel_module_css_default.label,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "发音词典（每行一条：\"文字/读音\"）" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+												className: audio_panel_module_css_default.textarea,
+												value: toneText,
+												onChange: (event) => setToneText(event.target.value),
+												placeholder: "处理/(chu3)(li3)\n危险/dangerous"
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: audio_panel_module_css_default.checkbox,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "checkbox",
+												checked: subtitle,
+												onChange: (event) => setSubtitle(event.target.checked)
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "生成字幕 subtitle_enable" })]
+										})
+									]
+								}) : null,
 								mode === "music" || mode === "sfx" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 									className: audio_panel_module_css_default.label,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tt("duration.label") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
@@ -705,6 +912,22 @@ window.__ModuleLoader__.load({
 										placeholder: "30"
 									})]
 								}) : null,
+								mode === "music" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: audio_panel_module_css_default.label,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "歌词（纯音乐模式可留空；多段用空行分隔）" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+										className: audio_panel_module_css_default.textarea,
+										value: lyrics,
+										onChange: (event) => setLyrics(event.target.value),
+										placeholder: "第一段歌词…\n\n第二段歌词…"
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: audio_panel_module_css_default.checkbox,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: instrumental,
+										onChange: (event) => setInstrumental(event.target.checked)
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "纯音乐（无歌词/人声）is_instrumental" })]
+								})] }) : null,
 								needModel ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 									className: audio_panel_module_css_default.label,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tt("format.label") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
@@ -720,14 +943,13 @@ window.__ModuleLoader__.load({
 												value: "wav",
 												children: "wav"
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											mode === "tts" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 												value: "flac",
 												children: "flac"
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 												value: "ogg",
 												children: "ogg"
-											}),
+											})] }) : null,
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 												value: "pcm",
 												children: "pcm"
@@ -847,167 +1069,167 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var panel_module_css_default = {
-			"referenceActions": "rwa6qG_referenceActions",
-			"taskRows": "rwa6qG_taskRows",
-			"canvasError": "rwa6qG_canvasError",
-			"galleryRatioList": "rwa6qG_galleryRatioList",
-			"historyTitle": "rwa6qG_historyTitle",
-			"studio": "rwa6qG_studio",
-			"taskRow": "rwa6qG_taskRow",
 			"templatesButton": "rwa6qG_templatesButton",
+			"historyThumbPlaceholder": "rwa6qG_historyThumbPlaceholder",
+			"modePill": "rwa6qG_modePill",
 			"gallerySearch": "rwa6qG_gallerySearch",
-			"taskTray": "rwa6qG_taskTray",
-			"updateActions": "rwa6qG_updateActions",
-			"paramHint": "rwa6qG_paramHint",
-			"connectionDot": "rwa6qG_connectionDot",
+			"historyList": "rwa6qG_historyList",
+			"uploadBox": "rwa6qG_uploadBox",
+			"lightbox": "rwa6qG_lightbox",
+			"historySearch": "rwa6qG_historySearch",
+			"modelWrap": "rwa6qG_modelWrap",
+			"taskTrayClose": "rwa6qG_taskTrayClose",
+			"uploadHint": "rwa6qG_uploadHint",
+			"canvasEmptyIcon": "rwa6qG_canvasEmptyIcon",
+			"generateButton": "rwa6qG_generateButton",
+			"comparisonImageButton": "rwa6qG_comparisonImageButton",
+			"galleryWorkspace": "rwa6qG_galleryWorkspace",
+			"image": "rwa6qG_image",
+			"galleryFilterDivider": "rwa6qG_galleryFilterDivider",
 			"panelHeading": "rwa6qG_panelHeading",
+			"historyAction": "rwa6qG_historyAction",
+			"lightboxActions": "rwa6qG_lightboxActions",
+			"canvasStateHint": "rwa6qG_canvasStateHint",
+			"galleryCardFooter": "rwa6qG_galleryCardFooter",
+			"paramLabel": "rwa6qG_paramLabel",
 			"historyClear": "rwa6qG_historyClear",
-			"panelHeader": "rwa6qG_panelHeader",
-			"modePill": "rwa6qG_modePill",
-			"historyInfo": "rwa6qG_historyInfo",
-			"canvasState": "rwa6qG_canvasState",
+			"hiddenFile": "rwa6qG_hiddenFile",
 			"canvasStateTitle": "rwa6qG_canvasStateTitle",
-			"card": "rwa6qG_card",
-			"dshImageGenToastIn": "rwa6qG_dshImageGenToastIn",
-			"configGuideBody": "rwa6qG_configGuideBody",
+			"canvasError": "rwa6qG_canvasError",
+			"galleryRatioList": "rwa6qG_galleryRatioList",
+			"download": "rwa6qG_download",
+			"paramHint": "rwa6qG_paramHint",
+			"compareControl": "rwa6qG_compareControl",
+			"connectionStatus": "rwa6qG_connectionStatus",
+			"promptCount": "rwa6qG_promptCount",
+			"taskTrayHeader": "rwa6qG_taskTrayHeader",
+			"historyActions": "rwa6qG_historyActions",
+			"canvasBody": "rwa6qG_canvasBody",
+			"historyMain": "rwa6qG_historyMain",
+			"lightboxStage": "rwa6qG_lightboxStage",
+			"imageCaption": "rwa6qG_imageCaption",
+			"gallerySelectionBar": "rwa6qG_gallerySelectionBar",
+			"historyHeader": "rwa6qG_historyHeader",
 			"modelMenuItem": "rwa6qG_modelMenuItem",
-			"galleryRatio": "rwa6qG_galleryRatio",
-			"galleryTagFilterList": "rwa6qG_galleryTagFilterList",
-			"comparisonImageButton": "rwa6qG_comparisonImageButton",
 			"comparisonFullscreenGrid": "rwa6qG_comparisonFullscreenGrid",
-			"promptFooter": "rwa6qG_promptFooter",
-			"galleryFilter": "rwa6qG_galleryFilter",
-			"gallerySelect": "rwa6qG_gallerySelect",
+			"modelLabel": "rwa6qG_modelLabel",
+			"canvasState": "rwa6qG_canvasState",
 			"galleryMasonry": "rwa6qG_galleryMasonry",
+			"lightboxCaption": "rwa6qG_lightboxCaption",
+			"lightboxNav": "rwa6qG_lightboxNav",
+			"connectionDot": "rwa6qG_connectionDot",
+			"galleryHeading": "rwa6qG_galleryHeading",
+			"galleryTagEdit": "rwa6qG_galleryTagEdit",
+			"taskTrayChevron": "rwa6qG_taskTrayChevron",
+			"updateText": "rwa6qG_updateText",
+			"comparisonFullscreen": "rwa6qG_comparisonFullscreen",
+			"reference": "rwa6qG_reference",
+			"historyItem": "rwa6qG_historyItem",
+			"galleryImage": "rwa6qG_galleryImage",
+			"galleryCard": "rwa6qG_galleryCard",
+			"lightboxZoomLevel": "rwa6qG_lightboxZoomLevel",
+			"canvas": "rwa6qG_canvas",
+			"lightboxImage": "rwa6qG_lightboxImage",
+			"galleryFilters": "rwa6qG_galleryFilters",
+			"lightboxTools": "rwa6qG_lightboxTools",
+			"generateInner": "rwa6qG_generateInner",
 			"historyFilters": "rwa6qG_historyFilters",
-			"history": "rwa6qG_history",
-			"uploadIcon": "rwa6qG_uploadIcon",
-			"historyAction": "rwa6qG_historyAction",
-			"lightboxCopy": "rwa6qG_lightboxCopy",
+			"historyTitle": "rwa6qG_historyTitle",
+			"lightboxIndex": "rwa6qG_lightboxIndex",
+			"galleryTagFilterList": "rwa6qG_galleryTagFilterList",
+			"galleryFilterNote": "rwa6qG_galleryFilterNote",
+			"gallerySelect": "rwa6qG_gallerySelect",
+			"spinner": "rwa6qG_spinner",
+			"entryLabel": "rwa6qG_entryLabel",
+			"galleryTagInput": "rwa6qG_galleryTagInput",
+			"lightboxTool": "rwa6qG_lightboxTool",
+			"grid": "rwa6qG_grid",
+			"galleryToolbarActions": "rwa6qG_galleryToolbarActions",
+			"modelMenuList": "rwa6qG_modelMenuList",
+			"dshImageGenSpin": "rwa6qG_dshImageGenSpin",
+			"gallerySort": "rwa6qG_gallerySort",
+			"entry": "rwa6qG_entry",
+			"galleryFilter": "rwa6qG_galleryFilter",
+			"view": "rwa6qG_view",
+			"galleryClear": "rwa6qG_galleryClear",
+			"compareModelChoices": "rwa6qG_compareModelChoices",
 			"comparisonBoard": "rwa6qG_comparisonBoard",
-			"historyEmpty": "rwa6qG_historyEmpty",
-			"galleryTagFilter": "rwa6qG_galleryTagFilter",
-			"image": "rwa6qG_image",
-			"canvasStateHint": "rwa6qG_canvasStateHint",
-			"galleryAdd": "rwa6qG_galleryAdd",
-			"config": "rwa6qG_config",
-			"lightboxActions": "rwa6qG_lightboxActions",
 			"galleryTags": "rwa6qG_galleryTags",
-			"generateButton": "rwa6qG_generateButton",
-			"panelTitle": "rwa6qG_panelTitle",
-			"historyThumbPlaceholder": "rwa6qG_historyThumbPlaceholder",
-			"historyMain": "rwa6qG_historyMain",
-			"canvasMeta": "rwa6qG_canvasMeta",
-			"download": "rwa6qG_download",
-			"prompt": "rwa6qG_prompt",
-			"entryLabel": "rwa6qG_entryLabel",
-			"galleryToast": "rwa6qG_galleryToast",
-			"optionPill": "rwa6qG_optionPill",
-			"lightboxScaleFrame": "rwa6qG_lightboxScaleFrame",
-			"galleryHeading": "rwa6qG_galleryHeading",
-			"compareControl": "rwa6qG_compareControl",
-			"imageCaption": "rwa6qG_imageCaption",
-			"promptCount": "rwa6qG_promptCount",
-			"lightboxStage": "rwa6qG_lightboxStage",
+			"galleryBulkButton": "rwa6qG_galleryBulkButton",
+			"historyInfo": "rwa6qG_historyInfo",
+			"modelMenu": "rwa6qG_modelMenu",
+			"galleryAdd": "rwa6qG_galleryAdd",
+			"galleryToolbar": "rwa6qG_galleryToolbar",
+			"lightboxCaptionRow": "rwa6qG_lightboxCaptionRow",
+			"optionRow": "rwa6qG_optionRow",
+			"taskStatus": "rwa6qG_taskStatus",
+			"imageCard": "rwa6qG_imageCard",
+			"lightboxFigure": "rwa6qG_lightboxFigure",
+			"lightboxCopy": "rwa6qG_lightboxCopy",
+			"referenceImage": "rwa6qG_referenceImage",
 			"updateRelease": "rwa6qG_updateRelease",
+			"panel": "rwa6qG_panel",
+			"historyPrompt": "rwa6qG_historyPrompt",
 			"lightboxDownload": "rwa6qG_lightboxDownload",
-			"gallerySelectMode": "rwa6qG_gallerySelectMode",
-			"compareToggle": "rwa6qG_compareToggle",
-			"grid": "rwa6qG_grid",
-			"zoomHint": "rwa6qG_zoomHint",
 			"modelSelect": "rwa6qG_modelSelect",
-			"modelMenu": "rwa6qG_modelMenu",
-			"lightboxFigure": "rwa6qG_lightboxFigure",
-			"lightboxTools": "rwa6qG_lightboxTools",
-			"compareModelChoices": "rwa6qG_compareModelChoices",
-			"gallerySelectionClear": "rwa6qG_gallerySelectionClear",
-			"lightboxMeta": "rwa6qG_lightboxMeta",
-			"taskPrompt": "rwa6qG_taskPrompt",
-			"modelWrap": "rwa6qG_modelWrap",
-			"updateBanner": "rwa6qG_updateBanner",
 			"configGuide": "rwa6qG_configGuide",
-			"modelLabel": "rwa6qG_modelLabel",
-			"historyMeta": "rwa6qG_historyMeta",
-			"galleryBulkButton": "rwa6qG_galleryBulkButton",
-			"generateInner": "rwa6qG_generateInner",
-			"lightboxImage": "rwa6qG_lightboxImage",
-			"lightboxClose": "rwa6qG_lightboxClose",
+			"taskTray": "rwa6qG_taskTray",
+			"taskRow": "rwa6qG_taskRow",
+			"historyThumb": "rwa6qG_historyThumb",
+			"gallerySelectMode": "rwa6qG_gallerySelectMode",
+			"modeRow": "rwa6qG_modeRow",
 			"entryIcon": "rwa6qG_entryIcon",
-			"historyHeader": "rwa6qG_historyHeader",
-			"view": "rwa6qG_view",
-			"galleryWorkspace": "rwa6qG_galleryWorkspace",
+			"lightboxMeta": "rwa6qG_lightboxMeta",
+			"config": "rwa6qG_config",
+			"uploadIcon": "rwa6qG_uploadIcon",
+			"galleryViewToggle": "rwa6qG_galleryViewToggle",
 			"galleryAvatar": "rwa6qG_galleryAvatar",
-			"taskTrayChevron": "rwa6qG_taskTrayChevron",
-			"canvas": "rwa6qG_canvas",
-			"lightboxEdit": "rwa6qG_lightboxEdit",
 			"taskTrayCount": "rwa6qG_taskTrayCount",
-			"taskTrayToggle": "rwa6qG_taskTrayToggle",
+			"comparisonGrid": "rwa6qG_comparisonGrid",
+			"card": "rwa6qG_card",
+			"updateBanner": "rwa6qG_updateBanner",
+			"galleryBadge": "rwa6qG_galleryBadge",
+			"enhanceButton": "rwa6qG_enhanceButton",
+			"galleryRemove": "rwa6qG_galleryRemove",
+			"configScroll": "rwa6qG_configScroll",
+			"panelHeader": "rwa6qG_panelHeader",
+			"taskRows": "rwa6qG_taskRows",
 			"galleryCardInfo": "rwa6qG_galleryCardInfo",
-			"imageCard": "rwa6qG_imageCard",
 			"galleryCount": "rwa6qG_galleryCount",
-			"galleryTagEdit": "rwa6qG_galleryTagEdit",
-			"historySearch": "rwa6qG_historySearch",
-			"historyActions": "rwa6qG_historyActions",
-			"lightboxZoomLevel": "rwa6qG_lightboxZoomLevel",
-			"reference": "rwa6qG_reference",
-			"historyPrompt": "rwa6qG_historyPrompt",
-			"galleryFilterNote": "rwa6qG_galleryFilterNote",
-			"taskTrayHeader": "rwa6qG_taskTrayHeader",
-			"galleryImage": "rwa6qG_galleryImage",
-			"comparisonFullscreen": "rwa6qG_comparisonFullscreen",
-			"galleryClear": "rwa6qG_galleryClear",
-			"footer": "rwa6qG_footer",
-			"canvasHistoryTag": "rwa6qG_canvasHistoryTag",
-			"uploadBox": "rwa6qG_uploadBox",
-			"hiddenFile": "rwa6qG_hiddenFile",
-			"dshImageGenSpin": "rwa6qG_dshImageGenSpin",
-			"optionRow": "rwa6qG_optionRow",
-			"comparisonGrid": "rwa6qG_comparisonGrid",
-			"galleryRemove": "rwa6qG_galleryRemove",
-			"panel": "rwa6qG_panel",
-			"updateText": "rwa6qG_updateText",
-			"lightboxNav": "rwa6qG_lightboxNav",
+			"updateActions": "rwa6qG_updateActions",
+			"galleryToast": "rwa6qG_galleryToast",
+			"paramGroup": "rwa6qG_paramGroup",
+			"configGuideBody": "rwa6qG_configGuideBody",
+			"optionPill": "rwa6qG_optionPill",
+			"footer": "rwa6qG_footer",
+			"galleryTagFilter": "rwa6qG_galleryTagFilter",
+			"referenceActions": "rwa6qG_referenceActions",
+			"historyEmpty": "rwa6qG_historyEmpty",
+			"compareToggle": "rwa6qG_compareToggle",
+			"zoomHint": "rwa6qG_zoomHint",
+			"taskPrompt": "rwa6qG_taskPrompt",
+			"historyMeta": "rwa6qG_historyMeta",
+			"history": "rwa6qG_history",
+			"canvasMeta": "rwa6qG_canvasMeta",
+			"lightboxScaleFrame": "rwa6qG_lightboxScaleFrame",
+			"dshImageGenToastIn": "rwa6qG_dshImageGenToastIn",
+			"gallerySelectionClear": "rwa6qG_gallerySelectionClear",
+			"promptFooter": "rwa6qG_promptFooter",
+			"optionGrid": "rwa6qG_optionGrid",
+			"bigSpinner": "rwa6qG_bigSpinner",
 			"galleryFilterHeading": "rwa6qG_galleryFilterHeading",
-			"paramLabel": "rwa6qG_paramLabel",
-			"taskTrayClose": "rwa6qG_taskTrayClose",
-			"gallerySort": "rwa6qG_gallerySort",
-			"galleryTagEditor": "rwa6qG_galleryTagEditor",
-			"lightboxCaptionRow": "rwa6qG_lightboxCaptionRow",
-			"historyList": "rwa6qG_historyList",
-			"galleryTagInput": "rwa6qG_galleryTagInput",
-			"lightboxIndex": "rwa6qG_lightboxIndex",
-			"galleryFilterCount": "rwa6qG_galleryFilterCount",
-			"galleryFilterDivider": "rwa6qG_galleryFilterDivider",
-			"enhanceButton": "rwa6qG_enhanceButton",
-			"historyItem": "rwa6qG_historyItem",
-			"uploadHint": "rwa6qG_uploadHint",
-			"connectionStatus": "rwa6qG_connectionStatus",
-			"modeRow": "rwa6qG_modeRow",
-			"modelMenuList": "rwa6qG_modelMenuList",
-			"spinner": "rwa6qG_spinner",
-			"lightbox": "rwa6qG_lightbox",
 			"githubLink": "rwa6qG_githubLink",
-			"lightboxTool": "rwa6qG_lightboxTool",
-			"historyThumb": "rwa6qG_historyThumb",
-			"canvasEmptyIcon": "rwa6qG_canvasEmptyIcon",
-			"lightboxCaption": "rwa6qG_lightboxCaption",
-			"bigSpinner": "rwa6qG_bigSpinner",
-			"optionGrid": "rwa6qG_optionGrid",
-			"taskStatus": "rwa6qG_taskStatus",
-			"configScroll": "rwa6qG_configScroll",
-			"gallerySelectionBar": "rwa6qG_gallerySelectionBar",
+			"studio": "rwa6qG_studio",
+			"lightboxEdit": "rwa6qG_lightboxEdit",
+			"galleryRatio": "rwa6qG_galleryRatio",
+			"lightboxClose": "rwa6qG_lightboxClose",
 			"galleryImageButton": "rwa6qG_galleryImageButton",
-			"galleryCard": "rwa6qG_galleryCard",
-			"referenceImage": "rwa6qG_referenceImage",
-			"entry": "rwa6qG_entry",
-			"galleryFilters": "rwa6qG_galleryFilters",
-			"galleryToolbarActions": "rwa6qG_galleryToolbarActions",
-			"canvasBody": "rwa6qG_canvasBody",
-			"galleryBadge": "rwa6qG_galleryBadge",
-			"paramGroup": "rwa6qG_paramGroup",
-			"galleryCardFooter": "rwa6qG_galleryCardFooter",
-			"galleryToolbar": "rwa6qG_galleryToolbar",
-			"galleryViewToggle": "rwa6qG_galleryViewToggle"
+			"prompt": "rwa6qG_prompt",
+			"canvasHistoryTag": "rwa6qG_canvasHistoryTag",
+			"panelTitle": "rwa6qG_panelTitle",
+			"galleryTagEditor": "rwa6qG_galleryTagEditor",
+			"galleryFilterCount": "rwa6qG_galleryFilterCount",
+			"taskTrayToggle": "rwa6qG_taskTrayToggle"
 		};
 		//#endregion
 		//#region src/client/mount.tsx
@@ -1654,7 +1876,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/Users/shimingming/Projects_code/dsh-audiogen/src/client/settings-card.module.css.mjs
-		const css$1 = ".zmjoSq_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}.zmjoSq_card:hover{border-color:var(--dsw-alias-label-dimmed)}.zmjoSq_card:has(.zmjoSq_body){background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.zmjoSq_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}.zmjoSq_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.zmjoSq_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.zmjoSq_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.zmjoSq_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.zmjoSq_chevron,.zmjoSq_chevronOpen{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.zmjoSq_chevronOpen{transform:rotate(180deg)}.zmjoSq_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}.zmjoSq_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.zmjoSq_versionRow{border-bottom:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.zmjoSq_versionLabel{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:1.5}.zmjoSq_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}.zmjoSq_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.zmjoSq_field+.zmjoSq_field{border-top:1px solid var(--dsw-alias-border-l2)}.zmjoSq_head{align-items:center;gap:8px;display:flex}.zmjoSq_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.zmjoSq_badges{align-items:center;gap:8px;display:inline-flex}.zmjoSq_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}.zmjoSq_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}.zmjoSq_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.zmjoSq_reset:disabled{cursor:default;opacity:.5}.zmjoSq_input,.zmjoSq_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}.zmjoSq_input:focus-visible,.zmjoSq_select:focus-visible{border-color:var(--dsw-alias-brand-primary)}.zmjoSq_input:disabled,.zmjoSq_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.zmjoSq_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}.zmjoSq_textarea,.zmjoSq_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}.zmjoSq_textarea{border:1px solid var(--dsw-alias-border-l2)}.zmjoSq_textareaInvalid{border:1px solid var(--dsw-alias-label-error)}.zmjoSq_textarea:focus-visible{border-color:var(--dsw-alias-brand-primary)}.zmjoSq_textarea:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.zmjoSq_hint,.zmjoSq_invalid{margin:0;font-size:12px;line-height:1.5}.zmjoSq_hint{color:var(--dsw-alias-label-tertiary)}.zmjoSq_invalid{color:var(--dsw-alias-label-error)}.zmjoSq_readOnly,.zmjoSq_notExposed{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.zmjoSq_sectionDivider{background:var(--dsw-alias-border-l2);height:1px;margin:18px 0 14px}.zmjoSq_sectionTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;line-height:1.4}.zmjoSq_sectionHint{color:var(--dsw-alias-label-tertiary);margin:-4px 0 2px;font-size:12px;line-height:1.5}.zmjoSq_modelSection{padding:2px 0 14px}.zmjoSq_sectionHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.zmjoSq_sectionHeader .zmjoSq_sectionHint{max-width:430px}.zmjoSq_modelSummary{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.zmjoSq_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}.zmjoSq_modelChip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zmjoSq_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}.zmjoSq_modelChip button:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}.zmjoSq_modelChip button:disabled{cursor:default;opacity:.45}.zmjoSq_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}.zmjoSq_addModel:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.zmjoSq_addModel:disabled{opacity:.45;cursor:default}.zmjoSq_manualModelRow{gap:8px;margin-top:10px;display:flex}.zmjoSq_manualModelRow .zmjoSq_input{flex:1;min-width:0}.zmjoSq_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}.zmjoSq_disclosure>span:nth-child(2){color:var(--dsw-alias-label-tertiary);margin-left:auto;font-size:12px;font-weight:400}.zmjoSq_disclosure>span:last-child{color:var(--dsw-alias-label-tertiary)}.zmjoSq_disclosure:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.zmjoSq_optionalContent{padding:0 0 8px}.zmjoSq_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}.zmjoSq_inlineDisclosure:hover{color:var(--dsw-alias-label-primary)}.zmjoSq_modelFetchRow{align-items:center;gap:8px;display:flex}.zmjoSq_modelFetch,.zmjoSq_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}.zmjoSq_modelFetch{cursor:pointer;padding:0 10px}.zmjoSq_modelFetch:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.zmjoSq_modelFetch:disabled{opacity:.5;cursor:default}.zmjoSq_modelChoices{flex:1;min-width:0;padding:0 8px}.zmjoSq_modelCandidateList{flex-wrap:wrap;gap:6px 10px;margin-top:10px;display:flex}.zmjoSq_modelCandidateLabel{width:100%;color:var(--dsw-alias-label-tertiary);font-size:12px}.zmjoSq_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}.zmjoSq_modelCandidate input{margin:0}.zmjoSq_modelCandidate[data-selected]{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary)}.zmjoSq_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}.zmjoSq_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.zmjoSq_discard,.zmjoSq_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.zmjoSq_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.zmjoSq_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.zmjoSq_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.zmjoSq_discard:disabled,.zmjoSq_save:disabled{opacity:.4;cursor:default}.zmjoSq_discard:focus-visible,.zmjoSq_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}@media (prefers-reduced-motion:reduce){.zmjoSq_card,.zmjoSq_chevron,.zmjoSq_chevronOpen{transition:none}}.zmjoSq_channelSection{padding:6px 0 2px}.zmjoSq_channelEmpty{color:var(--dsw-alias-label-tertiary);margin:10px 0 0;font-size:12px;line-height:1.5}.zmjoSq_channelList{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.zmjoSq_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}.zmjoSq_channelRow[data-action]{flex-wrap:wrap}.zmjoSq_channelDotReady,.zmjoSq_channelDotWarn{border-radius:50%;flex:none;width:9px;height:9px}.zmjoSq_channelDotReady{background:var(--dsw-color-success,#2fbf71)}.zmjoSq_channelDotWarn{background:var(--dsw-color-danger,#e5484d)}.zmjoSq_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}.zmjoSq_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}.zmjoSq_channelMeta{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.zmjoSq_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}.zmjoSq_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}.zmjoSq_channelBadge[data-warn]{color:var(--dsw-alias-label-error)}.zmjoSq_channelBadge[data-default]{background:var(--dsw-alias-bg-module-poped,var(--dsw-alias-bg-module-platform));color:var(--dsw-alias-brand-primary)}.zmjoSq_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}.zmjoSq_channelAction:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}.zmjoSq_channelAction[data-danger]{color:var(--dsw-alias-label-error)}.zmjoSq_channelAction:disabled{opacity:.45;cursor:default}.zmjoSq_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}.zmjoSq_channelDanger:hover:not(:disabled){background:color-mix(in srgb, var(--dsw-alias-label-error) 12%, transparent)}.zmjoSq_channelDanger:disabled{opacity:.45;cursor:default}.zmjoSq_deleteConfirmText{min-width:0;color:var(--dsw-alias-label-error);flex:1;font-size:12px;line-height:1.5}.zmjoSq_channelAddRow{gap:8px;margin-top:10px;display:flex}.zmjoSq_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}.zmjoSq_channelAdd:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.zmjoSq_channelAdd:disabled{opacity:.45;cursor:default}.zmjoSq_spacer{flex:1}.zmjoSq_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}.zmjoSq_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}.zmjoSq_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}.zmjoSq_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}.zmjoSq_editorClose:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}.zmjoSq_editorField{flex-direction:column;gap:6px;padding:12px 0 0;display:flex}.zmjoSq_editorDivider{background:var(--dsw-alias-border-l2);height:1px;margin:14px 0 4px}.zmjoSq_editorSectionHeader{justify-content:space-between;align-items:center;gap:12px;padding:10px 0 4px;display:flex}.zmjoSq_editorSectionHeader .zmjoSq_label{flex:1}.zmjoSq_editorTools{flex-direction:column;gap:8px;margin-top:10px;display:flex}.zmjoSq_editorFooter{border-top:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding-top:12px;display:flex}.zmjoSq_detectOk{color:var(--dsw-color-success,var(--dsw-alias-label-secondary));margin:0;font-size:12px;line-height:1.5}.zmjoSq_modelRows{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.zmjoSq_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}.zmjoSq_modelRowInputs{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.zmjoSq_modelRowInputs .zmjoSq_input{flex:1;min-width:0}.zmjoSq_modelArrow{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px}.zmjoSq_modelRowBadges{flex:none;align-items:center;gap:6px;display:flex}.zmjoSq_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}.zmjoSq_modelBadge[data-verified]{color:var(--dsw-color-success,var(--dsw-alias-label-secondary))}.zmjoSq_modelBadge[data-warn]{color:var(--dsw-alias-label-error)}.zmjoSq_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}.zmjoSq_modelRowRemove:hover:not(:disabled){color:var(--dsw-alias-label-error);background:var(--dsw-alias-bg-module-platform)}.zmjoSq_modelRowRemove:disabled{opacity:.45;cursor:default}.zmjoSq_modelCandidate>.zmjoSq_modelBadge{flex:none}.zmjoSq_channelControls{position:relative}.zmjoSq_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}.zmjoSq_presetInlineHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.zmjoSq_presetList{flex-direction:column;gap:8px;margin-top:12px;display:flex}.zmjoSq_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}.zmjoSq_presetRow:hover:not(:disabled){border-color:var(--dsw-alias-brand-primary)}.zmjoSq_presetRow[data-custom]{border-style:dashed}.zmjoSq_presetRow:disabled{opacity:.5;cursor:default}.zmjoSq_presetName{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:1.4}.zmjoSq_presetMeta{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.5;font-family:var(--dsw-font-family-mono,monospace)}.zmjoSq_presetHint{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}";
+		const css$1 = ".zmjoSq_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}.zmjoSq_card:hover{border-color:var(--dsw-alias-label-dimmed)}.zmjoSq_card:has(.zmjoSq_body){background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.zmjoSq_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}.zmjoSq_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.zmjoSq_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.zmjoSq_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.zmjoSq_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.zmjoSq_chevron,.zmjoSq_chevronOpen{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.zmjoSq_chevronOpen{transform:rotate(180deg)}.zmjoSq_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}.zmjoSq_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.zmjoSq_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.zmjoSq_field+.zmjoSq_field{border-top:1px solid var(--dsw-alias-border-l2)}.zmjoSq_head{align-items:center;gap:8px;display:flex}.zmjoSq_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.zmjoSq_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}.zmjoSq_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.zmjoSq_reset:disabled{cursor:default;opacity:.5}.zmjoSq_input,.zmjoSq_select{box-sizing:border-box;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}.zmjoSq_input:focus-visible,.zmjoSq_select:focus-visible{border-color:var(--dsw-alias-brand-primary)}.zmjoSq_input:disabled,.zmjoSq_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.zmjoSq_sectionTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;line-height:1.4}.zmjoSq_sectionHint{color:var(--dsw-alias-label-tertiary);margin:-4px 0 2px;font-size:12px;line-height:1.5}.zmjoSq_sectionHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.zmjoSq_sectionHeader .zmjoSq_sectionHint{max-width:430px}.zmjoSq_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.zmjoSq_link{color:var(--dsw-alias-brand-primary);text-decoration:none}.zmjoSq_link:hover{text-decoration:underline}.zmjoSq_channelSection{padding:6px 0 2px}.zmjoSq_channelEmpty{color:var(--dsw-alias-label-tertiary);margin:10px 0 0;font-size:12px;line-height:1.5}.zmjoSq_channelList{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.zmjoSq_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}.zmjoSq_channelRow[data-action]{flex-wrap:wrap}.zmjoSq_channelDotReady,.zmjoSq_channelDotWarn{border-radius:50%;flex:none;width:9px;height:9px}.zmjoSq_channelDotReady{background:var(--dsw-color-success,#2fbf71)}.zmjoSq_channelDotWarn{background:var(--dsw-color-danger,#e5484d)}.zmjoSq_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}.zmjoSq_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}.zmjoSq_channelMeta{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.zmjoSq_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}.zmjoSq_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}.zmjoSq_channelBadge[data-warn]{color:var(--dsw-alias-label-error)}.zmjoSq_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}.zmjoSq_channelAction:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}.zmjoSq_channelAction[data-danger]{color:var(--dsw-alias-label-error)}.zmjoSq_channelAction:disabled{opacity:.45;cursor:default}.zmjoSq_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}.zmjoSq_channelDanger:hover:not(:disabled){background:color-mix(in srgb, var(--dsw-alias-label-error) 12%, transparent)}.zmjoSq_channelDanger:disabled{opacity:.45;cursor:default}.zmjoSq_deleteConfirmText{min-width:0;color:var(--dsw-alias-label-error);flex:1;font-size:12px;line-height:1.5}.zmjoSq_channelAddRow{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.zmjoSq_channelAdd{appearance:none;border:1px dashed var(--dsw-alias-border-l3,var(--dsw-alias-border-l2));min-width:180px;min-height:44px;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:12px;flex:1 1 0;padding:0 12px;font-size:12px}.zmjoSq_channelAdd:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.zmjoSq_channelAdd:disabled{opacity:.45;cursor:default}.zmjoSq_editorWrap{margin-top:10px}.zmjoSq_channelEditor{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);border-radius:12px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.zmjoSq_editorHeader{align-items:baseline;gap:8px;padding-bottom:4px;display:flex}.zmjoSq_editorTitle{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:600;line-height:22px}.zmjoSq_editorTag{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.zmjoSq_customSettings{border-top:1px solid var(--dsw-alias-border-l2);margin-top:6px;padding-top:10px}.zmjoSq_customSettingsSummary{cursor:pointer;width:fit-content;color:var(--dsw-alias-label-secondary);border-radius:6px;align-items:center;gap:6px;margin-left:-4px;padding:2px 4px;font-size:12px;font-weight:500;line-height:18px;list-style:none;display:flex}.zmjoSq_customSettingsSummary::-webkit-details-marker{display:none}.zmjoSq_customSettingsSummary:before{content:\"\";border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;transition:transform .12s;transform:rotate(-45deg)translate(-1px,-1px)}.zmjoSq_customSettings[open]>.zmjoSq_customSettingsSummary:before{transform:rotate(45deg)translate(-1px,-1px)}.zmjoSq_customSettingsSummary:hover{color:var(--dsw-alias-label-primary)}.zmjoSq_customSettingsSummary:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.zmjoSq_customSettingsBody{flex-direction:column;gap:6px;padding-top:10px;display:flex}.zmjoSq_modelCatalog{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:10px;margin-top:6px;padding-top:12px;display:flex}.zmjoSq_modelCatalogHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.zmjoSq_modelCatalogTitle{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:1.5;display:block}.zmjoSq_modelCatalogMeta{color:var(--dsw-alias-label-tertiary);margin-top:1px;font-size:12px;line-height:1.5;display:block}.zmjoSq_linkButton{box-sizing:border-box;height:28px;color:var(--dsw-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;padding:0 10px;font-size:12px;line-height:18px;display:inline-flex}.zmjoSq_linkButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-module-platform));color:var(--dsw-alias-label-secondary)}.zmjoSq_linkButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.zmjoSq_linkButton:disabled{opacity:.5;cursor:default}.zmjoSq_modelEmpty{border:1px dashed var(--dsw-alias-border-l3,var(--dsw-alias-border-l2));text-align:center;color:var(--dsw-alias-label-tertiary);border-radius:8px;margin:0;padding:12px;font-size:12px;line-height:18px}.zmjoSq_modelRows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.zmjoSq_modelRow{grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr) auto auto;align-items:center;gap:6px;display:grid}.zmjoSq_modelInput{min-width:0;height:32px}.zmjoSq_modelArrow{color:var(--dsw-alias-label-tertiary);font-size:12px}.zmjoSq_modelCategorySelect{cursor:pointer;min-width:0;max-width:108px;height:32px;padding:0 6px}.zmjoSq_modelRowRemove{appearance:none;width:24px;height:24px;color:var(--dsw-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;padding:0;font-size:14px;line-height:24px}.zmjoSq_modelRowRemove:hover:not(:disabled){color:var(--dsw-alias-label-error);background:var(--dsw-alias-bg-module-platform)}.zmjoSq_modelRowRemove:disabled{opacity:.45;cursor:default}.zmjoSq_modelCatalogTools{align-items:center;gap:8px;display:flex}.zmjoSq_addModel{appearance:none;border:1px solid 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}.zmjoSq_addModel:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.zmjoSq_addModel:disabled{opacity:.45;cursor:default}.zmjoSq_modelBadge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-tertiary);border-radius:999px;flex:none;padding:0 7px;font-size:11px;line-height:17px}.zmjoSq_detectOk{color:var(--dsw-color-success,var(--dsw-alias-label-secondary));margin:0;font-size:12px;line-height:1.5}.zmjoSq_candidatePanel{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.zmjoSq_candidateHead{justify-content:space-between;align-items:center;gap:12px;display:flex}.zmjoSq_candidateTitle{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:500;line-height:18px}.zmjoSq_candidateList{flex-direction:column;gap:4px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.zmjoSq_candidate{align-items:center;display:flex}.zmjoSq_candidateLabel{min-width:0;color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:7px;padding:4px 2px;font-size:12px;line-height:1.5;display:inline-flex}.zmjoSq_candidateLabel input{margin:0}.zmjoSq_candidateLabel:has(input:disabled){opacity:.55;cursor:default}.zmjoSq_candidateId{text-overflow:ellipsis;white-space:nowrap;font-family:var(--dsw-font-family-mono,monospace);overflow:hidden}.zmjoSq_candidateActions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.zmjoSq_footer,.zmjoSq_editorFooter{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.zmjoSq_editorFooter{margin-top:8px}.zmjoSq_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.zmjoSq_discard,.zmjoSq_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.zmjoSq_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.zmjoSq_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.zmjoSq_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.zmjoSq_discard:disabled,.zmjoSq_save:disabled{opacity:.4;cursor:default}.zmjoSq_discard:focus-visible,.zmjoSq_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}@media (prefers-reduced-motion:reduce){.zmjoSq_card,.zmjoSq_chevron,.zmjoSq_chevronOpen{transition:none}}";
 		const tagId$1 = "dsh-audiogen/settings-card.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1664,97 +1886,79 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var settings_card_module_css_default = {
-			"label": "zmjoSq_label",
-			"optionalContent": "zmjoSq_optionalContent",
+			"modelArrow": "zmjoSq_modelArrow",
+			"editorTag": "zmjoSq_editorTag",
+			"deleteConfirmText": "zmjoSq_deleteConfirmText",
+			"candidateList": "zmjoSq_candidateList",
+			"failed": "zmjoSq_failed",
+			"sectionHeader": "zmjoSq_sectionHeader",
+			"modelInput": "zmjoSq_modelInput",
+			"chevron": "zmjoSq_chevron",
+			"channelAction": "zmjoSq_channelAction",
+			"channelDanger": "zmjoSq_channelDanger",
+			"channelDotWarn": "zmjoSq_channelDotWarn",
+			"channelMain": "zmjoSq_channelMain",
 			"channelAdd": "zmjoSq_channelAdd",
+			"editorHeader": "zmjoSq_editorHeader",
+			"candidateId": "zmjoSq_candidateId",
+			"customSettings": "zmjoSq_customSettings",
+			"editorFooter": "zmjoSq_editorFooter",
+			"save": "zmjoSq_save",
+			"channelHost": "zmjoSq_channelHost",
+			"card": "zmjoSq_card",
+			"editorTitle": "zmjoSq_editorTitle",
+			"pending": "zmjoSq_pending",
+			"header": "zmjoSq_header",
 			"modelRowRemove": "zmjoSq_modelRowRemove",
-			"description": "zmjoSq_description",
-			"head": "zmjoSq_head",
-			"modelCandidateList": "zmjoSq_modelCandidateList",
-			"presetHint": "zmjoSq_presetHint",
 			"select": "zmjoSq_select",
-			"notExposed": "zmjoSq_notExposed",
+			"modelCategorySelect": "zmjoSq_modelCategorySelect",
+			"label": "zmjoSq_label",
+			"channelRow": "zmjoSq_channelRow",
+			"link": "zmjoSq_link",
+			"channelAddRow": "zmjoSq_channelAddRow",
+			"footer": "zmjoSq_footer",
+			"modelCatalogHead": "zmjoSq_modelCatalogHead",
+			"modelEmpty": "zmjoSq_modelEmpty",
+			"modelBadge": "zmjoSq_modelBadge",
+			"channelName": "zmjoSq_channelName",
+			"channelDotReady": "zmjoSq_channelDotReady",
+			"input": "zmjoSq_input",
+			"candidatePanel": "zmjoSq_candidatePanel",
+			"channelEditor": "zmjoSq_channelEditor",
+			"body": "zmjoSq_body",
+			"modelCatalogTitle": "zmjoSq_modelCatalogTitle",
 			"sectionHint": "zmjoSq_sectionHint",
-			"editorFooter": "zmjoSq_editorFooter",
-			"modelRowBadges": "zmjoSq_modelRowBadges",
-			"modelFetchRow": "zmjoSq_modelFetchRow",
-			"editorPanel": "zmjoSq_editorPanel",
-			"disclosure": "zmjoSq_disclosure",
-			"sectionHeader": "zmjoSq_sectionHeader",
-			"save": "zmjoSq_save",
+			"addModel": "zmjoSq_addModel",
 			"channelSection": "zmjoSq_channelSection",
-			"manualModelRow": "zmjoSq_manualModelRow",
-			"modelSection": "zmjoSq_modelSection",
-			"field": "zmjoSq_field",
-			"deleteConfirmText": "zmjoSq_deleteConfirmText",
-			"modelSummary": "zmjoSq_modelSummary",
-			"channelAddRow": "zmjoSq_channelAddRow",
+			"detectOk": "zmjoSq_detectOk",
+			"head": "zmjoSq_head",
+			"modelRows": "zmjoSq_modelRows",
+			"channelBadge": "zmjoSq_channelBadge",
+			"candidateLabel": "zmjoSq_candidateLabel",
+			"readOnly": "zmjoSq_readOnly",
+			"candidate": "zmjoSq_candidate",
+			"candidateActions": "zmjoSq_candidateActions",
 			"channelMeta": "zmjoSq_channelMeta",
-			"editorTools": "zmjoSq_editorTools",
-			"hint": "zmjoSq_hint",
-			"editorClose": "zmjoSq_editorClose",
-			"modelFetch": "zmjoSq_modelFetch",
+			"modelCatalogMeta": "zmjoSq_modelCatalogMeta",
+			"customSettingsSummary": "zmjoSq_customSettingsSummary",
+			"field": "zmjoSq_field",
 			"sectionTitle": "zmjoSq_sectionTitle",
 			"channelEmpty": "zmjoSq_channelEmpty",
-			"readOnly": "zmjoSq_readOnly",
-			"channelAction": "zmjoSq_channelAction",
-			"failed": "zmjoSq_failed",
-			"channelControls": "zmjoSq_channelControls",
-			"presetRow": "zmjoSq_presetRow",
-			"headText": "zmjoSq_headText",
-			"versionRow": "zmjoSq_versionRow",
-			"modelCandidate": "zmjoSq_modelCandidate",
-			"channelDotReady": "zmjoSq_channelDotReady",
-			"channelDotWarn": "zmjoSq_channelDotWarn",
-			"footer": "zmjoSq_footer",
-			"channelHost": "zmjoSq_channelHost",
-			"channelRow": "zmjoSq_channelRow",
-			"channelMain": "zmjoSq_channelMain",
-			"editorField": "zmjoSq_editorField",
-			"modelRows": "zmjoSq_modelRows",
-			"presetMeta": "zmjoSq_presetMeta",
-			"reset": "zmjoSq_reset",
-			"name": "zmjoSq_name",
-			"versionValue": "zmjoSq_versionValue",
-			"badges": "zmjoSq_badges",
-			"badge": "zmjoSq_badge",
-			"channelName": "zmjoSq_channelName",
-			"editorSectionHeader": "zmjoSq_editorSectionHeader",
-			"presetName": "zmjoSq_presetName",
-			"pending": "zmjoSq_pending",
-			"invalid": "zmjoSq_invalid",
-			"modelChip": "zmjoSq_modelChip",
-			"header": "zmjoSq_header",
-			"modelRow": "zmjoSq_modelRow",
+			"editorWrap": "zmjoSq_editorWrap",
+			"candidateHead": "zmjoSq_candidateHead",
+			"modelCatalog": "zmjoSq_modelCatalog",
+			"candidateTitle": "zmjoSq_candidateTitle",
+			"linkButton": "zmjoSq_linkButton",
 			"channelList": "zmjoSq_channelList",
-			"inputInvalid": "zmjoSq_inputInvalid",
-			"versionLabel": "zmjoSq_versionLabel",
-			"editorBackdrop": "zmjoSq_editorBackdrop",
-			"chevron": "zmjoSq_chevron",
-			"card": "zmjoSq_card",
-			"chevronOpen": "zmjoSq_chevronOpen",
-			"editorHeader": "zmjoSq_editorHeader",
-			"modelCandidateLabel": "zmjoSq_modelCandidateLabel",
-			"sectionDivider": "zmjoSq_sectionDivider",
-			"addModel": "zmjoSq_addModel",
-			"channelBadge": "zmjoSq_channelBadge",
-			"editorDivider": "zmjoSq_editorDivider",
-			"input": "zmjoSq_input",
-			"modelArrow": "zmjoSq_modelArrow",
-			"textarea": "zmjoSq_textarea",
-			"presetInlineHeader": "zmjoSq_presetInlineHeader",
-			"modelRowInputs": "zmjoSq_modelRowInputs",
-			"presetInline": "zmjoSq_presetInline",
-			"presetList": "zmjoSq_presetList",
+			"reset": "zmjoSq_reset",
+			"modelCatalogTools": "zmjoSq_modelCatalogTools",
 			"discard": "zmjoSq_discard",
-			"channelDanger": "zmjoSq_channelDanger",
-			"spacer": "zmjoSq_spacer",
-			"textareaInvalid": "zmjoSq_textareaInvalid",
-			"inlineDisclosure": "zmjoSq_inlineDisclosure",
-			"body": "zmjoSq_body",
-			"modelChoices": "zmjoSq_modelChoices",
-			"modelBadge": "zmjoSq_modelBadge",
-			"detectOk": "zmjoSq_detectOk"
+			"chevronOpen": "zmjoSq_chevronOpen",
+			"description": "zmjoSq_description",
+			"name": "zmjoSq_name",
+			"customSettingsBody": "zmjoSq_customSettingsBody",
+			"headText": "zmjoSq_headText",
+			"modelRow": "zmjoSq_modelRow"
 		};
 		//#endregion
 		//#region src/client/SettingsCard.tsx
@@ -1764,6 +1968,12 @@ window.__ModuleLoader__.load({
 		* Registers into the official `settings.plugin.item` slot. It manages a list
 		* of audio channels (each with API URL, per-channel secret, and model/voice
 		* catalog), plus master switches.
+		*
+		* Channel management follows the DSH "模型" settings pattern: provider rows
+		* with a status dot and 编辑/删除 actions, and two equal-width add actions
+		* (「添加提供方」 / 「添加自定义提供方」) below. Both add and edit open the
+		* same inline editor card — provider select, API key, 自定义设置 (API 地址)
+		* and a 模型目录 with 「获取可用模型」 discovery and per-row model editing.
 		*/
 		var AudioGenSettingsCardController = class {
 			scope;
@@ -1803,110 +2013,580 @@ window.__ModuleLoader__.load({
 				};
 			}
 		};
-		function newChannelDraft(preset, existing) {
-			const id = `ch-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`;
-			if (preset === void 0) return {
-				id,
-				preset: "",
-				name: "",
-				apiUrl: "",
-				models: []
-			};
-			return {
-				id,
-				preset: preset.id,
-				name: preset.name,
-				apiUrl: preset.apiUrl,
-				models: preset.models.map((model) => ({ ...model }))
-			};
-		}
-		function modelsToText(models) {
-			return models.map((model) => `${model.alias}=${model.id}${model.category === void 0 ? "" : ` @${model.category}`}`).join("\n");
+		const MODEL_CATEGORIES = [
+			void 0,
+			"tts",
+			"music",
+			"sfx",
+			"voice_design",
+			"voice_clone"
+		];
+		function newChannelId() {
+			return `ch-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`;
 		}
-		function textToModels(text) {
-			return text.split(/\n|,/).map((line) => line.trim()).filter(Boolean).map((line) => {
-				const at = line.lastIndexOf(" @");
-				const category = at >= 0 ? line.slice(at + 2).trim() : void 0;
-				const body = at >= 0 ? line.slice(0, at).trim() : line;
-				const eq = body.indexOf("=");
-				const alias = eq >= 0 ? body.slice(0, eq).trim() : body.trim();
-				const id = eq >= 0 ? body.slice(eq + 1).trim() : alias;
+		/** Strip a draft before staging: empty rows removed, aliases default to ids. */
+		function cleanModels(models) {
+			const cleaned = models.map((model) => {
+				const alias = model.alias.trim();
+				const id = model.id.trim() === "" ? alias : model.id.trim();
+				if (alias === "" && id === "") return void 0;
 				return {
-					alias,
-					id: id === "" ? alias : id,
-					...category === void 0 || category === "" ? {} : { category }
+					alias: alias === "" ? id : alias,
+					id,
+					...model.category === void 0 ? {} : { category: model.category }
 				};
-			}).filter((model) => model.alias !== "");
+			}).filter((model) => model !== void 0);
+			return [...new Map(cleaned.map((model) => [model.alias, model])).values()];
 		}
-		function AudioGenSettingsCard(props) {
-			const { t } = props;
-			const state = props.useAudioGenSettingsCard((snapshot) => snapshot);
-			const [open, setOpen] = (0, react.useState)(false);
-			const [editingId, setEditingId] = (0, react.useState)(null);
-			const [presetPickerOpen, setPresetPickerOpen] = (0, react.useState)(false);
-			const [presets, setPresets] = (0, react.useState)([]);
-			const [presetError, setPresetError] = (0, react.useState)(null);
-			const [confirmDeleteId, setConfirmDeleteId] = (0, react.useState)(null);
+		/** Translate one key with interpolation (the injected `t` takes no values). */
+		function tpl(t, key, values) {
+			let text = t(key);
+			if (values === void 0) return text;
+			for (const [name, value] of Object.entries(values)) text = text.replaceAll(`{${name}}`, String(value));
+			return text;
+		}
+		function rowsOf(models) {
+			return models.map((model, index) => ({
+				...model,
+				rowKey: `m-${index}-${model.alias}-${model.id}`
+			}));
+		}
+		function ChannelEditor(props) {
+			const { t, writable, mode, presets } = props;
+			const [presetId, setPresetId] = (0, react.useState)(mode.kind === "add-provider" ? presets[0]?.id ?? "" : "");
+			const invited = (0, react.useMemo)(() => mode.kind === "add-provider" ? presets.find((preset) => preset.id === presetId) : void 0, [
+				mode,
+				presets,
+				presetId
+			]);
+			const [name, setName] = (0, react.useState)(props.channel?.name ?? invited?.name ?? "");
+			const [url, setUrl] = (0, react.useState)(props.channel?.apiUrl ?? invited?.apiUrl ?? "");
+			const [models, setModels] = (0, react.useState)(rowsOf(props.channel?.models ?? invited?.models ?? []));
+			const [key, setKey] = (0, react.useState)("");
+			const [keyAction, setKeyAction] = (0, react.useState)("none");
+			const [isDefault, setIsDefault] = (0, react.useState)(props.initiallyDefault);
 			const [discovering, setDiscovering] = (0, react.useState)(false);
 			const [discoverError, setDiscoverError] = (0, react.useState)(null);
-			const [editName, setEditName] = (0, react.useState)("");
-			const [editUrl, setEditUrl] = (0, react.useState)("");
-			const [editKey, setEditKey] = (0, react.useState)("");
-			const [editModels, setEditModels] = (0, react.useState)("");
-			const [editDefault, setEditDefault] = (0, react.useState)(false);
-			const channels = state.channels.channels;
-			const editing = editingId === null ? void 0 : channels.find((channel) => channel.id === editingId);
-			(0, react.useEffect)(() => {
-				if (editing === void 0) return;
-				setEditName(editing.name);
-				setEditUrl(editing.apiUrl);
-				setEditKey("");
-				setEditModels(modelsToText(editing.models));
-				setEditDefault(editing.id === state.channels.defaultChannelId);
-			}, [editingId, editing?.id]);
-			if (!state.available) return null;
-			const blocked = !state.dirty || state.invalid || state.saving || state.channels.saving;
-			const saveEdit = () => {
-				if (editingId === null) return;
-				const existing = channels.find((channel) => channel.id === editingId);
-				const models = textToModels(editModels);
-				const updated = {
-					id: editingId,
-					preset: existing?.preset ?? "",
-					name: editName.trim(),
-					apiUrl: editUrl.trim(),
-					models
+			const [candidates, setCandidates] = (0, react.useState)(null);
+			const [picked, setPicked] = (0, react.useState)(/* @__PURE__ */ new Set());
+			const [sourceNote, setSourceNote] = (0, react.useState)(null);
+			const usePreset = (preset) => {
+				setPresetId(preset?.id ?? "");
+				setName(preset?.name ?? "");
+				setUrl(preset?.apiUrl ?? "");
+				setModels(rowsOf(preset?.models ?? []));
+				setKey("");
+				setKeyAction("none");
+			};
+			const effectiveKeyHeld = props.keyHeld && keyAction !== "clear";
+			const save = () => {
+				const channel = {
+					id: props.channel?.id ?? newChannelId(),
+					preset: mode.kind === "edit" ? props.channel?.preset ?? "" : mode.kind === "add-custom" ? "" : invited?.id ?? "",
+					name: name.trim(),
+					apiUrl: url.trim(),
+					models: cleanModels(models)
 				};
-				const next = existing === void 0 ? [...channels, updated] : channels.map((channel) => channel.id === editingId ? updated : channel);
-				props.channels.setChannels(next);
-				if (editKey.trim() !== "") props.channels.setChannelKey(editingId, editKey.trim());
-				if (editDefault) props.channels.setDefaultChannel(editingId);
-				setEditingId(null);
+				const stagedKey = key.trim() !== "" ? key.trim() : keyAction === "clear" ? "" : void 0;
+				props.onSave(channel, stagedKey, isDefault);
 			};
-			const discoverModels = async () => {
-				if (editingId === null) return;
+			const discoverable = url.trim() !== "" && (key.trim() !== "" || effectiveKeyHeld);
+			const discover = async () => {
+				if (!discoverable) return;
 				setDiscovering(true);
 				setDiscoverError(null);
+				setSourceNote(null);
 				try {
-					channels.find((channel) => channel.id === editingId);
 					const response = await fetch(MODEL_API.discover, {
 						method: "POST",
 						headers: { "content-type": "application/json" },
 						body: JSON.stringify({
-							channelId: editingId,
-							...editUrl.trim() !== "" ? { apiUrl: editUrl.trim() } : {},
-							...editKey.trim() !== "" ? { apiKey: editKey.trim() } : {}
+							channelId: props.channel?.id ?? "preview",
+							preset: mode.kind === "add-provider" ? invited?.id ?? "" : props.channel?.preset ?? "",
+							apiUrl: url.trim(),
+							...key.trim() !== "" ? { apiKey: key.trim() } : {}
 						})
 					});
 					const body = await response.json();
 					if (body.ok !== true || body.models === void 0) throw new Error(body.message ?? `HTTP ${response.status}`);
-					setEditModels(modelsToText([...body.models, ...textToModels(editModels).filter((existingModel) => !body.models.some((model) => model.id === existingModel.id))]));
+					const known = new Set(models.map((model) => model.id.trim()).filter(Boolean));
+					const found = body.models.map((model) => ({
+						...model,
+						id: model.id.trim()
+					})).filter((model) => model.id !== "");
+					if (found.length === 0) {
+						setDiscoverError(t("channel.fetchEmpty"));
+						return;
+					}
+					setCandidates(found);
+					setPicked(new Set(found.filter((model) => !known.has(model.id)).map((model) => model.id)));
+					setSourceNote(body.source ?? null);
 				} catch (error) {
 					setDiscoverError(error instanceof Error ? error.message : String(error));
 				} finally {
 					setDiscovering(false);
 				}
 			};
+			const closeCandidates = () => {
+				setCandidates(null);
+				setPicked(/* @__PURE__ */ new Set());
+			};
+			const adoptCandidates = () => {
+				if (candidates === null) return;
+				const existing = [...models];
+				const byId = new Map(existing.map((model, index) => [model.id.trim(), {
+					model,
+					index
+				}]));
+				for (const candidate of candidates) {
+					const id = candidate.id.trim();
+					if (id === "" || !picked.has(id)) continue;
+					if (byId.has(id)) continue;
+					byId.set(id, {
+						model: {
+							rowKey: `m-${Date.now()}-${existing.length}`,
+							alias: candidate.alias,
+							id,
+							...candidate.category === void 0 ? {} : { category: candidate.category }
+						},
+						index: existing.length
+					});
+					existing.push(byId.get(id).model);
+				}
+				setModels(existing);
+				closeCandidates();
+			};
+			const patchModel = (index, next) => {
+				setModels(models.map((model, at) => at === index ? {
+					...model,
+					...next
+				} : model));
+			};
+			const presetPlaceholder = invited?.apiUrl ?? t("channel.apiUrlPlaceholder");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: settings_card_module_css_default.channelEditor,
+				children: [
+					mode.kind === "add-provider" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: settings_card_module_css_default.field,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+								className: settings_card_module_css_default.label,
+								htmlFor: "audiogen-editor-provider",
+								children: t("channel.provider")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+								id: "audiogen-editor-provider",
+								className: settings_card_module_css_default.select,
+								value: presetId,
+								disabled: !writable,
+								onChange: (event) => usePreset(presets.find((preset) => preset.id === event.target.value)),
+								children: presets.map((preset) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: preset.id,
+									children: preset.name
+								}, preset.id))
+							}),
+							invited?.site !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								className: settings_card_module_css_default.sectionHint,
+								children: [
+									t("channel.site"),
+									"：",
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+										className: settings_card_module_css_default.link,
+										href: invited.site,
+										target: "_blank",
+										rel: "noreferrer",
+										children: invited.site
+									})
+								]
+							}) : null
+						]
+					}) : null,
+					mode.kind === "add-custom" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: settings_card_module_css_default.field,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: settings_card_module_css_default.label,
+							children: t("channel.provider")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: settings_card_module_css_default.sectionHint,
+							children: [
+								t("channel.providerCustom"),
+								" — ",
+								t("channel.providerCustomHint")
+							]
+						})]
+					}) : null,
+					mode.kind === "edit" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: settings_card_module_css_default.editorHeader,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: settings_card_module_css_default.editorTitle,
+							children: props.channel?.name.trim() !== "" ? props.channel?.name : t("channels.untitled")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: settings_card_module_css_default.editorTag,
+							children: mode.kind === "edit" ? t("channel.editTitle") : ""
+						})]
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: settings_card_module_css_default.field,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							className: settings_card_module_css_default.label,
+							htmlFor: "audiogen-editor-name",
+							children: t("channel.name")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							id: "audiogen-editor-name",
+							className: settings_card_module_css_default.input,
+							value: name,
+							placeholder: t("channel.namePlaceholder"),
+							disabled: !writable,
+							onChange: (event) => setName(event.target.value)
+						})]
+					}),
+					/* @__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: "audiogen-editor-key",
+									children: t("channel.apiKey")
+								}), effectiveKeyHeld && key.trim() === "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: settings_card_module_css_default.reset,
+									disabled: !writable,
+									onClick: () => {
+										setKeyAction("clear");
+										setKey("");
+									},
+									children: t("channel.clearKey")
+								}) : null]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								id: "audiogen-editor-key",
+								className: settings_card_module_css_default.input,
+								type: "password",
+								value: key,
+								autoComplete: "off",
+								placeholder: effectiveKeyHeld ? "••••••••" : "",
+								disabled: !writable,
+								onChange: (event) => {
+									setKey(event.target.value);
+									if (event.target.value !== "") setKeyAction("none");
+								}
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: settings_card_module_css_default.sectionHint,
+								children: effectiveKeyHeld ? t("channel.apiKeyStoredHint") : t("channel.apiKeyHint")
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+						className: settings_card_module_css_default.customSettings,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", {
+							className: settings_card_module_css_default.customSettingsSummary,
+							children: t("channel.customSettings")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: settings_card_module_css_default.customSettingsBody,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: settings_card_module_css_default.field,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+										className: settings_card_module_css_default.label,
+										htmlFor: "audiogen-editor-url",
+										children: t("channel.apiUrl")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										id: "audiogen-editor-url",
+										className: settings_card_module_css_default.input,
+										type: "text",
+										value: url,
+										placeholder: presetPlaceholder,
+										disabled: !writable,
+										onChange: (event) => setUrl(event.target.value)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: settings_card_module_css_default.sectionHint,
+										children: t("channel.apiUrlHint")
+									})
+								]
+							})
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelCatalog, {
+						t,
+						writable,
+						models,
+						discoverable,
+						discovering,
+						discoverError,
+						candidates,
+						picked,
+						sourceNote,
+						onPatchModel: patchModel,
+						onRemoveModel: (index) => setModels(models.filter((_model, at) => at !== index)),
+						onAddModel: () => setModels([...models, {
+							rowKey: `m-${Date.now()}-${models.length}`,
+							alias: "",
+							id: ""
+						}]),
+						onDiscover: () => void discover(),
+						onTogglePicked: (id) => {
+							setPicked((current) => {
+								const next = new Set(current);
+								if (!next.delete(id)) next.add(id);
+								return next;
+							});
+						},
+						onToggleAllPicked: () => {
+							setPicked((current) => candidates !== null && candidates.length > 0 && candidates.every((candidate) => current.has(candidate.id)) ? /* @__PURE__ */ new Set() : new Set((candidates ?? []).map((candidate) => candidate.id)));
+						},
+						onAdopt: () => adoptCandidates(),
+						onCloseCandidates: closeCandidates
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+						className: settings_card_module_css_default.field,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: settings_card_module_css_default.label,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: isDefault,
+									disabled: !writable,
+									onChange: (event) => setIsDefault(event.target.checked)
+								}),
+								" ",
+								t("channel.default")
+							]
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: settings_card_module_css_default.editorFooter,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: settings_card_module_css_default.discard,
+							onClick: props.onCancel,
+							children: t("channel.cancel")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: settings_card_module_css_default.save,
+							onClick: save,
+							children: t("channel.save")
+						})]
+					})
+				]
+			});
+		}
+		function ModelCatalog(props) {
+			const { t, writable, models, discoverable, discovering, candidates, picked } = props;
+			const allPicked = candidates !== null && candidates.length > 0 && candidates.every((candidate) => picked.has(candidate.id));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: settings_card_module_css_default.modelCatalog,
+				"aria-label": t("channel.modelsTitle"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: settings_card_module_css_default.modelCatalogHead,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: settings_card_module_css_default.modelCatalogTitle,
+							children: t("channel.modelsTitle")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: settings_card_module_css_default.modelCatalogMeta,
+							children: models.length > 0 ? tpl(t, "channel.modelsCount", { n: models.length }) : t("channel.modelsNone")
+						})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: settings_card_module_css_default.linkButton,
+							disabled: !writable || discovering || !discoverable,
+							title: discoverable ? void 0 : t("channel.discoverNeedsUrlKey"),
+							onClick: props.onDiscover,
+							children: discovering ? t("channel.fetchingModels") : t("channel.fetchModels")
+						})]
+					}),
+					models.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: settings_card_module_css_default.modelEmpty,
+						children: t("channel.modelsEmpty")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						className: settings_card_module_css_default.modelRows,
+						children: models.map((model, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+							className: settings_card_module_css_default.modelRow,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: `${settings_card_module_css_default.input} ${settings_card_module_css_default.modelInput}`,
+									type: "text",
+									value: model.alias,
+									placeholder: t("channel.modelAlias"),
+									"aria-label": `${t("channel.modelAlias")} ${index + 1}`,
+									disabled: !writable,
+									onChange: (event) => props.onPatchModel(index, { alias: event.target.value })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: settings_card_module_css_default.modelArrow,
+									"aria-hidden": "true",
+									children: "→"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: `${settings_card_module_css_default.input} ${settings_card_module_css_default.modelInput}`,
+									type: "text",
+									value: model.id,
+									placeholder: t("channel.modelId"),
+									"aria-label": `${t("channel.modelId")} ${index + 1}`,
+									disabled: !writable,
+									onChange: (event) => props.onPatchModel(index, { id: event.target.value })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+									className: `${settings_card_module_css_default.select} ${settings_card_module_css_default.modelCategorySelect}`,
+									value: model.category ?? "",
+									"aria-label": `${t("channel.modelCategory")} ${index + 1}`,
+									disabled: !writable,
+									onChange: (event) => {
+										const value = event.target.value;
+										props.onPatchModel(index, value === "" ? { category: void 0 } : { category: value });
+									},
+									children: MODEL_CATEGORIES.map((category) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: category ?? "",
+										children: category === void 0 ? t("channel.category.auto") : t(`channel.category.${category}`)
+									}, category ?? "auto"))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: settings_card_module_css_default.modelRowRemove,
+									"aria-label": t("channel.removeModel"),
+									disabled: !writable,
+									onClick: () => props.onRemoveModel(index),
+									children: "×"
+								})
+							]
+						}, `${model.rowKey}-${index}`))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: settings_card_module_css_default.modelCatalogTools,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: settings_card_module_css_default.addModel,
+							disabled: !writable,
+							onClick: props.onAddModel,
+							children: t("channel.addModel")
+						})
+					}),
+					props.sourceNote !== null && props.candidates !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: settings_card_module_css_default.detectOk,
+						children: tpl(t, "channel.discoverSource", { source: props.sourceNote })
+					}) : null,
+					props.discoverError !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: settings_card_module_css_default.failed,
+						children: props.discoverError
+					}) : null,
+					candidates === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: settings_card_module_css_default.candidatePanel,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: settings_card_module_css_default.candidateHead,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: settings_card_module_css_default.candidateTitle,
+									children: tpl(t, "channel.candidates", { n: candidates.length })
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: settings_card_module_css_default.linkButton,
+									onClick: props.onToggleAllPicked,
+									children: allPicked ? t("channel.clearSelection") : t("channel.selectAll")
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+								className: settings_card_module_css_default.candidateList,
+								children: candidates.map((candidate) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+									className: settings_card_module_css_default.candidate,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										className: settings_card_module_css_default.candidateLabel,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "checkbox",
+												checked: picked.has(candidate.id),
+												disabled: models.some((model) => model.id.trim() === candidate.id),
+												onChange: () => props.onTogglePicked(candidate.id)
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: settings_card_module_css_default.candidateId,
+												children: candidate.alias === candidate.id ? candidate.id : `${candidate.alias}（${candidate.id}）`
+											}),
+											candidate.category !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: settings_card_module_css_default.modelBadge,
+												children: t(`channel.category.${candidate.category}`)
+											}) : null
+										]
+									})
+								}, candidate.id))
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: settings_card_module_css_default.candidateActions,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: settings_card_module_css_default.discard,
+									onClick: props.onCloseCandidates,
+									children: t("channel.cancel")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: settings_card_module_css_default.save,
+									onClick: props.onAdopt,
+									children: tpl(t, "channel.adoptSelected", { n: Array.from(picked).length })
+								})]
+							})
+						]
+					})
+				]
+			});
+		}
+		function AudioGenSettingsCard(props) {
+			const { t } = props;
+			const state = props.useAudioGenSettingsCard((snapshot) => snapshot);
+			const [open, setOpen] = (0, react.useState)(false);
+			const [editor, setEditor] = (0, react.useState)(null);
+			const [presets, setPresets] = (0, react.useState)([]);
+			const [presetLoading, setPresetLoading] = (0, react.useState)(false);
+			const [presetError, setPresetError] = (0, react.useState)(null);
+			const [confirmDeleteId, setConfirmDeleteId] = (0, react.useState)(null);
+			const channels = state.channels.channels;
+			const editingChannel = editor !== null && editor.kind === "edit" ? channels.find((channel) => channel.id === editor.channelId) : void 0;
+			(0, react.useEffect)(() => {
+				if (editor?.kind === "add-provider" && presets.length === 0 && presetError === null && !presetLoading) {
+					setPresetLoading(true);
+					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))).finally(() => setPresetLoading(false));
+				}
+			}, [
+				editor,
+				presets.length,
+				presetError,
+				presetLoading
+			]);
+			if (!state.available) return null;
+			const blocked = !state.dirty || state.invalid || state.saving || state.channels.saving;
+			const closeEditor = () => {
+				setEditor(null);
+			};
+			const saveEditor = (channel, key, isDefault) => {
+				const next = channels.some((candidate) => candidate.id === channel.id) ? channels.map((candidate) => candidate.id === channel.id ? channel : candidate) : [...channels, channel];
+				props.channels.setChannels(next);
+				if (key !== void 0) props.channels.setChannelKey(channel.id, key);
+				if (isDefault) props.channels.setDefaultChannel(channel.id);
+				closeEditor();
+			};
+			const removeChannel = (channel) => {
+				const isDefault = channel.id === state.channels.defaultChannelId;
+				const next = channels.filter((candidate) => candidate.id !== channel.id);
+				props.channels.setChannels(next);
+				if (isDefault && next.length > 0) props.channels.setDefaultChannel(next[0].id);
+				setConfirmDeleteId(null);
+				if (editor?.kind === "edit" && editor.channelId === channel.id) closeEditor();
+			};
+			const openAddProvider = () => {
+				setPresetError(null);
+				setEditor({ kind: "add-provider" });
+			};
+			const openAddCustom = () => {
+				setPresetError(null);
+				setEditor({ kind: "add-custom" });
+			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 				className: settings_card_module_css_default.card,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -1984,15 +2664,7 @@ window.__ModuleLoader__.load({
 													type: "button",
 													className: settings_card_module_css_default.channelDanger,
 													disabled: !state.writable,
-													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);
-													},
+													onClick: () => removeChannel(channel),
 													children: t("channels.confirm")
 												}),
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -2015,7 +2687,12 @@ window.__ModuleLoader__.load({
 													type: "button",
 													className: settings_card_module_css_default.channelMain,
 													disabled: !state.writable,
-													onClick: () => setEditingId(channel.id),
+													onClick: () => {
+														setEditor({
+															kind: "edit",
+															channelId: 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")
@@ -2038,7 +2715,12 @@ window.__ModuleLoader__.load({
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 													type: "button",
 													className: settings_card_module_css_default.channelAction,
-													onClick: () => setEditingId(channel.id),
+													onClick: () => {
+														setEditor({
+															kind: "edit",
+															channelId: channel.id
+														});
+													},
 													children: t("channels.edit")
 												}),
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -2052,208 +2734,45 @@ window.__ModuleLoader__.load({
 										}, channel.id);
 									})
 								}),
-								presetPickerOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: settings_card_module_css_default.channelControls,
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: settings_card_module_css_default.sectionHint,
-											children: t("presets.title")
-										}),
-										presetError !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: settings_card_module_css_default.failed,
-											children: presetError
-										}) : null,
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: settings_card_module_css_default.channelAddRow,
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													className: settings_card_module_css_default.channelAdd,
-													onClick: () => {
-														setPresets([]);
-														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)));
-													},
-													children: t("channels.addProvider")
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													className: settings_card_module_css_default.channelAdd,
-													onClick: () => {
-														const draft = newChannelDraft(void 0, channels);
-														props.channels.setChannels([...channels, draft]);
-														setPresetPickerOpen(false);
-														setEditingId(draft.id);
-													},
-													children: t("channels.addCustom")
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													className: settings_card_module_css_default.channelAction,
-													onClick: () => setPresetPickerOpen(false),
-													children: "×"
-												})
-											]
-										}),
-										presets.map((preset) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-											type: "button",
-											className: settings_card_module_css_default.channelAdd,
-											onClick: () => {
-												const draft = newChannelDraft(preset, channels);
-												props.channels.setChannels([...channels, draft]);
-												setPresetPickerOpen(false);
-												setEditingId(draft.id);
-											},
-											children: [
-												preset.name,
-												" — ",
-												preset.hint
-											]
-										}, preset.id))
-									]
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								presetError !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: settings_card_module_css_default.failed,
+									children: presetError
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: settings_card_module_css_default.channelAddRow,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
 										className: settings_card_module_css_default.channelAdd,
 										disabled: !state.writable,
-										onClick: () => {
-											setPresetError(null);
-											setPresetPickerOpen(true);
-										},
-										children: t("channels.addProvider")
+										onClick: openAddProvider,
+										children: presetLoading ? t("channels.addProviderLoading") : t("channels.addProvider")
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
 										className: settings_card_module_css_default.channelAdd,
 										disabled: !state.writable,
-										onClick: () => {
-											const draft = newChannelDraft(void 0, channels);
-											props.channels.setChannels([...channels, draft]);
-											setEditingId(draft.id);
-										},
+										onClick: openAddCustom,
 										children: t("channels.addCustom")
 									})]
-								})
-							]
-						}),
-						editing !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: settings_card_module_css_default.body,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: settings_card_module_css_default.field,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-										className: settings_card_module_css_default.label,
-										htmlFor: `audiogen-name-${editing.id}`,
-										children: t("channel.name")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										id: `audiogen-name-${editing.id}`,
-										className: settings_card_module_css_default.input,
-										value: editName,
-										onChange: (event) => setEditName(event.target.value)
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: settings_card_module_css_default.field,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-										className: settings_card_module_css_default.label,
-										htmlFor: `audiogen-url-${editing.id}`,
-										children: t("channel.apiUrl")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										id: `audiogen-url-${editing.id}`,
-										className: settings_card_module_css_default.input,
-										value: editUrl,
-										onChange: (event) => setEditUrl(event.target.value),
-										placeholder: "https://…"
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: settings_card_module_css_default.field,
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-											className: settings_card_module_css_default.label,
-											htmlFor: `audiogen-key-${editing.id}`,
-											children: t("channel.apiKey")
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-											id: `audiogen-key-${editing.id}`,
-											className: settings_card_module_css_default.input,
-											type: "password",
-											value: editKey,
-											onChange: (event) => setEditKey(event.target.value),
-											placeholder: state.channels.keySet[editing.id] ? "••••••" : ""
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: settings_card_module_css_default.sectionHint,
-											children: t("channel.apiKeyHint")
-										})
-									]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: settings_card_module_css_default.field,
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-											className: settings_card_module_css_default.label,
-											htmlFor: `audiogen-models-${editing.id}`,
-											children: t("channel.models")
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-											id: `audiogen-models-${editing.id}`,
-											className: settings_card_module_css_default.textarea,
-											value: editModels,
-											onChange: (event) => setEditModels(event.target.value)
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: settings_card_module_css_default.sectionHint,
-											children: t("channel.modelsHint")
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: settings_card_module_css_default.channelAddRow,
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-												type: "button",
-												className: settings_card_module_css_default.channelAdd,
-												disabled: discovering || !state.writable,
-												onClick: () => void discoverModels(),
-												children: discovering ? "获取中…" : "获取可用模型"
-											})
-										}),
-										discoverError !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: settings_card_module_css_default.failed,
-											children: discoverError
-										}) : null
-									]
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: settings_card_module_css_default.label,
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-											type: "checkbox",
-											checked: editDefault,
-											onChange: (event) => setEditDefault(event.target.checked)
-										}),
-										" ",
-										t("channel.default")
-									]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: settings_card_module_css_default.footer,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: settings_card_module_css_default.discard,
-										onClick: () => setEditingId(null),
-										children: t("channel.cancel")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: settings_card_module_css_default.save,
-										onClick: saveEdit,
-										children: t("channel.save")
-									})]
-								})
+								editor !== null ? editor.kind === "add-provider" && presets.length === 0 && presetError === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: settings_card_module_css_default.sectionHint,
+									children: presetLoading ? t("channels.addProviderLoading") : t("channels.addProviderFailed")
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: settings_card_module_css_default.editorWrap,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChannelEditor, {
+										t,
+										writable: state.writable,
+										mode: editor,
+										channel: editingChannel,
+										keyHeld: editor.kind === "edit" ? state.channels.keySet[editor.channelId] === true : false,
+										presets,
+										initiallyDefault: editor.kind === "edit" ? editor.channelId === state.channels.defaultChannelId : channels.length === 0,
+										onCancel: closeEditor,
+										onSave: saveEditor
+									}, editor.kind === "edit" ? `edit-${editor.channelId}` : editor.kind)
+								}) : null
 							]
-						}) : null,
+						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: settings_card_module_css_default.field,
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
@@ -2344,17 +2863,17 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var audio_toolview_module_css_default = {
+			"audioRow": "_7K1QKa_audioRow",
+			"status": "_7K1QKa_status",
+			"audio": "_7K1QKa_audio",
 			"message": "_7K1QKa_message",
-			"audios": "_7K1QKa_audios",
 			"download": "_7K1QKa_download",
-			"icon": "_7K1QKa_icon",
+			"audios": "_7K1QKa_audios",
 			"error": "_7K1QKa_error",
-			"status": "_7K1QKa_status",
-			"header": "_7K1QKa_header",
-			"audioRow": "_7K1QKa_audioRow",
-			"empty": "_7K1QKa_empty",
+			"icon": "_7K1QKa_icon",
 			"root": "_7K1QKa_root",
-			"audio": "_7K1QKa_audio"
+			"header": "_7K1QKa_header",
+			"empty": "_7K1QKa_empty"
 		};
 		//#endregion
 		//#region src/client/audio-toolview.tsx