dsh-audiogen 0.3.4 → 0.4.0

package/lib/client.js

@@ -6,8 +6,8 @@ window.__ModuleLoader__.load({
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react_dom_client = require("react-dom/client");
 		let react = require("react");
-		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
 		let react_jsx_runtime = require("react/jsx-runtime");
+		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
 		//#region src/protocol.ts
 		/** Same-origin route family (loopback-only, mirroring dsh-imagegen). */
 		const SETTINGS_API = {
@@ -28,10 +28,19 @@ window.__ModuleLoader__.load({
 			clear: "/api/dsh-audiogen/history/clear",
 			audio: "/api/dsh-audiogen/history/audio"
 		};
+		/** Host-persisted resource-library routes. */
+		const LIBRARY_API = {
+			list: "/api/dsh-audiogen/library/list",
+			save: "/api/dsh-audiogen/library/save",
+			update: "/api/dsh-audiogen/library/update",
+			remove: "/api/dsh-audiogen/library/remove",
+			audio: "/api/dsh-audiogen/library/audio"
+		};
 		//#endregion
 		//#region src/client/api.ts
 		/**
-		* Browser-side API client for the audio generation and history routes.
+		* Browser-side API client for the audio generation, history and
+		* resource-library routes.
 		*/
 		var AudiogenApi = class {
 			async generate(request) {
@@ -48,6 +57,41 @@ window.__ModuleLoader__.load({
 			async clearHistory() {
 				await fetch(HISTORY_API.clear, { method: "POST" });
 			}
+			async libraryList() {
+				const body = await (await fetch(LIBRARY_API.list, { method: "POST" })).json();
+				return body.ok === true ? body.entries ?? [] : [];
+			}
+			async librarySave(request) {
+				const body = await (await fetch(LIBRARY_API.save, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify(request)
+				})).json();
+				return {
+					ok: body.ok === true,
+					...body.entry === void 0 ? {} : { entry: body.entry },
+					...body.message === void 0 ? {} : { message: body.message }
+				};
+			}
+			async libraryUpdate(request) {
+				const body = await (await fetch(LIBRARY_API.update, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify(request)
+				})).json();
+				return {
+					ok: body.ok === true,
+					...body.entry === void 0 ? {} : { entry: body.entry },
+					...body.message === void 0 ? {} : { message: body.message }
+				};
+			}
+			async libraryRemove(ids) {
+				return { ok: (await (await fetch(LIBRARY_API.remove, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({ ids })
+				})).json()).ok === true };
+			}
 		};
 		//#endregion
 		//#region src/client/controller.ts
@@ -90,6 +134,8 @@ window.__ModuleLoader__.load({
 			"entry.label": "AI 音频",
 			"entry.tooltip": "AI 音频面板（TTS / 音乐 / 音效）",
 			"panel.title": "AI 音频",
+			"tab.studio": "生成",
+			"tab.library": "资源库",
 			"mode.tts": "文本转语音",
 			"mode.music": "音乐生成",
 			"mode.sfx": "音效生成",
@@ -117,6 +163,7 @@ window.__ModuleLoader__.load({
 			"settings.enabled": "启用插件",
 			"settings.announceToAgent": "向 Agent 播报本插件",
 			"settings.allowAgentAudio": "允许 Agent 调用音频生成",
+			"settings.autoSaveLibrary": "生成后自动保存到资源库",
 			"settings.save": "保存",
 			"settings.saving": "保存中…",
 			"settings.discard": "放弃修改",
@@ -188,6 +235,8 @@ window.__ModuleLoader__.load({
 			"entry.label": "AI Audio",
 			"entry.tooltip": "AI audio panel (TTS / music / SFX)",
 			"panel.title": "AI Audio",
+			"tab.studio": "Studio",
+			"tab.library": "Library",
 			"mode.tts": "Text to speech",
 			"mode.music": "Music",
 			"mode.sfx": "Sound effects",
@@ -215,6 +264,7 @@ window.__ModuleLoader__.load({
 			"settings.enabled": "Enable plugin",
 			"settings.announceToAgent": "Announce this plugin to agents",
 			"settings.allowAgentAudio": "Allow agents to generate audio",
+			"settings.autoSaveLibrary": "Auto-save generated audio to the library",
 			"settings.save": "Save",
 			"settings.saving": "Saving…",
 			"settings.discard": "Discard",
@@ -298,6 +348,223 @@ window.__ModuleLoader__.load({
 			return rendered;
 		}
 		//#endregion
+		//#region src/client/icons.tsx
+		function Svg(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				width: "1em",
+				height: "1em",
+				viewBox: props.viewBox ?? "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: props.children
+			});
+		}
+		function PlayIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Svg, {
+				viewBox: "0 0 16 16",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M5 3.2v9.6a.6.6 0 0 0 .9.5l7.5-4.8a.6.6 0 0 0 0-1L5.9 2.7a.6.6 0 0 0-.9.5Z",
+					fill: "currentColor",
+					stroke: "none"
+				})
+			});
+		}
+		function PauseIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Svg, {
+				viewBox: "0 0 16 16",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+					x: "4.2",
+					y: "2.8",
+					width: "2.6",
+					height: "10.4",
+					rx: "0.9",
+					fill: "currentColor",
+					stroke: "none"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+					x: "9.2",
+					y: "2.8",
+					width: "2.6",
+					height: "10.4",
+					rx: "0.9",
+					fill: "currentColor",
+					stroke: "none"
+				})]
+			});
+		}
+		function StarIcon(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Svg, {
+				viewBox: "0 0 16 16",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M8 1.9l1.8 3.7 4.1.6-3 2.9.7 4.1L8 11.2l-3.6 1.9.7-4.1-3-2.9 4.1-.6L8 1.9Z",
+					fill: props.filled === true ? "currentColor" : "none"
+				})
+			});
+		}
+		function DownloadIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Svg, {
+				viewBox: "0 0 16 16",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 2.5v7M8 9.5l-2.6-2.6M8 9.5l2.6-2.6" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.8 10.8v1.7a1 1 0 0 0 1 1h8.4a1 1 0 0 0 1-1v-1.7" })]
+			});
+		}
+		function TrashIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Svg, {
+				viewBox: "0 0 16 16",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 4.4h10M6.2 2.9h3.6M5.2 4.4l.5 8a1 1 0 0 0 1 .9h2.6a1 1 0 0 0 1-.9l.5-8" })
+			});
+		}
+		function SearchIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Svg, {
+				viewBox: "0 0 16 16",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					cx: "7",
+					cy: "7",
+					r: "4.2"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m10.2 10.2 3 3" })]
+			});
+		}
+		function CopyIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Svg, {
+				viewBox: "0 0 16 16",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+					x: "5.4",
+					y: "5.4",
+					width: "7.4",
+					height: "7.4",
+					rx: "1.2"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10.6 5.4V4a1.2 1.2 0 0 0-1.2-1.2H4A1.2 1.2 0 0 0 2.8 4v5.4A1.2 1.2 0 0 0 4 10.6h1.4" })]
+			});
+		}
+		function CheckIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Svg, {
+				viewBox: "0 0 16 16",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m3.2 8.4 3.1 3.1L12.8 4.9" })
+			});
+		}
+		function VolumeIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Svg, {
+				viewBox: "0 0 16 16",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M2.8 6.2v3.6h2.4l3 2.6V3.6l-3 2.6H2.8Z",
+					fill: "currentColor",
+					stroke: "none"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10.4 5.6a3.4 3.4 0 0 1 0 4.8M12 4.2a5.6 5.6 0 0 1 0 7.6" })]
+			});
+		}
+		function MuteIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Svg, {
+				viewBox: "0 0 16 16",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M2.8 6.2v3.6h2.4l3 2.6V3.6l-3 2.6H2.8Z",
+					fill: "currentColor",
+					stroke: "none"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m10.4 6.2 3.2 3.6M13.6 6.2l-3.2 3.6" })]
+			});
+		}
+		function MicIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Svg, {
+				viewBox: "0 0 16 16",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+					x: "5.8",
+					y: "2",
+					width: "4.4",
+					height: "7.2",
+					rx: "2.2"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3.2 8a4.8 4.8 0 0 0 9.6 0M8 12.8V14" })]
+			});
+		}
+		function MusicNoteIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Svg, {
+				viewBox: "0 0 16 16",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M6.2 12.6V4l6-1.4v8.6" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "4.7",
+						cy: "12.6",
+						r: "1.7"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "10.7",
+						cy: "11.2",
+						r: "1.7"
+					})
+				]
+			});
+		}
+		function WaveIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Svg, {
+				viewBox: "0 0 16 16",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2 6h1M4.5 3.5v9M7.2 2v12M9.9 4v8M12.6 5.5v5M14.5 6.5v3" })
+			});
+		}
+		function GridIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Svg, {
+				viewBox: "0 0 16 16",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+						x: "2.5",
+						y: "2.5",
+						width: "4.6",
+						height: "4.6",
+						rx: "1"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+						x: "8.9",
+						y: "2.5",
+						width: "4.6",
+						height: "4.6",
+						rx: "1"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+						x: "2.5",
+						y: "8.9",
+						width: "4.6",
+						height: "4.6",
+						rx: "1"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+						x: "8.9",
+						y: "8.9",
+						width: "4.6",
+						height: "4.6",
+						rx: "1"
+					})
+				]
+			});
+		}
+		function ListIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Svg, {
+				viewBox: "0 0 16 16",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5.4 4.2h8.2M5.4 8h8.2M5.4 11.8h8.2" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "2.8",
+						cy: "4.2",
+						r: "0.8",
+						fill: "currentColor",
+						stroke: "none"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "2.8",
+						cy: "8",
+						r: "0.8",
+						fill: "currentColor",
+						stroke: "none"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "2.8",
+						cy: "11.8",
+						r: "0.8",
+						fill: "currentColor",
+						stroke: "none"
+					})
+				]
+			});
+		}
+		//#endregion
 		//#region src/client/settings-scope.ts
 		/**
 		* Browser-side settings scope for the dsh-audiogen namespace, served by the
@@ -532,53 +799,387 @@ 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}.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 css$4 = ".Oo1fpq_panel{background:var(--dsw-alias-bg-base,#f7f7f8);min-width:0;height:100%;min-height:0;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 16px;display:flex;position:relative}.Oo1fpq_panel,.Oo1fpq_panel *,.Oo1fpq_panel :before,.Oo1fpq_panel :after{box-sizing:border-box}.Oo1fpq_header{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.Oo1fpq_title{color:var(--dsw-alias-label-primary,#1f2328);white-space:nowrap;margin:0;font-size:16px;font-weight:700}.Oo1fpq_tabs{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-2,#f3f4f6);border-radius:10px;align-items:center;gap:2px;padding:3px;display:inline-flex}.Oo1fpq_tab{min-height:27px;color:var(--dsw-alias-label-secondary,#6b7280);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:12.5px;transition:color .12s,background .12s;display:inline-flex}.Oo1fpq_tab:hover{color:var(--dsw-alias-label-primary,#1f2328)}.Oo1fpq_tab[data-active=true]{color:var(--dsw-alias-label-primary,#1f2328);background:var(--dsw-alias-bg-layer-1,#fff);font-weight:600;box-shadow:0 1px 3px #0000001a}.Oo1fpq_studio{flex:1;gap:14px;min-width:0;min-height:0;display:flex}.Oo1fpq_formCol{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:none;gap:11px;width:300px;min-width:260px;max-width:340px;min-height:0;padding:2px;display:flex;overflow-y:auto}.Oo1fpq_formCol::-webkit-scrollbar{width:8px}.Oo1fpq_formCol::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Oo1fpq_modeRow{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.Oo1fpq_modeButton{border:1px solid var(--dsw-alias-border-l2,#d1d5db);background:var(--dsw-alias-bg-layer-1,#fff);min-height:34px;color:var(--dsw-alias-label-secondary,#6b7280);white-space:nowrap;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:6px 4px;font-family:inherit;font-size:11.5px;transition:border-color .12s,color .12s,background .12s;display:flex}.Oo1fpq_modeButton:hover{border-color:var(--dsw-alias-label-dimmed,#9ca3af);color:var(--dsw-alias-label-primary,#1f2328)}.Oo1fpq_modeButton[data-active=true]{border-color:var(--dsw-alias-brand-primary,#2563eb);color:var(--dsw-alias-brand-primary,#2563eb);background:color-mix(in srgb, var(--dsw-alias-brand-primary,#2563eb) 8%, transparent);font-weight:600}.Oo1fpq_label{color:var(--dsw-alias-label-secondary,#6b7280);flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.Oo1fpq_input,.Oo1fpq_textarea{border:1px solid var(--dsw-alias-border-l2,#d1d5db);background:var(--dsw-alias-bg-layer-2,#fff);width:100%;min-height:36px;color:var(--dsw-alias-label-primary,#1f2328);border-radius:9px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px;transition:border-color .12s,box-shadow .12s}.Oo1fpq_input:focus,.Oo1fpq_textarea:focus{border-color:var(--dsw-alias-brand-primary,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary,#2563eb) 14%, transparent)}.Oo1fpq_textarea{resize:vertical;min-height:96px}.Oo1fpq_checkbox{color:var(--dsw-alias-label-secondary,#6b7280);cursor:pointer;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.Oo1fpq_checkbox input{accent-color:var(--dsw-alias-brand-primary,#2563eb);margin:0}.Oo1fpq_hint{color:var(--dsw-alias-label-tertiary,#9ca3af);margin:0;font-size:11.5px;line-height:1.55}.Oo1fpq_row{align-items:flex-end;gap:8px;display:flex}.Oo1fpq_row .Oo1fpq_label{flex:1;min-width:0}.Oo1fpq_advanced{border:1px dashed var(--dsw-alias-border-l2,#d1d5db);background:var(--dsw-alias-bg-layer-1,#fff);border-radius:10px;flex-direction:column;gap:9px;padding:9px 11px;display:flex}.Oo1fpq_advanced summary{cursor:pointer;color:var(--dsw-alias-label-secondary,#6b7280);font-size:12px;font-weight:600}.Oo1fpq_generate{background:var(--dsw-alias-label-primary,#1f2328);color:var(--dsw-alias-bg-layer-3,#fff);cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .12s,transform 80ms}.Oo1fpq_generate:hover:not(:disabled){opacity:.92}.Oo1fpq_generate:active:not(:disabled){transform:translateY(1px)}.Oo1fpq_generate:disabled{opacity:.5;cursor:default}.Oo1fpq_resultCol{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-1,#fff);scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;border-radius:12px;flex-direction:column;flex:1;gap:10px;min-width:0;padding:14px;display:flex;overflow-y:auto}.Oo1fpq_resultCol::-webkit-scrollbar{width:8px}.Oo1fpq_resultCol::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Oo1fpq_resultEmpty{text-align:center;color:var(--dsw-alias-label-secondary,#6b7280);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.Oo1fpq_resultEmptyIcon{background:var(--dsw-alias-bg-layer-2,#f3f4f6);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;font-size:24px;display:inline-flex}.Oo1fpq_resultEmptyHint{color:var(--dsw-alias-label-tertiary,#9ca3af);margin:0;font-size:11.5px}.Oo1fpq_error{border:1px solid var(--dsw-alias-label-error,#b91c1c);background:color-mix(in srgb, var(--dsw-alias-label-error,#b91c1c) 6%, transparent);color:var(--dsw-alias-label-error,#b91c1c);border-radius:9px;flex:none;margin:0;padding:9px 12px;font-size:12.5px;line-height:1.55}.Oo1fpq_resultMeta{color:var(--dsw-alias-label-tertiary,#9ca3af);flex:none;align-items:center;gap:8px;font-size:12px;display:flex}.Oo1fpq_resultModeChip{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-2,#f3f4f6);color:var(--dsw-alias-label-secondary,#6b7280);border-radius:999px;padding:2px 9px;font-size:11px}.Oo1fpq_audioList{gap:10px;display:grid}.Oo1fpq_audioCard{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-2,#f7f7f8);border-radius:12px;flex-direction:column;gap:8px;padding:12px;transition:border-color .12s;display:flex}.Oo1fpq_audioCard[data-saved=true]{border-color:color-mix(in srgb, var(--dsw-alias-brand-primary,#2563eb) 42%, var(--dsw-alias-border-l1,#e5e7eb));background:color-mix(in srgb, var(--dsw-alias-brand-primary,#2563eb) 5%, var(--dsw-alias-bg-layer-2,#f7f7f8))}.Oo1fpq_audioCardHead{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.Oo1fpq_voiceIdChip{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-1,#fff);max-width:100%;color:var(--dsw-alias-label-secondary,#6b7280);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:2px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;overflow:hidden}.Oo1fpq_savedChip{background:color-mix(in srgb, var(--dsw-alias-brand-primary,#2563eb) 12%, transparent);color:var(--dsw-alias-brand-primary,#2563eb);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.Oo1fpq_audioCardIndex{color:var(--dsw-alias-label-tertiary,#9ca3af);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.Oo1fpq_audioCardActions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.Oo1fpq_ghostButton{border:1px solid var(--dsw-alias-border-l2,#d1d5db);min-height:27px;color:var(--dsw-alias-label-secondary,#6b7280);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:3px 11px;font-family:inherit;font-size:12px;text-decoration:none;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.Oo1fpq_ghostButton:hover{color:var(--dsw-alias-brand-primary,#2563eb);border-color:var(--dsw-alias-brand-primary,#2563eb);background:color-mix(in srgb, var(--dsw-alias-brand-primary,#2563eb) 8%, transparent)}.Oo1fpq_historyCol{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-1,#fff);border-radius:12px;flex-direction:column;flex:none;width:250px;min-width:210px;max-width:290px;min-height:0;display:flex;overflow:hidden}.Oo1fpq_historyHeader{border-bottom:1px solid var(--dsw-alias-border-l1,#e5e7eb);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.Oo1fpq_historyTitle{color:var(--dsw-alias-label-primary,#1f2328);font-size:13px;font-weight:700}.Oo1fpq_historyClear{border:1px solid var(--dsw-alias-border-l2,#d1d5db);color:var(--dsw-alias-label-tertiary,#9ca3af);cursor:pointer;background:0 0;border-radius:999px;padding:2px 9px;font-family:inherit;font-size:11px}.Oo1fpq_historyClear:hover{color:var(--dsw-alias-label-error,#b91c1c);border-color:var(--dsw-alias-label-error,#b91c1c)}.Oo1fpq_historyList{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:8px;min-height:0;padding:9px;display:flex;overflow-y:auto}.Oo1fpq_historyList::-webkit-scrollbar{width:8px}.Oo1fpq_historyList::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Oo1fpq_historyEmpty{text-align:center;color:var(--dsw-alias-label-tertiary,#9ca3af);flex:1;justify-content:center;align-items:center;padding:18px;font-size:12px;display:flex}.Oo1fpq_historyItem{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-2,#f7f7f8);border-radius:10px;flex-direction:column;gap:6px;padding:9px;display:flex}.Oo1fpq_historyPrompt{color:var(--dsw-alias-label-primary,#1f2328);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.Oo1fpq_historyMeta{color:var(--dsw-alias-label-tertiary,#9ca3af);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.Oo1fpq_historyActions{justify-content:flex-end;display:flex}.Oo1fpq_historyAction{border:1px solid var(--dsw-alias-border-l2,#d1d5db);color:var(--dsw-alias-label-secondary,#6b7280);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-family:inherit;font-size:11px;display:inline-flex}.Oo1fpq_historyAction:hover{color:var(--dsw-alias-brand-primary,#2563eb);border-color:var(--dsw-alias-brand-primary,#2563eb)}.Oo1fpq_player{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-1,#fff);border-radius:10px;align-items:center;gap:9px;padding:8px 10px;display:flex}.Oo1fpq_playerCompact{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-1,#fff);border-radius:9px;align-items:center;gap:8px;padding:6px 8px;display:flex}.Oo1fpq_playButton{background:var(--dsw-alias-label-primary,#1f2328);width:30px;height:30px;color:var(--dsw-alias-bg-layer-3,#fff);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:opacity .12s,transform 80ms;display:inline-flex}.Oo1fpq_playerCompact .Oo1fpq_playButton{width:26px;height:26px}.Oo1fpq_playButton:hover{opacity:.9}.Oo1fpq_playButton:active{transform:scale(.94)}.Oo1fpq_track{background:var(--dsw-alias-border-l2,#d1d5db);cursor:pointer;border-radius:999px;flex:1;min-width:0;height:4px;position:relative}.Oo1fpq_trackFill{background:var(--dsw-alias-brand-primary,#2563eb);border-radius:999px;position:absolute;inset:0 auto 0 0}.Oo1fpq_trackKnob{background:var(--dsw-alias-brand-primary,#2563eb);border-radius:50%;width:11px;height:11px;transition:transform .1s;position:absolute;top:50%;transform:translate(-50%,-50%)}.Oo1fpq_time{font-variant-numeric:tabular-nums;min-width:62px;color:var(--dsw-alias-label-tertiary,#9ca3af);white-space:nowrap;text-align:right;flex:none;font-size:10.5px}.Oo1fpq_playerCompact .Oo1fpq_time{min-width:56px;font-size:10px}.Oo1fpq_muteButton{width:24px;height:24px;color:var(--dsw-alias-label-tertiary,#9ca3af);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.Oo1fpq_muteButton:hover{color:var(--dsw-alias-label-primary,#1f2328);background:var(--dsw-alias-bg-layer-2,#f3f4f6)}.Oo1fpq_modalMask{z-index:200;backdrop-filter:blur(3px);background:#0006;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.Oo1fpq_modal{border:1px solid var(--dsw-alias-border-l2,#d1d5db);background:var(--dsw-alias-bg-layer-1,#fff);border-radius:14px;flex-direction:column;gap:12px;width:440px;max-width:100%;max-height:calc(100vh - 40px);padding:16px;display:flex;box-shadow:0 18px 50px #00000038}.Oo1fpq_modalHead{color:var(--dsw-alias-label-primary,#1f2328);justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.Oo1fpq_modalBody{flex-direction:column;gap:11px;min-height:0;display:flex;overflow-y:auto}.Oo1fpq_formRow{grid-template-columns:1fr 1fr;gap:10px;display:grid}.Oo1fpq_modalFoot{justify-content:flex-end;align-items:center;gap:8px;display:flex}.Oo1fpq_primaryButton{background:var(--dsw-alias-label-primary,#1f2328);min-height:32px;color:var(--dsw-alias-bg-layer-3,#fff);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.Oo1fpq_primaryButton:disabled{opacity:.5;cursor:default}.Oo1fpq_secondaryButton{border:1px solid var(--dsw-alias-border-l2,#d1d5db);min-height:32px;color:var(--dsw-alias-label-secondary,#6b7280);cursor:pointer;background:0 0;border-radius:8px;padding:0 14px;font-family:inherit;font-size:12.5px}.Oo1fpq_secondaryButton:hover{color:var(--dsw-alias-label-primary,#1f2328);background:var(--dsw-alias-bg-layer-2,#f3f4f6)}.Oo1fpq_iconButton{width:26px;height:26px;color:var(--dsw-alias-label-tertiary,#9ca3af);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.Oo1fpq_iconButton:hover{color:var(--dsw-alias-label-primary,#1f2328);background:var(--dsw-alias-bg-layer-2,#f3f4f6)}.Oo1fpq_toast{z-index:150;border:1px solid var(--dsw-alias-border-l2,#d1d5db);background:var(--dsw-alias-bg-mask-1,#fff);color:var(--dsw-alias-label-primary,#1f2328);backdrop-filter:blur(6px);pointer-events:none;border-radius:999px;align-items:center;gap:7px;padding:7px 16px;font-size:12.5px;animation:.16s ease-out Oo1fpq_audiogenToastIn;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000038}@keyframes Oo1fpq_audiogenToastIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.Oo1fpq_toast{animation-duration:1ms}}";
+		const tagId$4 = "dsh-audiogen/audio-panel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "dsh-audiogen";
-			tag.dataset.pluginCss = tagId$3;
-			tag.textContent = css$3;
+			tag.dataset.pluginCss = tagId$4;
+			tag.textContent = css$4;
 			document.head.appendChild(tag);
 		}
 		var audio_panel_module_css_default = {
-			"history": "Oo1fpq_history",
-			"layout": "Oo1fpq_layout",
-			"modeButton": "Oo1fpq_modeButton",
-			"historyTitle": "Oo1fpq_historyTitle",
-			"historyAudio": "Oo1fpq_historyAudio",
-			"generate": "Oo1fpq_generate",
-			"input": "Oo1fpq_input",
+			"playButton": "Oo1fpq_playButton",
+			"secondaryButton": "Oo1fpq_secondaryButton",
+			"iconButton": "Oo1fpq_iconButton",
+			"title": "Oo1fpq_title",
+			"historyCol": "Oo1fpq_historyCol",
+			"audioList": "Oo1fpq_audioList",
+			"savedChip": "Oo1fpq_savedChip",
+			"ghostButton": "Oo1fpq_ghostButton",
+			"resultCol": "Oo1fpq_resultCol",
+			"modalFoot": "Oo1fpq_modalFoot",
+			"hint": "Oo1fpq_hint",
 			"modeRow": "Oo1fpq_modeRow",
-			"label": "Oo1fpq_label",
-			"select": "Oo1fpq_select",
-			"audioCard": "Oo1fpq_audioCard",
-			"textarea": "Oo1fpq_textarea",
+			"modeButton": "Oo1fpq_modeButton",
+			"historyItem": "Oo1fpq_historyItem",
+			"resultEmpty": "Oo1fpq_resultEmpty",
 			"advanced": "Oo1fpq_advanced",
+			"resultMeta": "Oo1fpq_resultMeta",
+			"historyClear": "Oo1fpq_historyClear",
+			"historyTitle": "Oo1fpq_historyTitle",
+			"resultModeChip": "Oo1fpq_resultModeChip",
+			"checkbox": "Oo1fpq_checkbox",
+			"track": "Oo1fpq_track",
 			"panel": "Oo1fpq_panel",
-			"audio": "Oo1fpq_audio",
+			"modal": "Oo1fpq_modal",
+			"historyActions": "Oo1fpq_historyActions",
+			"primaryButton": "Oo1fpq_primaryButton",
+			"playerCompact": "Oo1fpq_playerCompact",
+			"modalBody": "Oo1fpq_modalBody",
+			"modalHead": "Oo1fpq_modalHead",
 			"historyEmpty": "Oo1fpq_historyEmpty",
-			"error": "Oo1fpq_error",
-			"download": "Oo1fpq_download",
-			"form": "Oo1fpq_form",
 			"historyPrompt": "Oo1fpq_historyPrompt",
-			"title": "Oo1fpq_title",
-			"historyMeta": "Oo1fpq_historyMeta",
+			"historyAction": "Oo1fpq_historyAction",
 			"header": "Oo1fpq_header",
-			"hint": "Oo1fpq_hint",
-			"empty": "Oo1fpq_empty",
+			"audioCardHead": "Oo1fpq_audioCardHead",
+			"tab": "Oo1fpq_tab",
 			"row": "Oo1fpq_row",
-			"checkbox": "Oo1fpq_checkbox",
-			"result": "Oo1fpq_result",
-			"historyItem": "Oo1fpq_historyItem",
-			"audioList": "Oo1fpq_audioList"
+			"formCol": "Oo1fpq_formCol",
+			"input": "Oo1fpq_input",
+			"historyList": "Oo1fpq_historyList",
+			"formRow": "Oo1fpq_formRow",
+			"historyMeta": "Oo1fpq_historyMeta",
+			"trackKnob": "Oo1fpq_trackKnob",
+			"audioCardIndex": "Oo1fpq_audioCardIndex",
+			"historyHeader": "Oo1fpq_historyHeader",
+			"modalMask": "Oo1fpq_modalMask",
+			"audiogenToastIn": "Oo1fpq_audiogenToastIn",
+			"voiceIdChip": "Oo1fpq_voiceIdChip",
+			"label": "Oo1fpq_label",
+			"error": "Oo1fpq_error",
+			"generate": "Oo1fpq_generate",
+			"audioCardActions": "Oo1fpq_audioCardActions",
+			"time": "Oo1fpq_time",
+			"tabs": "Oo1fpq_tabs",
+			"resultEmptyHint": "Oo1fpq_resultEmptyHint",
+			"studio": "Oo1fpq_studio",
+			"resultEmptyIcon": "Oo1fpq_resultEmptyIcon",
+			"audioCard": "Oo1fpq_audioCard",
+			"player": "Oo1fpq_player",
+			"toast": "Oo1fpq_toast",
+			"trackFill": "Oo1fpq_trackFill",
+			"muteButton": "Oo1fpq_muteButton",
+			"textarea": "Oo1fpq_textarea"
 		};
 		//#endregion
-		//#region src/client/AudioGenPanel.tsx
+		//#region src/client/audio-player.tsx
+		/**
+		* Custom audio player: play/pause, seekable progress and time readout.
+		* Replaces the native `<audio controls>` look with a themed control so the
+		* panel matches the DSH design tokens in light and dark modes.
+		*/
+		function format(seconds) {
+			if (!Number.isFinite(seconds) || seconds < 0) return "0:00";
+			const whole = Math.floor(seconds);
+			const minutes = Math.floor(whole / 60);
+			const rest = whole % 60;
+			return `${minutes}:${rest < 10 ? `0${rest}` : String(rest)}`;
+		}
+		function AudioPlayer(props) {
+			const ref = (0, react.useRef)(null);
+			const [playing, setPlaying] = (0, react.useState)(false);
+			const [muted, setMuted] = (0, react.useState)(false);
+			const [current, setCurrent] = (0, react.useState)(0);
+			const [duration, setDuration] = (0, react.useState)(0);
+			(0, react.useEffect)(() => {
+				setPlaying(false);
+				setCurrent(0);
+				setDuration(0);
+			}, [props.src]);
+			const toggle = (0, react.useCallback)(() => {
+				const el = ref.current;
+				if (el === null) return;
+				if (el.paused) el.play().catch(() => {});
+				else el.pause();
+			}, []);
+			const seek = (0, react.useCallback)((event) => {
+				const el = ref.current;
+				if (el === null || duration <= 0) return;
+				const rect = event.currentTarget.getBoundingClientRect();
+				el.currentTime = Math.min(1, Math.max(0, (event.clientX - rect.left) / rect.width)) * duration;
+			}, [duration]);
+			const toggleMute = (0, react.useCallback)(() => {
+				const el = ref.current;
+				if (el === null) return;
+				el.muted = !el.muted;
+				setMuted(el.muted);
+			}, []);
+			const percent = duration > 0 ? Math.min(100, current / duration * 100) : 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: props.compact === true ? audio_panel_module_css_default.playerCompact : audio_panel_module_css_default.player,
+				"data-playing": playing ? "true" : "false",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("audio", {
+						ref,
+						src: props.src,
+						preload: "metadata",
+						onPlay: () => setPlaying(true),
+						onPause: () => setPlaying(false),
+						onEnded: () => setPlaying(false),
+						onTimeUpdate: (event) => setCurrent(event.currentTarget.currentTime),
+						onLoadedMetadata: (event) => setDuration(event.currentTarget.duration)
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: audio_panel_module_css_default.playButton,
+						"aria-label": playing ? "暂停" : "播放",
+						onClick: toggle,
+						children: playing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PauseIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlayIcon, {})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: audio_panel_module_css_default.track,
+						role: "slider",
+						"aria-label": "播放进度",
+						"aria-valuemin": 0,
+						"aria-valuemax": Math.round(duration),
+						"aria-valuenow": Math.round(current),
+						onClick: seek,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: audio_panel_module_css_default.trackFill,
+							style: { width: `${percent}%` }
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: audio_panel_module_css_default.trackKnob,
+							style: { left: `${percent}%` }
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: audio_panel_module_css_default.time,
+						children: [format(current), duration > 0 ? ` / ${format(duration)}` : ""]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: audio_panel_module_css_default.muteButton,
+						"aria-label": muted ? "取消静音" : "静音",
+						onClick: toggleMute,
+						children: muted ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MuteIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VolumeIcon, {})
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/library-save-dialog.tsx
+		/**
+		* «保存到资源库» dialog: pick type/category, set name/tags/note, then save.
+		* Built from either freshly generated audio or a history entry.
+		*/
+		function typeOfMode(mode) {
+			if (mode === "voice_design") return "voice";
+			return mode;
+		}
+		const LIBRARY_TYPE_LABELS = {
+			voice: "音色",
+			music: "音乐",
+			sfx: "音效",
+			tts: "TTS 语音"
+		};
+		function parseTags(text) {
+			return [...new Set(text.split(/[,，、\n]/).map((tag) => tag.trim()).filter((tag) => tag !== ""))].slice(0, 20);
+		}
+		function guessCategory(type, context) {
+			if (type === "voice") {
+				const probe = `${context.voiceId ?? ""} ${context.voice ?? ""}`.toLowerCase();
+				if (/male|男/.test(probe)) return "male";
+				if (/female|女/.test(probe)) return "female";
+				return "custom";
+			}
+			if (type === "tts") return (context.voice ?? context.voiceId ?? "default").replace(/[^a-zA-Z0-9\u4e00-\u9fa5._-]+/g, "_");
+			return "";
+		}
+		function LibrarySaveDialog(props) {
+			const { api, files, context } = props;
+			const [type, setType] = (0, react.useState)(typeOfMode(context.mode));
+			const [category, setCategory] = (0, react.useState)(() => guessCategory(typeOfMode(context.mode), context));
+			const [name, setName] = (0, react.useState)("");
+			const [tags, setTags] = (0, react.useState)("");
+			const [note, setNote] = (0, react.useState)("");
+			const [saving, setSaving] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(null);
+			const isVoice = type === "voice";
+			const isTts = type === "tts";
+			const defaultName = (0, react.useMemo)(() => {
+				const flat = context.prompt.replace(/\s+/g, " ").trim();
+				return flat === "" ? "未命名音频" : flat.length > 40 ? `${flat.slice(0, 40)}…` : flat;
+			}, [context.prompt]);
+			const switchType = (next) => {
+				setType(next);
+				setCategory(guessCategory(next, context));
+			};
+			const save = async () => {
+				setSaving(true);
+				setError(null);
+				try {
+					const result = await api.librarySave({
+						audioFiles: files.map((file) => ({
+							id: file.id,
+							file: file.file,
+							mime: file.mime,
+							...file.voiceId === void 0 ? {} : { voiceId: file.voiceId },
+							...file.duration === void 0 ? {} : { duration: file.duration }
+						})),
+						type,
+						...category.trim() !== "" && (isVoice || isTts) ? { category: category.trim() } : {},
+						...name.trim() !== "" ? { name: name.trim() } : {},
+						...parseTags(tags).length > 0 ? { tags: parseTags(tags) } : {},
+						...note.trim() !== "" ? { note: note.trim() } : {},
+						provenance: {
+							mode: context.mode,
+							prompt: context.prompt,
+							...context.channel === void 0 ? {} : { channel: context.channel },
+							...context.channelId === void 0 ? {} : { channelId: context.channelId },
+							...context.model === void 0 ? {} : { model: context.model },
+							...context.voice === void 0 ? {} : { voice: context.voice },
+							...context.voiceId === void 0 ? {} : { voiceId: context.voiceId },
+							...context.params === void 0 ? {} : { params: context.params }
+						}
+					});
+					if (!result.ok || result.entry === void 0) {
+						setError(result.message ?? "保存失败");
+						return;
+					}
+					props.onSaved(result.entry);
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setSaving(false);
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: audio_panel_module_css_default.modalMask,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: audio_panel_module_css_default.modal,
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-label": "保存到资源库",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: audio_panel_module_css_default.modalHead,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: files.length > 1 ? `保存 ${files.length} 段音频到资源库` : "保存到资源库" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: audio_panel_module_css_default.iconButton,
+								"aria-label": "关闭",
+								onClick: props.onClose,
+								children: "×"
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: audio_panel_module_css_default.modalBody,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: audio_panel_module_css_default.formRow,
+									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)("select", {
+											className: audio_panel_module_css_default.input,
+											value: type,
+											onChange: (event) => switchType(event.target.value),
+											children: [
+												"voice",
+												"music",
+												"sfx",
+												"tts"
+											].map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: item,
+												children: LIBRARY_TYPE_LABELS[item]
+											}, item))
+										})]
+									}), isVoice || isTts ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										className: audio_panel_module_css_default.label,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: isVoice ? "音色分级（男 / 女）" : "按音色归档（voice 键）" }), isVoice ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+											className: audio_panel_module_css_default.input,
+											value: category,
+											onChange: (event) => setCategory(event.target.value),
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "male",
+													children: "男声 male"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "female",
+													children: "女声 female"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "custom",
+													children: "未分级 custom"
+												})
+											]
+										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											className: audio_panel_module_css_default.input,
+											value: category,
+											onChange: (event) => setCategory(event.target.value),
+											placeholder: context.voice ?? "default"
+										})]
+									}) : null]
+								}),
+								/* @__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: name,
+										onChange: (event) => setName(event.target.value),
+										placeholder: defaultName
+									})]
+								}),
+								/* @__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: tags,
+										onChange: (event) => setTags(event.target.value),
+										placeholder: "温暖, 男声, 复古…"
+									})]
+								}),
+								/* @__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,
+										rows: 2,
+										value: note,
+										onChange: (event) => setNote(event.target.value),
+										placeholder: "用途、风格备注…"
+									})]
+								}),
+								error !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: audio_panel_module_css_default.error,
+									children: error
+								}) : null
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: audio_panel_module_css_default.modalFoot,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: audio_panel_module_css_default.secondaryButton,
+								onClick: props.onClose,
+								children: "取消"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: audio_panel_module_css_default.primaryButton,
+								disabled: saving || files.length === 0,
+								onClick: () => void save(),
+								children: saving ? "保存中…" : "保存到资源库"
+							})]
+						})
+					]
+				})
+			});
+		}
+		//#endregion
+		//#region src/client/studio-view.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.
+		* Studio view: the generation form (left), result cards (center) and the
+		* compact generation history (right). Owns the «加入资源库» interactions —
+		* a pre-generation checkbox, a per-card save dialog, and a history star.
 		*/
 		function useConfig(scope) {
 			const [value, setValue] = (0, react.useState)(scope.getSnapshot().value);
@@ -610,12 +1211,48 @@ window.__ModuleLoader__.load({
 		function dataUrlOf(audio) {
 			return `data:${audio.mime};base64,${audio.b64}`;
 		}
-		function AudioGenPanel(props) {
-			const { api, scope } = props;
-			const config = useConfig(scope);
-			const enabled = config?.enabled ?? true;
-			const modelOptions = audioModelOptions(config);
-			const channels = config?.channels ?? [];
+		function fileNameOf(url) {
+			try {
+				return decodeURIComponent(new URL(url, "http://localhost").pathname.split("/").pop() ?? "");
+			} catch {
+				return "";
+			}
+		}
+		/** Turn a history entry's audio refs into GeneratedAudio-shaped inputs. */
+		function audioRefsOfEntry(entry) {
+			return entry.audio.map((audio) => {
+				const file = fileNameOf(audio.url);
+				return {
+					id: file.replace(/\.[a-z0-9]+$/i, ""),
+					file,
+					url: audio.url,
+					mime: audio.mime,
+					bytes: 0,
+					b64: "",
+					...audio.duration === void 0 ? {} : { duration: audio.duration },
+					...audio.voiceId === void 0 ? {} : { voiceId: audio.voiceId }
+				};
+			});
+		}
+		function contextOfEntry(entry) {
+			return {
+				mode: entry.mode,
+				prompt: entry.prompt,
+				...entry.voice === void 0 ? {} : { voice: entry.voice },
+				...entry.voiceId === void 0 ? {} : { voiceId: entry.voiceId },
+				...entry.model === void 0 ? {} : { model: entry.model },
+				...entry.channel === void 0 ? {} : { channel: entry.channel },
+				...entry.channelId === void 0 ? {} : { channelId: entry.channelId },
+				...entry.params === void 0 ? {} : { params: entry.params }
+			};
+		}
+		function StudioView(props) {
+			const { api, scope, config, reuse } = props;
+			const effectiveConfig = useConfig(scope);
+			const cfg = config ?? effectiveConfig;
+			const enabled = cfg?.enabled ?? true;
+			const modelOptions = audioModelOptions(cfg);
+			const channels = cfg?.channels ?? [];
 			const connected = enabled && channels.some((channel) => {
 				const keyHeld = scope.getSecretSetSnapshot(`channelSecrets.${channel.id}`);
 				return channel.apiUrl.trim() !== "" && keyHeld && (channel.models.length > 0 || channel.preset === "minimax");
@@ -629,6 +1266,8 @@ window.__ModuleLoader__.load({
 			const [duration, setDuration] = (0, react.useState)("");
 			const [lyrics, setLyrics] = (0, react.useState)("");
 			const [instrumental, setInstrumental] = (0, react.useState)(false);
+			const [loop, setLoop] = (0, react.useState)(false);
+			const [promptInfluence, setPromptInfluence] = (0, react.useState)("");
 			const [format, setFormat] = (0, react.useState)("mp3");
 			const [emotion, setEmotion] = (0, react.useState)("");
 			const [vol, setVol] = (0, react.useState)("");
@@ -641,11 +1280,23 @@ window.__ModuleLoader__.load({
 			const [loading, setLoading] = (0, react.useState)(false);
 			const [error, setError] = (0, react.useState)(null);
 			const [outputs, setOutputs] = (0, react.useState)([]);
+			const [saveToLibrary, setSaveToLibrary] = (0, react.useState)(cfg?.autoSaveToLibrary === true);
+			const [savedIds, setSavedIds] = (0, react.useState)(/* @__PURE__ */ new Set());
+			const [saveDialog, setSaveDialog] = (0, react.useState)(null);
 			const { entries, reload, clear } = useHistory();
+			const [designChannelId, setDesignChannelId] = (0, react.useState)("");
 			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]);
+			(0, react.useEffect)(() => {
+				if (channels.length === 0) return;
+				if (designChannelId === "" || !channels.some((candidate) => candidate.id === designChannelId)) setDesignChannelId(modelOptions.defaultChannelId ?? channels[0].id);
+			}, [
+				channels,
+				modelOptions.defaultChannelId,
+				designChannelId
+			]);
 			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);
@@ -653,6 +1304,12 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				if (visibleModels.length > 0 && !visibleModels.includes(model)) setModel(visibleModels[0]);
 			}, [visibleModels, model]);
+			(0, react.useEffect)(() => {
+				if (reuse === void 0 || reuse === null) return;
+				setMode(reuse.mode);
+				if (reuse.voiceId !== void 0 || reuse.voice !== void 0) setVoice(reuse.voiceId ?? reuse.voice ?? "");
+				if (reuse.model !== void 0 && reuse.model !== "") setModel(reuse.model);
+			}, [reuse?.nonce]);
 			const submit = async () => {
 				if (prompt.trim() === "") {
 					setError(tt("prompt.required"));
@@ -663,14 +1320,18 @@ window.__ModuleLoader__.load({
 				try {
 					const response = await api.generate({
 						mode,
-						model: (model || visibleModels[0]) ?? "",
+						model: mode === "voice_design" ? "" : (model || visibleModels[0]) ?? "",
 						prompt: prompt.trim(),
+						saveToLibrary,
+						...mode === "voice_design" && designChannelId !== "" ? { channelId: designChannelId } : {},
 						...previewText.trim() !== "" ? { previewText: previewText.trim() } : {},
 						...voice.trim() !== "" ? { voice: voice.trim() } : {},
 						...speed.trim() !== "" ? { speed: Number(speed) } : {},
 						...duration.trim() !== "" ? { duration: Number(duration) } : {},
 						...lyrics.trim() !== "" ? { lyrics: lyrics.trim() } : {},
 						...instrumental ? { isInstrumental: true } : {},
+						...loop ? { loop: true } : {},
+						...promptInfluence.trim() !== "" ? { promptInfluence: Number(promptInfluence) } : {},
 						...format.trim() !== "" ? { format: format.trim() } : {},
 						...emotion.trim() !== "" ? { emotion: emotion.trim() } : {},
 						...vol.trim() !== "" ? { vol: Number(vol) } : {},
@@ -685,7 +1346,13 @@ window.__ModuleLoader__.load({
 						setError(response.message ?? "生成失败");
 						return;
 					}
-					setOutputs(response.outputs ?? []);
+					const generated = response.outputs ?? [];
+					setOutputs(generated);
+					if ((response.resources?.length ?? 0) > 0 && saveToLibrary) {
+						setSavedIds(new Set(generated.map((item) => item.id)));
+						props.showToast("已保存到资源库");
+						props.onLibraryChanged();
+					}
 					reload();
 				} catch (err) {
 					setError(err instanceof Error ? err.message : String(err));
@@ -693,6 +1360,18 @@ window.__ModuleLoader__.load({
 					setLoading(false);
 				}
 			};
+			const openSaveDialog = (files, context) => {
+				setSaveDialog({
+					files,
+					context
+				});
+			};
+			const onDialogSaved = (entry) => {
+				if (saveDialog !== null) setSavedIds((current) => /* @__PURE__ */ new Set([...current, ...saveDialog.files.map((file) => file.id)]));
+				setSaveDialog(null);
+				props.showToast(`已保存「${entry.name}」`);
+				props.onLibraryChanged();
+			};
 			const modeLabel = (0, react.useMemo)(() => {
 				if (mode === "tts") return tt("mode.tts");
 				if (mode === "music") return tt("mode.music");
@@ -701,47 +1380,61 @@ window.__ModuleLoader__.load({
 			}, [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", {
-					className: audio_panel_module_css_default.header,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-						className: audio_panel_module_css_default.title,
-						children: tt("panel.title")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: audio_panel_module_css_default.hint,
-						children: modeLabel
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: audio_panel_module_css_default.layout,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: audio_panel_module_css_default.form,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: audio_panel_module_css_default.modeRow,
-									children: [
-										"tts",
-										"music",
-										"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") : item === "sfx" ? tt("mode.sfx") : tt("mode.voiceDesign")
-									}, item))
-								}),
+				className: audio_panel_module_css_default.studio,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: audio_panel_module_css_default.formCol,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: audio_panel_module_css_default.modeRow,
+								children: [
+									"tts",
+									"music",
+									"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") : 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 === "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")
+								})]
+							}),
+							mode === "voice_design" ? /* @__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: 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")
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "厂商 / 渠道" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+										className: audio_panel_module_css_default.input,
+										value: designChannelId,
+										onChange: (event) => setDesignChannelId(event.target.value),
+										children: [channels.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "",
+											children: "（尚未配置渠道）"
+										}) : null, channels.map((candidate) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+											value: candidate.id,
+											children: [
+												candidate.name,
+												"（",
+												candidate.preset === "minimax" ? "MiniMax" : candidate.preset === "elevenlabs" ? "ElevenLabs" : candidate.preset || "自定义",
+												"）"
+											]
+										}, candidate.id))]
 									})]
 								}),
-								mode === "voice_design" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: audio_panel_module_css_default.hint,
+									children: "MiniMax：/v1/voice_design；ElevenLabs：/v1/text-to-voice/design（试听文本 100-1000 字符，过短将自动生成）"
+								}),
+								/* @__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,
@@ -749,351 +1442,435 @@ window.__ModuleLoader__.load({
 										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,
-										value: model,
-										onChange: (event) => setModel(event.target.value),
-										children: [visibleModels.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-											value: "",
-											children: "（当前模式暂无可用模型）"
-										}) : null, visibleModels.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-											value: item,
-											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", {
-										className: audio_panel_module_css_default.input,
-										value: voice,
-										onChange: (event) => setVoice(event.target.value),
-										placeholder: isMiniMaxChannel ? "male-qn-qingse / female-shaonv" : "alloy / 自定义音色"
-									})]
-								}) : 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("speed.label") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										className: audio_panel_module_css_default.input,
-										type: "number",
-										step: "0.1",
-										min: "0.5",
-										max: "2",
-										value: speed,
-										onChange: (event) => setSpeed(event.target.value),
-										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", {
+								})
+							] }) : 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.input,
+									value: model,
+									onChange: (event) => setModel(event.target.value),
+									children: [visibleModels.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										children: "（当前模式暂无可用模型）"
+									}) : null, visibleModels.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: item,
+										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", {
+									className: audio_panel_module_css_default.input,
+									value: voice,
+									onChange: (event) => setVoice(event.target.value),
+									placeholder: isMiniMaxChannel ? "male-qn-qingse / female-shaonv" : "alloy / 自定义音色"
+								})]
+							}) : 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("speed.label") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: audio_panel_module_css_default.input,
+									type: "number",
+									step: "0.1",
+									min: "0.5",
+									max: "2",
+									value: speed,
+									onChange: (event) => setSpeed(event.target.value),
+									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: "情绪 emotion" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											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,
-												value: emotion,
-												onChange: (event) => setEmotion(event.target.value),
-												placeholder: "happy / sad / angry / nervous…"
+												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)("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,
+										}), /* @__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: "0",
-													max: "10",
-													step: "0.5",
-													value: vol,
-													onChange: (event) => setVol(event.target.value),
-													placeholder: "1"
+													min: "16000",
+													max: "48000",
+													step: "8000",
+													value: sampleRate,
+													onChange: (event) => setSampleRate(event.target.value),
+													placeholder: "32000"
 												})]
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											}),
+											/* @__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", {
+												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: "-12",
-													max: "12",
-													value: pitch,
-													onChange: (event) => setPitch(event.target.value),
-													placeholder: "0"
+													min: "64000",
+													max: "320000",
+													step: "8000",
+													value: bitrate,
+													onChange: (event) => setBitrate(event.target.value),
+													placeholder: "128000"
 												})]
-											})]
-										}),
-										/* @__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", {
-										className: audio_panel_module_css_default.input,
-										type: "number",
-										step: "1",
-										min: "1",
-										max: "120",
-										value: duration,
-										onChange: (event) => setDuration(event.target.value),
-										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.jsxs)("select", {
+													className: audio_panel_module_css_default.input,
+													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", {
+										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第二段歌词…"
+											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: instrumental,
-											onChange: (event) => setInstrumental(event.target.checked)
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "纯音乐（无歌词/人声）is_instrumental" })]
-									}),
-									/* @__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.jsxs)("select", {
-												className: audio_panel_module_css_default.select,
-												value: sampleRate,
-												onChange: (event) => setSampleRate(event.target.value),
-												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-														value: "",
-														children: "默认（44100）"
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-														value: "16000",
-														children: "16000"
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-														value: "24000",
-														children: "24000"
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-														value: "32000",
-														children: "32000"
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-														value: "44100",
-														children: "44100"
-													})
-												]
-											})]
-										}), /* @__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.jsxs)("select", {
-												className: audio_panel_module_css_default.select,
-												value: bitrate,
-												onChange: (event) => setBitrate(event.target.value),
-												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-														value: "",
-														children: "默认（256000）"
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-														value: "32000",
-														children: "32000"
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-														value: "64000",
-														children: "64000"
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-														value: "128000",
-														children: "128000"
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-														value: "256000",
-														children: "256000"
-													})
-												]
-											})]
-										})]
+											checked: subtitle,
+											onChange: (event) => setSubtitle(event.target.checked)
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "生成字幕 subtitle_enable" })]
 									})
-								] }) : null,
-								needModel ? /* @__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,
+									type: "number",
+									step: "1",
+									min: "1",
+									max: "120",
+									value: duration,
+									onChange: (event) => setDuration(event.target.value),
+									placeholder: "30"
+								})]
+							}) : null,
+							mode === "sfx" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__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: loop,
+									onChange: (event) => setLoop(event.target.checked)
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "循环音效 loop（无缝循环，需 eleven_text_to_sound_v2）" })]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: audio_panel_module_css_default.label,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "提示词影响度 prompt_influence (0-1)" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: audio_panel_module_css_default.input,
+									type: "number",
+									step: "0.1",
+									min: "0",
+									max: "1",
+									value: promptInfluence,
+									onChange: (event) => setPromptInfluence(event.target.value),
+									placeholder: "0.3"
+								})]
+							})] }) : 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: tt("format.label") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-										className: audio_panel_module_css_default.select,
-										value: format,
-										onChange: (event) => setFormat(event.target.value),
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-												value: "mp3",
-												children: "mp3"
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-												value: "wav",
-												children: "wav"
-											}),
-											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", {
-												value: "ogg",
-												children: "ogg"
-											})] }) : null,
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-												value: "pcm",
-												children: "pcm"
-											})
-										]
+									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第二段歌词…"
 									})]
-								}) : null,
-								!connected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: audio_panel_module_css_default.hint,
-									children: tt("config.missing")
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: audio_panel_module_css_default.generate,
-									disabled: loading || !connected || needModel && visibleModels.length === 0,
-									onClick: () => void submit(),
-									children: loading ? tt("generating") : tt("generate")
+								/* @__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" })]
+								}),
+								/* @__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.jsxs)("select", {
+											className: audio_panel_module_css_default.input,
+											value: sampleRate,
+											onChange: (event) => setSampleRate(event.target.value),
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "",
+													children: "默认（44100）"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "16000",
+													children: "16000"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "24000",
+													children: "24000"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "32000",
+													children: "32000"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "44100",
+													children: "44100"
+												})
+											]
+										})]
+									}), /* @__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.jsxs)("select", {
+											className: audio_panel_module_css_default.input,
+											value: bitrate,
+											onChange: (event) => setBitrate(event.target.value),
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "",
+													children: "默认（256000）"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "32000",
+													children: "32000"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "64000",
+													children: "64000"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "128000",
+													children: "128000"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "256000",
+													children: "256000"
+												})
+											]
+										})]
+									})]
 								})
-							]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: audio_panel_module_css_default.result,
-							children: [error !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: audio_panel_module_css_default.error,
-								children: error
-							}) : null, outputs.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: audio_panel_module_css_default.empty,
-								children: tt("result.empty")
-							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							] }) : 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.input,
+									value: format,
+									onChange: (event) => setFormat(event.target.value),
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "mp3",
+											children: "mp3"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "wav",
+											children: "wav"
+										}),
+										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", {
+											value: "ogg",
+											children: "ogg"
+										})] }) : null,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "pcm",
+											children: "pcm"
+										})
+									]
+								})]
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: audio_panel_module_css_default.checkbox,
+								title: "生成完成后自动保存到资源库；也可在设置中开启全部自动保存",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: saveToLibrary,
+									onChange: (event) => setSaveToLibrary(event.target.checked)
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "生成后保存到资源库" })]
+							}),
+							!connected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: audio_panel_module_css_default.hint,
-								children: tt("result.done", { count: outputs.length })
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: audio_panel_module_css_default.audioList,
-								children: outputs.map((audio, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								children: tt("config.missing")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: audio_panel_module_css_default.generate,
+								disabled: loading || !connected || needModel && visibleModels.length === 0,
+								onClick: () => void submit(),
+								children: loading ? tt("generating") : tt("generate")
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: audio_panel_module_css_default.resultCol,
+						children: [error !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: audio_panel_module_css_default.error,
+							children: error
+						}) : null, outputs.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: audio_panel_module_css_default.resultEmpty,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: audio_panel_module_css_default.resultEmptyIcon,
+									children: "🎵"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: tt("result.empty") }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: audio_panel_module_css_default.resultEmptyHint,
+									children: "生成结果将在这里播放、下载，并可一键加入资源库"
+								})
+							]
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: audio_panel_module_css_default.resultMeta,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tt("result.done", { count: outputs.length }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: audio_panel_module_css_default.resultModeChip,
+								children: modeLabel
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: audio_panel_module_css_default.audioList,
+							children: outputs.map((audio, index) => {
+								const saved = savedIds.has(audio.id);
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: audio_panel_module_css_default.audioCard,
+									"data-saved": saved ? "true" : "false",
 									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.jsxs)("div", {
+											className: audio_panel_module_css_default.audioCardHead,
+											children: [
+												audio.voiceId !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: audio_panel_module_css_default.voiceIdChip,
+													title: "新音色 ID",
+													children: ["新音色 ", audio.voiceId]
+												}) : null,
+												saved ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: audio_panel_module_css_default.savedChip,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckIcon, {}), " 已入库"]
+												}) : null,
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: audio_panel_module_css_default.audioCardIndex,
+													children: ["#", index + 1]
+												})
+											]
 										}),
-										/* @__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: "下载"
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AudioPlayer, {
+											src: dataUrlOf(audio),
+											itemKey: audio.id
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: audio_panel_module_css_default.audioCardActions,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+												className: audio_panel_module_css_default.ghostButton,
+												href: dataUrlOf(audio),
+												download: `generated-${index + 1}.${audio.mime.split("/")[1]?.replace("mpeg", "mp3") ?? "mp3"}`,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DownloadIcon, {}), " 下载"]
+											}), saved ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: audio_panel_module_css_default.ghostButton,
+												onClick: () => props.showToast("该音频已加入资源库"),
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckIcon, {}), " 已入库"]
+											}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: audio_panel_module_css_default.ghostButton,
+												onClick: () => openSaveDialog([audio], {
+													mode,
+													prompt: prompt.trim(),
+													...voice.trim() !== "" ? { voice: voice.trim() } : {},
+													...audio.voiceId === void 0 ? {} : { voiceId: audio.voiceId },
+													...model !== "" ? { model } : {},
+													...channels.length > 0 ? { channel: channels.find((candidate) => candidate.id === (mode === "voice_design" ? designChannelId : modelOptions.defaultChannelId))?.name ?? channels[0]?.name ?? "" } : {},
+													params: {
+														mode,
+														model: mode === "voice_design" ? "" : (model || visibleModels[0]) ?? "",
+														prompt: prompt.trim(),
+														...voice.trim() !== "" ? { voice: voice.trim() } : {},
+														...speed.trim() !== "" ? { speed: Number(speed) } : {},
+														...duration.trim() !== "" ? { duration: Number(duration) } : {},
+														...format.trim() !== "" ? { format: format.trim() } : {}
+													}
+												}),
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StarIcon, {}), " 加入资源库"]
+											})]
 										})
 									]
-								}, audio.id))
-							})] })]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
-							className: audio_panel_module_css_default.history,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: audio_panel_module_css_default.historyHeader,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
-									className: audio_panel_module_css_default.historyTitle,
-									children: tt("history.title")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									onClick: clear,
-									style: {
-										border: 0,
-										background: "none",
-										cursor: "pointer",
-										color: "inherit",
-										fontSize: 12
-									},
-									children: "清空"
-								})]
-							}), entries.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: audio_panel_module_css_default.historyEmpty,
-								children: tt("history.empty")
-							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: entries.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								}, audio.id);
+							})
+						})] })]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+						className: audio_panel_module_css_default.historyCol,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: audio_panel_module_css_default.historyHeader,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
+								className: audio_panel_module_css_default.historyTitle,
+								children: tt("history.title")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: audio_panel_module_css_default.historyClear,
+								onClick: clear,
+								children: "清空"
+							})]
+						}), entries.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: audio_panel_module_css_default.historyEmpty,
+							children: tt("history.empty")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: audio_panel_module_css_default.historyList,
+							children: entries.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: audio_panel_module_css_default.historyItem,
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1109,192 +1886,1135 @@ window.__ModuleLoader__.load({
 											entry.channel ? ` · ${entry.channel}` : ""
 										]
 									}),
-									entry.audio.map((audio, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("audio", {
-										className: audio_panel_module_css_default.historyAudio,
-										controls: true,
-										preload: "none",
-										src: audio.url
-									}, index))
+									entry.audio.map((audio, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AudioPlayer, {
+										src: audio.url,
+										compact: true,
+										itemKey: `${entry.id}-${index}`
+									}, index)),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: audio_panel_module_css_default.historyActions,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: audio_panel_module_css_default.historyAction,
+											onClick: () => openSaveDialog(audioRefsOfEntry(entry), contextOfEntry(entry)),
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StarIcon, {}), " 入库"]
+										})
+									})
 								]
-							}, entry.id)) })]
-						})
-					]
-				})]
+							}, entry.id))
+						})]
+					}),
+					saveDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LibrarySaveDialog, {
+						api,
+						files: saveDialog.files,
+						context: saveDialog.context,
+						onClose: () => setSaveDialog(null),
+						onSaved: onDialogSaved
+					}) : null
+				]
 			});
 		}
 		//#endregion
-		//#region \0dsh-css:/Users/shimingming/Projects_code/dsh-audiogen/src/client/panel.module.css.mjs
-		const css$2 = "[data-pane=conversation],[class*=centerCol]{position:relative}[data-dsh-audiogen-view]{z-index:60;background:var(--dsw-alias-bg-base);display:none;position:absolute;inset:0}html[data-dsh-audiogen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-dsh-audiogen-view]{display:block}html[data-dsh-audiogen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-pane=conversation]>:not([data-dsh-audiogen-view]),html[data-dsh-audiogen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [class*=centerCol]>:not([data-dsh-audiogen-view]){display:none!important}.rwa6qG_entry{width:100%;height:32px;color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.rwa6qG_entry:hover{background:var(--dsw-specific-sidebar-nav-item-hover);color:var(--dsw-alias-label-primary)}.rwa6qG_entry[data-active]{background:var(--dsw-specific-sidebar-nav-item-active);color:var(--dsw-alias-label-primary);font-weight:600}.rwa6qG_entryIcon{flex:none;justify-content:center;align-items:center;display:inline-flex}.rwa6qG_entryLabel{text-overflow:ellipsis;overflow:hidden}[data-dsh-frame][data-sidebar-collapsed] .rwa6qG_entry{justify-content:center;width:100%;padding:0}[data-dsh-frame][data-sidebar-collapsed] .rwa6qG_entryLabel{display:none}.rwa6qG_view{overflow:hidden}.rwa6qG_panel,.rwa6qG_panel *,.rwa6qG_panel :before,.rwa6qG_panel :after{box-sizing:border-box}.rwa6qG_panel{background:var(--dsw-alias-bg-base);min-width:0;height:100%;min-height:0;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex;position:relative;overflow:hidden}.rwa6qG_panelHeader{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.rwa6qG_panelHeading{align-items:baseline;gap:10px;min-width:0;display:flex}.rwa6qG_panelTitle{color:var(--dsw-alias-label-primary);white-space:nowrap;margin:0;font-size:16px;font-weight:700}.rwa6qG_githubLink{width:22px;height:22px;color:var(--dsw-alias-label-secondary);border-radius:6px;flex:none;justify-content:center;align-items:center;text-decoration:none;transition:color .12s,background .12s;display:inline-flex}.rwa6qG_githubLink:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.rwa6qG_connectionStatus{border:1px solid var(--dsw-alias-label-error);height:28px;color:var(--dsw-alias-label-error);font:inherit;white-space:nowrap;background:0 0;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;line-height:1;display:inline-flex}.rwa6qG_connectionStatus[data-connected=true]{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary)}.rwa6qG_connectionDot{background:currentColor;border-radius:50%;width:6px;height:6px}.rwa6qG_updateBanner{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-primary);overflow-wrap:anywhere;border-radius:10px;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px 7px 12px;font-size:12px;line-height:1.5;display:flex}.rwa6qG_updateBanner[data-kind=ok]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}.rwa6qG_updateText{min-width:0}.rwa6qG_updateActions{flex:none;align-items:center;gap:10px;display:inline-flex}.rwa6qG_updateRelease{color:inherit;text-underline-offset:2px;white-space:nowrap;text-decoration:underline}@media (width<=700px){.rwa6qG_panelHeader{align-items:flex-start}.rwa6qG_panelHeading{flex-direction:column;align-items:flex-start;gap:2px}.rwa6qG_updateBanner{flex-direction:column;align-items:flex-start}.rwa6qG_updateActions{justify-content:space-between;width:100%}}.rwa6qG_studio{flex:1;gap:14px;min-width:0;min-height:0;display:flex}.rwa6qG_config{flex-direction:column;flex:none;gap:12px;width:300px;min-width:260px;max-width:340px;height:100%;min-height:0;display:flex;overflow:hidden}.rwa6qG_configScroll{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.rwa6qG_configScroll::-webkit-scrollbar{width:8px}.rwa6qG_configScroll::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.rwa6qG_canvas{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.rwa6qG_taskTray{z-index:6;border:1px solid var(--dsw-alias-border-l2);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 92%, transparent);backdrop-filter:blur(10px);border-radius:9px;flex-direction:column;width:min(360px,100% - 24px);max-height:calc(100% - 24px);display:flex;position:absolute;top:12px;right:12px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.rwa6qG_taskTray[data-open=false]{width:auto;max-width:calc(100% - 24px)}.rwa6qG_taskTrayHeader{min-height:34px;color:var(--dsw-alias-label-primary);border-bottom:1px solid var(--dsw-alias-border-l1);align-items:stretch;font-size:12px;font-weight:600;display:flex}.rwa6qG_taskTray[data-open=false] .rwa6qG_taskTrayHeader{border-bottom:0}.rwa6qG_taskTrayToggle{min-width:0;color:inherit;cursor:pointer;font:inherit;font-size:inherit;font-weight:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:8px 10px;display:flex}.rwa6qG_taskTrayToggle:hover{background:var(--dsw-alias-bg-layer-2)}.rwa6qG_taskTrayCount{min-width:18px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);text-align:center;border-radius:999px;padding:1px 5px;font-size:11px;font-weight:500}.rwa6qG_taskTrayChevron{color:var(--dsw-alias-label-tertiary);margin-left:auto;font-size:12px;font-weight:400}.rwa6qG_taskTrayClose{border:0;border-left:1px solid var(--dsw-alias-border-l1);width:32px;color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;background:0 0;font-size:17px}.rwa6qG_taskTrayClose:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.rwa6qG_taskTray[data-open=false] .rwa6qG_taskTrayToggle{min-height:34px}.rwa6qG_taskRows{min-height:0;overflow-y:auto}.rwa6qG_taskTray[data-open=false] .rwa6qG_taskRows{display:none}.rwa6qG_taskRow{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 10px;display:grid}.rwa6qG_taskRow:first-of-type{border-top:0}.rwa6qG_taskStatus{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:11px}.rwa6qG_taskRow[data-status=running] .rwa6qG_taskStatus{color:var(--dsw-alias-brand-primary)}.rwa6qG_taskRow[data-status=failed] .rwa6qG_taskStatus{color:var(--dsw-alias-label-error)}.rwa6qG_taskPrompt{color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.rwa6qG_taskRow button{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;font:inherit;border:0;border-radius:5px;padding:2px 7px;font-size:11px}.rwa6qG_taskRow button:hover{color:var(--dsw-alias-brand-primary)}.rwa6qG_configGuide{z-index:1100;background:#00000059;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rwa6qG_configGuideBody{border:1px solid var(--dsw-alias-border-l2);width:min(360px,100%);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border-radius:10px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 14px 40px #0003}.rwa6qG_configGuideBody span{color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1.55}.rwa6qG_configGuideBody button{min-height:30px;color:var(--dsw-alias-bg-layer-1);background:var(--dsw-alias-brand-primary);cursor:pointer;font:inherit;border:0;border-radius:7px;align-self:flex-end;padding:0 12px;font-size:12px}.rwa6qG_history{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;flex-direction:column;flex:none;width:240px;min-width:200px;max-width:280px;min-height:0;display:flex;overflow:hidden}.rwa6qG_historyHeader{border-bottom:1px solid var(--dsw-alias-border-l1);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.rwa6qG_historyFilters{border-bottom:1px solid var(--dsw-alias-border-l1);grid-template-columns:1fr 1fr;gap:6px;padding:8px 10px;display:grid}.rwa6qG_historySearch,.rwa6qG_historyFilters select,.rwa6qG_gallerySearch{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);min-width:0;min-height:29px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;border-radius:7px;padding:0 8px;font-size:11px}.rwa6qG_historySearch{grid-column:1/-1}.rwa6qG_gallerySearch{width:156px}.rwa6qG_galleryTagInput{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);width:130px;min-height:29px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;border-radius:7px;padding:0 8px;font-size:11px}.rwa6qG_galleryBulkButton{border:1px solid var(--dsw-alias-border-l2);min-height:29px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);cursor:pointer;font:inherit;border-radius:7px;padding:0 8px;font-size:11px}.rwa6qG_galleryBulkButton:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.rwa6qG_galleryBulkButton:disabled{opacity:.45;cursor:default}.rwa6qG_historyTitle{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600}.rwa6qG_historyClear{font:inherit;color:var(--dsw-alias-label-tertiary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:11.5px}.rwa6qG_historyClear:hover{color:var(--dsw-alias-label-error);border-color:var(--dsw-alias-label-error)}.rwa6qG_historyList{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px;display:flex;overflow-y:auto}.rwa6qG_historyList::-webkit-scrollbar{width:8px}.rwa6qG_historyList::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.rwa6qG_historyEmpty{text-align:center;color:var(--dsw-alias-label-tertiary);flex:1;justify-content:center;align-items:center;padding:20px;font-size:12px;line-height:1.6;display:flex}.rwa6qG_historyItem{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:10px;flex-direction:column;flex:none;gap:6px;padding:8px;display:flex}.rwa6qG_historyItem:hover{border-color:var(--dsw-alias-border-l2)}.rwa6qG_historyItem[data-active]{border-color:var(--dsw-alias-brand-primary)}.rwa6qG_historyMain{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:8px;min-width:0;padding:0;display:flex}.rwa6qG_historyThumb{object-fit:cover;background:var(--dsw-alias-bg-base);border-radius:8px;flex:none;width:52px;height:52px}.rwa6qG_historyThumbPlaceholder{background:var(--dsw-alias-bg-layer-3);border-radius:8px;flex:none;width:52px;height:52px}.rwa6qG_historyInfo{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rwa6qG_historyPrompt{color:var(--dsw-alias-label-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.rwa6qG_historyMeta{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.rwa6qG_historyActions{justify-content:flex-end;gap:6px;display:flex}.rwa6qG_historyAction{font:inherit;color:var(--dsw-alias-label-secondary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:11.5px}.rwa6qG_historyAction:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.rwa6qG_historyAction[data-danger]:hover{color:var(--dsw-alias-label-error);border-color:var(--dsw-alias-label-error)}.rwa6qG_card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;flex-direction:column;flex:none;gap:10px;padding:12px;display:flex}.rwa6qG_modeRow{align-items:center;gap:8px;display:flex}.rwa6qG_modePill{flex:1;justify-content:center;height:28px;font-size:13px}.rwa6qG_uploadBox{min-height:128px;color:var(--dsw-alias-label-secondary);border:1.5px dashed var(--dsw-alias-border-l2);cursor:pointer;font:inherit;text-align:center;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;font-size:12.5px;display:flex}.rwa6qG_uploadBox:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-interactive-bg-hover)}.rwa6qG_uploadBox:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.rwa6qG_uploadIcon{color:var(--dsw-alias-label-tertiary);display:inline-flex}.rwa6qG_uploadHint{color:var(--dsw-alias-label-tertiary);font-size:11px}.rwa6qG_reference{flex-direction:column;gap:8px;display:flex}.rwa6qG_referenceImage{object-fit:contain;background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;width:100%;max-height:176px}.rwa6qG_referenceActions{gap:8px;display:flex}.rwa6qG_hiddenFile{display:none}.rwa6qG_prompt{width:100%;min-height:120px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);resize:vertical;box-sizing:border-box;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.6}.rwa6qG_prompt:focus-visible{border-color:var(--dsw-alias-brand-primary)}.rwa6qG_prompt::placeholder{color:var(--dsw-alias-label-tertiary)}.rwa6qG_promptFooter{justify-content:space-between;align-items:center;gap:8px;margin-top:-6px;display:flex}.rwa6qG_templatesButton{border:1px solid var(--dsw-alias-brand-primary);background:linear-gradient(135deg, color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent), color-mix(in srgb, var(--dsw-alias-brand-primary) 5%, transparent));height:26px;color:var(--dsw-alias-brand-primary);cursor:pointer;box-shadow:0 1px 0 color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, transparent);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.rwa6qG_templatesButton svg{flex:none}.rwa6qG_templatesButton:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--dsw-alias-brand-primary) 24%, transparent), color-mix(in srgb, var(--dsw-alias-brand-primary) 8%, transparent));color:var(--dsw-alias-brand-primary);box-shadow:0 2px 6px color-mix(in srgb, var(--dsw-alias-brand-primary) 30%, transparent);transform:translateY(-1px)}.rwa6qG_templatesButton:active{transform:translateY(0)}.rwa6qG_enhanceButton{border:1px solid var(--dsw-alias-border-l2);height:26px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);font:inherit;cursor:pointer;border-radius:999px;margin-left:auto;padding:0 11px;font-size:12px}.rwa6qG_enhanceButton:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.rwa6qG_enhanceButton:disabled{opacity:.5;cursor:default}.rwa6qG_promptCount{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.rwa6qG_paramGroup{flex-direction:column;gap:8px;display:flex}.rwa6qG_paramLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.rwa6qG_optionRow{flex-wrap:wrap;gap:6px;display:flex}.rwa6qG_optionGrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.rwa6qG_optionPill{justify-content:center}.rwa6qG_paramHint{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.45}.rwa6qG_footer{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;flex:none;align-items:stretch;gap:8px;padding:10px 2px 0 0;display:flex}.rwa6qG_modelWrap{flex-direction:column;gap:5px;min-width:0;display:flex}.rwa6qG_modelLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.rwa6qG_modelSelect{width:100%;height:36px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;text-align:left;border-radius:18px;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:13px;display:flex}.rwa6qG_modelSelect:focus-visible{border-color:var(--dsw-alias-brand-primary)}.rwa6qG_modelSelect:disabled{opacity:.55;cursor:default}.rwa6qG_modelMenu{min-width:0;display:block;position:relative}.rwa6qG_modelMenuList{z-index:40;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:12px;flex-direction:column;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 -8px 24px #0000002e}.rwa6qG_modelMenuItem{width:100%;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:8px;padding:7px 10px;font-size:13px;display:block;overflow:hidden}.rwa6qG_modelMenuItem:hover{background:var(--dsw-alias-bg-hover)}.rwa6qG_modelMenuItem[data-selected]{color:var(--dsw-alias-brand-primary);background:var(--dsw-alias-bg-layer-1);font-weight:600}.rwa6qG_generateButton{width:100%}.rwa6qG_generateInner{align-items:center;gap:7px;display:inline-flex}.rwa6qG_canvasState{text-align:center;color:var(--dsw-alias-label-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.rwa6qG_canvasStateTitle{color:var(--dsw-alias-label-secondary);font-size:14px;font-weight:600}.rwa6qG_canvasStateHint{max-width:380px;font-size:12px;line-height:1.6}.rwa6qG_canvasEmptyIcon{color:var(--dsw-alias-label-tertiary);margin-bottom:4px;display:inline-flex}.rwa6qG_canvasError{color:var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-label-error);overflow-wrap:anywhere;border-radius:10px;flex:none;margin:14px;padding:10px 14px;font-size:12.5px;line-height:1.6}.rwa6qG_canvasBody{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.rwa6qG_canvasBody::-webkit-scrollbar{width:8px}.rwa6qG_canvasBody::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.rwa6qG_canvasMeta{color:var(--dsw-alias-label-tertiary);flex:none;align-items:center;gap:8px;font-size:12px;display:flex}.rwa6qG_canvasHistoryTag{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px}.rwa6qG_grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;display:grid}.rwa6qG_grid[data-count=\"1\"] .rwa6qG_imageCard{grid-area:1/1/3/3}.rwa6qG_imageCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);cursor:zoom-in;border-radius:12px;flex-direction:column;min-height:0;margin:0;display:flex;position:relative;overflow:hidden}.rwa6qG_imageCard:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.rwa6qG_image{object-fit:cover;background:var(--dsw-alias-bg-base);flex:1;width:100%;min-height:0;display:block}.rwa6qG_imageCaption{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;border-top:1px solid var(--dsw-alias-border-l1);padding:7px 10px;font-size:11px;line-height:1.5;overflow:hidden}.rwa6qG_download{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);opacity:0;backdrop-filter:blur(4px);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;text-decoration:none;transition:opacity .12s;position:absolute;top:8px;right:8px}.rwa6qG_imageCard:hover .rwa6qG_download{opacity:1}.rwa6qG_download:hover{background:var(--dsw-alias-bg-base)}.rwa6qG_galleryAdd{font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;opacity:0;backdrop-filter:blur(4px);border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;transition:opacity .12s;display:inline-flex;position:absolute;top:8px;left:8px}.rwa6qG_imageCard:hover .rwa6qG_galleryAdd{opacity:1}.rwa6qG_galleryAdd:hover{background:var(--dsw-alias-bg-base)}.rwa6qG_galleryAdd:disabled{opacity:.4;cursor:default}.rwa6qG_zoomHint{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);opacity:0;backdrop-filter:blur(4px);pointer-events:none;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;transition:opacity .12s;display:inline-flex;position:absolute;bottom:8px;left:8px}.rwa6qG_imageCard:hover .rwa6qG_zoomHint{opacity:1}.rwa6qG_spinner,.rwa6qG_bigSpinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;animation:.8s linear infinite rwa6qG_dshImageGenSpin;display:inline-block}.rwa6qG_spinner{width:11px;height:11px}.rwa6qG_bigSpinner{width:30px;height:30px;color:var(--dsw-alias-state-business-primary);border-width:3px;margin-bottom:6px}.rwa6qG_lightbox{z-index:1000;backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rwa6qG_lightboxClose{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:absolute;top:16px;right:16px}.rwa6qG_lightboxClose:hover{background:#ffffff42}.rwa6qG_lightboxNav{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.rwa6qG_lightboxNav:hover{background:#ffffff42}.rwa6qG_lightboxNav[data-dir=prev]{left:max(20px,50% - 640px)}.rwa6qG_lightboxNav[data-dir=next]{right:max(20px,50% - 640px)}.rwa6qG_lightboxFigure{flex-direction:column;gap:10px;width:min(1100px,100vw - 160px);max-width:min(1100px,100vw - 160px);height:min(820px,100vh - 48px);min-height:0;margin:0;display:flex}.rwa6qG_lightboxStage{background:#ffffff0a;border-radius:10px;flex:1;min-height:0;position:relative;overflow:auto}.rwa6qG_lightboxScaleFrame{justify-content:center;align-items:center;min-width:100%;min-height:100%;display:flex}.rwa6qG_lightboxImage{object-fit:contain;border-radius:10px;max-width:100%;max-height:100%;display:block;box-shadow:0 24px 80px #00000080}.rwa6qG_lightboxTools{justify-content:center;align-items:center;gap:6px;display:flex}.rwa6qG_lightboxTool,.rwa6qG_lightboxZoomLevel,.rwa6qG_lightboxCopy{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;justify-content:center;align-items:center;display:inline-flex}.rwa6qG_lightboxTool,.rwa6qG_lightboxZoomLevel{height:32px}.rwa6qG_lightboxTool{border-radius:50%;width:32px}.rwa6qG_lightboxZoomLevel{min-width:58px;font:inherit;font-variant-numeric:tabular-nums;border-radius:999px;padding:0 9px;font-size:12px}.rwa6qG_lightboxTool:hover,.rwa6qG_lightboxZoomLevel:hover,.rwa6qG_lightboxCopy:hover{background:#ffffff42}.rwa6qG_lightboxCaptionRow{align-items:flex-start;gap:8px;min-width:0;display:flex}.rwa6qG_lightboxCaption{color:#ffffffe6;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.rwa6qG_lightboxCopy{min-height:28px;font:inherit;white-space:nowrap;border-radius:999px;flex:none;gap:5px;padding:4px 9px;font-size:12px}.rwa6qG_lightboxMeta{justify-content:space-between;align-items:center;gap:12px;display:flex}.rwa6qG_lightboxIndex{color:#fffc;font-variant-numeric:tabular-nums;font-size:12px}.rwa6qG_lightboxActions{align-items:center;gap:8px;display:inline-flex}.rwa6qG_lightboxDownload,.rwa6qG_lightboxEdit{font:inherit;color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;padding:4px 14px;font-size:12.5px;font-weight:500;text-decoration:none}.rwa6qG_lightboxDownload:hover,.rwa6qG_lightboxEdit:hover{background:#ffffff42}.rwa6qG_lightboxEdit{color:#fff;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px}@media (width<=720px){.rwa6qG_lightbox{padding:16px}.rwa6qG_lightboxFigure{width:calc(100vw - 32px);max-width:none}.rwa6qG_lightboxNav[data-dir=prev]{left:20px}.rwa6qG_lightboxNav[data-dir=next]{right:20px}.rwa6qG_lightboxCaptionRow,.rwa6qG_lightboxMeta{flex-direction:column;align-items:stretch}.rwa6qG_lightboxCopy,.rwa6qG_lightboxActions{align-self:flex-end}}@keyframes rwa6qG_dshImageGenSpin{to{transform:rotate(360deg)}}.rwa6qG_galleryToast{z-index:30;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);backdrop-filter:blur(6px);pointer-events:none;border-radius:999px;align-items:center;gap:7px;padding:6px 16px;font-size:13px;font-weight:500;animation:.16s ease-out rwa6qG_dshImageGenToastIn;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000038}@keyframes rwa6qG_dshImageGenToastIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.rwa6qG_download,.rwa6qG_spinner,.rwa6qG_bigSpinner{transition:none;animation-duration:1.5s}}.rwa6qG_config[data-gallery=true] .rwa6qG_configScroll>:not(:first-child),.rwa6qG_config[data-gallery=true] .rwa6qG_footer,.rwa6qG_canvas[data-gallery=true]>.rwa6qG_canvasState,.rwa6qG_canvas[data-gallery=true]>.rwa6qG_canvasError,.rwa6qG_canvas[data-gallery=true]>.rwa6qG_canvasBody,.rwa6qG_studio:has(.rwa6qG_config[data-gallery=true])>.rwa6qG_history{display:none}.rwa6qG_config[data-gallery=true] .rwa6qG_configScroll{flex:none;order:1;display:flex;overflow:visible}.rwa6qG_config[data-gallery=true] .rwa6qG_galleryFilters{flex:1;order:2;min-height:0}.rwa6qG_galleryFilters{padding:18px 14px;overflow:hidden auto}.rwa6qG_galleryFilterHeading{color:var(--dsw-alias-label-tertiary);margin:0 4px 10px;font-size:12px;font-weight:600}.rwa6qG_galleryFilter{width:100%;min-height:34px;color:var(--dsw-alias-label-secondary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.rwa6qG_galleryFilter:hover,.rwa6qG_galleryFilter[data-active]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent)}.rwa6qG_galleryFilterCount{min-width:20px;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-2);text-align:center;border-radius:999px;padding:1px 6px;font-size:11px}.rwa6qG_galleryFilterDivider{background:var(--dsw-alias-border-l1);height:1px;margin:18px 4px}.rwa6qG_galleryRatioList{flex-wrap:wrap;gap:6px;display:flex}.rwa6qG_galleryRatio{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;border:0;border-radius:999px;padding:6px 10px;font-size:12px}.rwa6qG_galleryRatio[data-active]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 13%, transparent)}.rwa6qG_galleryTagFilterList{flex-wrap:wrap;gap:6px;display:flex}.rwa6qG_galleryTagFilter{border:1px solid var(--dsw-alias-border-l1);min-width:0;max-width:100%;min-height:27px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;font:inherit;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:11px;display:inline-flex}.rwa6qG_galleryTagFilter span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}.rwa6qG_galleryTagFilter span:last-child{color:var(--dsw-alias-label-tertiary);font-size:10px}.rwa6qG_galleryTagFilter:hover,.rwa6qG_galleryTagFilter[data-active]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent)}.rwa6qG_galleryFilterNote{color:var(--dsw-alias-label-quaternary);margin:20px 4px 0;font-size:11px;line-height:1.5}.rwa6qG_galleryWorkspace{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;padding:22px 24px 26px;display:flex;position:absolute;inset:0;overflow:hidden}.rwa6qG_galleryToolbar{flex:none;justify-content:space-between;align-items:center;gap:16px;min-width:0;margin-bottom:18px;display:flex}.rwa6qG_galleryHeading{color:var(--dsw-alias-label-primary);margin:0;font-size:20px;font-weight:700;display:inline}.rwa6qG_galleryCount{color:var(--dsw-alias-label-tertiary);margin-left:8px;font-size:13px}.rwa6qG_galleryToolbarActions{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.rwa6qG_gallerySelectMode,.rwa6qG_galleryBulkButton,.rwa6qG_gallerySelectionClear{border:1px solid var(--dsw-alias-border-l1);min-height:30px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);cursor:pointer;font:inherit;border-radius:7px;padding:0 10px;font-size:12px}.rwa6qG_gallerySelectMode:hover,.rwa6qG_gallerySelectMode[data-active],.rwa6qG_galleryBulkButton:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:color-mix(in srgb, var(--dsw-alias-brand-primary) 38%, var(--dsw-alias-border-l1));background:color-mix(in srgb, var(--dsw-alias-brand-primary) 11%, transparent)}.rwa6qG_galleryBulkButton:disabled{cursor:not-allowed;opacity:.45}.rwa6qG_gallerySelectionBar{border:1px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 35%, var(--dsw-alias-border-l1));background:color-mix(in srgb, var(--dsw-alias-brand-primary) 7%, var(--dsw-alias-bg-layer-1));border-radius:9px;flex:none;align-items:center;gap:10px;min-width:0;margin:-4px 0 16px;padding:10px 12px;display:flex}.rwa6qG_gallerySelectionBar strong{color:var(--dsw-alias-brand-primary);flex:none;font-size:12px}.rwa6qG_gallerySelectionClear{margin-left:auto}.rwa6qG_gallerySelectionClear:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.rwa6qG_galleryTagInput,.rwa6qG_gallerySearch{border:1px solid var(--dsw-alias-border-l1);min-width:0;height:30px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);font:inherit;border-radius:7px;outline:none;padding:0 10px;font-size:12px}.rwa6qG_galleryTagInput{flex:190px}.rwa6qG_galleryTagInput:focus,.rwa6qG_gallerySearch:focus{border-color:var(--dsw-alias-brand-primary)}.rwa6qG_galleryViewToggle{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:9px;padding:3px;display:flex}.rwa6qG_galleryViewToggle button,.rwa6qG_gallerySort,.rwa6qG_galleryClear{min-height:30px;color:var(--dsw-alias-label-secondary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;padding:0 10px;font-size:12px}.rwa6qG_galleryViewToggle button[data-active],.rwa6qG_galleryViewToggle button:hover,.rwa6qG_gallerySort:hover,.rwa6qG_galleryClear:hover{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 11%, transparent)}.rwa6qG_gallerySort{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1)}.rwa6qG_galleryClear{border:1px solid var(--dsw-alias-border-l1)}.rwa6qG_compareControl{flex-direction:column;gap:6px;margin:0 0 10px;display:flex}.rwa6qG_compareToggle,.rwa6qG_compareModelChoices label{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.rwa6qG_compareToggle input,.rwa6qG_compareModelChoices input{accent-color:var(--dsw-alias-brand-primary)}.rwa6qG_compareModelChoices{flex-wrap:wrap;gap:6px;display:flex}.rwa6qG_compareModelChoices label{border:1px solid var(--dsw-alias-border-l1);border-radius:5px;padding:4px 6px;font-size:10px}.rwa6qG_comparisonBoard{z-index:4;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:8px;flex-direction:column;display:flex;position:absolute;inset:14px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.rwa6qG_comparisonBoard>header{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.rwa6qG_comparisonBoard>header div{align-items:baseline;gap:7px;display:flex}.rwa6qG_comparisonBoard>header strong{color:var(--dsw-alias-label-primary);font-size:13px}.rwa6qG_comparisonBoard>header span{color:var(--dsw-alias-label-tertiary);font-size:11px}.rwa6qG_comparisonBoard>header button{border:1px solid var(--dsw-alias-border-l1);min-height:28px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;font:inherit;border-radius:5px;padding:0 9px;font-size:11px}.rwa6qG_comparisonGrid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;min-height:0;padding:12px;display:grid;overflow:auto}.rwa6qG_comparisonGrid article{flex-direction:column;gap:7px;min-width:0;height:100%;min-height:0;display:flex}.rwa6qG_comparisonGrid article>strong{color:var(--dsw-alias-label-primary);font-size:12px}.rwa6qG_comparisonImageButton{cursor:zoom-in;background:var(--dsw-alias-bg-base);border:0;flex:1;width:100%;min-height:0;padding:0;display:flex;overflow:hidden}.rwa6qG_comparisonImageButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.rwa6qG_comparisonGrid article>span{min-height:0;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-2);flex:1;place-items:center;font-size:12px;display:grid}.rwa6qG_comparisonGrid img{object-fit:contain;background:var(--dsw-alias-bg-base);flex:1;width:100%;height:100%;min-height:0;max-height:none;display:block}.rwa6qG_comparisonFullscreen{z-index:1200;background:#000000eb;padding:54px 24px 24px;position:fixed;inset:0;overflow:auto}.rwa6qG_comparisonFullscreenGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:18px;min-height:100%;display:grid}.rwa6qG_comparisonFullscreen figure{min-width:0;margin:0}.rwa6qG_comparisonFullscreen figcaption{color:#fff;margin-bottom:8px;font-size:13px;font-weight:600}.rwa6qG_comparisonFullscreen img{background:#111;width:100%;margin-bottom:10px;display:block}.rwa6qG_historyItem[data-comparison]{border-color:color-mix(in srgb, var(--dsw-alias-brand-primary) 55%, var(--dsw-alias-border-l1))}.rwa6qG_galleryMasonry{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:16px;width:100%;min-width:0;max-width:100%;height:0;min-height:0;padding:2px 8px 16px 2px;display:grid;overflow:hidden scroll}.rwa6qG_galleryMasonry::-webkit-scrollbar{width:8px}.rwa6qG_galleryMasonry::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.rwa6qG_galleryCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;width:100%;margin:0;display:block;position:relative;overflow:hidden;box-shadow:0 5px 18px #18203612}.rwa6qG_galleryCard[data-selected]{border-color:var(--dsw-alias-brand-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-brand-primary) 26%, transparent), 0 5px 18px #18203612}.rwa6qG_gallerySelect{z-index:2;cursor:pointer;background:#00000094;border:1px solid #ffffffbf;border-radius:7px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:9px;right:9px}.rwa6qG_gallerySelect input{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer;margin:0}.rwa6qG_galleryImageButton{background:var(--dsw-alias-bg-base);cursor:zoom-in;border:0;width:100%;padding:0;display:block;position:relative}.rwa6qG_galleryImageButton[data-selecting]{cursor:pointer}.rwa6qG_galleryImage{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.rwa6qG_galleryMasonry[data-view=masonry] .rwa6qG_galleryCard:nth-child(3n+1) .rwa6qG_galleryImage{aspect-ratio:4/5}.rwa6qG_galleryMasonry[data-view=masonry] .rwa6qG_galleryCard:nth-child(3n+2) .rwa6qG_galleryImage{aspect-ratio:4/3}.rwa6qG_galleryMasonry[data-view=masonry] .rwa6qG_galleryCard:nth-child(3n) .rwa6qG_galleryImage{aspect-ratio:3/4}.rwa6qG_galleryBadge{color:#fff;backdrop-filter:blur(4px);background:#121724c2;border-radius:999px;padding:4px 9px;font-size:11px;position:absolute;top:10px;left:10px}.rwa6qG_galleryCardFooter{align-items:center;gap:9px;min-width:0;padding:10px 12px;display:flex}.rwa6qG_galleryAvatar{color:#fff;background:var(--dsw-alias-brand-primary);border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:12px;font-weight:700;display:grid}.rwa6qG_galleryCardInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rwa6qG_galleryCardInfo strong,.rwa6qG_galleryCardInfo small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rwa6qG_galleryCardInfo strong{color:var(--dsw-alias-label-primary);font-size:12px}.rwa6qG_galleryCardInfo small{color:var(--dsw-alias-label-tertiary);font-size:10px}.rwa6qG_galleryTags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.rwa6qG_galleryTags button{max-width:96px;min-height:19px;color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent);cursor:pointer;font:inherit;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:4px;padding:1px 6px;font-size:10px;line-height:1.35;overflow:hidden}.rwa6qG_galleryTags button:hover{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 17%, transparent)}.rwa6qG_galleryTags .rwa6qG_galleryTagEdit{color:var(--dsw-alias-label-tertiary);background:0 0;flex:none}.rwa6qG_galleryTagEditor{align-items:center;gap:6px;padding:0 12px 10px 48px;display:flex}.rwa6qG_galleryTagEditor input{border:1px solid var(--dsw-alias-border-l2);min-width:0;height:27px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;border-radius:6px;outline:none;flex:1;padding:0 8px;font-size:11px}.rwa6qG_galleryTagEditor input:focus{border-color:var(--dsw-alias-brand-primary)}.rwa6qG_galleryTagEditor button{border:1px solid var(--dsw-alias-border-l2);height:27px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);cursor:pointer;font:inherit;border-radius:6px;padding:0 8px;font-size:11px}.rwa6qG_galleryTagEditor button[type=submit]{color:var(--dsw-alias-brand-primary)}.rwa6qG_galleryRemove{width:24px;height:24px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:0;font-size:18px}.rwa6qG_galleryRemove:hover{color:var(--dsw-alias-state-error);background:var(--dsw-alias-bg-layer-2)}@media (width<=1100px){.rwa6qG_galleryMasonry{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.rwa6qG_studio{flex-direction:column;overflow:auto}.rwa6qG_config{width:auto;max-width:none;height:auto;min-height:0}.rwa6qG_config[data-gallery=true]{flex:none}.rwa6qG_canvas{min-height:560px}.rwa6qG_galleryToolbar{flex-direction:column;align-items:flex-start}.rwa6qG_galleryToolbarActions{flex-wrap:wrap;width:100%}.rwa6qG_galleryMasonry{grid-template-columns:1fr}}";
-		const tagId$2 = "dsh-audiogen/panel.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+		//#region \0dsh-css:/Users/shimingming/Projects_code/dsh-audiogen/src/client/library.module.css.mjs
+		const css$3 = ".vzUV2a_library{flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;display:flex}.vzUV2a_toolbar{flex-wrap:wrap;flex:none;align-items:center;gap:12px;display:flex}.vzUV2a_searchBox{border:1px solid var(--dsw-alias-border-l2,#d1d5db);background:var(--dsw-alias-bg-layer-1,#fff);min-width:170px;height:33px;color:var(--dsw-alias-label-tertiary,#9ca3af);border-radius:999px;flex:220px;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.vzUV2a_searchBox:focus-within{border-color:var(--dsw-alias-brand-primary,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary,#2563eb) 14%, transparent)}.vzUV2a_searchInput{min-width:0;height:100%;color:var(--dsw-alias-label-primary,#1f2328);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:12.5px}.vzUV2a_searchInput::placeholder{color:var(--dsw-alias-label-tertiary,#9ca3af)}.vzUV2a_typeChips{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-2,#f3f4f6);border-radius:10px;align-items:center;gap:5px;padding:3px;display:inline-flex}.vzUV2a_chip{min-height:27px;color:var(--dsw-alias-label-secondary,#6b7280);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:0 11px;font-family:inherit;font-size:12px;transition:color .12s,background .12s;display:inline-flex}.vzUV2a_chip:hover{color:var(--dsw-alias-label-primary,#1f2328)}.vzUV2a_chip[data-active=true]{color:var(--dsw-alias-brand-primary,#2563eb);background:var(--dsw-alias-bg-layer-1,#fff);font-weight:600;box-shadow:0 1px 3px #0000001a}.vzUV2a_chipCount{background:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-tertiary,#9ca3af);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 6px;font-size:10.5px}.vzUV2a_chip[data-active=true] .vzUV2a_chipCount{background:color-mix(in srgb, var(--dsw-alias-brand-primary,#2563eb) 10%, transparent);color:var(--dsw-alias-brand-primary,#2563eb)}.vzUV2a_filterRow{flex-wrap:wrap;flex:none;align-items:center;gap:6px;display:flex}.vzUV2a_filterLabel{color:var(--dsw-alias-label-tertiary,#9ca3af);font-size:11px;font-weight:600}.vzUV2a_smallChip{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-2,#f3f4f6);min-height:24px;color:var(--dsw-alias-label-secondary,#6b7280);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-family:inherit;font-size:11.5px;display:inline-flex}.vzUV2a_smallChip:hover{color:var(--dsw-alias-label-primary,#1f2328);border-color:var(--dsw-alias-label-dimmed,#9ca3af)}.vzUV2a_smallChip[data-active=true]{color:var(--dsw-alias-brand-primary,#2563eb);border-color:var(--dsw-alias-brand-primary,#2563eb);background:color-mix(in srgb, var(--dsw-alias-brand-primary,#2563eb) 9%, transparent);font-weight:600}.vzUV2a_listHead{border-bottom:1px solid var(--dsw-alias-border-l1,#e5e7eb);flex:none;justify-content:space-between;align-items:center;gap:10px;padding-bottom:2px;display:flex}.vzUV2a_listCount{color:var(--dsw-alias-label-tertiary,#9ca3af);font-size:12px}.vzUV2a_listActions{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.vzUV2a_selCount{color:var(--dsw-alias-brand-primary,#2563eb);font-size:11.5px;font-weight:600}.vzUV2a_smallSelect{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-1,#fff);height:27px;color:var(--dsw-alias-label-primary,#1f2328);border-radius:7px;outline:none;padding:0 8px;font-family:inherit;font-size:11.5px}.vzUV2a_ghostBtn{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-1,#fff);min-height:27px;color:var(--dsw-alias-label-secondary,#6b7280);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-family:inherit;font-size:11.5px;display:inline-flex}.vzUV2a_ghostBtn:hover:not(:disabled){color:var(--dsw-alias-brand-primary,#2563eb);border-color:var(--dsw-alias-brand-primary,#2563eb)}.vzUV2a_dangerBtn{border:1px solid var(--dsw-alias-label-error,#b91c1c);min-height:27px;color:var(--dsw-alias-label-error,#b91c1c);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-family:inherit;font-size:11.5px;display:inline-flex}.vzUV2a_dangerBtn:hover:not(:disabled){background:color-mix(in srgb, var(--dsw-alias-label-error,#b91c1c) 8%, transparent)}.vzUV2a_ghostBtn:disabled,.vzUV2a_dangerBtn:disabled{opacity:.45;cursor:default}.vzUV2a_stateNote{color:var(--dsw-alias-label-tertiary,#9ca3af);margin:0;padding:8px 4px;font-size:12px}.vzUV2a_stateNote[data-error]{color:var(--dsw-alias-label-error,#b91c1c)}.vzUV2a_empty{text-align:center;color:var(--dsw-alias-label-secondary,#6b7280);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.vzUV2a_emptyIcon{background:var(--dsw-alias-bg-layer-2,#f3f4f6);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;font-size:26px;display:inline-flex}.vzUV2a_emptyHint{color:var(--dsw-alias-label-tertiary,#9ca3af);margin:0;font-size:11.5px}.vzUV2a_grid{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex:1;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-content:start;gap:12px;min-height:0;padding:2px 2px 6px;display:grid;overflow-y:auto}.vzUV2a_grid::-webkit-scrollbar{width:8px}.vzUV2a_grid::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.vzUV2a_card{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-1,#fff);cursor:pointer;border-radius:12px;flex-direction:column;gap:7px;padding:11px;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex;position:relative}.vzUV2a_card:hover{border-color:var(--dsw-alias-label-dimmed,#9ca3af);transform:translateY(-1px);box-shadow:0 4px 14px #18203614}.vzUV2a_card[data-selected=true]{border-color:var(--dsw-alias-brand-primary,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-brand-primary,#2563eb) 24%, transparent)}.vzUV2a_cardCheck{z-index:2;position:absolute;top:9px;right:9px}.vzUV2a_cardCheck input{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary,#2563eb);cursor:pointer}.vzUV2a_cardHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.vzUV2a_typeBadge{background:var(--dsw-alias-bg-layer-2,#f3f4f6);color:var(--dsw-alias-label-secondary,#6b7280);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.vzUV2a_typeBadge[data-type=voice]{color:#8b5cf6;background:#8b5cf61f}.vzUV2a_typeBadge[data-type=music]{color:#059669;background:#10b9811f}.vzUV2a_typeBadge[data-type=sfx]{color:#b45309;background:#f59e0b24}.vzUV2a_typeBadge[data-type=tts]{color:#2563eb;background:#3b82f61f}.vzUV2a_cardTime{color:var(--dsw-alias-label-tertiary,#9ca3af);white-space:nowrap;font-size:10.5px}.vzUV2a_cardName{color:var(--dsw-alias-label-primary,#1f2328);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;font-size:12.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.vzUV2a_cardFoot{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.vzUV2a_metaChip{background:var(--dsw-alias-bg-layer-2,#f3f4f6);max-width:140px;color:var(--dsw-alias-label-tertiary,#9ca3af);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:10.5px;overflow:hidden}.vzUV2a_metaChip[data-tag]{color:var(--dsw-alias-brand-primary,#2563eb);background:color-mix(in srgb, var(--dsw-alias-brand-primary,#2563eb) 10%, transparent)}.vzUV2a_drawerMask{z-index:120;backdrop-filter:blur(2px);background:#0000004d;justify-content:flex-end;display:flex;position:absolute;inset:0}.vzUV2a_drawer{background:var(--dsw-alias-bg-layer-1,#fff);border-left:1px solid var(--dsw-alias-border-l2,#d1d5db);flex-direction:column;width:min(430px,100% - 24px);height:100%;animation:.18s ease-out vzUV2a_audiogenDrawerIn;display:flex;box-shadow:-12px 0 36px #0000002e}@keyframes vzUV2a_audiogenDrawerIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.vzUV2a_drawerHead{border-bottom:1px solid var(--dsw-alias-border-l1,#e5e7eb);flex:none;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;display:flex}.vzUV2a_drawerTitle{color:var(--dsw-alias-label-primary,#1f2328);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.vzUV2a_iconBtn{width:26px;height:26px;color:var(--dsw-alias-label-tertiary,#9ca3af);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.vzUV2a_iconBtn:hover{color:var(--dsw-alias-label-primary,#1f2328);background:var(--dsw-alias-bg-layer-2,#f3f4f6)}.vzUV2a_drawerBody{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px;display:flex;overflow-y:auto}.vzUV2a_drawerBody::-webkit-scrollbar{width:8px}.vzUV2a_drawerBody::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.vzUV2a_drawerSection{flex-direction:column;gap:9px;display:flex}.vzUV2a_drawerLabel{letter-spacing:.04em;color:var(--dsw-alias-label-tertiary,#9ca3af);text-transform:uppercase;font-size:11px;font-weight:700}.vzUV2a_drawerPlayerList{flex-direction:column;gap:8px;display:flex}.vzUV2a_drawerPlayer{flex-direction:column;gap:4px;display:flex}.vzUV2a_drawerPlayerName{color:var(--dsw-alias-label-tertiary,#9ca3af);text-overflow:ellipsis;white-space:nowrap;padding-left:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;overflow:hidden}.vzUV2a_drawerField{color:var(--dsw-alias-label-secondary,#6b7280);flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;display:flex}.vzUV2a_drawerSplit{grid-template-columns:1fr 1fr;gap:9px;display:grid}.vzUV2a_input,.vzUV2a_textarea{border:1px solid var(--dsw-alias-border-l2,#d1d5db);background:var(--dsw-alias-bg-layer-2,#f7f7f8);width:100%;min-height:32px;color:var(--dsw-alias-label-primary,#1f2328);border-radius:8px;outline:none;padding:6px 9px;font-family:inherit;font-size:12.5px}.vzUV2a_input:focus,.vzUV2a_textarea:focus{border-color:var(--dsw-alias-brand-primary,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary,#2563eb) 12%, transparent)}.vzUV2a_textarea{resize:vertical}.vzUV2a_provenance{border:1px solid var(--dsw-alias-border-l1,#e5e7eb);background:var(--dsw-alias-bg-layer-2,#f7f7f8);border-radius:10px;flex-direction:column;gap:7px;padding:10px 11px;display:flex}.vzUV2a_provRow{gap:8px;min-width:0;display:flex}.vzUV2a_provKey{width:64px;color:var(--dsw-alias-label-tertiary,#9ca3af);flex:none;padding-top:1px;font-size:11px;font-weight:600}.vzUV2a_provValue{min-width:0;color:var(--dsw-alias-label-primary,#1f2328);overflow-wrap:anywhere;flex-wrap:wrap;align-items:flex-start;gap:6px;font-size:12px;line-height:1.5;display:flex}.vzUV2a_mono{color:var(--dsw-alias-label-secondary,#6b7280);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.vzUV2a_promptText{color:var(--dsw-alias-label-secondary,#6b7280)}.vzUV2a_code{background:var(--dsw-alias-bg-layer-3,#eceef1);overflow-wrap:anywhere;border-radius:5px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.vzUV2a_paramsDetails summary{cursor:pointer;color:var(--dsw-alias-brand-primary,#2563eb);user-select:none;font-size:11px}.vzUV2a_paramsDetails pre{background:var(--dsw-alias-bg-layer-3,#eceef1);width:100%;max-height:200px;color:var(--dsw-alias-label-secondary,#6b7280);border-radius:7px;margin:5px 0 0;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.5;overflow:auto}.vzUV2a_drawerActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vzUV2a_primaryBtn{background:var(--dsw-alias-label-primary,#1f2328);min-height:30px;color:var(--dsw-alias-bg-layer-3,#fff);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.vzUV2a_primaryBtn:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion:reduce){.vzUV2a_drawer{animation-duration:1ms}}";
+		const tagId$3 = "dsh-audiogen/library.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "dsh-audiogen";
-			tag.dataset.pluginCss = tagId$2;
-			tag.textContent = css$2;
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
 			document.head.appendChild(tag);
 		}
-		var panel_module_css_default = {
-			"lightboxZoomLevel": "rwa6qG_lightboxZoomLevel",
-			"lightboxEdit": "rwa6qG_lightboxEdit",
-			"modelSelect": "rwa6qG_modelSelect",
-			"updateRelease": "rwa6qG_updateRelease",
-			"configGuideBody": "rwa6qG_configGuideBody",
-			"taskRows": "rwa6qG_taskRows",
-			"galleryToast": "rwa6qG_galleryToast",
-			"studio": "rwa6qG_studio",
-			"image": "rwa6qG_image",
-			"lightboxDownload": "rwa6qG_lightboxDownload",
-			"comparisonFullscreen": "rwa6qG_comparisonFullscreen",
-			"galleryMasonry": "rwa6qG_galleryMasonry",
-			"galleryImageButton": "rwa6qG_galleryImageButton",
-			"config": "rwa6qG_config",
-			"galleryAdd": "rwa6qG_galleryAdd",
-			"prompt": "rwa6qG_prompt",
-			"uploadIcon": "rwa6qG_uploadIcon",
-			"taskTrayChevron": "rwa6qG_taskTrayChevron",
-			"taskPrompt": "rwa6qG_taskPrompt",
-			"referenceImage": "rwa6qG_referenceImage",
-			"githubLink": "rwa6qG_githubLink",
-			"historyHeader": "rwa6qG_historyHeader",
-			"paramLabel": "rwa6qG_paramLabel",
-			"canvasState": "rwa6qG_canvasState",
-			"galleryFilter": "rwa6qG_galleryFilter",
-			"gallerySelectionClear": "rwa6qG_gallerySelectionClear",
-			"galleryViewToggle": "rwa6qG_galleryViewToggle",
-			"lightboxClose": "rwa6qG_lightboxClose",
-			"galleryRatioList": "rwa6qG_galleryRatioList",
-			"taskTrayHeader": "rwa6qG_taskTrayHeader",
-			"gallerySelect": "rwa6qG_gallerySelect",
-			"comparisonGrid": "rwa6qG_comparisonGrid",
-			"taskStatus": "rwa6qG_taskStatus",
-			"gallerySelectMode": "rwa6qG_gallerySelectMode",
-			"historySearch": "rwa6qG_historySearch",
-			"historyTitle": "rwa6qG_historyTitle",
-			"galleryTags": "rwa6qG_galleryTags",
-			"zoomHint": "rwa6qG_zoomHint",
-			"historyFilters": "rwa6qG_historyFilters",
-			"grid": "rwa6qG_grid",
-			"historyInfo": "rwa6qG_historyInfo",
-			"canvasEmptyIcon": "rwa6qG_canvasEmptyIcon",
-			"gallerySelectionBar": "rwa6qG_gallerySelectionBar",
-			"optionRow": "rwa6qG_optionRow",
-			"modelMenuItem": "rwa6qG_modelMenuItem",
-			"paramHint": "rwa6qG_paramHint",
-			"promptCount": "rwa6qG_promptCount",
-			"lightboxActions": "rwa6qG_lightboxActions",
-			"galleryTagFilter": "rwa6qG_galleryTagFilter",
-			"galleryAvatar": "rwa6qG_galleryAvatar",
-			"lightboxImage": "rwa6qG_lightboxImage",
-			"taskTrayClose": "rwa6qG_taskTrayClose",
-			"footer": "rwa6qG_footer",
-			"galleryToolbar": "rwa6qG_galleryToolbar",
-			"generateButton": "rwa6qG_generateButton",
-			"optionPill": "rwa6qG_optionPill",
-			"compareToggle": "rwa6qG_compareToggle",
-			"galleryHeading": "rwa6qG_galleryHeading",
-			"dshImageGenToastIn": "rwa6qG_dshImageGenToastIn",
-			"panelHeader": "rwa6qG_panelHeader",
-			"configGuide": "rwa6qG_configGuide",
-			"galleryRemove": "rwa6qG_galleryRemove",
-			"galleryRatio": "rwa6qG_galleryRatio",
-			"lightboxScaleFrame": "rwa6qG_lightboxScaleFrame",
-			"updateText": "rwa6qG_updateText",
-			"comparisonFullscreenGrid": "rwa6qG_comparisonFullscreenGrid",
-			"modelLabel": "rwa6qG_modelLabel",
-			"comparisonImageButton": "rwa6qG_comparisonImageButton",
-			"historyList": "rwa6qG_historyList",
-			"gallerySearch": "rwa6qG_gallerySearch",
-			"historyThumbPlaceholder": "rwa6qG_historyThumbPlaceholder",
-			"lightboxMeta": "rwa6qG_lightboxMeta",
-			"reference": "rwa6qG_reference",
-			"comparisonBoard": "rwa6qG_comparisonBoard",
-			"compareControl": "rwa6qG_compareControl",
-			"historyMain": "rwa6qG_historyMain",
-			"lightboxCaption": "rwa6qG_lightboxCaption",
-			"galleryTagInput": "rwa6qG_galleryTagInput",
-			"uploadHint": "rwa6qG_uploadHint",
-			"canvasHistoryTag": "rwa6qG_canvasHistoryTag",
-			"galleryImage": "rwa6qG_galleryImage",
-			"lightboxFigure": "rwa6qG_lightboxFigure",
-			"galleryTagEdit": "rwa6qG_galleryTagEdit",
-			"compareModelChoices": "rwa6qG_compareModelChoices",
-			"historyEmpty": "rwa6qG_historyEmpty",
-			"updateActions": "rwa6qG_updateActions",
-			"lightboxTool": "rwa6qG_lightboxTool",
-			"taskTrayCount": "rwa6qG_taskTrayCount",
-			"enhanceButton": "rwa6qG_enhanceButton",
-			"historyAction": "rwa6qG_historyAction",
-			"referenceActions": "rwa6qG_referenceActions",
-			"historyActions": "rwa6qG_historyActions",
-			"historyPrompt": "rwa6qG_historyPrompt",
-			"entryIcon": "rwa6qG_entryIcon",
-			"templatesButton": "rwa6qG_templatesButton",
-			"modelMenu": "rwa6qG_modelMenu",
-			"taskTray": "rwa6qG_taskTray",
-			"canvasStateTitle": "rwa6qG_canvasStateTitle",
-			"lightboxNav": "rwa6qG_lightboxNav",
-			"history": "rwa6qG_history",
-			"galleryFilters": "rwa6qG_galleryFilters",
-			"imageCaption": "rwa6qG_imageCaption",
-			"galleryCount": "rwa6qG_galleryCount",
-			"historyItem": "rwa6qG_historyItem",
-			"lightboxCaptionRow": "rwa6qG_lightboxCaptionRow",
-			"canvasError": "rwa6qG_canvasError",
-			"panelTitle": "rwa6qG_panelTitle",
-			"hiddenFile": "rwa6qG_hiddenFile",
+		var library_module_css_default = {
+			"toolbar": "vzUV2a_toolbar",
+			"primaryBtn": "vzUV2a_primaryBtn",
+			"audiogenDrawerIn": "vzUV2a_audiogenDrawerIn",
+			"drawerLabel": "vzUV2a_drawerLabel",
+			"emptyHint": "vzUV2a_emptyHint",
+			"emptyIcon": "vzUV2a_emptyIcon",
+			"chipCount": "vzUV2a_chipCount",
+			"filterRow": "vzUV2a_filterRow",
+			"cardFoot": "vzUV2a_cardFoot",
+			"listCount": "vzUV2a_listCount",
+			"chip": "vzUV2a_chip",
+			"metaChip": "vzUV2a_metaChip",
+			"drawerHead": "vzUV2a_drawerHead",
+			"typeBadge": "vzUV2a_typeBadge",
+			"drawerSection": "vzUV2a_drawerSection",
+			"textarea": "vzUV2a_textarea",
+			"smallChip": "vzUV2a_smallChip",
+			"dangerBtn": "vzUV2a_dangerBtn",
+			"cardTime": "vzUV2a_cardTime",
+			"listActions": "vzUV2a_listActions",
+			"drawer": "vzUV2a_drawer",
+			"cardName": "vzUV2a_cardName",
+			"iconBtn": "vzUV2a_iconBtn",
+			"drawerPlayerList": "vzUV2a_drawerPlayerList",
+			"drawerPlayerName": "vzUV2a_drawerPlayerName",
+			"drawerField": "vzUV2a_drawerField",
+			"input": "vzUV2a_input",
+			"filterLabel": "vzUV2a_filterLabel",
+			"provenance": "vzUV2a_provenance",
+			"searchBox": "vzUV2a_searchBox",
+			"provKey": "vzUV2a_provKey",
+			"cardCheck": "vzUV2a_cardCheck",
+			"provValue": "vzUV2a_provValue",
+			"mono": "vzUV2a_mono",
+			"ghostBtn": "vzUV2a_ghostBtn",
+			"code": "vzUV2a_code",
+			"stateNote": "vzUV2a_stateNote",
+			"typeChips": "vzUV2a_typeChips",
+			"drawerPlayer": "vzUV2a_drawerPlayer",
+			"paramsDetails": "vzUV2a_paramsDetails",
+			"listHead": "vzUV2a_listHead",
+			"cardHead": "vzUV2a_cardHead",
+			"drawerSplit": "vzUV2a_drawerSplit",
+			"selCount": "vzUV2a_selCount",
+			"drawerTitle": "vzUV2a_drawerTitle",
+			"provRow": "vzUV2a_provRow",
+			"empty": "vzUV2a_empty",
+			"promptText": "vzUV2a_promptText",
+			"searchInput": "vzUV2a_searchInput",
+			"drawerActions": "vzUV2a_drawerActions",
+			"drawerMask": "vzUV2a_drawerMask",
+			"grid": "vzUV2a_grid",
+			"card": "vzUV2a_card",
+			"library": "vzUV2a_library",
+			"smallSelect": "vzUV2a_smallSelect",
+			"drawerBody": "vzUV2a_drawerBody"
+		};
+		//#endregion
+		//#region src/client/library-view.tsx
+		/**
+		* Library view: curated audio assets, organized by type (voice / music / sfx /
+		* tts) with categories (voice: male/female/custom; tts: the speaking voice).
+		* Search + chips + card grid + detail drawer (full provenance) + batch mode.
+		*/
+		const TYPE_ORDER = [
+			"voice",
+			"music",
+			"sfx",
+			"tts"
+		];
+		const VOICE_CATEGORIES = [
+			"male",
+			"female",
+			"custom"
+		];
+		function timeAgo(ts) {
+			const diff = Date.now() - ts;
+			const minute = 6e4;
+			const hour = 60 * minute;
+			const day = 24 * hour;
+			if (diff < minute) return "刚刚";
+			if (diff < hour) return `${Math.floor(diff / minute)} 分钟前`;
+			if (diff < day) return `${Math.floor(diff / hour)} 小时前`;
+			if (diff < 7 * day) return `${Math.floor(diff / day)} 天前`;
+			const date = new Date(ts);
+			return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
+		}
+		function typeIcon(type) {
+			if (type === "voice") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MicIcon, {});
+			if (type === "music") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MusicNoteIcon, {});
+			if (type === "sfx") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WaveIcon, {});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListIcon, {});
+		}
+		function LibraryView(props) {
+			const { api, revision } = props;
+			const [entries, setEntries] = (0, react.useState)([]);
+			const [loading, setLoading] = (0, react.useState)(true);
+			const [error, setError] = (0, react.useState)(null);
+			const [keyword, setKeyword] = (0, react.useState)("");
+			const [typeFilter, setTypeFilter] = (0, react.useState)("all");
+			const [categoryFilter, setCategoryFilter] = (0, react.useState)("all");
+			const [tagFilter, setTagFilter] = (0, react.useState)(null);
+			const [detailId, setDetailId] = (0, react.useState)(null);
+			const [batchMode, setBatchMode] = (0, react.useState)(false);
+			const [selected, setSelected] = (0, react.useState)(/* @__PURE__ */ new Set());
+			const [confirmDelete, setConfirmDelete] = (0, react.useState)(null);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [copied, setCopied] = (0, react.useState)(null);
+			const load = () => {
+				setLoading(true);
+				setError(null);
+				api.libraryList().then(setEntries).catch((err) => setError(err instanceof Error ? err.message : String(err))).finally(() => setLoading(false));
+			};
+			(0, react.useEffect)(() => {
+				load();
+			}, [revision]);
+			(0, react.useEffect)(() => {
+				setCategoryFilter("all");
+			}, [typeFilter]);
+			const categoriesOf = (0, react.useMemo)(() => {
+				const map = /* @__PURE__ */ new Map();
+				for (const entry of entries) {
+					if (entry.category === void 0 || entry.category === "") continue;
+					const list = map.get(entry.type) ?? [];
+					if (!list.includes(entry.category)) list.push(entry.category);
+					map.set(entry.type, list);
+				}
+				return map;
+			}, [entries]);
+			const tags = (0, react.useMemo)(() => {
+				const counts = /* @__PURE__ */ new Map();
+				for (const entry of entries) for (const tag of entry.tags) counts.set(tag, (counts.get(tag) ?? 0) + 1);
+				return [...counts.entries()].sort((a, b) => b[1] - a[1]).slice(0, 14);
+			}, [entries]);
+			const filtered = (0, react.useMemo)(() => {
+				const needle = keyword.trim().toLowerCase();
+				return entries.filter((entry) => {
+					if (typeFilter !== "all" && entry.type !== typeFilter) return false;
+					if (categoryFilter !== "all" && (entry.category ?? "") !== categoryFilter) return false;
+					if (tagFilter !== null && !entry.tags.includes(tagFilter)) return false;
+					if (needle !== "") {
+						if (![
+							entry.name,
+							...entry.tags,
+							entry.provenance.prompt,
+							entry.provenance.model ?? "",
+							entry.provenance.channel ?? ""
+						].join(" ").toLowerCase().includes(needle)) return false;
+					}
+					return true;
+				});
+			}, [
+				entries,
+				keyword,
+				typeFilter,
+				categoryFilter,
+				tagFilter
+			]);
+			const typeCounts = (0, react.useMemo)(() => {
+				const counts = {
+					all: entries.length,
+					voice: 0,
+					music: 0,
+					sfx: 0,
+					tts: 0
+				};
+				for (const entry of entries) counts[entry.type] += 1;
+				return counts;
+			}, [entries]);
+			const detail = entries.find((entry) => entry.id === detailId) ?? null;
+			const currentCategoryOptions = (0, react.useMemo)(() => {
+				if (typeFilter === "all") return [];
+				return [.../* @__PURE__ */ new Set([...categoriesOf.get(typeFilter) ?? [], ...typeFilter === "voice" ? VOICE_CATEGORIES : []])];
+			}, [typeFilter, categoriesOf]);
+			const toggleSelect = (id) => {
+				setSelected((current) => {
+					const next = new Set(current);
+					if (!next.delete(id)) next.add(id);
+					return next;
+				});
+			};
+			const doDelete = async (ids) => {
+				setBusy(true);
+				try {
+					await api.libraryRemove(ids);
+					setEntries((current) => current.filter((entry) => !ids.includes(entry.id)));
+					setSelected((current) => {
+						const next = new Set(current);
+						for (const id of ids) next.delete(id);
+						return next;
+					});
+					if (detailId !== null && ids.includes(detailId)) setDetailId(null);
+					props.showToast(`已删除 ${ids.length} 个资源`);
+				} catch (err) {
+					props.showToast(err instanceof Error ? err.message : "删除失败");
+				} finally {
+					setBusy(false);
+					setConfirmDelete(null);
+				}
+			};
+			const copyText = async (text, key) => {
+				try {
+					await navigator.clipboard.writeText(text);
+					setCopied(key);
+					window.setTimeout(() => setCopied(null), 1400);
+				} catch {
+					props.showToast("复制失败");
+				}
+			};
+			const [draft, setDraft] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				if (detail !== null) setDraft({
+					name: detail.name,
+					tags: detail.tags.join(", "),
+					note: detail.note ?? "",
+					type: detail.type,
+					category: detail.category ?? ""
+				});
+			}, [detailId]);
+			const saveDraft = async () => {
+				if (detail === null || draft === null) return;
+				setBusy(true);
+				try {
+					const result = await api.libraryUpdate({
+						id: detail.id,
+						name: draft.name,
+						tags: draft.tags.split(/[,，、\n]/).map((tag) => tag.trim()).filter((tag) => tag !== ""),
+						note: draft.note,
+						type: draft.type,
+						...(draft.type === "voice" || draft.type === "tts") && draft.category.trim() !== "" ? { category: draft.category.trim() } : {}
+					});
+					if (!result.ok || result.entry === void 0) {
+						props.showToast(result.message ?? "保存失败");
+						return;
+					}
+					setEntries((current) => current.map((entry) => entry.id === result.entry.id ? result.entry : entry));
+					props.showToast("资源已更新");
+				} catch (err) {
+					props.showToast(err instanceof Error ? err.message : "保存失败");
+				} finally {
+					setBusy(false);
+				}
+			};
+			const batchMoveCategory = async (category, type) => {
+				if (selected.size === 0) return;
+				setBusy(true);
+				try {
+					for (const id of selected) await api.libraryUpdate({
+						id,
+						type,
+						...category !== "" ? { category } : {}
+					});
+					await load();
+					setSelected(/* @__PURE__ */ new Set());
+					props.showToast(`已移动 ${selected.size} 个资源`);
+				} catch (err) {
+					props.showToast(err instanceof Error ? err.message : "移动失败");
+				} finally {
+					setBusy(false);
+				}
+			};
+			const [batchTypeSelect, setBatchTypeSelect] = (0, react.useState)("voice");
+			const [batchCategorySelect, setBatchCategorySelect] = (0, react.useState)("");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: library_module_css_default.library,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: library_module_css_default.toolbar,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: library_module_css_default.searchBox,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchIcon, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: library_module_css_default.searchInput,
+								value: keyword,
+								onChange: (event) => setKeyword(event.target.value),
+								placeholder: "搜索名称、标签、提示词、模型…"
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: library_module_css_default.typeChips,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: library_module_css_default.chip,
+								"data-active": typeFilter === "all" ? "true" : "false",
+								onClick: () => setTypeFilter("all"),
+								children: ["全部 ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: library_module_css_default.chipCount,
+									children: typeCounts.all
+								})]
+							}), TYPE_ORDER.map((type) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: library_module_css_default.chip,
+								"data-active": typeFilter === type ? "true" : "false",
+								onClick: () => setTypeFilter(type),
+								children: [
+									typeIcon(type),
+									" ",
+									LIBRARY_TYPE_LABELS[type],
+									" ",
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: library_module_css_default.chipCount,
+										children: typeCounts[type]
+									})
+								]
+							}, type))]
+						})]
+					}),
+					typeFilter !== "all" && currentCategoryOptions.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: library_module_css_default.filterRow,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: library_module_css_default.filterLabel,
+								children: "分类"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: library_module_css_default.smallChip,
+								"data-active": categoryFilter === "all" ? "true" : "false",
+								onClick: () => setCategoryFilter("all"),
+								children: "全部"
+							}),
+							currentCategoryOptions.map((category) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: library_module_css_default.smallChip,
+								"data-active": categoryFilter === category ? "true" : "false",
+								onClick: () => setCategoryFilter(category),
+								children: typeFilter === "voice" ? {
+									male: "男声",
+									female: "女声",
+									custom: "未分级"
+								}[category] ?? category : category
+							}, category))
+						]
+					}) : null,
+					tags.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: library_module_css_default.filterRow,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: library_module_css_default.filterLabel,
+							children: "标签"
+						}), tags.map(([tag, count]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: library_module_css_default.smallChip,
+							"data-active": tagFilter === tag ? "true" : "false",
+							onClick: () => setTagFilter(tagFilter === tag ? null : tag),
+							children: [
+								tag,
+								" ",
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: library_module_css_default.chipCount,
+									children: count
+								})
+							]
+						}, tag))]
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: library_module_css_default.listHead,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: library_module_css_default.listCount,
+							children: [filtered.length, " 个资源"]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: library_module_css_default.listActions,
+							children: batchMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: library_module_css_default.selCount,
+									children: ["已选 ", selected.size]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+									className: library_module_css_default.smallSelect,
+									value: batchTypeSelect,
+									onChange: (event) => {
+										setBatchTypeSelect(event.target.value);
+										setBatchCategorySelect("");
+									},
+									children: TYPE_ORDER.map((type) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: type,
+										children: LIBRARY_TYPE_LABELS[type]
+									}, type))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: library_module_css_default.smallSelect,
+									list: "library-category-options",
+									placeholder: "分类（可选）",
+									value: batchCategorySelect,
+									onChange: (event) => setBatchCategorySelect(event.target.value)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("datalist", {
+									id: "library-category-options",
+									children: (categoriesOf.get(batchTypeSelect) ?? []).map((category) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { value: category }, category))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: library_module_css_default.ghostBtn,
+									disabled: busy || selected.size === 0,
+									onClick: () => void batchMoveCategory(batchCategorySelect, batchTypeSelect),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckIcon, {}), " 移动"]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: library_module_css_default.dangerBtn,
+									disabled: busy || selected.size === 0,
+									onClick: () => {
+										if (confirmDelete === "batch") doDelete([...selected]);
+										else setConfirmDelete("batch");
+									},
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrashIcon, {}),
+										" ",
+										confirmDelete === "batch" ? "确认删除" : "批量删除"
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: library_module_css_default.ghostBtn,
+									onClick: () => {
+										setBatchMode(false);
+										setSelected(/* @__PURE__ */ new Set());
+										setConfirmDelete(null);
+									},
+									children: "退出"
+								})
+							] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: library_module_css_default.ghostBtn,
+								onClick: () => setBatchMode(true),
+								children: "多选管理"
+							})
+						})]
+					}),
+					loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: library_module_css_default.stateNote,
+						children: "加载中…"
+					}) : null,
+					error !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: library_module_css_default.stateNote,
+						"data-error": true,
+						children: error
+					}) : null,
+					!loading && error === null && filtered.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: library_module_css_default.empty,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: library_module_css_default.emptyIcon,
+								children: "🎧"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: "资源库还是空的" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: library_module_css_default.emptyHint,
+								children: "在生成页点击「加入资源库」，把满意的音频沉淀为可管理的资源"
+							})
+						]
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: library_module_css_default.grid,
+						children: filtered.map((entry) => {
+							const fileCount = entry.files.length;
+							const first = entry.files[0];
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+								className: library_module_css_default.card,
+								"data-selected": selected.has(entry.id) ? "true" : "false",
+								onClick: () => {
+									if (batchMode) toggleSelect(entry.id);
+									else setDetailId(entry.id);
+								},
+								role: "button",
+								tabIndex: 0,
+								onKeyDown: (event) => {
+									if (event.key === "Enter" || event.key === " ") {
+										event.preventDefault();
+										if (batchMode) toggleSelect(entry.id);
+										else setDetailId(entry.id);
+									}
+								},
+								children: [
+									batchMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: library_module_css_default.cardCheck,
+										onClick: (event) => event.stopPropagation(),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "checkbox",
+											checked: selected.has(entry.id),
+											onChange: () => toggleSelect(entry.id)
+										})
+									}) : null,
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: library_module_css_default.cardHead,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: library_module_css_default.typeBadge,
+											"data-type": entry.type,
+											children: [typeIcon(entry.type), LIBRARY_TYPE_LABELS[entry.type]]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: library_module_css_default.cardTime,
+											children: timeAgo(entry.createdAt)
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
+										className: library_module_css_default.cardName,
+										title: entry.name,
+										children: entry.name
+									}),
+									first !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										onClick: (event) => event.stopPropagation(),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AudioPlayer, {
+											src: first.url,
+											compact: true,
+											itemKey: entry.id
+										})
+									}) : null,
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: library_module_css_default.cardFoot,
+										children: [
+											entry.category !== void 0 && entry.category !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: library_module_css_default.metaChip,
+												children: entry.type === "voice" ? {
+													male: "男声",
+													female: "女声",
+													custom: "未分级"
+												}[entry.category] ?? entry.category : entry.category
+											}) : null,
+											entry.provenance.model !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: library_module_css_default.metaChip,
+												title: `模型：${entry.provenance.model}`,
+												children: entry.provenance.model
+											}) : null,
+											fileCount > 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: library_module_css_default.metaChip,
+												children: ["×", fileCount]
+											}) : null,
+											entry.tags.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: library_module_css_default.metaChip,
+												"data-tag": true,
+												children: [entry.tags[0], entry.tags.length > 1 ? ` +${entry.tags.length - 1}` : ""]
+											}) : null
+										]
+									})
+								]
+							}, entry.id);
+						})
+					}),
+					detail !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: library_module_css_default.drawerMask,
+						onClick: () => setDetailId(null),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+							className: library_module_css_default.drawer,
+							onClick: (event) => event.stopPropagation(),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+								className: library_module_css_default.drawerHead,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
+									className: library_module_css_default.drawerTitle,
+									children: detail.name
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: library_module_css_default.iconBtn,
+									"aria-label": "关闭",
+									onClick: () => setDetailId(null),
+									children: "×"
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: library_module_css_default.drawerBody,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: library_module_css_default.drawerSection,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: library_module_css_default.drawerPlayerList,
+											children: detail.files.map((file) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: library_module_css_default.drawerPlayer,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: library_module_css_default.drawerPlayerName,
+													children: file.rel.split("/").pop()
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AudioPlayer, {
+													src: file.url,
+													itemKey: `${file.rel}-${detail.createdAt}`
+												})]
+											}, file.rel))
+										})
+									}),
+									draft !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: library_module_css_default.drawerSection,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: library_module_css_default.drawerLabel,
+												children: "编辑"
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												className: library_module_css_default.drawerField,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "名称" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													className: library_module_css_default.input,
+													value: draft.name,
+													onChange: (event) => setDraft({
+														...draft,
+														name: event.target.value
+													})
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												className: library_module_css_default.drawerField,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "标签（逗号分隔）" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													className: library_module_css_default.input,
+													value: draft.tags,
+													onChange: (event) => setDraft({
+														...draft,
+														tags: event.target.value
+													})
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												className: library_module_css_default.drawerField,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "备注" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+													className: library_module_css_default.textarea,
+													rows: 2,
+													value: draft.note,
+													onChange: (event) => setDraft({
+														...draft,
+														note: event.target.value
+													})
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: library_module_css_default.drawerSplit,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+													className: library_module_css_default.drawerField,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "类型" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+														className: library_module_css_default.input,
+														value: draft.type,
+														onChange: (event) => setDraft({
+															...draft,
+															type: event.target.value,
+															category: ""
+														}),
+														children: TYPE_ORDER.map((type) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+															value: type,
+															children: LIBRARY_TYPE_LABELS[type]
+														}, type))
+													})]
+												}), draft.type === "voice" || draft.type === "tts" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+													className: library_module_css_default.drawerField,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: draft.type === "voice" ? "分级（男/女）" : "音色键" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+														className: library_module_css_default.input,
+														list: "library-category-options",
+														value: draft.category,
+														onChange: (event) => setDraft({
+															...draft,
+															category: event.target.value
+														}),
+														placeholder: draft.type === "voice" ? "male / female / custom" : "voice 键"
+													})]
+												}) : null]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: library_module_css_default.primaryBtn,
+												disabled: busy,
+												onClick: () => void saveDraft(),
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckIcon, {}), " 保存修改"]
+											})
+										]
+									}) : null,
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: library_module_css_default.drawerSection,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: library_module_css_default.drawerLabel,
+											children: "来源（可追溯）"
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: library_module_css_default.provenance,
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: library_module_css_default.provRow,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: library_module_css_default.provKey,
+														children: "类型"
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: library_module_css_default.provValue,
+														children: [
+															LIBRARY_TYPE_LABELS[detail.type],
+															" · ",
+															detail.provenance.mode
+														]
+													})]
+												}),
+												detail.provenance.channel !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: library_module_css_default.provRow,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: library_module_css_default.provKey,
+														children: "渠道"
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: library_module_css_default.provValue,
+														children: detail.provenance.channel
+													})]
+												}) : null,
+												detail.provenance.apiUrl !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: library_module_css_default.provRow,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: library_module_css_default.provKey,
+														children: "API 地址"
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: `${library_module_css_default.provValue} ${library_module_css_default.mono}`,
+														children: detail.provenance.apiUrl
+													})]
+												}) : null,
+												detail.provenance.model !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: library_module_css_default.provRow,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: library_module_css_default.provKey,
+														children: "模型"
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: library_module_css_default.provValue,
+														children: [detail.provenance.model, detail.provenance.upstream !== void 0 && detail.provenance.upstream !== detail.provenance.model ? ` → ${detail.provenance.upstream}` : ""]
+													})]
+												}) : null,
+												detail.provenance.voice !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: library_module_css_default.provRow,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: library_module_css_default.provKey,
+														children: "音色"
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: library_module_css_default.provValue,
+														children: detail.provenance.voice
+													})]
+												}) : null,
+												detail.provenance.voiceId !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: library_module_css_default.provRow,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: library_module_css_default.provKey,
+														children: "Voice ID"
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: library_module_css_default.provValue,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+															className: library_module_css_default.code,
+															children: detail.provenance.voiceId
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: library_module_css_default.iconBtn,
+															title: "复制 Voice ID",
+															onClick: () => void copyText(detail.provenance.voiceId, `vid-${detail.id}`),
+															children: copied === `vid-${detail.id}` ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyIcon, {})
+														})]
+													})]
+												}) : null,
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: library_module_css_default.provRow,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: library_module_css_default.provKey,
+														children: "提示词"
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: `${library_module_css_default.provValue} ${library_module_css_default.promptText}`,
+														children: detail.provenance.prompt || "—"
+													})]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: library_module_css_default.provRow,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: library_module_css_default.provKey,
+														children: "创建时间"
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: library_module_css_default.provValue,
+														children: new Date(detail.createdAt).toLocaleString("zh-CN", { hour12: false })
+													})]
+												}),
+												detail.provenance.params !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: library_module_css_default.provRow,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: library_module_css_default.provKey,
+														children: "生成参数"
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: library_module_css_default.provValue,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+															className: library_module_css_default.paramsDetails,
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: "查看参数快照" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+																className: library_module_css_default.code,
+																children: JSON.stringify(detail.provenance.params, null, 2)
+															})]
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: library_module_css_default.iconBtn,
+															title: "复制参数 JSON",
+															onClick: () => void copyText(JSON.stringify(detail.provenance.params, null, 2), `params-${detail.id}`),
+															children: copied === `params-${detail.id}` ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyIcon, {})
+														})]
+													})]
+												}) : null,
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: library_module_css_default.provRow,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: library_module_css_default.provKey,
+														children: "文件"
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: `${library_module_css_default.provValue} ${library_module_css_default.mono}`,
+														children: [
+															detail.files.length,
+															" 段 · ",
+															detail.files.map((file) => file.rel).join("，")
+														]
+													})]
+												})
+											]
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: library_module_css_default.drawerActions,
+										children: [detail.provenance.voiceId !== void 0 || detail.provenance.voice !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: library_module_css_default.primaryBtn,
+											onClick: () => {
+												props.onReuseVoice({
+													mode: "tts",
+													...detail.provenance.voiceId !== void 0 ? { voiceId: detail.provenance.voiceId } : {},
+													...detail.provenance.voice !== void 0 ? { voice: detail.provenance.voice } : {},
+													...detail.provenance.model !== void 0 ? { model: detail.provenance.model } : {}
+												});
+												setDetailId(null);
+											},
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MicIcon, {}), " 用此音色去 TTS"]
+										}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: library_module_css_default.dangerBtn,
+											onClick: () => {
+												if (confirmDelete === detail.id) doDelete([detail.id]);
+												else setConfirmDelete(detail.id);
+											},
+											disabled: busy,
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrashIcon, {}),
+												" ",
+												confirmDelete === detail.id ? "确认删除" : "删除资源"
+											]
+										})]
+									})
+								]
+							})]
+						})
+					}) : null
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/AudioGenPanel.tsx
+		/**
+		* The AI 音频 panel shell: header with 生成 / 资源库 tabs, toast host, and
+		* cross-tab hooks (library refresh after saves, «use this voice» reuse).
+		*/
+		function AudioGenPanel(props) {
+			const { api, scope } = props;
+			const [tab, setTab] = (0, react.useState)("studio");
+			const [libraryRev, setLibraryRev] = (0, react.useState)(0);
+			const [reuse, setReuse] = (0, react.useState)(null);
+			const [toast, setToast] = (0, react.useState)(null);
+			const toastTimer = (0, react.useRef)(void 0);
+			const showToast = (text) => {
+				setToast(text);
+				if (toastTimer.current !== void 0) window.clearTimeout(toastTimer.current);
+				toastTimer.current = window.setTimeout(() => setToast(null), 2400);
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: audio_panel_module_css_default.panel,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+						className: audio_panel_module_css_default.header,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							className: audio_panel_module_css_default.title,
+							children: tt("panel.title")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: audio_panel_module_css_default.tabs,
+							role: "tablist",
+							"aria-label": "AI 音频",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								role: "tab",
+								"aria-selected": tab === "studio",
+								className: audio_panel_module_css_default.tab,
+								"data-active": tab === "studio" ? "true" : "false",
+								onClick: () => setTab("studio"),
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GridIcon, {}),
+									" ",
+									tt("tab.studio")
+								]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								role: "tab",
+								"aria-selected": tab === "library",
+								className: audio_panel_module_css_default.tab,
+								"data-active": tab === "library" ? "true" : "false",
+								onClick: () => setTab("library"),
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListIcon, {}),
+									" ",
+									tt("tab.library")
+								]
+							})]
+						})]
+					}),
+					tab === "studio" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StudioView, {
+						api,
+						scope,
+						reuse,
+						onLibraryChanged: () => setLibraryRev((revision) => revision + 1),
+						showToast
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LibraryView, {
+						api,
+						revision: libraryRev,
+						showToast,
+						onReuseVoice: (payload) => {
+							setReuse({
+								nonce: Date.now(),
+								mode: payload.mode,
+								...payload.voice === void 0 ? {} : { voice: payload.voice },
+								...payload.voiceId === void 0 ? {} : { voiceId: payload.voiceId },
+								...payload.model === void 0 ? {} : { model: payload.model }
+							});
+							setTab("studio");
+						}
+					}),
+					toast !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: audio_panel_module_css_default.toast,
+						role: "status",
+						children: toast
+					}) : null
+				]
+			});
+		}
+		//#endregion
+		//#region \0dsh-css:/Users/shimingming/Projects_code/dsh-audiogen/src/client/panel.module.css.mjs
+		const css$2 = "[data-pane=conversation],[class*=centerCol]{position:relative}[data-dsh-audiogen-view]{z-index:60;background:var(--dsw-alias-bg-base);display:none;position:absolute;inset:0}html[data-dsh-audiogen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-dsh-audiogen-view]{display:block}html[data-dsh-audiogen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-pane=conversation]>:not([data-dsh-audiogen-view]),html[data-dsh-audiogen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [class*=centerCol]>:not([data-dsh-audiogen-view]){display:none!important}.rwa6qG_entry{width:100%;height:32px;color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.rwa6qG_entry:hover{background:var(--dsw-specific-sidebar-nav-item-hover);color:var(--dsw-alias-label-primary)}.rwa6qG_entry[data-active]{background:var(--dsw-specific-sidebar-nav-item-active);color:var(--dsw-alias-label-primary);font-weight:600}.rwa6qG_entryIcon{flex:none;justify-content:center;align-items:center;display:inline-flex}.rwa6qG_entryLabel{text-overflow:ellipsis;overflow:hidden}[data-dsh-frame][data-sidebar-collapsed] .rwa6qG_entry{justify-content:center;width:100%;padding:0}[data-dsh-frame][data-sidebar-collapsed] .rwa6qG_entryLabel{display:none}.rwa6qG_view{overflow:hidden}.rwa6qG_panel,.rwa6qG_panel *,.rwa6qG_panel :before,.rwa6qG_panel :after{box-sizing:border-box}.rwa6qG_panel{background:var(--dsw-alias-bg-base);min-width:0;height:100%;min-height:0;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex;position:relative;overflow:hidden}.rwa6qG_panelHeader{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.rwa6qG_panelHeading{align-items:baseline;gap:10px;min-width:0;display:flex}.rwa6qG_panelTitle{color:var(--dsw-alias-label-primary);white-space:nowrap;margin:0;font-size:16px;font-weight:700}.rwa6qG_githubLink{width:22px;height:22px;color:var(--dsw-alias-label-secondary);border-radius:6px;flex:none;justify-content:center;align-items:center;text-decoration:none;transition:color .12s,background .12s;display:inline-flex}.rwa6qG_githubLink:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.rwa6qG_connectionStatus{border:1px solid var(--dsw-alias-label-error);height:28px;color:var(--dsw-alias-label-error);font:inherit;white-space:nowrap;background:0 0;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;line-height:1;display:inline-flex}.rwa6qG_connectionStatus[data-connected=true]{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary)}.rwa6qG_connectionDot{background:currentColor;border-radius:50%;width:6px;height:6px}.rwa6qG_updateBanner{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-primary);overflow-wrap:anywhere;border-radius:10px;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px 7px 12px;font-size:12px;line-height:1.5;display:flex}.rwa6qG_updateBanner[data-kind=ok]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}.rwa6qG_updateText{min-width:0}.rwa6qG_updateActions{flex:none;align-items:center;gap:10px;display:inline-flex}.rwa6qG_updateRelease{color:inherit;text-underline-offset:2px;white-space:nowrap;text-decoration:underline}@media (width<=700px){.rwa6qG_panelHeader{align-items:flex-start}.rwa6qG_panelHeading{flex-direction:column;align-items:flex-start;gap:2px}.rwa6qG_updateBanner{flex-direction:column;align-items:flex-start}.rwa6qG_updateActions{justify-content:space-between;width:100%}}.rwa6qG_studio{flex:1;gap:14px;min-width:0;min-height:0;display:flex}.rwa6qG_config{flex-direction:column;flex:none;gap:12px;width:300px;min-width:260px;max-width:340px;height:100%;min-height:0;display:flex;overflow:hidden}.rwa6qG_configScroll{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.rwa6qG_configScroll::-webkit-scrollbar{width:8px}.rwa6qG_configScroll::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.rwa6qG_canvas{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.rwa6qG_taskTray{z-index:6;border:1px solid var(--dsw-alias-border-l2);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 92%, transparent);backdrop-filter:blur(10px);border-radius:9px;flex-direction:column;width:min(360px,100% - 24px);max-height:calc(100% - 24px);display:flex;position:absolute;top:12px;right:12px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.rwa6qG_taskTray[data-open=false]{width:auto;max-width:calc(100% - 24px)}.rwa6qG_taskTrayHeader{min-height:34px;color:var(--dsw-alias-label-primary);border-bottom:1px solid var(--dsw-alias-border-l1);align-items:stretch;font-size:12px;font-weight:600;display:flex}.rwa6qG_taskTray[data-open=false] .rwa6qG_taskTrayHeader{border-bottom:0}.rwa6qG_taskTrayToggle{min-width:0;color:inherit;cursor:pointer;font:inherit;font-size:inherit;font-weight:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:8px 10px;display:flex}.rwa6qG_taskTrayToggle:hover{background:var(--dsw-alias-bg-layer-2)}.rwa6qG_taskTrayCount{min-width:18px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);text-align:center;border-radius:999px;padding:1px 5px;font-size:11px;font-weight:500}.rwa6qG_taskTrayChevron{color:var(--dsw-alias-label-tertiary);margin-left:auto;font-size:12px;font-weight:400}.rwa6qG_taskTrayClose{border:0;border-left:1px solid var(--dsw-alias-border-l1);width:32px;color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;background:0 0;font-size:17px}.rwa6qG_taskTrayClose:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.rwa6qG_taskTray[data-open=false] .rwa6qG_taskTrayToggle{min-height:34px}.rwa6qG_taskRows{min-height:0;overflow-y:auto}.rwa6qG_taskTray[data-open=false] .rwa6qG_taskRows{display:none}.rwa6qG_taskRow{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 10px;display:grid}.rwa6qG_taskRow:first-of-type{border-top:0}.rwa6qG_taskStatus{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:11px}.rwa6qG_taskRow[data-status=running] .rwa6qG_taskStatus{color:var(--dsw-alias-brand-primary)}.rwa6qG_taskRow[data-status=failed] .rwa6qG_taskStatus{color:var(--dsw-alias-label-error)}.rwa6qG_taskPrompt{color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.rwa6qG_taskRow button{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;font:inherit;border:0;border-radius:5px;padding:2px 7px;font-size:11px}.rwa6qG_taskRow button:hover{color:var(--dsw-alias-brand-primary)}.rwa6qG_configGuide{z-index:1100;background:#00000059;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rwa6qG_configGuideBody{border:1px solid var(--dsw-alias-border-l2);width:min(360px,100%);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border-radius:10px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 14px 40px #0003}.rwa6qG_configGuideBody span{color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1.55}.rwa6qG_configGuideBody button{min-height:30px;color:var(--dsw-alias-bg-layer-1);background:var(--dsw-alias-brand-primary);cursor:pointer;font:inherit;border:0;border-radius:7px;align-self:flex-end;padding:0 12px;font-size:12px}.rwa6qG_history{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;flex-direction:column;flex:none;width:240px;min-width:200px;max-width:280px;min-height:0;display:flex;overflow:hidden}.rwa6qG_historyHeader{border-bottom:1px solid var(--dsw-alias-border-l1);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.rwa6qG_historyFilters{border-bottom:1px solid var(--dsw-alias-border-l1);grid-template-columns:1fr 1fr;gap:6px;padding:8px 10px;display:grid}.rwa6qG_historySearch,.rwa6qG_historyFilters select,.rwa6qG_gallerySearch{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);min-width:0;min-height:29px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;border-radius:7px;padding:0 8px;font-size:11px}.rwa6qG_historySearch{grid-column:1/-1}.rwa6qG_gallerySearch{width:156px}.rwa6qG_galleryTagInput{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);width:130px;min-height:29px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;border-radius:7px;padding:0 8px;font-size:11px}.rwa6qG_galleryBulkButton{border:1px solid var(--dsw-alias-border-l2);min-height:29px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);cursor:pointer;font:inherit;border-radius:7px;padding:0 8px;font-size:11px}.rwa6qG_galleryBulkButton:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.rwa6qG_galleryBulkButton:disabled{opacity:.45;cursor:default}.rwa6qG_historyTitle{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600}.rwa6qG_historyClear{font:inherit;color:var(--dsw-alias-label-tertiary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:11.5px}.rwa6qG_historyClear:hover{color:var(--dsw-alias-label-error);border-color:var(--dsw-alias-label-error)}.rwa6qG_historyList{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px;display:flex;overflow-y:auto}.rwa6qG_historyList::-webkit-scrollbar{width:8px}.rwa6qG_historyList::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.rwa6qG_historyEmpty{text-align:center;color:var(--dsw-alias-label-tertiary);flex:1;justify-content:center;align-items:center;padding:20px;font-size:12px;line-height:1.6;display:flex}.rwa6qG_historyItem{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:10px;flex-direction:column;flex:none;gap:6px;padding:8px;display:flex}.rwa6qG_historyItem:hover{border-color:var(--dsw-alias-border-l2)}.rwa6qG_historyItem[data-active]{border-color:var(--dsw-alias-brand-primary)}.rwa6qG_historyMain{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:8px;min-width:0;padding:0;display:flex}.rwa6qG_historyThumb{object-fit:cover;background:var(--dsw-alias-bg-base);border-radius:8px;flex:none;width:52px;height:52px}.rwa6qG_historyThumbPlaceholder{background:var(--dsw-alias-bg-layer-3);border-radius:8px;flex:none;width:52px;height:52px}.rwa6qG_historyInfo{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rwa6qG_historyPrompt{color:var(--dsw-alias-label-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.rwa6qG_historyMeta{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.rwa6qG_historyActions{justify-content:flex-end;gap:6px;display:flex}.rwa6qG_historyAction{font:inherit;color:var(--dsw-alias-label-secondary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:11.5px}.rwa6qG_historyAction:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.rwa6qG_historyAction[data-danger]:hover{color:var(--dsw-alias-label-error);border-color:var(--dsw-alias-label-error)}.rwa6qG_card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;flex-direction:column;flex:none;gap:10px;padding:12px;display:flex}.rwa6qG_modeRow{align-items:center;gap:8px;display:flex}.rwa6qG_modePill{flex:1;justify-content:center;height:28px;font-size:13px}.rwa6qG_uploadBox{min-height:128px;color:var(--dsw-alias-label-secondary);border:1.5px dashed var(--dsw-alias-border-l2);cursor:pointer;font:inherit;text-align:center;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;font-size:12.5px;display:flex}.rwa6qG_uploadBox:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-interactive-bg-hover)}.rwa6qG_uploadBox:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.rwa6qG_uploadIcon{color:var(--dsw-alias-label-tertiary);display:inline-flex}.rwa6qG_uploadHint{color:var(--dsw-alias-label-tertiary);font-size:11px}.rwa6qG_reference{flex-direction:column;gap:8px;display:flex}.rwa6qG_referenceImage{object-fit:contain;background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;width:100%;max-height:176px}.rwa6qG_referenceActions{gap:8px;display:flex}.rwa6qG_hiddenFile{display:none}.rwa6qG_prompt{width:100%;min-height:120px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);resize:vertical;box-sizing:border-box;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.6}.rwa6qG_prompt:focus-visible{border-color:var(--dsw-alias-brand-primary)}.rwa6qG_prompt::placeholder{color:var(--dsw-alias-label-tertiary)}.rwa6qG_promptFooter{justify-content:space-between;align-items:center;gap:8px;margin-top:-6px;display:flex}.rwa6qG_templatesButton{border:1px solid var(--dsw-alias-brand-primary);background:linear-gradient(135deg, color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent), color-mix(in srgb, var(--dsw-alias-brand-primary) 5%, transparent));height:26px;color:var(--dsw-alias-brand-primary);cursor:pointer;box-shadow:0 1px 0 color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, transparent);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.rwa6qG_templatesButton svg{flex:none}.rwa6qG_templatesButton:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--dsw-alias-brand-primary) 24%, transparent), color-mix(in srgb, var(--dsw-alias-brand-primary) 8%, transparent));color:var(--dsw-alias-brand-primary);box-shadow:0 2px 6px color-mix(in srgb, var(--dsw-alias-brand-primary) 30%, transparent);transform:translateY(-1px)}.rwa6qG_templatesButton:active{transform:translateY(0)}.rwa6qG_enhanceButton{border:1px solid var(--dsw-alias-border-l2);height:26px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);font:inherit;cursor:pointer;border-radius:999px;margin-left:auto;padding:0 11px;font-size:12px}.rwa6qG_enhanceButton:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.rwa6qG_enhanceButton:disabled{opacity:.5;cursor:default}.rwa6qG_promptCount{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.rwa6qG_paramGroup{flex-direction:column;gap:8px;display:flex}.rwa6qG_paramLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.rwa6qG_optionRow{flex-wrap:wrap;gap:6px;display:flex}.rwa6qG_optionGrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.rwa6qG_optionPill{justify-content:center}.rwa6qG_paramHint{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.45}.rwa6qG_footer{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;flex:none;align-items:stretch;gap:8px;padding:10px 2px 0 0;display:flex}.rwa6qG_modelWrap{flex-direction:column;gap:5px;min-width:0;display:flex}.rwa6qG_modelLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.rwa6qG_modelSelect{width:100%;height:36px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;text-align:left;border-radius:18px;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:13px;display:flex}.rwa6qG_modelSelect:focus-visible{border-color:var(--dsw-alias-brand-primary)}.rwa6qG_modelSelect:disabled{opacity:.55;cursor:default}.rwa6qG_modelMenu{min-width:0;display:block;position:relative}.rwa6qG_modelMenuList{z-index:40;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:12px;flex-direction:column;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 -8px 24px #0000002e}.rwa6qG_modelMenuItem{width:100%;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:8px;padding:7px 10px;font-size:13px;display:block;overflow:hidden}.rwa6qG_modelMenuItem:hover{background:var(--dsw-alias-bg-hover)}.rwa6qG_modelMenuItem[data-selected]{color:var(--dsw-alias-brand-primary);background:var(--dsw-alias-bg-layer-1);font-weight:600}.rwa6qG_generateButton{width:100%}.rwa6qG_generateInner{align-items:center;gap:7px;display:inline-flex}.rwa6qG_canvasState{text-align:center;color:var(--dsw-alias-label-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.rwa6qG_canvasStateTitle{color:var(--dsw-alias-label-secondary);font-size:14px;font-weight:600}.rwa6qG_canvasStateHint{max-width:380px;font-size:12px;line-height:1.6}.rwa6qG_canvasEmptyIcon{color:var(--dsw-alias-label-tertiary);margin-bottom:4px;display:inline-flex}.rwa6qG_canvasError{color:var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-label-error);overflow-wrap:anywhere;border-radius:10px;flex:none;margin:14px;padding:10px 14px;font-size:12.5px;line-height:1.6}.rwa6qG_canvasBody{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.rwa6qG_canvasBody::-webkit-scrollbar{width:8px}.rwa6qG_canvasBody::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.rwa6qG_canvasMeta{color:var(--dsw-alias-label-tertiary);flex:none;align-items:center;gap:8px;font-size:12px;display:flex}.rwa6qG_canvasHistoryTag{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px}.rwa6qG_grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;display:grid}.rwa6qG_grid[data-count=\"1\"] .rwa6qG_imageCard{grid-area:1/1/3/3}.rwa6qG_imageCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);cursor:zoom-in;border-radius:12px;flex-direction:column;min-height:0;margin:0;display:flex;position:relative;overflow:hidden}.rwa6qG_imageCard:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.rwa6qG_image{object-fit:cover;background:var(--dsw-alias-bg-base);flex:1;width:100%;min-height:0;display:block}.rwa6qG_imageCaption{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;border-top:1px solid var(--dsw-alias-border-l1);padding:7px 10px;font-size:11px;line-height:1.5;overflow:hidden}.rwa6qG_download{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);opacity:0;backdrop-filter:blur(4px);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;text-decoration:none;transition:opacity .12s;position:absolute;top:8px;right:8px}.rwa6qG_imageCard:hover .rwa6qG_download{opacity:1}.rwa6qG_download:hover{background:var(--dsw-alias-bg-base)}.rwa6qG_galleryAdd{font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;opacity:0;backdrop-filter:blur(4px);border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;transition:opacity .12s;display:inline-flex;position:absolute;top:8px;left:8px}.rwa6qG_imageCard:hover .rwa6qG_galleryAdd{opacity:1}.rwa6qG_galleryAdd:hover{background:var(--dsw-alias-bg-base)}.rwa6qG_galleryAdd:disabled{opacity:.4;cursor:default}.rwa6qG_zoomHint{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);opacity:0;backdrop-filter:blur(4px);pointer-events:none;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;transition:opacity .12s;display:inline-flex;position:absolute;bottom:8px;left:8px}.rwa6qG_imageCard:hover .rwa6qG_zoomHint{opacity:1}.rwa6qG_spinner,.rwa6qG_bigSpinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;animation:.8s linear infinite rwa6qG_dshImageGenSpin;display:inline-block}.rwa6qG_spinner{width:11px;height:11px}.rwa6qG_bigSpinner{width:30px;height:30px;color:var(--dsw-alias-state-business-primary);border-width:3px;margin-bottom:6px}.rwa6qG_lightbox{z-index:1000;backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rwa6qG_lightboxClose{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:absolute;top:16px;right:16px}.rwa6qG_lightboxClose:hover{background:#ffffff42}.rwa6qG_lightboxNav{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.rwa6qG_lightboxNav:hover{background:#ffffff42}.rwa6qG_lightboxNav[data-dir=prev]{left:max(20px,50% - 640px)}.rwa6qG_lightboxNav[data-dir=next]{right:max(20px,50% - 640px)}.rwa6qG_lightboxFigure{flex-direction:column;gap:10px;width:min(1100px,100vw - 160px);max-width:min(1100px,100vw - 160px);height:min(820px,100vh - 48px);min-height:0;margin:0;display:flex}.rwa6qG_lightboxStage{background:#ffffff0a;border-radius:10px;flex:1;min-height:0;position:relative;overflow:auto}.rwa6qG_lightboxScaleFrame{justify-content:center;align-items:center;min-width:100%;min-height:100%;display:flex}.rwa6qG_lightboxImage{object-fit:contain;border-radius:10px;max-width:100%;max-height:100%;display:block;box-shadow:0 24px 80px #00000080}.rwa6qG_lightboxTools{justify-content:center;align-items:center;gap:6px;display:flex}.rwa6qG_lightboxTool,.rwa6qG_lightboxZoomLevel,.rwa6qG_lightboxCopy{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;justify-content:center;align-items:center;display:inline-flex}.rwa6qG_lightboxTool,.rwa6qG_lightboxZoomLevel{height:32px}.rwa6qG_lightboxTool{border-radius:50%;width:32px}.rwa6qG_lightboxZoomLevel{min-width:58px;font:inherit;font-variant-numeric:tabular-nums;border-radius:999px;padding:0 9px;font-size:12px}.rwa6qG_lightboxTool:hover,.rwa6qG_lightboxZoomLevel:hover,.rwa6qG_lightboxCopy:hover{background:#ffffff42}.rwa6qG_lightboxCaptionRow{align-items:flex-start;gap:8px;min-width:0;display:flex}.rwa6qG_lightboxCaption{color:#ffffffe6;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.rwa6qG_lightboxCopy{min-height:28px;font:inherit;white-space:nowrap;border-radius:999px;flex:none;gap:5px;padding:4px 9px;font-size:12px}.rwa6qG_lightboxMeta{justify-content:space-between;align-items:center;gap:12px;display:flex}.rwa6qG_lightboxIndex{color:#fffc;font-variant-numeric:tabular-nums;font-size:12px}.rwa6qG_lightboxActions{align-items:center;gap:8px;display:inline-flex}.rwa6qG_lightboxDownload,.rwa6qG_lightboxEdit{font:inherit;color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;padding:4px 14px;font-size:12.5px;font-weight:500;text-decoration:none}.rwa6qG_lightboxDownload:hover,.rwa6qG_lightboxEdit:hover{background:#ffffff42}.rwa6qG_lightboxEdit{color:#fff;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px}@media (width<=720px){.rwa6qG_lightbox{padding:16px}.rwa6qG_lightboxFigure{width:calc(100vw - 32px);max-width:none}.rwa6qG_lightboxNav[data-dir=prev]{left:20px}.rwa6qG_lightboxNav[data-dir=next]{right:20px}.rwa6qG_lightboxCaptionRow,.rwa6qG_lightboxMeta{flex-direction:column;align-items:stretch}.rwa6qG_lightboxCopy,.rwa6qG_lightboxActions{align-self:flex-end}}@keyframes rwa6qG_dshImageGenSpin{to{transform:rotate(360deg)}}.rwa6qG_galleryToast{z-index:30;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);backdrop-filter:blur(6px);pointer-events:none;border-radius:999px;align-items:center;gap:7px;padding:6px 16px;font-size:13px;font-weight:500;animation:.16s ease-out rwa6qG_dshImageGenToastIn;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000038}@keyframes rwa6qG_dshImageGenToastIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.rwa6qG_download,.rwa6qG_spinner,.rwa6qG_bigSpinner{transition:none;animation-duration:1.5s}}.rwa6qG_config[data-gallery=true] .rwa6qG_configScroll>:not(:first-child),.rwa6qG_config[data-gallery=true] .rwa6qG_footer,.rwa6qG_canvas[data-gallery=true]>.rwa6qG_canvasState,.rwa6qG_canvas[data-gallery=true]>.rwa6qG_canvasError,.rwa6qG_canvas[data-gallery=true]>.rwa6qG_canvasBody,.rwa6qG_studio:has(.rwa6qG_config[data-gallery=true])>.rwa6qG_history{display:none}.rwa6qG_config[data-gallery=true] .rwa6qG_configScroll{flex:none;order:1;display:flex;overflow:visible}.rwa6qG_config[data-gallery=true] .rwa6qG_galleryFilters{flex:1;order:2;min-height:0}.rwa6qG_galleryFilters{padding:18px 14px;overflow:hidden auto}.rwa6qG_galleryFilterHeading{color:var(--dsw-alias-label-tertiary);margin:0 4px 10px;font-size:12px;font-weight:600}.rwa6qG_galleryFilter{width:100%;min-height:34px;color:var(--dsw-alias-label-secondary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.rwa6qG_galleryFilter:hover,.rwa6qG_galleryFilter[data-active]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent)}.rwa6qG_galleryFilterCount{min-width:20px;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-2);text-align:center;border-radius:999px;padding:1px 6px;font-size:11px}.rwa6qG_galleryFilterDivider{background:var(--dsw-alias-border-l1);height:1px;margin:18px 4px}.rwa6qG_galleryRatioList{flex-wrap:wrap;gap:6px;display:flex}.rwa6qG_galleryRatio{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;border:0;border-radius:999px;padding:6px 10px;font-size:12px}.rwa6qG_galleryRatio[data-active]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 13%, transparent)}.rwa6qG_galleryTagFilterList{flex-wrap:wrap;gap:6px;display:flex}.rwa6qG_galleryTagFilter{border:1px solid var(--dsw-alias-border-l1);min-width:0;max-width:100%;min-height:27px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;font:inherit;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:11px;display:inline-flex}.rwa6qG_galleryTagFilter span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}.rwa6qG_galleryTagFilter span:last-child{color:var(--dsw-alias-label-tertiary);font-size:10px}.rwa6qG_galleryTagFilter:hover,.rwa6qG_galleryTagFilter[data-active]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent)}.rwa6qG_galleryFilterNote{color:var(--dsw-alias-label-quaternary);margin:20px 4px 0;font-size:11px;line-height:1.5}.rwa6qG_galleryWorkspace{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;padding:22px 24px 26px;display:flex;position:absolute;inset:0;overflow:hidden}.rwa6qG_galleryToolbar{flex:none;justify-content:space-between;align-items:center;gap:16px;min-width:0;margin-bottom:18px;display:flex}.rwa6qG_galleryHeading{color:var(--dsw-alias-label-primary);margin:0;font-size:20px;font-weight:700;display:inline}.rwa6qG_galleryCount{color:var(--dsw-alias-label-tertiary);margin-left:8px;font-size:13px}.rwa6qG_galleryToolbarActions{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.rwa6qG_gallerySelectMode,.rwa6qG_galleryBulkButton,.rwa6qG_gallerySelectionClear{border:1px solid var(--dsw-alias-border-l1);min-height:30px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);cursor:pointer;font:inherit;border-radius:7px;padding:0 10px;font-size:12px}.rwa6qG_gallerySelectMode:hover,.rwa6qG_gallerySelectMode[data-active],.rwa6qG_galleryBulkButton:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:color-mix(in srgb, var(--dsw-alias-brand-primary) 38%, var(--dsw-alias-border-l1));background:color-mix(in srgb, var(--dsw-alias-brand-primary) 11%, transparent)}.rwa6qG_galleryBulkButton:disabled{cursor:not-allowed;opacity:.45}.rwa6qG_gallerySelectionBar{border:1px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 35%, var(--dsw-alias-border-l1));background:color-mix(in srgb, var(--dsw-alias-brand-primary) 7%, var(--dsw-alias-bg-layer-1));border-radius:9px;flex:none;align-items:center;gap:10px;min-width:0;margin:-4px 0 16px;padding:10px 12px;display:flex}.rwa6qG_gallerySelectionBar strong{color:var(--dsw-alias-brand-primary);flex:none;font-size:12px}.rwa6qG_gallerySelectionClear{margin-left:auto}.rwa6qG_gallerySelectionClear:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.rwa6qG_galleryTagInput,.rwa6qG_gallerySearch{border:1px solid var(--dsw-alias-border-l1);min-width:0;height:30px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);font:inherit;border-radius:7px;outline:none;padding:0 10px;font-size:12px}.rwa6qG_galleryTagInput{flex:190px}.rwa6qG_galleryTagInput:focus,.rwa6qG_gallerySearch:focus{border-color:var(--dsw-alias-brand-primary)}.rwa6qG_galleryViewToggle{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:9px;padding:3px;display:flex}.rwa6qG_galleryViewToggle button,.rwa6qG_gallerySort,.rwa6qG_galleryClear{min-height:30px;color:var(--dsw-alias-label-secondary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;padding:0 10px;font-size:12px}.rwa6qG_galleryViewToggle button[data-active],.rwa6qG_galleryViewToggle button:hover,.rwa6qG_gallerySort:hover,.rwa6qG_galleryClear:hover{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 11%, transparent)}.rwa6qG_gallerySort{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1)}.rwa6qG_galleryClear{border:1px solid var(--dsw-alias-border-l1)}.rwa6qG_compareControl{flex-direction:column;gap:6px;margin:0 0 10px;display:flex}.rwa6qG_compareToggle,.rwa6qG_compareModelChoices label{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.rwa6qG_compareToggle input,.rwa6qG_compareModelChoices input{accent-color:var(--dsw-alias-brand-primary)}.rwa6qG_compareModelChoices{flex-wrap:wrap;gap:6px;display:flex}.rwa6qG_compareModelChoices label{border:1px solid var(--dsw-alias-border-l1);border-radius:5px;padding:4px 6px;font-size:10px}.rwa6qG_comparisonBoard{z-index:4;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:8px;flex-direction:column;display:flex;position:absolute;inset:14px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.rwa6qG_comparisonBoard>header{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.rwa6qG_comparisonBoard>header div{align-items:baseline;gap:7px;display:flex}.rwa6qG_comparisonBoard>header strong{color:var(--dsw-alias-label-primary);font-size:13px}.rwa6qG_comparisonBoard>header span{color:var(--dsw-alias-label-tertiary);font-size:11px}.rwa6qG_comparisonBoard>header button{border:1px solid var(--dsw-alias-border-l1);min-height:28px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;font:inherit;border-radius:5px;padding:0 9px;font-size:11px}.rwa6qG_comparisonGrid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;min-height:0;padding:12px;display:grid;overflow:auto}.rwa6qG_comparisonGrid article{flex-direction:column;gap:7px;min-width:0;height:100%;min-height:0;display:flex}.rwa6qG_comparisonGrid article>strong{color:var(--dsw-alias-label-primary);font-size:12px}.rwa6qG_comparisonImageButton{cursor:zoom-in;background:var(--dsw-alias-bg-base);border:0;flex:1;width:100%;min-height:0;padding:0;display:flex;overflow:hidden}.rwa6qG_comparisonImageButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.rwa6qG_comparisonGrid article>span{min-height:0;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-2);flex:1;place-items:center;font-size:12px;display:grid}.rwa6qG_comparisonGrid img{object-fit:contain;background:var(--dsw-alias-bg-base);flex:1;width:100%;height:100%;min-height:0;max-height:none;display:block}.rwa6qG_comparisonFullscreen{z-index:1200;background:#000000eb;padding:54px 24px 24px;position:fixed;inset:0;overflow:auto}.rwa6qG_comparisonFullscreenGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:18px;min-height:100%;display:grid}.rwa6qG_comparisonFullscreen figure{min-width:0;margin:0}.rwa6qG_comparisonFullscreen figcaption{color:#fff;margin-bottom:8px;font-size:13px;font-weight:600}.rwa6qG_comparisonFullscreen img{background:#111;width:100%;margin-bottom:10px;display:block}.rwa6qG_historyItem[data-comparison]{border-color:color-mix(in srgb, var(--dsw-alias-brand-primary) 55%, var(--dsw-alias-border-l1))}.rwa6qG_galleryMasonry{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:16px;width:100%;min-width:0;max-width:100%;height:0;min-height:0;padding:2px 8px 16px 2px;display:grid;overflow:hidden scroll}.rwa6qG_galleryMasonry::-webkit-scrollbar{width:8px}.rwa6qG_galleryMasonry::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.rwa6qG_galleryCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;width:100%;margin:0;display:block;position:relative;overflow:hidden;box-shadow:0 5px 18px #18203612}.rwa6qG_galleryCard[data-selected]{border-color:var(--dsw-alias-brand-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-brand-primary) 26%, transparent), 0 5px 18px #18203612}.rwa6qG_gallerySelect{z-index:2;cursor:pointer;background:#00000094;border:1px solid #ffffffbf;border-radius:7px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:9px;right:9px}.rwa6qG_gallerySelect input{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer;margin:0}.rwa6qG_galleryImageButton{background:var(--dsw-alias-bg-base);cursor:zoom-in;border:0;width:100%;padding:0;display:block;position:relative}.rwa6qG_galleryImageButton[data-selecting]{cursor:pointer}.rwa6qG_galleryImage{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.rwa6qG_galleryMasonry[data-view=masonry] .rwa6qG_galleryCard:nth-child(3n+1) .rwa6qG_galleryImage{aspect-ratio:4/5}.rwa6qG_galleryMasonry[data-view=masonry] .rwa6qG_galleryCard:nth-child(3n+2) .rwa6qG_galleryImage{aspect-ratio:4/3}.rwa6qG_galleryMasonry[data-view=masonry] .rwa6qG_galleryCard:nth-child(3n) .rwa6qG_galleryImage{aspect-ratio:3/4}.rwa6qG_galleryBadge{color:#fff;backdrop-filter:blur(4px);background:#121724c2;border-radius:999px;padding:4px 9px;font-size:11px;position:absolute;top:10px;left:10px}.rwa6qG_galleryCardFooter{align-items:center;gap:9px;min-width:0;padding:10px 12px;display:flex}.rwa6qG_galleryAvatar{color:#fff;background:var(--dsw-alias-brand-primary);border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:12px;font-weight:700;display:grid}.rwa6qG_galleryCardInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rwa6qG_galleryCardInfo strong,.rwa6qG_galleryCardInfo small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rwa6qG_galleryCardInfo strong{color:var(--dsw-alias-label-primary);font-size:12px}.rwa6qG_galleryCardInfo small{color:var(--dsw-alias-label-tertiary);font-size:10px}.rwa6qG_galleryTags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.rwa6qG_galleryTags button{max-width:96px;min-height:19px;color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent);cursor:pointer;font:inherit;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:4px;padding:1px 6px;font-size:10px;line-height:1.35;overflow:hidden}.rwa6qG_galleryTags button:hover{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 17%, transparent)}.rwa6qG_galleryTags .rwa6qG_galleryTagEdit{color:var(--dsw-alias-label-tertiary);background:0 0;flex:none}.rwa6qG_galleryTagEditor{align-items:center;gap:6px;padding:0 12px 10px 48px;display:flex}.rwa6qG_galleryTagEditor input{border:1px solid var(--dsw-alias-border-l2);min-width:0;height:27px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;border-radius:6px;outline:none;flex:1;padding:0 8px;font-size:11px}.rwa6qG_galleryTagEditor input:focus{border-color:var(--dsw-alias-brand-primary)}.rwa6qG_galleryTagEditor button{border:1px solid var(--dsw-alias-border-l2);height:27px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);cursor:pointer;font:inherit;border-radius:6px;padding:0 8px;font-size:11px}.rwa6qG_galleryTagEditor button[type=submit]{color:var(--dsw-alias-brand-primary)}.rwa6qG_galleryRemove{width:24px;height:24px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:0;font-size:18px}.rwa6qG_galleryRemove:hover{color:var(--dsw-alias-state-error);background:var(--dsw-alias-bg-layer-2)}@media (width<=1100px){.rwa6qG_galleryMasonry{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.rwa6qG_studio{flex-direction:column;overflow:auto}.rwa6qG_config{width:auto;max-width:none;height:auto;min-height:0}.rwa6qG_config[data-gallery=true]{flex:none}.rwa6qG_canvas{min-height:560px}.rwa6qG_galleryToolbar{flex-direction:column;align-items:flex-start}.rwa6qG_galleryToolbarActions{flex-wrap:wrap;width:100%}.rwa6qG_galleryMasonry{grid-template-columns:1fr}}";
+		const tagId$2 = "dsh-audiogen/panel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "dsh-audiogen";
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		var panel_module_css_default = {
+			"modelWrap": "rwa6qG_modelWrap",
+			"modeRow": "rwa6qG_modeRow",
+			"taskStatus": "rwa6qG_taskStatus",
+			"panelHeader": "rwa6qG_panelHeader",
+			"taskPrompt": "rwa6qG_taskPrompt",
+			"compareControl": "rwa6qG_compareControl",
+			"download": "rwa6qG_download",
+			"canvasMeta": "rwa6qG_canvasMeta",
+			"galleryTagFilter": "rwa6qG_galleryTagFilter",
 			"galleryClear": "rwa6qG_galleryClear",
+			"historyThumbPlaceholder": "rwa6qG_historyThumbPlaceholder",
+			"panelTitle": "rwa6qG_panelTitle",
+			"lightboxTools": "rwa6qG_lightboxTools",
+			"galleryTags": "rwa6qG_galleryTags",
+			"githubLink": "rwa6qG_githubLink",
+			"imageCard": "rwa6qG_imageCard",
+			"galleryCardFooter": "rwa6qG_galleryCardFooter",
+			"lightboxCaption": "rwa6qG_lightboxCaption",
+			"view": "rwa6qG_view",
 			"panel": "rwa6qG_panel",
+			"canvasError": "rwa6qG_canvasError",
+			"canvasBody": "rwa6qG_canvasBody",
+			"lightboxMeta": "rwa6qG_lightboxMeta",
 			"galleryTagEditor": "rwa6qG_galleryTagEditor",
-			"galleryBadge": "rwa6qG_galleryBadge",
-			"lightbox": "rwa6qG_lightbox",
-			"galleryFilterDivider": "rwa6qG_galleryFilterDivider",
-			"galleryCardFooter": "rwa6qG_galleryCardFooter",
-			"download": "rwa6qG_download",
-			"historyThumb": "rwa6qG_historyThumb",
-			"modeRow": "rwa6qG_modeRow",
-			"gallerySort": "rwa6qG_gallerySort",
-			"configScroll": "rwa6qG_configScroll",
-			"card": "rwa6qG_card",
+			"galleryToolbar": "rwa6qG_galleryToolbar",
+			"uploadBox": "rwa6qG_uploadBox",
+			"galleryTagFilterList": "rwa6qG_galleryTagFilterList",
+			"history": "rwa6qG_history",
+			"historySearch": "rwa6qG_historySearch",
+			"historyFilters": "rwa6qG_historyFilters",
 			"modePill": "rwa6qG_modePill",
-			"promptFooter": "rwa6qG_promptFooter",
-			"optionGrid": "rwa6qG_optionGrid",
-			"modelWrap": "rwa6qG_modelWrap",
-			"canvasStateHint": "rwa6qG_canvasStateHint",
-			"lightboxCopy": "rwa6qG_lightboxCopy",
-			"lightboxIndex": "rwa6qG_lightboxIndex",
-			"entry": "rwa6qG_entry",
-			"view": "rwa6qG_view",
+			"prompt": "rwa6qG_prompt",
+			"lightboxStage": "rwa6qG_lightboxStage",
+			"comparisonBoard": "rwa6qG_comparisonBoard",
+			"spinner": "rwa6qG_spinner",
+			"galleryImage": "rwa6qG_galleryImage",
+			"dshImageGenToastIn": "rwa6qG_dshImageGenToastIn",
+			"hiddenFile": "rwa6qG_hiddenFile",
+			"taskTrayCount": "rwa6qG_taskTrayCount",
+			"compareModelChoices": "rwa6qG_compareModelChoices",
+			"taskTray": "rwa6qG_taskTray",
+			"canvasEmptyIcon": "rwa6qG_canvasEmptyIcon",
+			"gallerySort": "rwa6qG_gallerySort",
+			"galleryRemove": "rwa6qG_galleryRemove",
+			"bigSpinner": "rwa6qG_bigSpinner",
+			"historyClear": "rwa6qG_historyClear",
+			"templatesButton": "rwa6qG_templatesButton",
+			"promptCount": "rwa6qG_promptCount",
+			"generateButton": "rwa6qG_generateButton",
+			"taskRow": "rwa6qG_taskRow",
+			"modelSelect": "rwa6qG_modelSelect",
+			"compareToggle": "rwa6qG_compareToggle",
+			"taskTrayToggle": "rwa6qG_taskTrayToggle",
+			"taskTrayChevron": "rwa6qG_taskTrayChevron",
+			"galleryImageButton": "rwa6qG_galleryImageButton",
+			"lightboxTool": "rwa6qG_lightboxTool",
+			"comparisonImageButton": "rwa6qG_comparisonImageButton",
+			"galleryCount": "rwa6qG_galleryCount",
+			"galleryFilterHeading": "rwa6qG_galleryFilterHeading",
 			"entryLabel": "rwa6qG_entryLabel",
-			"galleryCard": "rwa6qG_galleryCard",
-			"imageCard": "rwa6qG_imageCard",
-			"paramGroup": "rwa6qG_paramGroup",
-			"galleryWorkspace": "rwa6qG_galleryWorkspace",
+			"galleryHeading": "rwa6qG_galleryHeading",
+			"galleryRatioList": "rwa6qG_galleryRatioList",
+			"lightboxCaptionRow": "rwa6qG_lightboxCaptionRow",
+			"updateActions": "rwa6qG_updateActions",
+			"configGuideBody": "rwa6qG_configGuideBody",
+			"uploadIcon": "rwa6qG_uploadIcon",
+			"optionGrid": "rwa6qG_optionGrid",
 			"dshImageGenSpin": "rwa6qG_dshImageGenSpin",
+			"footer": "rwa6qG_footer",
+			"reference": "rwa6qG_reference",
+			"lightbox": "rwa6qG_lightbox",
+			"lightboxEdit": "rwa6qG_lightboxEdit",
+			"referenceImage": "rwa6qG_referenceImage",
+			"enhanceButton": "rwa6qG_enhanceButton",
+			"galleryRatio": "rwa6qG_galleryRatio",
 			"galleryToolbarActions": "rwa6qG_galleryToolbarActions",
+			"paramHint": "rwa6qG_paramHint",
+			"card": "rwa6qG_card",
+			"comparisonFullscreenGrid": "rwa6qG_comparisonFullscreenGrid",
+			"connectionDot": "rwa6qG_connectionDot",
+			"historyMain": "rwa6qG_historyMain",
+			"connectionStatus": "rwa6qG_connectionStatus",
+			"galleryTagInput": "rwa6qG_galleryTagInput",
+			"lightboxDownload": "rwa6qG_lightboxDownload",
+			"lightboxScaleFrame": "rwa6qG_lightboxScaleFrame",
+			"galleryFilterDivider": "rwa6qG_galleryFilterDivider",
+			"config": "rwa6qG_config",
+			"updateRelease": "rwa6qG_updateRelease",
+			"galleryFilter": "rwa6qG_galleryFilter",
+			"galleryTagEdit": "rwa6qG_galleryTagEdit",
+			"configGuide": "rwa6qG_configGuide",
+			"panelHeading": "rwa6qG_panelHeading",
+			"entryIcon": "rwa6qG_entryIcon",
+			"gallerySelectionClear": "rwa6qG_gallerySelectionClear",
+			"galleryFilterCount": "rwa6qG_galleryFilterCount",
+			"historyHeader": "rwa6qG_historyHeader",
+			"paramGroup": "rwa6qG_paramGroup",
+			"lightboxActions": "rwa6qG_lightboxActions",
+			"galleryToast": "rwa6qG_galleryToast",
+			"paramLabel": "rwa6qG_paramLabel",
+			"taskRows": "rwa6qG_taskRows",
+			"modelLabel": "rwa6qG_modelLabel",
 			"generateInner": "rwa6qG_generateInner",
-			"galleryFilterHeading": "rwa6qG_galleryFilterHeading",
-			"canvasMeta": "rwa6qG_canvasMeta",
+			"updateBanner": "rwa6qG_updateBanner",
+			"lightboxImage": "rwa6qG_lightboxImage",
+			"comparisonFullscreen": "rwa6qG_comparisonFullscreen",
+			"historyInfo": "rwa6qG_historyInfo",
+			"promptFooter": "rwa6qG_promptFooter",
+			"image": "rwa6qG_image",
+			"optionRow": "rwa6qG_optionRow",
 			"modelMenuList": "rwa6qG_modelMenuList",
-			"lightboxTools": "rwa6qG_lightboxTools",
-			"taskTrayToggle": "rwa6qG_taskTrayToggle",
+			"imageCaption": "rwa6qG_imageCaption",
+			"galleryCard": "rwa6qG_galleryCard",
+			"canvasStateHint": "rwa6qG_canvasStateHint",
+			"galleryWorkspace": "rwa6qG_galleryWorkspace",
+			"historyEmpty": "rwa6qG_historyEmpty",
+			"galleryAvatar": "rwa6qG_galleryAvatar",
+			"studio": "rwa6qG_studio",
+			"historyTitle": "rwa6qG_historyTitle",
+			"canvasHistoryTag": "rwa6qG_canvasHistoryTag",
+			"historyThumb": "rwa6qG_historyThumb",
 			"historyMeta": "rwa6qG_historyMeta",
+			"historyActions": "rwa6qG_historyActions",
+			"uploadHint": "rwa6qG_uploadHint",
+			"galleryMasonry": "rwa6qG_galleryMasonry",
+			"modelMenuItem": "rwa6qG_modelMenuItem",
+			"configScroll": "rwa6qG_configScroll",
+			"zoomHint": "rwa6qG_zoomHint",
 			"galleryFilterNote": "rwa6qG_galleryFilterNote",
-			"galleryCardInfo": "rwa6qG_galleryCardInfo",
-			"connectionDot": "rwa6qG_connectionDot",
-			"taskRow": "rwa6qG_taskRow",
-			"updateBanner": "rwa6qG_updateBanner",
-			"galleryBulkButton": "rwa6qG_galleryBulkButton",
+			"entry": "rwa6qG_entry",
+			"taskTrayClose": "rwa6qG_taskTrayClose",
+			"referenceActions": "rwa6qG_referenceActions",
+			"modelMenu": "rwa6qG_modelMenu",
+			"canvasStateTitle": "rwa6qG_canvasStateTitle",
+			"historyPrompt": "rwa6qG_historyPrompt",
+			"historyItem": "rwa6qG_historyItem",
+			"lightboxZoomLevel": "rwa6qG_lightboxZoomLevel",
+			"lightboxCopy": "rwa6qG_lightboxCopy",
+			"lightboxIndex": "rwa6qG_lightboxIndex",
+			"gallerySelectionBar": "rwa6qG_gallerySelectionBar",
+			"galleryBadge": "rwa6qG_galleryBadge",
+			"updateText": "rwa6qG_updateText",
+			"historyList": "rwa6qG_historyList",
+			"taskTrayHeader": "rwa6qG_taskTrayHeader",
+			"lightboxNav": "rwa6qG_lightboxNav",
+			"canvasState": "rwa6qG_canvasState",
+			"gallerySearch": "rwa6qG_gallerySearch",
 			"canvas": "rwa6qG_canvas",
-			"panelHeading": "rwa6qG_panelHeading",
-			"spinner": "rwa6qG_spinner",
-			"bigSpinner": "rwa6qG_bigSpinner",
-			"lightboxStage": "rwa6qG_lightboxStage",
-			"galleryFilterCount": "rwa6qG_galleryFilterCount",
-			"galleryTagFilterList": "rwa6qG_galleryTagFilterList",
-			"connectionStatus": "rwa6qG_connectionStatus",
-			"uploadBox": "rwa6qG_uploadBox",
-			"historyClear": "rwa6qG_historyClear",
-			"canvasBody": "rwa6qG_canvasBody"
+			"galleryAdd": "rwa6qG_galleryAdd",
+			"lightboxFigure": "rwa6qG_lightboxFigure",
+			"historyAction": "rwa6qG_historyAction",
+			"galleryBulkButton": "rwa6qG_galleryBulkButton",
+			"galleryFilters": "rwa6qG_galleryFilters",
+			"gallerySelectMode": "rwa6qG_gallerySelectMode",
+			"galleryViewToggle": "rwa6qG_galleryViewToggle",
+			"galleryCardInfo": "rwa6qG_galleryCardInfo",
+			"gallerySelect": "rwa6qG_gallerySelect",
+			"comparisonGrid": "rwa6qG_comparisonGrid",
+			"lightboxClose": "rwa6qG_lightboxClose",
+			"optionPill": "rwa6qG_optionPill",
+			"grid": "rwa6qG_grid"
 		};
 		//#endregion
 		//#region src/client/mount.tsx
@@ -1951,79 +3671,79 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var settings_card_module_css_default = {
-			"headText": "zmjoSq_headText",
-			"sectionTitle": "zmjoSq_sectionTitle",
-			"reset": "zmjoSq_reset",
-			"customSettingsBody": "zmjoSq_customSettingsBody",
-			"channelMeta": "zmjoSq_channelMeta",
-			"candidateTitle": "zmjoSq_candidateTitle",
+			"channelAddRow": "zmjoSq_channelAddRow",
 			"channelRow": "zmjoSq_channelRow",
+			"channelMeta": "zmjoSq_channelMeta",
+			"editorTitle": "zmjoSq_editorTitle",
+			"editorHeader": "zmjoSq_editorHeader",
 			"linkButton": "zmjoSq_linkButton",
-			"sectionHint": "zmjoSq_sectionHint",
-			"modelCatalogMeta": "zmjoSq_modelCatalogMeta",
-			"detectOk": "zmjoSq_detectOk",
-			"chevron": "zmjoSq_chevron",
-			"customSettingsSummary": "zmjoSq_customSettingsSummary",
-			"modelCatalogTools": "zmjoSq_modelCatalogTools",
-			"pending": "zmjoSq_pending",
-			"chevronOpen": "zmjoSq_chevronOpen",
-			"name": "zmjoSq_name",
-			"modelCatalogHead": "zmjoSq_modelCatalogHead",
-			"body": "zmjoSq_body",
-			"modelRow": "zmjoSq_modelRow",
-			"channelDotReady": "zmjoSq_channelDotReady",
-			"channelMain": "zmjoSq_channelMain",
-			"candidateList": "zmjoSq_candidateList",
-			"select": "zmjoSq_select",
+			"sectionHeader": "zmjoSq_sectionHeader",
+			"customSettings": "zmjoSq_customSettings",
+			"modelCatalog": "zmjoSq_modelCatalog",
 			"field": "zmjoSq_field",
-			"discard": "zmjoSq_discard",
-			"modelCatalogTitle": "zmjoSq_modelCatalogTitle",
-			"channelBadge": "zmjoSq_channelBadge",
-			"editorTitle": "zmjoSq_editorTitle",
 			"candidate": "zmjoSq_candidate",
-			"candidateId": "zmjoSq_candidateId",
-			"customSettings": "zmjoSq_customSettings",
-			"modelCategorySelect": "zmjoSq_modelCategorySelect",
+			"pending": "zmjoSq_pending",
+			"candidateLabel": "zmjoSq_candidateLabel",
+			"head": "zmjoSq_head",
+			"channelAction": "zmjoSq_channelAction",
+			"failed": "zmjoSq_failed",
+			"sectionHint": "zmjoSq_sectionHint",
+			"editorTag": "zmjoSq_editorTag",
+			"channelName": "zmjoSq_channelName",
+			"modelRowRemove": "zmjoSq_modelRowRemove",
+			"link": "zmjoSq_link",
+			"name": "zmjoSq_name",
+			"modelArrow": "zmjoSq_modelArrow",
+			"modelRows": "zmjoSq_modelRows",
 			"footer": "zmjoSq_footer",
-			"modelCatalog": "zmjoSq_modelCatalog",
 			"addModel": "zmjoSq_addModel",
-			"modelArrow": "zmjoSq_modelArrow",
+			"channelMain": "zmjoSq_channelMain",
+			"customSettingsSummary": "zmjoSq_customSettingsSummary",
 			"modelInput": "zmjoSq_modelInput",
-			"modelRowRemove": "zmjoSq_modelRowRemove",
-			"channelEditor": "zmjoSq_channelEditor",
+			"save": "zmjoSq_save",
 			"header": "zmjoSq_header",
-			"channelList": "zmjoSq_channelList",
-			"editorTag": "zmjoSq_editorTag",
-			"sectionHeader": "zmjoSq_sectionHeader",
+			"modelCategorySelect": "zmjoSq_modelCategorySelect",
 			"card": "zmjoSq_card",
-			"channelDotWarn": "zmjoSq_channelDotWarn",
-			"channelAdd": "zmjoSq_channelAdd",
-			"modelRows": "zmjoSq_modelRows",
-			"channelSection": "zmjoSq_channelSection",
-			"candidateLabel": "zmjoSq_candidateLabel",
-			"channelHost": "zmjoSq_channelHost",
-			"editorWrap": "zmjoSq_editorWrap",
-			"readOnly": "zmjoSq_readOnly",
-			"description": "zmjoSq_description",
-			"deleteConfirmText": "zmjoSq_deleteConfirmText",
-			"head": "zmjoSq_head",
+			"channelEmpty": "zmjoSq_channelEmpty",
 			"candidateActions": "zmjoSq_candidateActions",
+			"channelList": "zmjoSq_channelList",
+			"channelDanger": "zmjoSq_channelDanger",
+			"input": "zmjoSq_input",
+			"candidateId": "zmjoSq_candidateId",
+			"candidateList": "zmjoSq_candidateList",
 			"editorFooter": "zmjoSq_editorFooter",
-			"channelAddRow": "zmjoSq_channelAddRow",
-			"failed": "zmjoSq_failed",
-			"link": "zmjoSq_link",
-			"channelEmpty": "zmjoSq_channelEmpty",
+			"modelCatalogMeta": "zmjoSq_modelCatalogMeta",
+			"reset": "zmjoSq_reset",
+			"sectionTitle": "zmjoSq_sectionTitle",
+			"discard": "zmjoSq_discard",
+			"modelCatalogHead": "zmjoSq_modelCatalogHead",
+			"channelSection": "zmjoSq_channelSection",
+			"headText": "zmjoSq_headText",
+			"chevron": "zmjoSq_chevron",
+			"channelAdd": "zmjoSq_channelAdd",
+			"modelCatalogTools": "zmjoSq_modelCatalogTools",
 			"candidatePanel": "zmjoSq_candidatePanel",
-			"channelAction": "zmjoSq_channelAction",
-			"input": "zmjoSq_input",
+			"channelBadge": "zmjoSq_channelBadge",
+			"candidateHead": "zmjoSq_candidateHead",
+			"readOnly": "zmjoSq_readOnly",
 			"label": "zmjoSq_label",
-			"editorHeader": "zmjoSq_editorHeader",
-			"modelBadge": "zmjoSq_modelBadge",
-			"save": "zmjoSq_save",
-			"channelName": "zmjoSq_channelName",
+			"channelDotWarn": "zmjoSq_channelDotWarn",
+			"body": "zmjoSq_body",
+			"channelEditor": "zmjoSq_channelEditor",
 			"modelEmpty": "zmjoSq_modelEmpty",
-			"candidateHead": "zmjoSq_candidateHead",
-			"channelDanger": "zmjoSq_channelDanger"
+			"select": "zmjoSq_select",
+			"deleteConfirmText": "zmjoSq_deleteConfirmText",
+			"channelDotReady": "zmjoSq_channelDotReady",
+			"channelHost": "zmjoSq_channelHost",
+			"modelCatalogTitle": "zmjoSq_modelCatalogTitle",
+			"chevronOpen": "zmjoSq_chevronOpen",
+			"modelRow": "zmjoSq_modelRow",
+			"modelBadge": "zmjoSq_modelBadge",
+			"detectOk": "zmjoSq_detectOk",
+			"candidateTitle": "zmjoSq_candidateTitle",
+			"description": "zmjoSq_description",
+			"editorWrap": "zmjoSq_editorWrap",
+			"customSettingsBody": "zmjoSq_customSettingsBody"
 		};
 		//#endregion
 		//#region src/client/SettingsCard.tsx
@@ -2050,7 +3770,8 @@ window.__ModuleLoader__.load({
 					booleanField("enabled"),
 					booleanField("announceToAgent"),
 					booleanField("allowAgentAudioGeneration"),
-					textField("defaultModel")
+					textField("defaultModel"),
+					booleanField("autoSaveToLibrary")
 				]);
 				this.channelsForm = new ChannelsForm(scope);
 			}
@@ -2063,7 +3784,8 @@ window.__ModuleLoader__.load({
 					enabled: this.form.field("enabled"),
 					announceToAgent: this.form.field("announceToAgent"),
 					allowAgentAudioGeneration: this.form.field("allowAgentAudioGeneration"),
-					defaultModel: this.form.field("defaultModel")
+					defaultModel: this.form.field("defaultModel"),
+					autoSaveToLibrary: this.form.field("autoSaveToLibrary")
 				};
 			}
 			inject() {
@@ -2886,6 +4608,22 @@ window.__ModuleLoader__.load({
 								]
 							})
 						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: settings_card_module_css_default.field,
+							children: /* @__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: state.autoSaveToLibrary.text === "true",
+										disabled: !state.writable,
+										onChange: (event) => props.edit("autoSaveToLibrary", String(event.target.checked))
+									}),
+									" ",
+									t("settings.autoSaveLibrary")
+								]
+							})
+						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: settings_card_module_css_default.footer,
 							children: [
@@ -2928,17 +4666,17 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var audio_toolview_module_css_default = {
+			"header": "_7K1QKa_header",
+			"download": "_7K1QKa_download",
+			"message": "_7K1QKa_message",
+			"audioRow": "_7K1QKa_audioRow",
+			"icon": "_7K1QKa_icon",
 			"audio": "_7K1QKa_audio",
-			"empty": "_7K1QKa_empty",
+			"error": "_7K1QKa_error",
 			"status": "_7K1QKa_status",
-			"icon": "_7K1QKa_icon",
+			"empty": "_7K1QKa_empty",
 			"root": "_7K1QKa_root",
-			"audioRow": "_7K1QKa_audioRow",
-			"audios": "_7K1QKa_audios",
-			"message": "_7K1QKa_message",
-			"header": "_7K1QKa_header",
-			"error": "_7K1QKa_error",
-			"download": "_7K1QKa_download"
+			"audios": "_7K1QKa_audios"
 		};
 		//#endregion
 		//#region src/client/audio-toolview.tsx