dsh-audiogen 0.2.0 → 0.3.0

package/lib/client.js

@@ -93,7 +93,8 @@ window.__ModuleLoader__.load({
 			"mode.tts": "文本转语音",
 			"mode.music": "音乐生成",
 			"mode.sfx": "音效生成",
-			"prompt.placeholder": "输入要朗读的文本，或描述想生成的音乐 / 音效…",
+			"mode.voiceDesign": "音色设计",
+			"prompt.placeholder": "输入文本、音乐/音效描述，或音色设计描述…",
 			"prompt.required": "请输入文本或提示词",
 			"model.label": "模型 / 音色",
 			"voice.label": "音色",
@@ -156,7 +157,8 @@ window.__ModuleLoader__.load({
 			"mode.tts": "Text to speech",
 			"mode.music": "Music",
 			"mode.sfx": "Sound effects",
-			"prompt.placeholder": "Text to speak, or a description of the music / sound effect…",
+			"mode.voiceDesign": "Voice design",
+			"prompt.placeholder": "Text to speak, or a music/SFX/voice-design description…",
 			"prompt.required": "Prompt or text is required",
 			"model.label": "Model / voice",
 			"voice.label": "Voice",
@@ -472,38 +474,40 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var audio_panel_module_css_default = {
-			"historyItem": "Oo1fpq_historyItem",
-			"form": "Oo1fpq_form",
 			"label": "Oo1fpq_label",
-			"textarea": "Oo1fpq_textarea",
-			"header": "Oo1fpq_header",
-			"empty": "Oo1fpq_empty",
-			"audio": "Oo1fpq_audio",
-			"result": "Oo1fpq_result",
 			"input": "Oo1fpq_input",
 			"panel": "Oo1fpq_panel",
-			"modeButton": "Oo1fpq_modeButton",
-			"hint": "Oo1fpq_hint",
-			"audioList": "Oo1fpq_audioList",
-			"history": "Oo1fpq_history",
 			"historyTitle": "Oo1fpq_historyTitle",
-			"title": "Oo1fpq_title",
-			"select": "Oo1fpq_select",
-			"error": "Oo1fpq_error",
+			"historyMeta": "Oo1fpq_historyMeta",
 			"historyEmpty": "Oo1fpq_historyEmpty",
-			"audioCard": "Oo1fpq_audioCard",
+			"generate": "Oo1fpq_generate",
+			"audioList": "Oo1fpq_audioList",
+			"hint": "Oo1fpq_hint",
+			"error": "Oo1fpq_error",
+			"download": "Oo1fpq_download",
+			"result": "Oo1fpq_result",
 			"layout": "Oo1fpq_layout",
+			"history": "Oo1fpq_history",
+			"historyItem": "Oo1fpq_historyItem",
 			"modeRow": "Oo1fpq_modeRow",
-			"historyMeta": "Oo1fpq_historyMeta",
-			"generate": "Oo1fpq_generate",
+			"modeButton": "Oo1fpq_modeButton",
 			"historyAudio": "Oo1fpq_historyAudio",
-			"download": "Oo1fpq_download",
-			"historyPrompt": "Oo1fpq_historyPrompt"
+			"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"
 		};
 		//#endregion
 		//#region src/client/AudioGenPanel.tsx
 		/**
 		* The AI 音频 panel: a compact audio-generation studio.
+		* TTS / music / SFX / voice design are separated; each mode only lists
+		* compatible models and shows its own parameters.
 		*/
 		function useConfig(scope) {
 			const [value, setValue] = (0, react.useState)(scope.getSnapshot().value);
@@ -543,10 +547,11 @@ window.__ModuleLoader__.load({
 			const channels = config?.channels ?? [];
 			const connected = enabled && channels.some((channel) => {
 				const keyHeld = scope.getSecretSetSnapshot(`channelSecrets.${channel.id}`);
-				return channel.apiUrl.trim() !== "" && keyHeld && channel.models.length > 0;
+				return channel.apiUrl.trim() !== "" && keyHeld && (channel.models.length > 0 || channel.preset === "minimax");
 			});
 			const [mode, setMode] = (0, react.useState)("tts");
 			const [prompt, setPrompt] = (0, react.useState)("");
+			const [previewText, setPreviewText] = (0, react.useState)("");
 			const [model, setModel] = (0, react.useState)("");
 			const [voice, setVoice] = (0, react.useState)("");
 			const [speed, setSpeed] = (0, react.useState)("");
@@ -556,7 +561,10 @@ window.__ModuleLoader__.load({
 			const [error, setError] = (0, react.useState)(null);
 			const [outputs, setOutputs] = (0, react.useState)([]);
 			const { entries, reload, clear } = useHistory();
-			const visibleModels = (0, react.useMemo)(() => modelOptions.models.filter((entry) => entry.category === void 0 || entry.category === "tts" && mode === "tts" || entry.category === mode).map((entry) => entry.alias), [modelOptions.models, mode]);
+			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);
+			}, [modelOptions.models, mode]);
 			(0, react.useEffect)(() => {
 				if (visibleModels.length > 0 && !visibleModels.includes(model)) setModel(visibleModels[0]);
 			}, [visibleModels, model]);
@@ -572,6 +580,7 @@ window.__ModuleLoader__.load({
 						mode,
 						model: (model || visibleModels[0]) ?? "",
 						prompt: prompt.trim(),
+						...previewText.trim() !== "" ? { previewText: previewText.trim() } : {},
 						...voice.trim() !== "" ? { voice: voice.trim() } : {},
 						...speed.trim() !== "" ? { speed: Number(speed) } : {},
 						...duration.trim() !== "" ? { duration: Number(duration) } : {},
@@ -592,8 +601,10 @@ window.__ModuleLoader__.load({
 			const modeLabel = (0, react.useMemo)(() => {
 				if (mode === "tts") return tt("mode.tts");
 				if (mode === "music") return tt("mode.music");
-				return tt("mode.sfx");
+				if (mode === "sfx") return tt("mode.sfx");
+				return tt("mode.voiceDesign");
 			}, [mode]);
+			const needModel = mode !== "voice_design";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: audio_panel_module_css_default.panel,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
@@ -616,25 +627,35 @@ window.__ModuleLoader__.load({
 									children: [
 										"tts",
 										"music",
-										"sfx"
+										"sfx",
+										"voice_design"
 									].map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
 										className: audio_panel_module_css_default.modeButton,
 										"data-active": mode === item ? "true" : "false",
 										onClick: () => setMode(item),
-										children: item === "tts" ? tt("mode.tts") : item === "music" ? tt("mode.music") : tt("mode.sfx")
+										children: item === "tts" ? tt("mode.tts") : item === "music" ? tt("mode.music") : item === "sfx" ? tt("mode.sfx") : tt("mode.voiceDesign")
 									}, item))
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 									className: audio_panel_module_css_default.label,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: mode === "tts" ? "文本" : "提示词" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: mode === "voice_design" ? "音色描述" : mode === "tts" ? "文本" : "提示词" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
 										className: audio_panel_module_css_default.textarea,
 										value: prompt,
 										onChange: (event) => setPrompt(event.target.value),
 										placeholder: tt("prompt.placeholder")
 									})]
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								mode === "voice_design" ? /* @__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,
+										value: previewText,
+										onChange: (event) => setPreviewText(event.target.value),
+										placeholder: "你好，这是新设计的音色试听。"
+									})]
+								}) : 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("model.label") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 										className: audio_panel_module_css_default.select,
@@ -648,7 +669,7 @@ window.__ModuleLoader__.load({
 											children: item
 										}, item))]
 									})]
-								}),
+								}) : null,
 								mode === "tts" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 									className: audio_panel_module_css_default.label,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tt("voice.label") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
@@ -658,7 +679,7 @@ window.__ModuleLoader__.load({
 										placeholder: "alloy / 自定义音色"
 									})]
 								}) : null,
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								mode === "tts" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 									className: audio_panel_module_css_default.label,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tt("speed.label") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 										className: audio_panel_module_css_default.input,
@@ -670,8 +691,8 @@ window.__ModuleLoader__.load({
 										onChange: (event) => setSpeed(event.target.value),
 										placeholder: "1.0"
 									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								}) : 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", {
 										className: audio_panel_module_css_default.input,
@@ -683,8 +704,8 @@ window.__ModuleLoader__.load({
 										onChange: (event) => setDuration(event.target.value),
 										placeholder: "30"
 									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								}) : 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", {
 										className: audio_panel_module_css_default.select,
@@ -713,7 +734,7 @@ window.__ModuleLoader__.load({
 											})
 										]
 									})]
-								}),
+								}) : null,
 								!connected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 									className: audio_panel_module_css_default.hint,
 									children: tt("config.missing")
@@ -721,7 +742,7 @@ window.__ModuleLoader__.load({
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: audio_panel_module_css_default.generate,
-									disabled: loading || !connected || visibleModels.length === 0,
+									disabled: loading || !connected || needModel && visibleModels.length === 0,
 									onClick: () => void submit(),
 									children: loading ? tt("generating") : tt("generate")
 								})
@@ -742,17 +763,24 @@ window.__ModuleLoader__.load({
 								className: audio_panel_module_css_default.audioList,
 								children: outputs.map((audio, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: audio_panel_module_css_default.audioCard,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("audio", {
-										className: audio_panel_module_css_default.audio,
-										controls: true,
-										preload: "metadata",
-										src: dataUrlOf(audio)
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-										className: audio_panel_module_css_default.download,
-										href: dataUrlOf(audio),
-										download: `generated-${index + 1}.${audio.mime.split("/")[1]?.replace("mpeg", "mp3") ?? "mp3"}`,
-										children: "下载"
-									})]
+									children: [
+										audio.voiceId !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+											className: audio_panel_module_css_default.hint,
+											children: ["新音色 ID：", audio.voiceId]
+										}) : null,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("audio", {
+											className: audio_panel_module_css_default.audio,
+											controls: true,
+											preload: "metadata",
+											src: dataUrlOf(audio)
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+											className: audio_panel_module_css_default.download,
+											href: dataUrlOf(audio),
+											download: `generated-${index + 1}.${audio.mime.split("/")[1]?.replace("mpeg", "mp3") ?? "mp3"}`,
+											children: "下载"
+										})
+									]
 								}, audio.id))
 							})] })]
 						}),
@@ -819,167 +847,167 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var panel_module_css_default = {
-			"optionGrid": "rwa6qG_optionGrid",
-			"lightboxCopy": "rwa6qG_lightboxCopy",
-			"galleryBulkButton": "rwa6qG_galleryBulkButton",
-			"canvas": "rwa6qG_canvas",
-			"historyClear": "rwa6qG_historyClear",
-			"gallerySort": "rwa6qG_gallerySort",
-			"lightboxActions": "rwa6qG_lightboxActions",
-			"promptCount": "rwa6qG_promptCount",
-			"reference": "rwa6qG_reference",
-			"galleryWorkspace": "rwa6qG_galleryWorkspace",
-			"galleryTagFilterList": "rwa6qG_galleryTagFilterList",
-			"gallerySearch": "rwa6qG_gallerySearch",
-			"zoomHint": "rwa6qG_zoomHint",
-			"paramGroup": "rwa6qG_paramGroup",
-			"modelWrap": "rwa6qG_modelWrap",
-			"comparisonFullscreen": "rwa6qG_comparisonFullscreen",
+			"referenceActions": "rwa6qG_referenceActions",
+			"taskRows": "rwa6qG_taskRows",
+			"canvasError": "rwa6qG_canvasError",
+			"galleryRatioList": "rwa6qG_galleryRatioList",
+			"historyTitle": "rwa6qG_historyTitle",
 			"studio": "rwa6qG_studio",
-			"lightboxClose": "rwa6qG_lightboxClose",
-			"lightboxCaptionRow": "rwa6qG_lightboxCaptionRow",
-			"historyInfo": "rwa6qG_historyInfo",
-			"generateInner": "rwa6qG_generateInner",
-			"bigSpinner": "rwa6qG_bigSpinner",
-			"galleryTagEditor": "rwa6qG_galleryTagEditor",
-			"hiddenFile": "rwa6qG_hiddenFile",
+			"taskRow": "rwa6qG_taskRow",
 			"templatesButton": "rwa6qG_templatesButton",
-			"lightboxZoomLevel": "rwa6qG_lightboxZoomLevel",
-			"canvasBody": "rwa6qG_canvasBody",
-			"lightboxStage": "rwa6qG_lightboxStage",
-			"download": "rwa6qG_download",
-			"galleryCardFooter": "rwa6qG_galleryCardFooter",
-			"canvasError": "rwa6qG_canvasError",
-			"lightboxMeta": "rwa6qG_lightboxMeta",
-			"image": "rwa6qG_image",
-			"historyList": "rwa6qG_historyList",
+			"gallerySearch": "rwa6qG_gallerySearch",
+			"taskTray": "rwa6qG_taskTray",
+			"updateActions": "rwa6qG_updateActions",
+			"paramHint": "rwa6qG_paramHint",
+			"connectionDot": "rwa6qG_connectionDot",
+			"panelHeading": "rwa6qG_panelHeading",
+			"historyClear": "rwa6qG_historyClear",
+			"panelHeader": "rwa6qG_panelHeader",
+			"modePill": "rwa6qG_modePill",
+			"historyInfo": "rwa6qG_historyInfo",
+			"canvasState": "rwa6qG_canvasState",
+			"canvasStateTitle": "rwa6qG_canvasStateTitle",
+			"card": "rwa6qG_card",
+			"dshImageGenToastIn": "rwa6qG_dshImageGenToastIn",
+			"configGuideBody": "rwa6qG_configGuideBody",
 			"modelMenuItem": "rwa6qG_modelMenuItem",
-			"optionPill": "rwa6qG_optionPill",
-			"canvasMeta": "rwa6qG_canvasMeta",
-			"galleryFilter": "rwa6qG_galleryFilter",
-			"lightboxFigure": "rwa6qG_lightboxFigure",
-			"compareToggle": "rwa6qG_compareToggle",
-			"entry": "rwa6qG_entry",
-			"paramLabel": "rwa6qG_paramLabel",
-			"galleryClear": "rwa6qG_galleryClear",
-			"historyMeta": "rwa6qG_historyMeta",
-			"taskPrompt": "rwa6qG_taskPrompt",
-			"modeRow": "rwa6qG_modeRow",
-			"githubLink": "rwa6qG_githubLink",
-			"lightboxCaption": "rwa6qG_lightboxCaption",
-			"galleryFilterNote": "rwa6qG_galleryFilterNote",
-			"galleryViewToggle": "rwa6qG_galleryViewToggle",
+			"galleryRatio": "rwa6qG_galleryRatio",
+			"galleryTagFilterList": "rwa6qG_galleryTagFilterList",
 			"comparisonImageButton": "rwa6qG_comparisonImageButton",
-			"taskTrayCount": "rwa6qG_taskTrayCount",
-			"taskStatus": "rwa6qG_taskStatus",
-			"view": "rwa6qG_view",
-			"lightboxTools": "rwa6qG_lightboxTools",
-			"comparisonBoard": "rwa6qG_comparisonBoard",
+			"comparisonFullscreenGrid": "rwa6qG_comparisonFullscreenGrid",
+			"promptFooter": "rwa6qG_promptFooter",
+			"galleryFilter": "rwa6qG_galleryFilter",
 			"gallerySelect": "rwa6qG_gallerySelect",
-			"canvasEmptyIcon": "rwa6qG_canvasEmptyIcon",
+			"galleryMasonry": "rwa6qG_galleryMasonry",
+			"historyFilters": "rwa6qG_historyFilters",
+			"history": "rwa6qG_history",
+			"uploadIcon": "rwa6qG_uploadIcon",
+			"historyAction": "rwa6qG_historyAction",
+			"lightboxCopy": "rwa6qG_lightboxCopy",
+			"comparisonBoard": "rwa6qG_comparisonBoard",
+			"historyEmpty": "rwa6qG_historyEmpty",
+			"galleryTagFilter": "rwa6qG_galleryTagFilter",
+			"image": "rwa6qG_image",
+			"canvasStateHint": "rwa6qG_canvasStateHint",
 			"galleryAdd": "rwa6qG_galleryAdd",
-			"modelSelect": "rwa6qG_modelSelect",
-			"uploadHint": "rwa6qG_uploadHint",
-			"galleryFilterCount": "rwa6qG_galleryFilterCount",
-			"updateActions": "rwa6qG_updateActions",
 			"config": "rwa6qG_config",
-			"lightboxDownload": "rwa6qG_lightboxDownload",
-			"lightboxNav": "rwa6qG_lightboxNav",
-			"historyEmpty": "rwa6qG_historyEmpty",
-			"galleryToolbar": "rwa6qG_galleryToolbar",
-			"galleryHeading": "rwa6qG_galleryHeading",
-			"comparisonFullscreenGrid": "rwa6qG_comparisonFullscreenGrid",
-			"taskTrayChevron": "rwa6qG_taskTrayChevron",
-			"galleryTagEdit": "rwa6qG_galleryTagEdit",
-			"updateRelease": "rwa6qG_updateRelease",
-			"updateText": "rwa6qG_updateText",
-			"historyThumbPlaceholder": "rwa6qG_historyThumbPlaceholder",
-			"panel": "rwa6qG_panel",
-			"imageCard": "rwa6qG_imageCard",
-			"galleryBadge": "rwa6qG_galleryBadge",
-			"paramHint": "rwa6qG_paramHint",
-			"configScroll": "rwa6qG_configScroll",
-			"modePill": "rwa6qG_modePill",
-			"historyFilters": "rwa6qG_historyFilters",
+			"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",
-			"footer": "rwa6qG_footer",
-			"imageCaption": "rwa6qG_imageCaption",
-			"panelHeading": "rwa6qG_panelHeading",
-			"compareModelChoices": "rwa6qG_compareModelChoices",
+			"galleryToast": "rwa6qG_galleryToast",
+			"optionPill": "rwa6qG_optionPill",
+			"lightboxScaleFrame": "rwa6qG_lightboxScaleFrame",
+			"galleryHeading": "rwa6qG_galleryHeading",
 			"compareControl": "rwa6qG_compareControl",
-			"historySearch": "rwa6qG_historySearch",
-			"galleryCard": "rwa6qG_galleryCard",
-			"uploadBox": "rwa6qG_uploadBox",
-			"galleryAvatar": "rwa6qG_galleryAvatar",
-			"taskTray": "rwa6qG_taskTray",
-			"historyItem": "rwa6qG_historyItem",
-			"promptFooter": "rwa6qG_promptFooter",
-			"canvasStateTitle": "rwa6qG_canvasStateTitle",
-			"lightboxTool": "rwa6qG_lightboxTool",
-			"galleryFilterDivider": "rwa6qG_galleryFilterDivider",
-			"historyActions": "rwa6qG_historyActions",
-			"modelMenuList": "rwa6qG_modelMenuList",
-			"historyPrompt": "rwa6qG_historyPrompt",
-			"taskRows": "rwa6qG_taskRows",
-			"configGuideBody": "rwa6qG_configGuideBody",
+			"imageCaption": "rwa6qG_imageCaption",
+			"promptCount": "rwa6qG_promptCount",
+			"lightboxStage": "rwa6qG_lightboxStage",
+			"updateRelease": "rwa6qG_updateRelease",
+			"lightboxDownload": "rwa6qG_lightboxDownload",
+			"gallerySelectMode": "rwa6qG_gallerySelectMode",
+			"compareToggle": "rwa6qG_compareToggle",
 			"grid": "rwa6qG_grid",
-			"modelLabel": "rwa6qG_modelLabel",
-			"uploadIcon": "rwa6qG_uploadIcon",
-			"galleryToast": "rwa6qG_galleryToast",
+			"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",
-			"lightboxIndex": "rwa6qG_lightboxIndex",
+			"configGuide": "rwa6qG_configGuide",
+			"modelLabel": "rwa6qG_modelLabel",
+			"historyMeta": "rwa6qG_historyMeta",
+			"galleryBulkButton": "rwa6qG_galleryBulkButton",
+			"generateInner": "rwa6qG_generateInner",
+			"lightboxImage": "rwa6qG_lightboxImage",
+			"lightboxClose": "rwa6qG_lightboxClose",
+			"entryIcon": "rwa6qG_entryIcon",
+			"historyHeader": "rwa6qG_historyHeader",
+			"view": "rwa6qG_view",
+			"galleryWorkspace": "rwa6qG_galleryWorkspace",
+			"galleryAvatar": "rwa6qG_galleryAvatar",
+			"taskTrayChevron": "rwa6qG_taskTrayChevron",
+			"canvas": "rwa6qG_canvas",
 			"lightboxEdit": "rwa6qG_lightboxEdit",
-			"lightboxScaleFrame": "rwa6qG_lightboxScaleFrame",
-			"enhanceButton": "rwa6qG_enhanceButton",
-			"galleryFilterHeading": "rwa6qG_galleryFilterHeading",
-			"referenceImage": "rwa6qG_referenceImage",
-			"galleryRatio": "rwa6qG_galleryRatio",
+			"taskTrayCount": "rwa6qG_taskTrayCount",
+			"taskTrayToggle": "rwa6qG_taskTrayToggle",
+			"galleryCardInfo": "rwa6qG_galleryCardInfo",
+			"imageCard": "rwa6qG_imageCard",
 			"galleryCount": "rwa6qG_galleryCount",
-			"galleryTags": "rwa6qG_galleryTags",
-			"optionRow": "rwa6qG_optionRow",
+			"galleryTagEdit": "rwa6qG_galleryTagEdit",
+			"historySearch": "rwa6qG_historySearch",
+			"historyActions": "rwa6qG_historyActions",
+			"lightboxZoomLevel": "rwa6qG_lightboxZoomLevel",
+			"reference": "rwa6qG_reference",
+			"historyPrompt": "rwa6qG_historyPrompt",
+			"galleryFilterNote": "rwa6qG_galleryFilterNote",
 			"taskTrayHeader": "rwa6qG_taskTrayHeader",
-			"galleryRemove": "rwa6qG_galleryRemove",
-			"generateButton": "rwa6qG_generateButton",
-			"historyTitle": "rwa6qG_historyTitle",
-			"historyThumb": "rwa6qG_historyThumb",
-			"gallerySelectionBar": "rwa6qG_gallerySelectionBar",
-			"spinner": "rwa6qG_spinner",
-			"historyHeader": "rwa6qG_historyHeader",
-			"modelMenu": "rwa6qG_modelMenu",
-			"history": "rwa6qG_history",
-			"canvasHistoryTag": "rwa6qG_canvasHistoryTag",
-			"galleryCardInfo": "rwa6qG_galleryCardInfo",
-			"historyAction": "rwa6qG_historyAction",
-			"galleryImageButton": "rwa6qG_galleryImageButton",
-			"taskTrayToggle": "rwa6qG_taskTrayToggle",
-			"prompt": "rwa6qG_prompt",
-			"comparisonGrid": "rwa6qG_comparisonGrid",
-			"canvasState": "rwa6qG_canvasState",
-			"galleryToolbarActions": "rwa6qG_galleryToolbarActions",
-			"connectionStatus": "rwa6qG_connectionStatus",
-			"entryIcon": "rwa6qG_entryIcon",
 			"galleryImage": "rwa6qG_galleryImage",
-			"taskRow": "rwa6qG_taskRow",
-			"lightboxImage": "rwa6qG_lightboxImage",
-			"galleryRatioList": "rwa6qG_galleryRatioList",
-			"gallerySelectionClear": "rwa6qG_gallerySelectionClear",
-			"historyMain": "rwa6qG_historyMain",
-			"card": "rwa6qG_card",
+			"comparisonFullscreen": "rwa6qG_comparisonFullscreen",
+			"galleryClear": "rwa6qG_galleryClear",
+			"footer": "rwa6qG_footer",
+			"canvasHistoryTag": "rwa6qG_canvasHistoryTag",
+			"uploadBox": "rwa6qG_uploadBox",
+			"hiddenFile": "rwa6qG_hiddenFile",
 			"dshImageGenSpin": "rwa6qG_dshImageGenSpin",
-			"dshImageGenToastIn": "rwa6qG_dshImageGenToastIn",
-			"galleryTagFilter": "rwa6qG_galleryTagFilter",
-			"galleryMasonry": "rwa6qG_galleryMasonry",
+			"optionRow": "rwa6qG_optionRow",
+			"comparisonGrid": "rwa6qG_comparisonGrid",
+			"galleryRemove": "rwa6qG_galleryRemove",
+			"panel": "rwa6qG_panel",
+			"updateText": "rwa6qG_updateText",
+			"lightboxNav": "rwa6qG_lightboxNav",
+			"galleryFilterHeading": "rwa6qG_galleryFilterHeading",
+			"paramLabel": "rwa6qG_paramLabel",
 			"taskTrayClose": "rwa6qG_taskTrayClose",
-			"configGuide": "rwa6qG_configGuide",
-			"galleryFilters": "rwa6qG_galleryFilters",
-			"gallerySelectMode": "rwa6qG_gallerySelectMode",
-			"canvasStateHint": "rwa6qG_canvasStateHint",
+			"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",
-			"connectionDot": "rwa6qG_connectionDot",
-			"panelHeader": "rwa6qG_panelHeader",
-			"referenceActions": "rwa6qG_referenceActions"
+			"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",
+			"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"
 		};
 		//#endregion
 		//#region src/client/mount.tsx
@@ -1636,97 +1664,97 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var settings_card_module_css_default = {
-			"modelFetch": "zmjoSq_modelFetch",
-			"channelHost": "zmjoSq_channelHost",
-			"channelEmpty": "zmjoSq_channelEmpty",
-			"notExposed": "zmjoSq_notExposed",
-			"modelChip": "zmjoSq_modelChip",
-			"editorClose": "zmjoSq_editorClose",
-			"versionValue": "zmjoSq_versionValue",
-			"editorTools": "zmjoSq_editorTools",
-			"inlineDisclosure": "zmjoSq_inlineDisclosure",
+			"label": "zmjoSq_label",
+			"optionalContent": "zmjoSq_optionalContent",
 			"channelAdd": "zmjoSq_channelAdd",
-			"modelRow": "zmjoSq_modelRow",
-			"channelAddRow": "zmjoSq_channelAddRow",
-			"presetRow": "zmjoSq_presetRow",
-			"editorDivider": "zmjoSq_editorDivider",
-			"presetInline": "zmjoSq_presetInline",
-			"sectionTitle": "zmjoSq_sectionTitle",
+			"modelRowRemove": "zmjoSq_modelRowRemove",
+			"description": "zmjoSq_description",
 			"head": "zmjoSq_head",
-			"presetList": "zmjoSq_presetList",
-			"presetName": "zmjoSq_presetName",
-			"pending": "zmjoSq_pending",
-			"body": "zmjoSq_body",
-			"manualModelRow": "zmjoSq_manualModelRow",
-			"modelChoices": "zmjoSq_modelChoices",
-			"footer": "zmjoSq_footer",
-			"inputInvalid": "zmjoSq_inputInvalid",
-			"readOnly": "zmjoSq_readOnly",
-			"textarea": "zmjoSq_textarea",
-			"header": "zmjoSq_header",
+			"modelCandidateList": "zmjoSq_modelCandidateList",
 			"presetHint": "zmjoSq_presetHint",
-			"versionRow": "zmjoSq_versionRow",
-			"editorField": "zmjoSq_editorField",
-			"presetInlineHeader": "zmjoSq_presetInlineHeader",
-			"chevron": "zmjoSq_chevron",
+			"select": "zmjoSq_select",
+			"notExposed": "zmjoSq_notExposed",
+			"sectionHint": "zmjoSq_sectionHint",
 			"editorFooter": "zmjoSq_editorFooter",
-			"channelList": "zmjoSq_channelList",
-			"badge": "zmjoSq_badge",
-			"failed": "zmjoSq_failed",
+			"modelRowBadges": "zmjoSq_modelRowBadges",
+			"modelFetchRow": "zmjoSq_modelFetchRow",
+			"editorPanel": "zmjoSq_editorPanel",
+			"disclosure": "zmjoSq_disclosure",
+			"sectionHeader": "zmjoSq_sectionHeader",
 			"save": "zmjoSq_save",
-			"channelAction": "zmjoSq_channelAction",
-			"channelRow": "zmjoSq_channelRow",
-			"input": "zmjoSq_input",
-			"card": "zmjoSq_card",
-			"discard": "zmjoSq_discard",
+			"channelSection": "zmjoSq_channelSection",
+			"manualModelRow": "zmjoSq_manualModelRow",
+			"modelSection": "zmjoSq_modelSection",
+			"field": "zmjoSq_field",
+			"deleteConfirmText": "zmjoSq_deleteConfirmText",
+			"modelSummary": "zmjoSq_modelSummary",
+			"channelAddRow": "zmjoSq_channelAddRow",
 			"channelMeta": "zmjoSq_channelMeta",
-			"textareaInvalid": "zmjoSq_textareaInvalid",
+			"editorTools": "zmjoSq_editorTools",
 			"hint": "zmjoSq_hint",
-			"editorHeader": "zmjoSq_editorHeader",
-			"modelSection": "zmjoSq_modelSection",
-			"description": "zmjoSq_description",
-			"detectOk": "zmjoSq_detectOk",
-			"select": "zmjoSq_select",
-			"sectionHeader": "zmjoSq_sectionHeader",
-			"sectionDivider": "zmjoSq_sectionDivider",
+			"editorClose": "zmjoSq_editorClose",
+			"modelFetch": "zmjoSq_modelFetch",
+			"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",
-			"channelName": "zmjoSq_channelName",
-			"editorSectionHeader": "zmjoSq_editorSectionHeader",
-			"editorBackdrop": "zmjoSq_editorBackdrop",
-			"modelCandidateLabel": "zmjoSq_modelCandidateLabel",
-			"disclosure": "zmjoSq_disclosure",
+			"channelDotWarn": "zmjoSq_channelDotWarn",
+			"footer": "zmjoSq_footer",
+			"channelHost": "zmjoSq_channelHost",
+			"channelRow": "zmjoSq_channelRow",
 			"channelMain": "zmjoSq_channelMain",
-			"modelSummary": "zmjoSq_modelSummary",
-			"modelRowRemove": "zmjoSq_modelRowRemove",
-			"channelDanger": "zmjoSq_channelDanger",
-			"deleteConfirmText": "zmjoSq_deleteConfirmText",
-			"editorPanel": "zmjoSq_editorPanel",
-			"modelCandidate": "zmjoSq_modelCandidate",
-			"spacer": "zmjoSq_spacer",
+			"editorField": "zmjoSq_editorField",
+			"modelRows": "zmjoSq_modelRows",
+			"presetMeta": "zmjoSq_presetMeta",
+			"reset": "zmjoSq_reset",
 			"name": "zmjoSq_name",
-			"modelRowInputs": "zmjoSq_modelRowInputs",
+			"versionValue": "zmjoSq_versionValue",
 			"badges": "zmjoSq_badges",
-			"headText": "zmjoSq_headText",
-			"modelRowBadges": "zmjoSq_modelRowBadges",
+			"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",
+			"channelList": "zmjoSq_channelList",
+			"inputInvalid": "zmjoSq_inputInvalid",
 			"versionLabel": "zmjoSq_versionLabel",
-			"optionalContent": "zmjoSq_optionalContent",
-			"modelArrow": "zmjoSq_modelArrow",
-			"channelDotWarn": "zmjoSq_channelDotWarn",
-			"presetMeta": "zmjoSq_presetMeta",
-			"reset": "zmjoSq_reset",
+			"editorBackdrop": "zmjoSq_editorBackdrop",
+			"chevron": "zmjoSq_chevron",
+			"card": "zmjoSq_card",
 			"chevronOpen": "zmjoSq_chevronOpen",
-			"label": "zmjoSq_label",
-			"field": "zmjoSq_field",
-			"modelFetchRow": "zmjoSq_modelFetchRow",
-			"modelCandidateList": "zmjoSq_modelCandidateList",
-			"sectionHint": "zmjoSq_sectionHint",
+			"editorHeader": "zmjoSq_editorHeader",
+			"modelCandidateLabel": "zmjoSq_modelCandidateLabel",
+			"sectionDivider": "zmjoSq_sectionDivider",
 			"addModel": "zmjoSq_addModel",
-			"modelBadge": "zmjoSq_modelBadge",
 			"channelBadge": "zmjoSq_channelBadge",
-			"modelRows": "zmjoSq_modelRows",
-			"channelControls": "zmjoSq_channelControls",
-			"channelSection": "zmjoSq_channelSection",
-			"invalid": "zmjoSq_invalid"
+			"editorDivider": "zmjoSq_editorDivider",
+			"input": "zmjoSq_input",
+			"modelArrow": "zmjoSq_modelArrow",
+			"textarea": "zmjoSq_textarea",
+			"presetInlineHeader": "zmjoSq_presetInlineHeader",
+			"modelRowInputs": "zmjoSq_modelRowInputs",
+			"presetInline": "zmjoSq_presetInline",
+			"presetList": "zmjoSq_presetList",
+			"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"
 		};
 		//#endregion
 		//#region src/client/SettingsCard.tsx
@@ -2316,17 +2344,17 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var audio_toolview_module_css_default = {
-			"empty": "_7K1QKa_empty",
-			"root": "_7K1QKa_root",
 			"message": "_7K1QKa_message",
-			"audio": "_7K1QKa_audio",
 			"audios": "_7K1QKa_audios",
-			"status": "_7K1QKa_status",
-			"audioRow": "_7K1QKa_audioRow",
 			"download": "_7K1QKa_download",
 			"icon": "_7K1QKa_icon",
+			"error": "_7K1QKa_error",
+			"status": "_7K1QKa_status",
 			"header": "_7K1QKa_header",
-			"error": "_7K1QKa_error"
+			"audioRow": "_7K1QKa_audioRow",
+			"empty": "_7K1QKa_empty",
+			"root": "_7K1QKa_root",
+			"audio": "_7K1QKa_audio"
 		};
 		//#endregion
 		//#region src/client/audio-toolview.tsx