dsh-image-gen 0.3.0 → 0.4.0

package/lib/client.js

@@ -13,6 +13,10 @@ window.__ModuleLoader__.load({
 		const DELETE_ROUTE = "/plugins/dsh-image-gen/delete";
 		/** Same-origin route used by the browser image workbench. */
 		const STUDIO_ROUTE = "/plugins/dsh-image-gen/studio";
+		/** Same-origin route for built-in prompt inspiration metadata and images. */
+		const INSPIRATION_ROUTE = "/plugins/dsh-image-gen/inspiration";
+		/** Browser route used for saving generated images to workspace on demand. */
+		const SAVE_WORKSPACE_ROUTE = "/plugins/dsh-image-gen/save-workspace";
 		/** Namespace persisted through DSH Settings. */
 		const IMAGE_GENERATION_NAMESPACE = "image-generation";
 		/** Providers supported by the first browser workbench release. */
@@ -148,7 +152,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/types/client/gallery-store.js
-		const DB_NAME = "dsh_image_gen_db";
+		const DB_NAME$2 = "dsh_image_gen_db";
 		const DB_VERSION = 2;
 		const STORE_NAME = "gallery_history";
 		const TOMBSTONE_STORE = "gallery_tombstones";
@@ -161,7 +165,7 @@ window.__ModuleLoader__.load({
 					reject(/* @__PURE__ */ new Error("IndexedDB is not supported in this environment."));
 					return;
 				}
-				const request = indexedDB.open(DB_NAME, DB_VERSION);
+				const request = indexedDB.open(DB_NAME$2, DB_VERSION);
 				request.onupgradeneeded = (event) => {
 					const db = event.target.result;
 					if (!db.objectStoreNames.contains(STORE_NAME)) db.createObjectStore(STORE_NAME, { keyPath: "id" }).createIndex("createdAt", "createdAt", { unique: false });
@@ -511,6 +515,26 @@ window.__ModuleLoader__.load({
 		* This source code is licensed under the ISC license.
 		* See the LICENSE file in the root directory of this source tree.
 		*/
+		const BookmarkPlus = createLucideIcon("bookmark-plus", [
+			["path", {
+				d: "M12 7v6",
+				key: "lw1j43"
+			}],
+			["path", {
+				d: "M15 10H9",
+				key: "o6yqo3"
+			}],
+			["path", {
+				d: "M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z",
+				key: "oz39mx"
+			}]
+		]);
+		/**
+		* @license lucide-react v1.38.0 - ISC
+		*
+		* This source code is licensed under the ISC license.
+		* See the LICENSE file in the root directory of this source tree.
+		*/
 		const Check = createLucideIcon("check", [["path", {
 			d: "M20 6 9 17l-5-5",
 			key: "1gmf2c"
@@ -647,6 +671,26 @@ window.__ModuleLoader__.load({
 		* This source code is licensed under the ISC license.
 		* See the LICENSE file in the root directory of this source tree.
 		*/
+		const ExternalLink = createLucideIcon("external-link", [
+			["path", {
+				d: "M15 3h6v6",
+				key: "1q9fwt"
+			}],
+			["path", {
+				d: "M10 14 21 3",
+				key: "gplh6r"
+			}],
+			["path", {
+				d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",
+				key: "a6xqqp"
+			}]
+		]);
+		/**
+		* @license lucide-react v1.38.0 - ISC
+		*
+		* This source code is licensed under the ISC license.
+		* See the LICENSE file in the root directory of this source tree.
+		*/
 		const FileText = createLucideIcon("file-text", [
 			["path", {
 				d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
@@ -752,6 +796,30 @@ window.__ModuleLoader__.load({
 		* This source code is licensed under the ISC license.
 		* See the LICENSE file in the root directory of this source tree.
 		*/
+		const Maximize2 = createLucideIcon("maximize-2", [
+			["path", {
+				d: "M15 3h6v6",
+				key: "1q9fwt"
+			}],
+			["path", {
+				d: "m21 3-7 7",
+				key: "1l2asr"
+			}],
+			["path", {
+				d: "m3 21 7-7",
+				key: "tjx5ai"
+			}],
+			["path", {
+				d: "M9 21H3v-6",
+				key: "wtvkvv"
+			}]
+		]);
+		/**
+		* @license lucide-react v1.38.0 - ISC
+		*
+		* This source code is licensed under the ISC license.
+		* See the LICENSE file in the root directory of this source tree.
+		*/
 		const PanelLeftClose = createLucideIcon("panel-left-close", [
 			["rect", {
 				width: "18",
@@ -935,6 +1003,16 @@ window.__ModuleLoader__.load({
 		* This source code is licensed under the ISC license.
 		* See the LICENSE file in the root directory of this source tree.
 		*/
+		const Star = createLucideIcon("star", [["path", {
+			d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
+			key: "r04s7s"
+		}]]);
+		/**
+		* @license lucide-react v1.38.0 - ISC
+		*
+		* This source code is licensed under the ISC license.
+		* See the LICENSE file in the root directory of this source tree.
+		*/
 		const Trash2 = createLucideIcon("trash-2", [
 			["path", {
 				d: "M10 11v6",
@@ -1219,20 +1297,42 @@ window.__ModuleLoader__.load({
 			return `${d.getFullYear()}/${d.getMonth() + 1}/${d.getDate()}`;
 		}
 		//#endregion
+		//#region lib/types/client/multi-model-compare.js
+		/** Map one shared output intent to settings accepted by every target model. */
+		function buildComparisonTargets(profiles, selectedProviders, ratio, quality) {
+			const selected = new Set(selectedProviders);
+			return profiles.filter((profile) => profile.configured && selected.has(profile.provider)).map((profile) => {
+				const targetRatio = profile.ratioOptions.some((option) => option.value === ratio) ? ratio : profile.defaultRatio;
+				const targetQuality = profile.qualityOptions.some((option) => option.value === quality) ? quality : profile.defaultQuality;
+				return {
+					profile,
+					ratio: targetRatio,
+					quality: targetQuality,
+					adjusted: targetRatio !== ratio || targetQuality !== quality
+				};
+			});
+		}
+		/** Start with two models, not every configured API, to avoid surprise spend. */
+		function initialComparisonProviders(profiles, activeProvider) {
+			const configured = profiles.filter((profile) => profile.configured);
+			const active = configured.find((profile) => profile.provider === activeProvider);
+			return (active === void 0 ? configured : [active, ...configured.filter((profile) => profile.provider !== activeProvider)]).slice(0, 2).map((profile) => profile.provider);
+		}
+		//#endregion
 		//#region lib/types/client/studio-view.js
-		const COPY = {
+		const COPY$1 = {
 			zh: {
-				title: "云端图像工作台",
+				title: "云端生图工作台",
 				configured: "API 已配置",
 				unconfigured: "未配置",
 				recent: "最近生成",
-				empty: "还没有生成记录",
+				empty: "暂无生成历史",
 				generate: "文生图",
 				edit: "图生图",
 				details: "图片详情",
 				reference: "参考图",
-				optional: "可选",
-				upload: "点击上传或拖拽图片到此处",
+				optional: "选填",
+				upload: "点击或拖拽图片到此处",
 				uploadHint: "支持 JPG / PNG / WebP / GIF，最大 10MB（最多 5 张）",
 				prompt: "提示词 Prompt",
 				clear: "清空",
@@ -1244,6 +1344,28 @@ window.__ModuleLoader__.load({
 				start: "开始生成",
 				generating: "正在生成…",
 				cancelGenerate: "取消生成",
+				count: "生成数量",
+				countUnit: "{n} 张",
+				partialSuccess: "已生成 {success} 张图片，{failed} 张失败",
+				generatingCount: "正在生成（共 {count} 张）…",
+				batchResult: "本次生成（共 {count} 张）",
+				singleModel: "单模型",
+				compareModels: "多模型对比",
+				compareHint: "相同提示词，同时交给多个模型",
+				compareSelect: "选择模型",
+				compareSelected: "已选 {count} 个模型",
+				compareNeedTwo: "请至少选择两个已配置模型",
+				compareParameterHint: "不支持所选参数的模型会自动使用默认值",
+				compareAdjusted: "已适配",
+				comparePartial: "{success} 个模型生成成功，{failed} 个失败",
+				comparing: "正在对比（共 {count} 个模型）…",
+				compareStart: "开始对比",
+				saveToGallery: "收藏进画廊",
+				saveSelected: "收藏选中（{count}）",
+				savedToGallery: "已收藏进画廊",
+				savedSelected: "已收藏 {count} 张图片",
+				inGallery: "已在画廊",
+				needSelectResult: "请先勾选要收藏的图片",
 				retry: "重新加载",
 				configLoadFailed: "工作台配置加载失败，请检查服务后重试。",
 				noProvider: "请先在设置中配置至少一个云端图像 Provider 的 API Key。",
@@ -1294,7 +1416,8 @@ window.__ModuleLoader__.load({
 				unconfiguredStatus: "API 未配置",
 				providerStatus: "云端提供商与模型状态",
 				collapseSidebar: "折叠最近生成",
-				expandSidebar: "展开最近生成"
+				expandSidebar: "展开最近生成",
+				findInspiration: "找灵感"
 			},
 			en: {
 				title: "Cloud Image Studio",
@@ -1319,6 +1442,28 @@ window.__ModuleLoader__.load({
 				start: "Generate",
 				generating: "Generating…",
 				cancelGenerate: "Cancel",
+				count: "Number of images",
+				countUnit: "{n}",
+				partialSuccess: "Generated {success} images, {failed} failed",
+				generatingCount: "Generating ({count} images)…",
+				batchResult: "Generated {count} images",
+				singleModel: "Single model",
+				compareModels: "Compare models",
+				compareHint: "Send the same prompt to multiple models",
+				compareSelect: "Choose models",
+				compareSelected: "{count} models selected",
+				compareNeedTwo: "Select at least two configured models",
+				compareParameterHint: "Unsupported settings use each model’s default",
+				compareAdjusted: "Adjusted",
+				comparePartial: "{success} models succeeded, {failed} failed",
+				comparing: "Comparing {count} models…",
+				compareStart: "Compare models",
+				saveToGallery: "Save to Gallery",
+				saveSelected: "Save selected ({count})",
+				savedToGallery: "Saved to Gallery",
+				savedSelected: "Saved {count} images",
+				inGallery: "In Gallery",
+				needSelectResult: "Select images to save first",
 				retry: "Retry",
 				configLoadFailed: "Failed to load studio configuration.",
 				noProvider: "Configure an API key for at least one cloud image provider in Settings.",
@@ -1369,10 +1514,11 @@ window.__ModuleLoader__.load({
 				unconfiguredStatus: "Not configured",
 				providerStatus: "Provider & Model Status",
 				collapseSidebar: "Collapse sidebar",
-				expandSidebar: "Expand recent list"
+				expandSidebar: "Expand recent list",
+				findInspiration: "Find inspiration"
 			}
 		};
-		const StudioView = ({ locale, workspace }) => {
+		const StudioView = ({ locale, workspace, initialPrompt, onInitialPromptApplied, onOpenInspiration }) => {
 			const [lang, setLang] = (0, react.useState)(() => locale?.getSnapshot?.().active?.startsWith("en") ? "en" : "zh");
 			const [config, setConfig] = (0, react.useState)(null);
 			const [configLoading, setConfigLoading] = (0, react.useState)(true);
@@ -1389,6 +1535,12 @@ window.__ModuleLoader__.load({
 			const [quality, setQuality] = (0, react.useState)("1K");
 			const [prompt, setPrompt] = (0, react.useState)("");
 			const [references, setReferences] = (0, react.useState)([]);
+			const [count, setCount] = (0, react.useState)(1);
+			const [currentBatch, setCurrentBatch] = (0, react.useState)(null);
+			const [selectedBatchIds, setSelectedBatchIds] = (0, react.useState)([]);
+			const [batchKind, setBatchKind] = (0, react.useState)(null);
+			const [comparisonEnabled, setComparisonEnabled] = (0, react.useState)(false);
+			const [comparisonProviders, setComparisonProviders] = (0, react.useState)([]);
 			const [isGenerating, setIsGenerating] = (0, react.useState)(false);
 			const [error, setError] = (0, react.useState)(null);
 			const [notice, setNotice] = (0, react.useState)(null);
@@ -1409,11 +1561,18 @@ window.__ModuleLoader__.load({
 			const canvasRef = (0, react.useRef)(null);
 			const fileInputRef = (0, react.useRef)(null);
 			const image = useAttachmentImage(selected?.attachment);
-			const maxReferences = provider === "dashscope" ? 3 : 5;
+			(0, react.useEffect)(() => {
+				if (initialPrompt === void 0) return;
+				setMode("generate");
+				setPanelTab("generate");
+				setPrompt(initialPrompt);
+				onInitialPromptApplied?.();
+			}, [initialPrompt, onInitialPromptApplied]);
+			const maxReferences = comparisonEnabled ? comparisonProviders.includes("dashscope") ? 3 : 5 : provider === "dashscope" ? 3 : 5;
 			const referencesRef = (0, react.useRef)(references);
 			referencesRef.current = references;
 			const t = (key, values) => {
-				let text = COPY[lang][key];
+				let text = COPY$1[lang][key];
 				for (const [name, value] of Object.entries(values ?? {})) text = text.replace(`{${name}}`, value);
 				return text;
 			};
@@ -1431,7 +1590,10 @@ window.__ModuleLoader__.load({
 					if (!response.ok || !("providers" in payload)) throw new Error("error" in payload && payload.error ? payload.error : "Studio unavailable");
 					setConfig(payload);
 					const initial = payload.providers.find((item) => item.provider === payload.activeProvider) ?? payload.providers[0];
-					if (initial !== void 0) applyProvider(initial);
+					if (initial !== void 0) {
+						applyProvider(initial);
+						setComparisonProviders(initialComparisonProviders(payload.providers, initial.provider));
+					}
 				} catch (fetchError) {
 					if (!controller.signal.aborted) setConfigError(messageOf(fetchError));
 				} finally {
@@ -1476,7 +1638,7 @@ window.__ModuleLoader__.load({
 				const canvasEl = canvasRef.current;
 				if (!canvasEl) return;
 				const onWheel = (e) => {
-					if (selected === null || !image.url) return;
+					if (selected === null && (!currentBatch || currentBatch.length === 0)) return;
 					e.preventDefault();
 					const delta = e.deltaY < 0 ? 15 : -15;
 					setFit(false);
@@ -1484,7 +1646,7 @@ window.__ModuleLoader__.load({
 				};
 				canvasEl.addEventListener("wheel", onWheel, { passive: false });
 				return () => canvasEl.removeEventListener("wheel", onWheel);
-			}, [selected, image.url]);
+			}, [selected, currentBatch]);
 			(0, react.useEffect)(() => {
 				const handleMouseMove = (e) => {
 					if (!dragStartRef.current) return;
@@ -1513,6 +1675,13 @@ window.__ModuleLoader__.load({
 			const activeProfile = (0, react.useMemo)(() => config?.providers.find((item) => item.provider === provider), [config, provider]);
 			const configuredCount = config?.providers.filter((item) => item.configured).length ?? 0;
 			const displayItems = (0, react.useMemo)(() => items.slice(0, visibleLimit), [items, visibleLimit]);
+			const comparisonProfiles = (0, react.useMemo)(() => (config?.providers ?? []).filter((item) => item.configured && (mode === "generate" || item.supportsEditing)), [config, mode]);
+			const comparisonTargets = (0, react.useMemo)(() => buildComparisonTargets(comparisonProfiles, comparisonProviders, ratio, quality), [
+				comparisonProfiles,
+				comparisonProviders,
+				ratio,
+				quality
+			]);
 			const applyProvider = (profile) => {
 				setProvider(profile.provider);
 				setModel(profile.model);
@@ -1544,18 +1713,24 @@ window.__ModuleLoader__.load({
 				});
 			};
 			const selectItem = (item) => {
+				setCurrentBatch(null);
+				setSelectedBatchIds([]);
+				setBatchKind(null);
 				setSelected(item);
 				setPanelTab("details");
 				resetFit();
 			};
 			const startNew = () => {
+				setCurrentBatch(null);
+				setSelectedBatchIds([]);
+				setBatchKind(null);
 				setSelected(null);
 				setPanelTab("generate");
 				resetFit();
 			};
 			const handleCanvasMouseDown = (e) => {
 				if (e.button !== 0 && e.button !== 1) return;
-				if (selected === null || !image.url) return;
+				if (selected === null && (!currentBatch || currentBatch.length === 0)) return;
 				setIsDragging(true);
 				hasDraggedRef.current = false;
 				dragStartRef.current = {
@@ -1565,9 +1740,7 @@ window.__ModuleLoader__.load({
 					startY: offset.y
 				};
 			};
-			const handleImageClick = () => {
-				if (!hasDraggedRef.current) setLightboxOpen(true);
-			};
+			const handleImageClick = () => {};
 			const addReferenceFiles = (fileList) => {
 				if (!fileList || fileList.length === 0) return;
 				const files = Array.from(fileList);
@@ -1661,10 +1834,46 @@ window.__ModuleLoader__.load({
 					setIsGenerating(false);
 				}
 			};
+			const toggleComparison = (enabled) => {
+				setComparisonEnabled(enabled);
+				setError(null);
+				if (!enabled) {
+					if (activeProfile !== void 0) {
+						if (!activeProfile.ratioOptions.some((option) => option.value === ratio)) setRatio(activeProfile.defaultRatio);
+						if (!activeProfile.qualityOptions.some((option) => option.value === quality)) setQuality(activeProfile.defaultQuality);
+					}
+					return;
+				}
+				if (config === null) return;
+				const initial = initialComparisonProviders(comparisonProfiles, provider).filter((item) => mode !== "edit" || referencesRef.current.length <= 3 || item !== "dashscope");
+				setComparisonProviders(initial);
+				if (![
+					"1:1",
+					"3:2",
+					"2:3",
+					"16:9",
+					"9:16"
+				].includes(ratio)) setRatio("1:1");
+				if (![
+					"standard",
+					"1K",
+					"2K",
+					"4K"
+				].includes(quality)) setQuality("1K");
+			};
+			const toggleComparisonProvider = (target) => {
+				if (mode === "edit" && target === "dashscope" && referencesRef.current.length > 3 && !comparisonProviders.includes(target)) {
+					setError(t("maxReferencesExceeded", { max: "3" }));
+					return;
+				}
+				setComparisonProviders((current) => current.includes(target) ? current.filter((item) => item !== target) : [...current, target]);
+				setError(null);
+			};
 			const submit = async () => {
 				if (isGenerating || activeProfile === void 0) return;
 				if (prompt.trim().length === 0) return setError(t("needPrompt"));
-				if (!activeProfile.configured) return setError(t("selectConfigured"));
+				if (comparisonEnabled && comparisonTargets.length < 2) return setError(t("compareNeedTwo"));
+				if (!comparisonEnabled && !activeProfile.configured) return setError(t("selectConfigured"));
 				if (mode === "edit" && references.length === 0) return setError(t("needReference"));
 				setIsGenerating(true);
 				setError(null);
@@ -1680,6 +1889,64 @@ window.__ModuleLoader__.load({
 						};
 						throw new Error("无效参考图");
 					})) : void 0;
+					if (comparisonEnabled) {
+						const settled = await Promise.allSettled(comparisonTargets.map(async (target) => {
+							const response = await fetch(STUDIO_ROUTE, {
+								method: "POST",
+								credentials: "same-origin",
+								signal: controller.signal,
+								headers: { "content-type": "application/json" },
+								body: JSON.stringify({
+									mode,
+									provider: target.profile.provider,
+									model: target.profile.model,
+									prompt: prompt.trim(),
+									ratio: target.ratio,
+									quality: target.quality,
+									...workspace?.path ? { workspaceRoot: workspace.path } : {},
+									...referencesPayload === void 0 ? {} : { references: referencesPayload }
+								})
+							});
+							const payload = await response.json();
+							if (!response.ok || !("attachment" in payload)) throw new Error("error" in payload && payload.error ? payload.error : `${target.profile.label}: ${t("generationFailed")}`);
+							return {
+								payload,
+								target
+							};
+						}));
+						if (controller.signal.aborted) return;
+						const successes = settled.filter((result) => result.status === "fulfilled");
+						const failed = settled.length - successes.length;
+						if (successes.length === 0) {
+							const firstFailure = settled.find((result) => result.status === "rejected");
+							throw firstFailure?.status === "rejected" ? firstFailure.reason : new Error(t("generationFailed"));
+						}
+						const galleryEntries = successes.map(({ value }, idx) => ({
+							id: String(value.payload.attachment.attachmentId || `${value.payload.createdAt}-${idx}`),
+							attachment: value.payload.attachment,
+							prompt: value.payload.prompt,
+							provider: value.payload.provider,
+							model: value.payload.model,
+							createdAt: value.payload.createdAt + idx,
+							aspectRatio: value.target.ratio,
+							imageSize: value.target.quality,
+							output: value.payload.output,
+							...value.payload.savedTo ? { savedTo: value.payload.savedTo } : {},
+							...workspace?.path ? { workspacePath: workspace.path } : {},
+							...workspace?.workspaceId ? { workspaceId: workspace.workspaceId } : {}
+						}));
+						setCurrentBatch(galleryEntries.length > 1 ? galleryEntries : null);
+						setSelectedBatchIds(galleryEntries.length > 1 ? [galleryEntries[0].id] : []);
+						setBatchKind(galleryEntries.length > 1 ? "multi-model" : null);
+						setSelected(galleryEntries[0]);
+						setPanelTab("details");
+						resetFit();
+						if (failed > 0) flash(t("comparePartial", {
+							success: String(successes.length),
+							failed: String(failed)
+						}));
+						return;
+					}
 					const response = await fetch(STUDIO_ROUTE, {
 						method: "POST",
 						credentials: "same-origin",
@@ -1692,30 +1959,49 @@ window.__ModuleLoader__.load({
 							prompt: prompt.trim(),
 							ratio,
 							quality,
+							...count > 1 ? { count } : {},
 							...workspace?.path ? { workspaceRoot: workspace.path } : {},
 							...referencesPayload === void 0 ? {} : { references: referencesPayload }
 						})
 					});
 					const payload = await response.json();
 					if (!response.ok || !("attachment" in payload)) throw new Error("error" in payload && payload.error ? payload.error : t("generationFailed"));
-					const item = {
-						id: String(payload.attachment.attachmentId),
+					const generatedList = Array.isArray(payload.items) && payload.items.length > 0 ? payload.items : [{
 						attachment: payload.attachment,
+						output: payload.output,
+						...payload.savedTo ? { savedTo: payload.savedTo } : {}
+					}];
+					const galleryEntries = generatedList.map((gen, idx) => ({
+						id: String(gen.attachment.attachmentId || `${payload.createdAt}-${idx}`),
+						attachment: gen.attachment,
 						prompt: payload.prompt,
 						provider: payload.provider,
 						model: payload.model,
-						createdAt: payload.createdAt,
+						createdAt: payload.createdAt + idx,
 						aspectRatio: ratio,
 						imageSize: quality,
-						output: payload.output,
-						...payload.savedTo ? { savedTo: payload.savedTo } : {},
+						output: gen.output,
+						...gen.savedTo ? { savedTo: gen.savedTo } : {},
 						...workspace?.path ? { workspacePath: workspace.path } : {},
 						...workspace?.workspaceId ? { workspaceId: workspace.workspaceId } : {}
-					};
-					await saveGalleryItem(item);
-					setSelected(item);
+					}));
+					if (galleryEntries.length > 1) {
+						setCurrentBatch(galleryEntries);
+						setSelectedBatchIds([galleryEntries[0].id]);
+						setBatchKind("multi-image");
+						setSelected(galleryEntries[0]);
+					} else if (galleryEntries.length === 1) {
+						setCurrentBatch(null);
+						setSelectedBatchIds([]);
+						setBatchKind(null);
+						setSelected(galleryEntries[0]);
+					}
 					setPanelTab("details");
 					resetFit();
+					if (payload.failedCount && payload.failedCount > 0) flash(t("partialSuccess", {
+						success: String(generatedList.length),
+						failed: String(payload.failedCount)
+					}));
 				} catch (submitError) {
 					if (controller.signal.aborted) return;
 					setError(messageOf(submitError));
@@ -1726,6 +2012,73 @@ window.__ModuleLoader__.load({
 					}
 				}
 			};
+			const isSelectedInGallery = (0, react.useMemo)(() => {
+				if (selected === null) return false;
+				return items.some((item) => item.id === selected.id);
+			}, [items, selected]);
+			const selectedBatchItems = (0, react.useMemo)(() => {
+				if (currentBatch === null) return [];
+				const ids = new Set(selectedBatchIds);
+				return currentBatch.filter((item) => ids.has(item.id));
+			}, [currentBatch, selectedBatchIds]);
+			const pendingGalleryItems = (0, react.useMemo)(() => {
+				const galleryIds = new Set(items.map((item) => item.id));
+				return (currentBatch === null ? selected === null ? [] : [selected] : selectedBatchItems).filter((item) => !galleryIds.has(item.id));
+			}, [
+				currentBatch,
+				items,
+				selected,
+				selectedBatchItems
+			]);
+			const saveButtonLabel = currentBatch !== null ? pendingGalleryItems.length > 0 ? t("saveSelected", { count: String(pendingGalleryItems.length) }) : selectedBatchItems.length === 0 ? t("saveSelected", { count: "0" }) : t("inGallery") : isSelectedInGallery ? t("inGallery") : t("saveToGallery");
+			const saveSelectionComplete = currentBatch === null ? isSelectedInGallery : selectedBatchItems.length > 0 && pendingGalleryItems.length === 0;
+			const saveGalleryEntry = async (item) => {
+				let savedTo = item.savedTo;
+				const targetRoot = workspace?.path || config?.workspaceRoot;
+				if (!savedTo) try {
+					const res = await fetch(SAVE_WORKSPACE_ROUTE, {
+						method: "POST",
+						credentials: "same-origin",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify({
+							attachment: item.attachment,
+							...targetRoot ? { workspaceRoot: targetRoot } : {}
+						})
+					});
+					if (res.ok) {
+						const data = await res.json();
+						if (data.savedTo) savedTo = data.savedTo;
+					}
+				} catch (saveError) {
+					console.warn("Failed to save to workspace:", saveError);
+				}
+				const updatedItem = {
+					...item,
+					...savedTo ? { savedTo } : {},
+					...targetRoot ? { workspacePath: targetRoot } : {},
+					...workspace?.workspaceId ? { workspaceId: workspace.workspaceId } : {}
+				};
+				await saveGalleryItem(updatedItem);
+				return updatedItem;
+			};
+			const handleSaveToGallery = async () => {
+				if (selected === null) return;
+				if (currentBatch !== null && selectedBatchItems.length === 0) return setError(t("needSelectResult"));
+				if (pendingGalleryItems.length === 0) return;
+				const activeId = selected.id;
+				const settled = await Promise.allSettled(pendingGalleryItems.map(saveGalleryEntry));
+				const saved = settled.flatMap((result) => result.status === "fulfilled" ? [result.value] : []);
+				if (saved.length === 0) {
+					const failed = settled.find((result) => result.status === "rejected");
+					setError(failed?.status === "rejected" ? messageOf(failed.reason) : t("generationFailed"));
+					return;
+				}
+				const savedById = new Map(saved.map((item) => [item.id, item]));
+				setCurrentBatch((current) => current?.map((item) => savedById.get(item.id) ?? item) ?? null);
+				setSelected(savedById.get(activeId) ?? saved[0]);
+				setError(null);
+				flash(saved.length > 1 ? t("savedSelected", { count: String(saved.length) }) : t("savedToGallery"));
+			};
 			const handleConfirmDelete = async () => {
 				if (selected === null) return;
 				const idToDelete = selected.id;
@@ -1747,8 +2100,22 @@ window.__ModuleLoader__.load({
 							throw new Error(reason);
 						}
 					}
-					await deleteGalleryItem(idToDelete);
+					if (isSelectedInGallery) await deleteGalleryItem(idToDelete);
 					evictAttachmentCache(attachmentId);
+					setSelectedBatchIds((current) => current.filter((id) => id !== idToDelete));
+					if (currentBatch) {
+						const remaining = currentBatch.filter((i) => i.id !== idToDelete);
+						if (remaining.length > 1) {
+							setCurrentBatch(remaining);
+							setSelected(remaining[0]);
+						} else if (remaining.length === 1) {
+							setCurrentBatch(null);
+							setSelected(remaining[0]);
+						} else {
+							setCurrentBatch(null);
+							setSelected(null);
+						}
+					} else setSelected(null);
 					flash(t("deletedToast"));
 				} catch (delError) {
 					setError(messageOf(delError));
@@ -1766,13 +2133,50 @@ window.__ModuleLoader__.load({
 			const toggleFavorite = async () => {
 				if (selected === null) return;
 				const targetId = selected.id;
-				const nextFav = await toggleFavoriteGalleryItem(targetId);
-				setSelected((curr) => curr !== null && curr.id === targetId ? {
-					...curr,
-					isFavorite: nextFav
-				} : curr);
-				flash(nextFav ? t("favoriteAdded") : t("favoriteRemoved"));
+				if (isSelectedInGallery) {
+					const nextFav = await toggleFavoriteGalleryItem(targetId);
+					setSelected((curr) => curr !== null && curr.id === targetId ? {
+						...curr,
+						isFavorite: nextFav
+					} : curr);
+					if (currentBatch) setCurrentBatch((prev) => prev ? prev.map((i) => i.id === targetId ? {
+						...i,
+						isFavorite: nextFav
+					} : i) : null);
+					flash(nextFav ? t("favoriteAdded") : t("favoriteRemoved"));
+				} else {
+					const nextFav = !selected.isFavorite;
+					setSelected((curr) => curr !== null && curr.id === targetId ? {
+						...curr,
+						isFavorite: nextFav
+					} : curr);
+					if (currentBatch) setCurrentBatch((prev) => prev ? prev.map((i) => i.id === targetId ? {
+						...i,
+						isFavorite: nextFav
+					} : i) : null);
+					flash(nextFav ? t("favoriteAdded") : t("favoriteRemoved"));
+				}
+			};
+			const stepLightbox = (delta) => {
+				if (!currentBatch || currentBatch.length <= 1 || selected === null) return;
+				const currIdx = currentBatch.findIndex((i) => i.id === selected.id);
+				if (currIdx === -1) return;
+				const nextIdx = (currIdx + delta + currentBatch.length) % currentBatch.length;
+				setSelected(currentBatch[nextIdx]);
 			};
+			(0, react.useEffect)(() => {
+				if (!lightboxOpen || !currentBatch || currentBatch.length <= 1) return;
+				const onKeyDown = (e) => {
+					if (e.key === "ArrowLeft") stepLightbox(-1);
+					else if (e.key === "ArrowRight") stepLightbox(1);
+				};
+				window.addEventListener("keydown", onKeyDown);
+				return () => window.removeEventListener("keydown", onKeyDown);
+			}, [
+				lightboxOpen,
+				currentBatch,
+				selected
+			]);
 			const flash = (message) => {
 				setNotice(message);
 				window.setTimeout(() => setNotice(null), 2200);
@@ -1933,13 +2337,30 @@ window.__ModuleLoader__.load({
 													className: "dsh-ig-generation-orbit",
 													children: (0, react_jsx_runtime.jsx)(Sparkles, { size: 28 })
 												}),
-												(0, react_jsx_runtime.jsx)("strong", { children: t("generating") }),
-												(0, react_jsx_runtime.jsxs)("span", { children: [
-													activeProfile?.label,
-													" · ",
-													model
-												] })
+												(0, react_jsx_runtime.jsx)("strong", { children: comparisonEnabled ? t("comparing", { count: String(comparisonTargets.length) }) : count > 1 ? t("generatingCount", { count: String(count) }) : t("generating") }),
+												(0, react_jsx_runtime.jsx)("span", { children: comparisonEnabled ? comparisonTargets.map((target) => target.profile.label).join(" · ") : `${activeProfile?.label ?? ""} · ${model}` })
 											]
+										}) : currentBatch && currentBatch.length > 1 ? (0, react_jsx_runtime.jsx)("div", {
+											className: "dsh-ig-canvas-cluster",
+											"data-count": currentBatch.length,
+											style: {
+												transform: `translate(${offset.x}px, ${offset.y}px) scale(${zoom / 100})`,
+												transformOrigin: "center center",
+												transition: isDragging ? "none" : "transform 0.08s ease-out"
+											},
+											children: currentBatch.map((batchItem, index) => (0, react_jsx_runtime.jsx)(BatchCanvasItem, {
+												item: batchItem,
+												index,
+												badge: batchKind === "multi-model" ? batchItem.model : void 0,
+												isActive: selected?.id === batchItem.id,
+												isChecked: selectedBatchIds.includes(batchItem.id),
+												onSelect: () => {
+													if (!hasDraggedRef.current) {
+														setSelected(batchItem);
+														setSelectedBatchIds((current) => current.includes(batchItem.id) ? current.filter((id) => id !== batchItem.id) : [...current, batchItem.id]);
+													}
+												}
+											}, batchItem.id))
 										}) : selected === null ? (0, react_jsx_runtime.jsxs)("div", {
 											className: "dsh-ig-canvas-empty",
 											children: [(0, react_jsx_runtime.jsx)(ImagePlus, { size: 36 }), (0, react_jsx_runtime.jsx)("span", { children: t("selectHistory") })]
@@ -1984,6 +2405,14 @@ window.__ModuleLoader__.load({
 										(0, react_jsx_runtime.jsxs)("div", {
 											className: "dsh-ig-result-actions",
 											children: [(0, react_jsx_runtime.jsx)("p", { children: selected.prompt }), (0, react_jsx_runtime.jsxs)("div", { children: [
+												(0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													className: `dsh-ig-save-gallery-btn ${saveSelectionComplete ? "is-saved" : ""}`,
+													onClick: () => void handleSaveToGallery(),
+													title: saveButtonLabel,
+													disabled: saveSelectionComplete,
+													children: [saveSelectionComplete ? (0, react_jsx_runtime.jsx)(Check, { size: 15 }) : (0, react_jsx_runtime.jsx)(BookmarkPlus, { size: 15 }), (0, react_jsx_runtime.jsx)("span", { children: saveButtonLabel })]
+												}),
 												(0, react_jsx_runtime.jsxs)("button", {
 													type: "button",
 													onClick: () => void toggleFavorite(),
@@ -2141,11 +2570,16 @@ window.__ModuleLoader__.load({
 															" ",
 															(0, react_jsx_runtime.jsx)("b", { children: "*" })
 														]
+													}), (0, react_jsx_runtime.jsxs)("span", { children: [(0, react_jsx_runtime.jsxs)("button", {
+														type: "button",
+														className: "dsh-ig-find-inspiration",
+														onClick: onOpenInspiration,
+														children: [(0, react_jsx_runtime.jsx)(Sparkles, { size: 11 }), t("findInspiration")]
 													}), (0, react_jsx_runtime.jsx)("button", {
 														type: "button",
 														onClick: () => setPrompt(""),
 														children: t("clear")
-													})]
+													})] })]
 												}),
 												(0, react_jsx_runtime.jsx)("textarea", {
 													id: "dsh-ig-prompt",
@@ -2177,39 +2611,130 @@ window.__ModuleLoader__.load({
 												onClick: () => void loadConfig(),
 												children: [(0, react_jsx_runtime.jsx)(RefreshCw, { size: 13 }), (0, react_jsx_runtime.jsx)("span", { children: t("retry") })]
 											})]
-										}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
-											className: "dsh-ig-field-grid",
-											children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
-												label: t("provider"),
-												value: provider,
-												onChange: changeProvider,
-												options: config.providers.map((item) => ({
-													value: item.provider,
-													label: `${item.label}${item.configured ? "" : ` · ${t("unconfigured")}`}`
-												}))
-											}), (0, react_jsx_runtime.jsx)(FieldSelect, {
-												label: t("model"),
-												value: model,
-												onChange: setModel,
-												options: activeProfile === void 0 ? [] : [{
-													value: activeProfile.model,
-													label: activeProfile.model
-												}]
+										}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [comparisonProfiles.length >= 2 && (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-generation-kind",
+											role: "group",
+											"aria-label": t("compareModels"),
+											children: [(0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: !comparisonEnabled ? "is-active" : "",
+												onClick: () => toggleComparison(false),
+												children: t("singleModel")
+											}), (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: comparisonEnabled ? "is-active" : "",
+												onClick: () => toggleComparison(true),
+												children: [(0, react_jsx_runtime.jsx)(Copy, { size: 13 }), t("compareModels")]
 											})]
+										}), comparisonEnabled ? (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-compare-box",
+											children: [
+												(0, react_jsx_runtime.jsxs)("div", {
+													className: "dsh-ig-compare-heading",
+													children: [(0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)("strong", { children: t("compareSelect") }), (0, react_jsx_runtime.jsx)("small", { children: t("compareHint") })] }), (0, react_jsx_runtime.jsx)("span", { children: t("compareSelected", { count: String(comparisonTargets.length) }) })]
+												}),
+												(0, react_jsx_runtime.jsx)("div", {
+													className: "dsh-ig-model-checks",
+													children: comparisonProfiles.map((item) => {
+														const target = comparisonTargets.find((candidate) => candidate.profile.provider === item.provider);
+														return (0, react_jsx_runtime.jsxs)("button", {
+															type: "button",
+															className: target ? "is-selected" : "",
+															"aria-pressed": Boolean(target),
+															onClick: () => toggleComparisonProvider(item.provider),
+															children: [
+																(0, react_jsx_runtime.jsx)("span", {
+																	className: "dsh-ig-model-checkmark",
+																	children: target ? (0, react_jsx_runtime.jsx)(Check, { size: 12 }) : null
+																}),
+																(0, react_jsx_runtime.jsxs)("span", {
+																	className: "dsh-ig-model-copy",
+																	children: [(0, react_jsx_runtime.jsx)("strong", { children: item.label }), (0, react_jsx_runtime.jsx)("small", {
+																		title: item.model,
+																		children: item.model
+																	})]
+																}),
+																target && (0, react_jsx_runtime.jsxs)("span", {
+																	className: "dsh-ig-model-settings",
+																	children: [
+																		target.ratio,
+																		" · ",
+																		target.quality,
+																		target.adjusted ? (0, react_jsx_runtime.jsx)("em", { children: t("compareAdjusted") }) : null
+																	]
+																})
+															]
+														}, item.provider);
+													})
+												}),
+												(0, react_jsx_runtime.jsx)("p", { children: t("compareParameterHint") })
+											]
 										}), (0, react_jsx_runtime.jsxs)("div", {
 											className: "dsh-ig-field-grid",
 											children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
 												label: t("ratio"),
 												value: ratio,
 												onChange: setRatio,
-												options: activeProfile?.ratioOptions ?? []
+												options: comparisonRatioOptions(lang)
 											}), (0, react_jsx_runtime.jsx)(FieldSelect, {
 												label: t("quality"),
 												value: quality,
 												onChange: setQuality,
-												options: activeProfile?.qualityOptions ?? []
+												options: comparisonQualityOptions(lang)
 											})]
-										})] }),
+										})] }) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+											(0, react_jsx_runtime.jsxs)("div", {
+												className: "dsh-ig-field-grid",
+												children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
+													label: t("provider"),
+													value: provider,
+													onChange: changeProvider,
+													options: config.providers.map((item) => ({
+														value: item.provider,
+														label: `${item.label}${item.configured ? "" : ` · ${t("unconfigured")}`}`
+													}))
+												}), (0, react_jsx_runtime.jsx)(FieldSelect, {
+													label: t("model"),
+													value: model,
+													onChange: setModel,
+													options: activeProfile === void 0 ? [] : [{
+														value: activeProfile.model,
+														label: activeProfile.model
+													}]
+												})]
+											}),
+											(0, react_jsx_runtime.jsxs)("div", {
+												className: "dsh-ig-field-grid",
+												children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
+													label: t("ratio"),
+													value: ratio,
+													onChange: setRatio,
+													options: localizeRatioOptions(activeProfile?.ratioOptions ?? [], lang)
+												}), (0, react_jsx_runtime.jsx)(FieldSelect, {
+													label: t("quality"),
+													value: quality,
+													onChange: setQuality,
+													options: localizeQualityOptions(activeProfile?.qualityOptions ?? [], lang)
+												})]
+											}),
+											(0, react_jsx_runtime.jsxs)("div", {
+												className: "dsh-ig-field",
+												children: [(0, react_jsx_runtime.jsx)("label", { children: t("count") }), (0, react_jsx_runtime.jsx)("div", {
+													className: "dsh-ig-count-row",
+													children: [
+														1,
+														2,
+														3,
+														4
+													].map((option) => (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: `dsh-ig-count-pill ${count === option ? "is-active" : ""}`,
+														onClick: () => setCount(option),
+														children: t("countUnit", { n: String(option) })
+													}, option))
+												})]
+											})
+										] })] }),
 										configuredCount === 0 && config !== null && (0, react_jsx_runtime.jsx)("div", {
 											className: "dsh-ig-inline-note",
 											children: t("noProvider")
@@ -2231,7 +2756,7 @@ window.__ModuleLoader__.load({
 											className: "dsh-ig-generate-button",
 											disabled: config === null,
 											onClick: () => void submit(),
-											children: [(0, react_jsx_runtime.jsx)(Sparkles, { size: 17 }), (0, react_jsx_runtime.jsx)("span", { children: t("start") })]
+											children: [(0, react_jsx_runtime.jsx)(Sparkles, { size: 17 }), (0, react_jsx_runtime.jsx)("span", { children: comparisonEnabled ? `${t("compareStart")} (${comparisonTargets.length})` : `${t("start")}${count > 1 ? ` (${count})` : ""}` })]
 										})
 									]
 								})]
@@ -2255,6 +2780,14 @@ window.__ModuleLoader__.load({
 											className: "dsh-ig-tag dsh-ig-tag-model",
 											children: selected.model
 										}),
+										currentBatch && currentBatch.length > 1 && (0, react_jsx_runtime.jsxs)("span", {
+											className: "dsh-ig-tag",
+											children: [
+												currentBatch.findIndex((i) => i.id === selected.id) + 1,
+												" / ",
+												currentBatch.length
+											]
+										}),
 										selected.attachment.width && selected.attachment.height ? (0, react_jsx_runtime.jsxs)("span", {
 											className: "dsh-ig-tag",
 											children: [
@@ -2272,6 +2805,25 @@ window.__ModuleLoader__.load({
 									children: (0, react_jsx_runtime.jsx)(X, { size: 18 })
 								})]
 							}),
+							currentBatch && currentBatch.length > 1 && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsh-ig-lightbox-nav is-prev",
+								onClick: (e) => {
+									e.stopPropagation();
+									stepLightbox(-1);
+								},
+								title: "上一张",
+								children: (0, react_jsx_runtime.jsx)(ChevronLeft, { size: 24 })
+							}), (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsh-ig-lightbox-nav is-next",
+								onClick: (e) => {
+									e.stopPropagation();
+									stepLightbox(1);
+								},
+								title: "下一张",
+								children: (0, react_jsx_runtime.jsx)(ChevronRight, { size: 24 })
+							})] }),
 							(0, react_jsx_runtime.jsx)("div", {
 								className: "dsh-ig-lightbox-img-wrap",
 								onClick: (e) => e.stopPropagation(),
@@ -2322,6 +2874,14 @@ window.__ModuleLoader__.load({
 											onClick: downloadSelected,
 											children: [(0, react_jsx_runtime.jsx)(Download, { size: 14 }), (0, react_jsx_runtime.jsx)("span", { children: t("download") })]
 										}),
+										(0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: `dsh-ig-lightbox-btn ${saveSelectionComplete ? "is-saved" : ""}`,
+											title: saveButtonLabel,
+											onClick: () => void handleSaveToGallery(),
+											disabled: saveSelectionComplete,
+											children: [saveSelectionComplete ? (0, react_jsx_runtime.jsx)(Check, { size: 14 }) : (0, react_jsx_runtime.jsx)(BookmarkPlus, { size: 14 }), (0, react_jsx_runtime.jsx)("span", { children: saveButtonLabel })]
+										}),
 										(0, react_jsx_runtime.jsxs)("button", {
 											type: "button",
 											className: "dsh-ig-lightbox-btn",
@@ -2388,6 +2948,39 @@ window.__ModuleLoader__.load({
 				]
 			});
 		};
+		const BatchCanvasItem = ({ item, index, badge, isActive, isChecked, onSelect }) => {
+			const image = useAttachmentImage(item.attachment, true);
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: `dsh-ig-canvas-item ${isActive ? "is-active" : ""} ${isChecked ? "is-checked" : ""}`,
+				onClick: onSelect,
+				children: [
+					(0, react_jsx_runtime.jsx)("span", {
+						className: `dsh-ig-canvas-badge ${badge ? "is-model" : ""}`,
+						title: badge,
+						children: badge ?? `#${index + 1}`
+					}),
+					(0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-ig-canvas-check",
+						"aria-hidden": "true",
+						children: isChecked ? (0, react_jsx_runtime.jsx)(Check, { size: 14 }) : null
+					}),
+					image.url !== null ? (0, react_jsx_runtime.jsx)("img", {
+						src: image.url,
+						alt: item.prompt,
+						draggable: false
+					}) : image.loading ? (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-ig-canvas-item-loading",
+						children: (0, react_jsx_runtime.jsx)(LoaderCircle, {
+							className: "dsh-ig-spin",
+							size: 24
+						})
+					}) : (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-ig-canvas-item-loading",
+						children: (0, react_jsx_runtime.jsx)(ImagePlus, { size: 24 })
+					})
+				]
+			});
+		};
 		const FieldSelect = ({ label, value, options, onChange }) => (0, react_jsx_runtime.jsxs)("label", {
 			className: "dsh-ig-field-select",
 			children: [(0, react_jsx_runtime.jsx)("span", { children: label }), (0, react_jsx_runtime.jsx)("select", {
@@ -2399,6 +2992,94 @@ window.__ModuleLoader__.load({
 				}, option.value))
 			})]
 		});
+		const LOCALIZED_RATIOS = {
+			auto: {
+				zh: "自动",
+				en: "Auto"
+			},
+			"1:1": {
+				zh: "1:1 方形",
+				en: "1:1 Square"
+			},
+			"3:2": {
+				zh: "3:2 横向",
+				en: "3:2 Landscape"
+			},
+			"2:3": {
+				zh: "2:3 肖像",
+				en: "2:3 Portrait"
+			},
+			"4:3": {
+				zh: "4:3 横向",
+				en: "4:3 Landscape"
+			},
+			"3:4": {
+				zh: "3:4 竖向",
+				en: "3:4 Portrait"
+			},
+			"16:9": {
+				zh: "16:9 宽屏",
+				en: "16:9 Widescreen"
+			},
+			"9:16": {
+				zh: "9:16 竖屏",
+				en: "9:16 Portrait"
+			}
+		};
+		const LOCALIZED_QUALITIES = {
+			standard: {
+				zh: "标准（推荐）",
+				en: "Standard (Recommended)"
+			},
+			auto: {
+				zh: "模型自动",
+				en: "Model Auto"
+			}
+		};
+		function localizeRatioOptions(options, lang) {
+			return options.map((opt) => ({
+				value: opt.value,
+				label: LOCALIZED_RATIOS[opt.value]?.[lang] ?? opt.label
+			}));
+		}
+		function localizeQualityOptions(options, lang) {
+			return options.map((opt) => ({
+				value: opt.value,
+				label: LOCALIZED_QUALITIES[opt.value]?.[lang] ?? opt.label
+			}));
+		}
+		function comparisonRatioOptions(lang) {
+			return [
+				"1:1",
+				"3:2",
+				"2:3",
+				"16:9",
+				"9:16"
+			].map((value) => ({
+				value,
+				label: LOCALIZED_RATIOS[value]?.[lang] ?? value
+			}));
+		}
+		function comparisonQualityOptions(lang) {
+			return [
+				{
+					value: "standard",
+					label: lang === "zh" ? "标准" : "Standard"
+				},
+				{
+					value: "1K",
+					label: "1K"
+				},
+				{
+					value: "2K",
+					label: "2K"
+				},
+				{
+					value: "4K",
+					label: "4K"
+				}
+			];
+		}
 		const DetailsPanel = ({ item, t }) => item === null ? (0, react_jsx_runtime.jsxs)("div", {
 			className: "dsh-ig-details-empty",
 			children: [(0, react_jsx_runtime.jsx)(ImagePlus, { size: 28 }), (0, react_jsx_runtime.jsx)("span", { children: t("selectHistory") })]
@@ -2528,6 +3209,1036 @@ window.__ModuleLoader__.load({
 			return error instanceof Error ? error.message : String(error);
 		}
 		//#endregion
+		//#region lib/types/client/inspiration-image-cache.js
+		/** Persistent, bounded browser cache for publicly proxied inspiration images. */
+		const DB_NAME$1 = "dsh-image-gen-inspiration";
+		const STORE$1 = "images";
+		const CATALOG_STORE = "catalog";
+		const MAX_ENTRIES = 120;
+		const MAX_BYTES = 188743680;
+		const pending = /* @__PURE__ */ new Map();
+		let cacheEpoch = 0;
+		function fetchInspirationImage(sourceId, caseId) {
+			const key = `${sourceId}:${caseId}`;
+			const existing = pending.get(key);
+			if (existing !== void 0) return existing;
+			const requestEpoch = cacheEpoch;
+			const task = getCached(key).then(async (cached) => {
+				if (cached !== void 0) return cached;
+				const response = await fetch(`${INSPIRATION_ROUTE}/image/${encodeURIComponent(sourceId)}/${encodeURIComponent(caseId)}`, {
+					credentials: "same-origin",
+					headers: { accept: "image/avif,image/webp,image/png,image/jpeg" }
+				});
+				if (!response.ok) throw new Error(`灵感图片读取失败 (${String(response.status)})`);
+				const blob = await response.blob();
+				if (blob.size < 64 || ![
+					"image/jpeg",
+					"image/png",
+					"image/webp"
+				].includes(blob.type)) throw new Error("灵感图片格式不受支持");
+				if (requestEpoch === cacheEpoch) putCached(key, blob);
+				return blob;
+			}).finally(() => pending.delete(key));
+			pending.set(key, task);
+			return task;
+		}
+		async function evictInspirationImage(sourceId, caseId) {
+			const key = `${sourceId}:${caseId}`;
+			pending.delete(key);
+			const db = await openDatabase$1();
+			if (db === void 0) return;
+			try {
+				await new Promise((resolve) => {
+					const req = db.transaction(STORE$1, "readwrite").objectStore(STORE$1).delete(key);
+					req.onsuccess = () => resolve();
+					req.onerror = () => resolve();
+				});
+			} finally {
+				db.close();
+			}
+		}
+		function openDatabase$1() {
+			if (typeof indexedDB === "undefined") return Promise.resolve(void 0);
+			return new Promise((resolve) => {
+				try {
+					const request = indexedDB.open(DB_NAME$1, 2);
+					request.onupgradeneeded = () => {
+						const db = request.result;
+						if (!db.objectStoreNames.contains(STORE$1)) db.createObjectStore(STORE$1, { keyPath: "key" }).createIndex("accessedAt", "accessedAt");
+						if (!db.objectStoreNames.contains(CATALOG_STORE)) db.createObjectStore(CATALOG_STORE, { keyPath: "id" });
+					};
+					request.onsuccess = () => resolve(request.result);
+					request.onerror = () => resolve(void 0);
+				} catch {
+					resolve(void 0);
+				}
+			});
+		}
+		async function getCached(key) {
+			const db = await openDatabase$1();
+			if (db === void 0) return void 0;
+			try {
+				return await new Promise((resolve) => {
+					const store = db.transaction(STORE$1, "readwrite").objectStore(STORE$1);
+					const request = store.get(key);
+					request.onsuccess = () => {
+						const entry = request.result;
+						if (entry === void 0 || !(entry.blob instanceof Blob) || entry.blob.size < 64) {
+							if (entry !== void 0) try {
+								store.delete(key);
+							} catch {}
+							return resolve(void 0);
+						}
+						entry.accessedAt = Date.now();
+						store.put(entry);
+						resolve(entry.blob);
+					};
+					request.onerror = () => resolve(void 0);
+				});
+			} finally {
+				db.close();
+			}
+		}
+		async function putCached(key, blob) {
+			const db = await openDatabase$1();
+			if (db === void 0) return;
+			try {
+				await new Promise((resolve) => {
+					const tx = db.transaction(STORE$1, "readwrite");
+					tx.objectStore(STORE$1).put({
+						key,
+						blob,
+						bytes: blob.size,
+						accessedAt: Date.now()
+					});
+					tx.oncomplete = () => resolve();
+					tx.onerror = () => resolve();
+					tx.onabort = () => resolve();
+				});
+				await trimCache(db);
+			} finally {
+				db.close();
+			}
+		}
+		async function trimCache(db) {
+			await new Promise((resolve) => {
+				const tx = db.transaction(STORE$1, "readwrite");
+				const store = tx.objectStore(STORE$1);
+				const items = [];
+				const cursor = store.openCursor();
+				cursor.onsuccess = () => {
+					const result = cursor.result;
+					if (result !== null) {
+						items.push(result.value);
+						result.continue();
+						return;
+					}
+					items.sort((a, b) => a.accessedAt - b.accessedAt);
+					let count = items.length;
+					let bytes = items.reduce((total, item) => total + Math.max(0, item.bytes), 0);
+					for (const item of items) {
+						if (count <= MAX_ENTRIES && bytes <= MAX_BYTES) break;
+						store.delete(item.key);
+						count -= 1;
+						bytes -= Math.max(0, item.bytes);
+					}
+				};
+				tx.oncomplete = () => resolve();
+				tx.onerror = () => resolve();
+				tx.onabort = () => resolve();
+			});
+		}
+		async function clearInspirationImageCache() {
+			cacheEpoch += 1;
+			pending.clear();
+			const db = await openDatabase$1();
+			if (db === void 0) return;
+			try {
+				await new Promise((resolve) => {
+					const tx = db.transaction(STORE$1, "readwrite");
+					tx.objectStore(STORE$1).clear();
+					tx.oncomplete = () => resolve();
+					tx.onerror = () => resolve();
+					tx.onabort = () => resolve();
+				});
+			} finally {
+				db.close();
+			}
+		}
+		//#endregion
+		//#region lib/types/client/inspiration-catalog-cache.js
+		const DB_NAME = "dsh-image-gen-inspiration";
+		const STORE = "catalog";
+		const IMAGE_STORE = "images";
+		const KEY = "latest";
+		async function loadCachedInspirationCatalog() {
+			const db = await openDatabase();
+			if (db === void 0) return void 0;
+			try {
+				return await new Promise((resolve) => {
+					const request = db.transaction(STORE, "readonly").objectStore(STORE).get(KEY);
+					request.onsuccess = () => {
+						const record = request.result;
+						resolve(isCatalog(record?.catalog) ? record.catalog : void 0);
+					};
+					request.onerror = () => resolve(void 0);
+				});
+			} finally {
+				db.close();
+			}
+		}
+		async function saveCachedInspirationCatalog(catalog) {
+			if (!isCatalog(catalog)) return;
+			const db = await openDatabase();
+			if (db === void 0) return;
+			try {
+				await new Promise((resolve) => {
+					const tx = db.transaction(STORE, "readwrite");
+					tx.objectStore(STORE).put({
+						id: KEY,
+						catalog,
+						storedAt: Date.now()
+					});
+					tx.oncomplete = () => resolve();
+					tx.onerror = () => resolve();
+					tx.onabort = () => resolve();
+				});
+			} finally {
+				db.close();
+			}
+		}
+		function openDatabase() {
+			if (typeof indexedDB === "undefined") return Promise.resolve(void 0);
+			return new Promise((resolve) => {
+				try {
+					const request = indexedDB.open(DB_NAME, 2);
+					request.onupgradeneeded = () => {
+						const db = request.result;
+						if (!db.objectStoreNames.contains(STORE)) db.createObjectStore(STORE, { keyPath: "id" });
+						if (!db.objectStoreNames.contains(IMAGE_STORE)) db.createObjectStore(IMAGE_STORE, { keyPath: "key" }).createIndex("accessedAt", "accessedAt");
+					};
+					request.onsuccess = () => resolve(request.result);
+					request.onerror = () => resolve(void 0);
+				} catch {
+					resolve(void 0);
+				}
+			});
+		}
+		function isCatalog(value) {
+			if (typeof value !== "object" || value === null || value.schemaVersion !== 1) return false;
+			const sources = value.sources;
+			return Array.isArray(sources) && sources.length > 0 && sources.every((source) => typeof source === "object" && source !== null && Array.isArray(source.cases));
+		}
+		//#endregion
+		//#region lib/types/client/inspiration-view.js
+		const FAVORITES_STORAGE_KEY = "dsh-ig-inspiration-favorites";
+		function loadInspirationFavorites() {
+			if (typeof localStorage === "undefined") return /* @__PURE__ */ new Set();
+			try {
+				const raw = localStorage.getItem(FAVORITES_STORAGE_KEY);
+				if (raw) {
+					const parsed = JSON.parse(raw);
+					if (Array.isArray(parsed)) return new Set(parsed);
+				}
+			} catch {}
+			return /* @__PURE__ */ new Set();
+		}
+		function saveInspirationFavorites(favorites) {
+			if (typeof localStorage === "undefined") return;
+			try {
+				localStorage.setItem(FAVORITES_STORAGE_KEY, JSON.stringify(Array.from(favorites)));
+			} catch {}
+		}
+		const TAG_MAP_ZH = {
+			"Architecture & Spaces": "建筑空间",
+			"Brand & Logos": "品牌 Logo",
+			"Characters & People": "角色人物",
+			"Charts & Infographics": "图表信息图",
+			"Documents & Publishing": "文档出版",
+			"History & Classical Themes": "历史古典",
+			"Illustration & Art": "插画艺术",
+			"Other Use Cases": "其他案例",
+			"Photography & Realism": "摄影写真",
+			"Posters & Typography": "海报排版",
+			"Products & E-commerce": "产品电商",
+			"Scenes & Storytelling": "场景故事",
+			"UI & Interfaces": "UI 界面",
+			"3D": "3D 渲染",
+			"Architecture": "建筑空间",
+			"Brand": "品牌视觉",
+			"Character": "角色人物",
+			"Characters": "人物群像",
+			"Charts": "图表图解",
+			"Classical": "古典艺术",
+			"Documents": "文档出版",
+			"History": "历史人文",
+			"Illustration": "插画手绘",
+			"Infographic": "信息图表",
+			"Photography": "摄影写真",
+			"Poster": "海报封面",
+			"Product": "产品设计",
+			"Products": "商业产品",
+			"Realistic": "写实逼真",
+			"Scenes": "场景概念",
+			"UI": "UI 界面",
+			"Commerce": "商业电商",
+			"Creative": "创意设计",
+			"Education": "教育科普",
+			"Fashion": "时尚潮流",
+			"Food": "美食餐饮",
+			"Social": "社媒传播",
+			"Story": "故事剧情",
+			"Tech": "科技未来",
+			"Travel": "旅游出行",
+			"Art": "艺术创作",
+			"Minimalist": "极简主义",
+			"Vintage": "复古胶片",
+			"Cyberpunk": "赛博朋克",
+			"Anime": "二次元日系",
+			"Watercolor": "水彩手绘",
+			"Oil Painting": "油画质感"
+		};
+		function translateTag(name, lang) {
+			if (lang !== "zh") return name;
+			return TAG_MAP_ZH[name] ?? name;
+		}
+		const COPY = {
+			zh: {
+				kicker: "Prompt inspiration",
+				title: "灵感素材",
+				subtitle: "从公开案例中找构图、质感和文字处理，再带回工作台继续调整。",
+				refresh: "检查更新",
+				refreshing: "正在更新…",
+				clearCache: "清理缓存",
+				clearingCache: "正在清理…",
+				cacheCleared: "已清空本地图片缓存",
+				cacheClearFailed: "清理缓存失败",
+				clearCacheRestart: "后端未就绪，请重启 DSH 后生效",
+				clearModalTitle: "清理本地图片缓存？",
+				clearModalDesc: "将删除本地保存的灵感素材图片以释放磁盘空间。案例列表、Prompt 和您的收藏夹不会受到任何影响，后续浏览时会自动重新拉取。",
+				cancel: "取消",
+				confirmClear: "确认清理",
+				allCategories: "全部分类",
+				allStyles: "全部风格",
+				allScenes: "全部场景",
+				search: "搜索案例、Prompt、风格…",
+				results: "找到 {count} 个案例",
+				noResults: "没有匹配的素材，换个关键词或筛选条件试试。",
+				selectHint: "选择一张素材，查看完整 Prompt 并带回工作台。",
+				prompt: "完整 Prompt",
+				copy: "复制 Prompt",
+				copied: "已复制",
+				use: "使用这个 Prompt",
+				source: "查看原来源",
+				loading: "正在读取素材库…",
+				loadFailed: "素材库读取失败，请稍后重试。",
+				copyFailed: "复制失败",
+				retry: "重新加载",
+				imageFailed: "图片暂时无法读取",
+				featured: "精选",
+				updated: "素材已更新（{count} 条）",
+				updateFailed: "更新失败，仍在使用当前内置素材。",
+				allLoaded: "已展示全部 {count} 个案例",
+				onlyFavorites: "仅看收藏",
+				noFavorites: "暂无收藏的灵感案例，浏览时点击星标即可收藏。",
+				favorite: "收藏",
+				favorited: "已收藏",
+				zoomHint: "点击放大查看",
+				close: "关闭"
+			},
+			en: {
+				kicker: "Prompt inspiration",
+				title: "Inspiration",
+				subtitle: "Explore public examples, then bring a prompt back to Studio to make it your own.",
+				refresh: "Check updates",
+				refreshing: "Updating…",
+				clearCache: "Clear cache",
+				clearingCache: "Clearing…",
+				cacheCleared: "Local image cache cleared",
+				cacheClearFailed: "Failed to clear cache",
+				clearCacheRestart: "Backend not ready, please restart DSH",
+				clearModalTitle: "Clear local image cache?",
+				clearModalDesc: "This will delete locally cached inspiration images to free up disk space. The catalog, prompts, and your bookmarks will remain intact. Images will be re-fetched on demand.",
+				cancel: "Cancel",
+				confirmClear: "Clear Cache",
+				allCategories: "All categories",
+				allStyles: "All styles",
+				allScenes: "All scenes",
+				search: "Search examples, prompts, styles…",
+				results: "{count} examples",
+				noResults: "No matching examples. Try another keyword or filter.",
+				selectHint: "Choose an example to read its full prompt and use it in Studio.",
+				prompt: "Full prompt",
+				copy: "Copy prompt",
+				copied: "Copied",
+				use: "Use this prompt",
+				source: "View source",
+				loading: "Loading inspiration…",
+				loadFailed: "Could not load the inspiration library.",
+				copyFailed: "Failed to copy",
+				retry: "Retry",
+				imageFailed: "Image is temporarily unavailable",
+				featured: "Featured",
+				updated: "Updated ({count} examples)",
+				updateFailed: "Update failed. The current bundled library is still available.",
+				allLoaded: "All {count} examples displayed",
+				onlyFavorites: "Favorites only",
+				noFavorites: "No favorited examples yet. Click the star icon on any card to save.",
+				favorite: "Favorite",
+				favorited: "Favorited",
+				zoomHint: "Click to zoom in",
+				close: "Close"
+			}
+		};
+		const InspirationView = ({ locale, onUsePrompt }) => {
+			const [language, setLanguage] = (0, react.useState)(() => locale?.getSnapshot?.().active?.startsWith("en") ? "en" : "zh");
+			const [catalog, setCatalog] = (0, react.useState)(null);
+			const [catalogError, setCatalogError] = (0, react.useState)(false);
+			const [search, setSearch] = (0, react.useState)("");
+			const [category, setCategory] = (0, react.useState)("");
+			const [style, setStyle] = (0, react.useState)("");
+			const [scene, setScene] = (0, react.useState)("");
+			const [visibleLimit, setVisibleLimit] = (0, react.useState)(60);
+			const [selected, setSelected] = (0, react.useState)(null);
+			const [refreshing, setRefreshing] = (0, react.useState)(false);
+			const [clearingCache, setClearingCache] = (0, react.useState)(false);
+			const [confirmClearOpen, setConfirmClearOpen] = (0, react.useState)(false);
+			const [copied, setCopied] = (0, react.useState)(false);
+			const [favorites, setFavorites] = (0, react.useState)(() => loadInspirationFavorites());
+			const [onlyFavorites, setOnlyFavorites] = (0, react.useState)(false);
+			const [lightboxCase, setLightboxCase] = (0, react.useState)(null);
+			const [toast, setToast] = (0, react.useState)(null);
+			const toastTimerRef = (0, react.useRef)(null);
+			const sentinelRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				if (!locale?.subscribe) return;
+				return locale.subscribe(() => setLanguage(locale.getSnapshot?.().active?.startsWith("en") ? "en" : "zh"));
+			}, [locale]);
+			const t = (key, values) => {
+				let value = COPY[language][key] ?? COPY.zh[key];
+				for (const [name, replacement] of Object.entries(values ?? {})) value = value.replace(`{${name}}`, replacement);
+				return value;
+			};
+			const showToast = (text, isError = false) => {
+				if (toastTimerRef.current !== null) window.clearTimeout(toastTimerRef.current);
+				setToast({
+					text,
+					isError
+				});
+				toastTimerRef.current = window.setTimeout(() => {
+					setToast(null);
+					toastTimerRef.current = null;
+				}, 2400);
+			};
+			const toggleFavorite = (id) => {
+				setFavorites((prev) => {
+					const next = new Set(prev);
+					if (next.has(id)) next.delete(id);
+					else next.add(id);
+					saveInspirationFavorites(next);
+					return next;
+				});
+			};
+			const loadCatalog = async (method = "GET") => {
+				const response = await fetch(`${INSPIRATION_ROUTE}/${method === "GET" ? "catalog" : "refresh"}`, {
+					method,
+					credentials: "same-origin"
+				});
+				const payload = await response.json().catch(() => null);
+				if (!response.ok || payload === null || !("schemaVersion" in payload) || payload.schemaVersion !== 1) throw new Error(payload && "error" in payload && payload.error ? payload.error : t("loadFailed"));
+				return payload;
+			};
+			const retryCatalog = async () => {
+				setCatalogError(false);
+				try {
+					const data = await loadCatalog("GET");
+					setCatalog(data);
+					setSelected((previous) => previous === null ? data.sources[0]?.cases.find((item) => item.featured) ?? data.sources[0]?.cases[0] ?? null : previous);
+				} catch {
+					setCatalogError(true);
+					showToast(t("loadFailed"), true);
+				}
+			};
+			(0, react.useEffect)(() => {
+				let mounted = true;
+				setCatalogError(false);
+				Promise.allSettled([loadCatalog(), loadCachedInspirationCatalog()]).then(([server, cache]) => {
+					if (!mounted) return;
+					const cached = cache.status === "fulfilled" ? cache.value : void 0;
+					const next = resolveActiveCatalog(server.status === "fulfilled" ? server.value : void 0, cached);
+					if (next === void 0) {
+						setCatalogError(true);
+						showToast(t("loadFailed"), true);
+						return;
+					}
+					setCatalogError(false);
+					setCatalog(next);
+					setSelected((previous) => previous === null ? next.sources[0]?.cases.find((item) => item.featured) ?? next.sources[0]?.cases[0] ?? null : previous);
+				});
+				return () => {
+					mounted = false;
+				};
+			}, []);
+			const source = catalog?.sources[0] ?? null;
+			const matchingCases = (0, react.useMemo)(() => {
+				if (source === null) return [];
+				const query = search.trim().toLowerCase();
+				return source.cases.filter((item) => {
+					if (onlyFavorites && !favorites.has(item.id)) return false;
+					if (category && item.category !== category) return false;
+					if (style && !item.styles.includes(style)) return false;
+					if (scene && !item.scenes.includes(scene)) return false;
+					if (!query) return true;
+					const translatedCat = translateTag(item.category, language);
+					const translatedStyles = item.styles.map((s) => translateTag(s, language));
+					const translatedScenes = item.scenes.map((s) => translateTag(s, language));
+					return [
+						item.title,
+						item.prompt,
+						item.category,
+						translatedCat,
+						...item.styles,
+						...translatedStyles,
+						...item.scenes,
+						...translatedScenes
+					].some((value) => value.toLowerCase().includes(query));
+				});
+			}, [
+				source,
+				search,
+				category,
+				style,
+				scene,
+				onlyFavorites,
+				favorites,
+				language
+			]);
+			(0, react.useEffect)(() => setVisibleLimit(60), [
+				search,
+				category,
+				style,
+				scene,
+				onlyFavorites
+			]);
+			const visibleCases = matchingCases.slice(0, visibleLimit);
+			(0, react.useEffect)(() => {
+				const el = sentinelRef.current;
+				if (!el) return;
+				const observer = new IntersectionObserver((entries) => {
+					if (entries.some((e) => e.isIntersecting)) setVisibleLimit((limit) => Math.min(limit + 48, matchingCases.length));
+				}, { rootMargin: "360px" });
+				observer.observe(el);
+				return () => observer.disconnect();
+			}, [matchingCases.length, visibleCases.length]);
+			(0, react.useEffect)(() => {
+				if (lightboxCase === null) return;
+				const onKeyDown = (e) => {
+					if (e.key === "Escape") setLightboxCase(null);
+				};
+				window.addEventListener("keydown", onKeyDown);
+				return () => window.removeEventListener("keydown", onKeyDown);
+			}, [lightboxCase]);
+			const refresh = async () => {
+				if (refreshing) return;
+				setRefreshing(true);
+				try {
+					const next = await loadCatalog("POST");
+					setCatalog(next);
+					saveCachedInspirationCatalog(next);
+					setSelected((previous) => previous === null ? next.sources[0]?.cases[0] ?? null : next.sources[0]?.cases.find((item) => item.id === previous.id) ?? next.sources[0]?.cases[0] ?? null);
+					showToast(t("updated", { count: String(next.sources[0]?.cases.length ?? 0) }));
+				} catch {
+					showToast(t("updateFailed"), true);
+				} finally {
+					setRefreshing(false);
+				}
+			};
+			const clearCache = async () => {
+				if (clearingCache) return;
+				setClearingCache(true);
+				setConfirmClearOpen(false);
+				try {
+					await clearInspirationImageCache();
+					const res = await fetch(`${INSPIRATION_ROUTE}/cache/clear`, {
+						method: "POST",
+						credentials: "same-origin"
+					});
+					if (!res.ok) {
+						if (res.status === 404) throw new Error(t("clearCacheRestart"));
+						throw new Error(`HTTP ${res.status}`);
+					}
+					showToast(t("cacheCleared"));
+				} catch (err) {
+					const msg = err instanceof Error && err.message ? err.message : t("cacheClearFailed");
+					showToast(msg, true);
+				} finally {
+					setClearingCache(false);
+				}
+			};
+			const copyPrompt = async () => {
+				if (selected === null) return;
+				try {
+					await copyText(selected.prompt);
+					setCopied(true);
+					showToast(t("copied"));
+					window.setTimeout(() => setCopied(false), 1800);
+				} catch {
+					showToast(t("copyFailed"), true);
+				}
+			};
+			return (0, react_jsx_runtime.jsxs)("section", {
+				className: "dsh-ig-inspiration",
+				"aria-label": t("title"),
+				children: [
+					(0, react_jsx_runtime.jsxs)("header", {
+						className: "dsh-ig-inspiration-head",
+						children: [(0, react_jsx_runtime.jsxs)("div", { children: [
+							(0, react_jsx_runtime.jsx)("p", {
+								className: "dsh-ig-inspiration-kicker",
+								children: t("kicker")
+							}),
+							(0, react_jsx_runtime.jsx)("h1", { children: t("title") }),
+							(0, react_jsx_runtime.jsx)("p", {
+								className: "dsh-ig-inspiration-subtitle",
+								children: t("subtitle")
+							})
+						] }), (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-ig-inspiration-head-actions",
+							children: [(0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: "dsh-ig-inspiration-clear-cache",
+								onClick: () => setConfirmClearOpen(true),
+								disabled: clearingCache,
+								title: t("clearCache"),
+								children: [clearingCache ? (0, react_jsx_runtime.jsx)(LoaderCircle, {
+									className: "dsh-ig-spin",
+									size: 13
+								}) : (0, react_jsx_runtime.jsx)(Trash2, { size: 13 }), clearingCache ? t("clearingCache") : t("clearCache")]
+							}), (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: "dsh-ig-inspiration-refresh",
+								onClick: () => void refresh(),
+								disabled: refreshing,
+								title: t("refresh"),
+								children: [refreshing ? (0, react_jsx_runtime.jsx)(LoaderCircle, {
+									className: "dsh-ig-spin",
+									size: 13
+								}) : (0, react_jsx_runtime.jsx)(Sparkles, { size: 13 }), refreshing ? t("refreshing") : t("refresh")]
+							})]
+						})]
+					}),
+					catalogError ? (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ig-inspiration-empty is-catalog-error",
+						children: [
+							(0, react_jsx_runtime.jsx)(TriangleAlert, { size: 28 }),
+							(0, react_jsx_runtime.jsx)("p", { children: t("loadFailed") }),
+							(0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsh-ig-inspiration-retry-btn",
+								onClick: () => void retryCatalog(),
+								children: t("retry")
+							})
+						]
+					}) : source === null ? (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ig-inspiration-empty",
+						children: [(0, react_jsx_runtime.jsx)(LoaderCircle, {
+							className: "dsh-ig-spin",
+							size: 23
+						}), (0, react_jsx_runtime.jsx)("span", { children: t("loading") })]
+					}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ig-inspiration-toolbar",
+						children: [
+							(0, react_jsx_runtime.jsxs)("label", {
+								className: "dsh-ig-inspiration-search",
+								children: [(0, react_jsx_runtime.jsx)(Search, { size: 15 }), (0, react_jsx_runtime.jsx)("input", {
+									value: search,
+									onChange: (event) => setSearch(event.target.value),
+									placeholder: t("search")
+								})]
+							}),
+							(0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: `dsh-ig-inspiration-fav-filter ${onlyFavorites ? "is-active" : ""}`,
+								onClick: () => setOnlyFavorites((prev) => !prev),
+								title: t("onlyFavorites"),
+								children: [(0, react_jsx_runtime.jsx)(Star, {
+									size: 14,
+									className: onlyFavorites ? "fill-star" : ""
+								}), (0, react_jsx_runtime.jsxs)("span", { children: [t("onlyFavorites"), favorites.size > 0 ? ` (${favorites.size})` : ""] })]
+							}),
+							(0, react_jsx_runtime.jsxs)("select", {
+								value: category,
+								onChange: (event) => setCategory(event.target.value),
+								"aria-label": t("allCategories"),
+								children: [(0, react_jsx_runtime.jsx)("option", {
+									value: "",
+									children: t("allCategories")
+								}), source.categories.map((item) => (0, react_jsx_runtime.jsx)("option", {
+									value: item,
+									children: translateTag(item, language)
+								}, item))]
+							}),
+							(0, react_jsx_runtime.jsxs)("select", {
+								value: style,
+								onChange: (event) => setStyle(event.target.value),
+								"aria-label": t("allStyles"),
+								children: [(0, react_jsx_runtime.jsx)("option", {
+									value: "",
+									children: t("allStyles")
+								}), source.styles.map((item) => (0, react_jsx_runtime.jsx)("option", {
+									value: item,
+									children: translateTag(item, language)
+								}, item))]
+							}),
+							(0, react_jsx_runtime.jsxs)("select", {
+								value: scene,
+								onChange: (event) => setScene(event.target.value),
+								"aria-label": t("allScenes"),
+								children: [(0, react_jsx_runtime.jsx)("option", {
+									value: "",
+									children: t("allScenes")
+								}), source.scenes.map((item) => (0, react_jsx_runtime.jsx)("option", {
+									value: item,
+									children: translateTag(item, language)
+								}, item))]
+							})
+						]
+					}), (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ig-inspiration-layout",
+						children: [(0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-ig-inspiration-summary",
+							children: [(0, react_jsx_runtime.jsx)("strong", { children: t("results", { count: String(matchingCases.length) }) }), (0, react_jsx_runtime.jsx)("span", { children: source.version.slice(0, 8) })]
+						}), matchingCases.length === 0 ? (0, react_jsx_runtime.jsx)("div", {
+							className: "dsh-ig-inspiration-empty",
+							children: onlyFavorites ? t("noFavorites") : t("noResults")
+						}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("div", {
+							className: "dsh-ig-inspiration-grid",
+							children: visibleCases.map((item) => (0, react_jsx_runtime.jsx)(InspirationCard, {
+								item,
+								sourceId: source.id,
+								selected: selected?.id === item.id,
+								isFavorited: favorites.has(item.id),
+								language,
+								featuredLabel: t("featured"),
+								retryLabel: t("retry"),
+								onSelect: () => {
+									setSelected(item);
+									setCopied(false);
+								},
+								onToggleFavorite: () => toggleFavorite(item.id)
+							}, item.id))
+						}), visibleCases.length < matchingCases.length ? (0, react_jsx_runtime.jsx)("div", {
+							ref: sentinelRef,
+							style: {
+								height: 32,
+								margin: "16px 0"
+							}
+						}) : (0, react_jsx_runtime.jsx)("div", {
+							className: "dsh-ig-inspiration-end-hint",
+							children: t("allLoaded", { count: String(matchingCases.length) })
+						})] })] }), (0, react_jsx_runtime.jsx)("aside", {
+							className: "dsh-ig-inspiration-inspector",
+							children: selected === null ? (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-ig-inspiration-inspector-empty",
+								children: [(0, react_jsx_runtime.jsx)(Image$1, { size: 28 }), (0, react_jsx_runtime.jsx)("span", { children: t("selectHint") })]
+							}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-ig-inspiration-inspector-image",
+								onClick: () => setLightboxCase({
+									sourceId: source.id,
+									caseId: selected.id,
+									title: selected.title,
+									alt: selected.imageAlt
+								}),
+								title: t("zoomHint"),
+								children: [(0, react_jsx_runtime.jsx)(InspirationImage, {
+									sourceId: source.id,
+									caseId: selected.id,
+									alt: selected.imageAlt,
+									retryLabel: t("retry")
+								}), (0, react_jsx_runtime.jsxs)("span", {
+									className: "dsh-ig-inspiration-inspector-zoom-hint",
+									children: [(0, react_jsx_runtime.jsx)(Maximize2, { size: 11 }), t("zoomHint")]
+								})]
+							}), (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-ig-inspiration-inspector-body",
+								children: [
+									(0, react_jsx_runtime.jsxs)("div", {
+										className: "dsh-ig-inspiration-inspector-head",
+										children: [(0, react_jsx_runtime.jsx)("h2", { children: selected.title }), (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: `dsh-ig-inspiration-inspector-fav ${favorites.has(selected.id) ? "is-favorited" : ""}`,
+											onClick: () => toggleFavorite(selected.id),
+											title: favorites.has(selected.id) ? t("favorited") : t("favorite"),
+											children: (0, react_jsx_runtime.jsx)(Star, {
+												size: 15,
+												className: favorites.has(selected.id) ? "fill-star" : ""
+											})
+										})]
+									}),
+									selected.sourceLabel && (0, react_jsx_runtime.jsx)("p", {
+										className: "dsh-ig-inspiration-origin",
+										children: selected.sourceLabel
+									}),
+									(0, react_jsx_runtime.jsxs)("div", {
+										className: "dsh-ig-inspiration-tags",
+										children: [(0, react_jsx_runtime.jsx)("span", { children: translateTag(selected.category, language) }), selected.styles.slice(0, 3).map((item) => (0, react_jsx_runtime.jsx)("span", { children: translateTag(item, language) }, item))]
+									}),
+									(0, react_jsx_runtime.jsxs)("div", {
+										className: "dsh-ig-inspiration-prompt-label",
+										children: [(0, react_jsx_runtime.jsx)("span", { children: t("prompt") }), (0, react_jsx_runtime.jsx)("span", { children: selected.prompt.length })]
+									}),
+									(0, react_jsx_runtime.jsx)("p", {
+										className: "dsh-ig-inspiration-prompt",
+										children: selected.prompt
+									}),
+									(0, react_jsx_runtime.jsxs)("div", {
+										className: "dsh-ig-inspiration-actions",
+										children: [
+											(0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												onClick: () => void copyPrompt(),
+												children: [copied ? (0, react_jsx_runtime.jsx)(Check, { size: 14 }) : (0, react_jsx_runtime.jsx)(Clipboard, { size: 14 }), copied ? t("copied") : t("copy")]
+											}),
+											selected.sourceUrl ?? selected.githubUrl ? (0, react_jsx_runtime.jsxs)("a", {
+												className: "dsh-ig-inspiration-source-link",
+												href: selected.sourceUrl ?? selected.githubUrl,
+												target: "_blank",
+												rel: "noreferrer",
+												children: [(0, react_jsx_runtime.jsx)(ExternalLink, { size: 14 }), t("source")]
+											}) : (0, react_jsx_runtime.jsx)("span", {}),
+											(0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: "dsh-ig-inspiration-use",
+												onClick: () => onUsePrompt(selected.prompt),
+												children: [(0, react_jsx_runtime.jsx)(Sparkles, { size: 14 }), t("use")]
+											})
+										]
+									})
+								]
+							})] })
+						})]
+					})] }),
+					lightboxCase !== null && (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-ig-inspiration-lightbox",
+						onClick: () => setLightboxCase(null),
+						children: (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-ig-inspiration-lightbox-content",
+							onClick: (e) => e.stopPropagation(),
+							children: [
+								(0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dsh-ig-inspiration-lightbox-close",
+									onClick: () => setLightboxCase(null),
+									"aria-label": t("close"),
+									children: (0, react_jsx_runtime.jsx)(X, { size: 18 })
+								}),
+								(0, react_jsx_runtime.jsx)("div", {
+									className: "dsh-ig-inspiration-lightbox-img-wrap",
+									children: (0, react_jsx_runtime.jsx)(InspirationImage, {
+										sourceId: lightboxCase.sourceId,
+										caseId: lightboxCase.caseId,
+										alt: lightboxCase.alt,
+										retryLabel: t("retry")
+									})
+								}),
+								(0, react_jsx_runtime.jsx)("div", {
+									className: "dsh-ig-inspiration-lightbox-caption",
+									children: lightboxCase.title
+								})
+							]
+						})
+					}),
+					confirmClearOpen && (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-ig-inspiration-modal-backdrop",
+						onClick: () => setConfirmClearOpen(false),
+						children: (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-ig-inspiration-modal",
+							onClick: (e) => e.stopPropagation(),
+							role: "dialog",
+							"aria-modal": "true",
+							children: [
+								(0, react_jsx_runtime.jsx)("h3", { children: t("clearModalTitle") }),
+								(0, react_jsx_runtime.jsx)("p", { children: t("clearModalDesc") }),
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-ig-inspiration-modal-actions",
+									children: [(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-ig-inspiration-modal-btn",
+										onClick: () => setConfirmClearOpen(false),
+										disabled: clearingCache,
+										children: t("cancel")
+									}), (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										className: "dsh-ig-inspiration-modal-btn is-danger",
+										onClick: () => void clearCache(),
+										disabled: clearingCache,
+										children: [clearingCache ? (0, react_jsx_runtime.jsx)(LoaderCircle, {
+											className: "dsh-ig-spin",
+											size: 13
+										}) : null, t("confirmClear")]
+									})]
+								})
+							]
+						})
+					}),
+					toast !== null && (0, react_jsx_runtime.jsxs)("div", {
+						className: `dsh-ig-inspiration-toast ${toast.isError ? "is-error" : "is-success"}`,
+						role: "status",
+						children: [toast.isError ? (0, react_jsx_runtime.jsx)(X, { size: 14 }) : (0, react_jsx_runtime.jsx)(Check, { size: 14 }), (0, react_jsx_runtime.jsx)("span", { children: toast.text })]
+					})
+				]
+			});
+		};
+		const InspirationCard = ({ item, sourceId, selected, isFavorited, language, featuredLabel, retryLabel, onSelect, onToggleFavorite }) => (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			className: `dsh-ig-inspiration-card ${selected ? "is-selected" : ""}`,
+			onClick: onSelect,
+			children: [(0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-ig-inspiration-visual",
+				children: [
+					item.featured && (0, react_jsx_runtime.jsxs)("span", {
+						className: "dsh-ig-inspiration-featured",
+						children: [(0, react_jsx_runtime.jsx)(Sparkles, { size: 10 }), featuredLabel]
+					}),
+					(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: `dsh-ig-inspiration-card-star ${isFavorited ? "is-favorited" : ""}`,
+						onClick: (e) => {
+							e.stopPropagation();
+							onToggleFavorite();
+						},
+						"aria-label": "收藏",
+						children: (0, react_jsx_runtime.jsx)(Star, {
+							size: 13,
+							className: isFavorited ? "fill-star" : ""
+						})
+					}),
+					(0, react_jsx_runtime.jsx)(InspirationImage, {
+						sourceId,
+						caseId: item.id,
+						alt: item.imageAlt,
+						retryLabel
+					})
+				]
+			}), (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-ig-inspiration-card-copy",
+				children: [(0, react_jsx_runtime.jsx)("strong", { children: item.title }), (0, react_jsx_runtime.jsx)("span", { children: translateTag(item.category, language) })]
+			})]
+		});
+		const InspirationImage = ({ sourceId, caseId, alt, retryLabel = "Retry" }) => {
+			const [node, setNode] = (0, react.useState)(null);
+			const [visible, setVisible] = (0, react.useState)(false);
+			const [url, setUrl] = (0, react.useState)(null);
+			const [failed, setFailed] = (0, react.useState)(false);
+			const urlRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				if (node === null) return;
+				const observer = new IntersectionObserver((entries) => setVisible(entries.some((entry) => entry.isIntersecting)), { rootMargin: "320px" });
+				observer.observe(node);
+				return () => observer.disconnect();
+			}, [node]);
+			(0, react.useEffect)(() => {
+				if (!visible) return;
+				let active = true;
+				setFailed(false);
+				if (urlRef.current !== null) {
+					URL.revokeObjectURL(urlRef.current);
+					urlRef.current = null;
+				}
+				setUrl(null);
+				fetchInspirationImage(sourceId, caseId).then((blob) => {
+					if (!active) return;
+					const next = URL.createObjectURL(blob);
+					if (urlRef.current !== null) URL.revokeObjectURL(urlRef.current);
+					urlRef.current = next;
+					setUrl(next);
+				}).catch(() => {
+					if (active) setFailed(true);
+				});
+				return () => {
+					active = false;
+				};
+			}, [
+				visible,
+				sourceId,
+				caseId
+			]);
+			(0, react.useEffect)(() => {
+				return () => {
+					if (urlRef.current !== null) {
+						URL.revokeObjectURL(urlRef.current);
+						urlRef.current = null;
+					}
+				};
+			}, []);
+			return (0, react_jsx_runtime.jsx)("div", {
+				ref: setNode,
+				style: {
+					width: "100%",
+					height: "100%"
+				},
+				children: url !== null && !failed ? (0, react_jsx_runtime.jsx)("img", {
+					src: url,
+					alt,
+					loading: "lazy",
+					onError: () => {
+						setFailed(true);
+						evictInspirationImage(sourceId, caseId);
+					}
+				}) : (0, react_jsx_runtime.jsx)("div", {
+					className: `dsh-ig-inspiration-image-placeholder ${failed ? "is-error" : ""}`,
+					children: failed ? (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "dsh-ig-inspiration-retry-btn",
+						onClick: (e) => {
+							e.stopPropagation();
+							setFailed(false);
+							if (urlRef.current !== null) {
+								URL.revokeObjectURL(urlRef.current);
+								urlRef.current = null;
+							}
+							setUrl(null);
+							evictInspirationImage(sourceId, caseId).then(() => fetchInspirationImage(sourceId, caseId)).then((blob) => {
+								const next = URL.createObjectURL(blob);
+								if (urlRef.current !== null) URL.revokeObjectURL(urlRef.current);
+								urlRef.current = next;
+								setUrl(next);
+							}).catch(() => setFailed(true));
+						},
+						children: retryLabel
+					}) : (0, react_jsx_runtime.jsx)(LoaderCircle, {
+						className: "dsh-ig-spin",
+						size: 18
+					})
+				})
+			});
+		};
+		async function copyText(value) {
+			if (navigator.clipboard?.writeText) return navigator.clipboard.writeText(value);
+			const textarea = document.createElement("textarea");
+			textarea.value = value;
+			textarea.style.position = "fixed";
+			textarea.style.opacity = "0";
+			document.body.appendChild(textarea);
+			textarea.select();
+			const copied = document.execCommand("copy");
+			textarea.remove();
+			if (!copied) throw new Error("copy-failed");
+		}
+		function resolveActiveCatalog(bundled, cached) {
+			if (!bundled) return cached;
+			if (!cached) return bundled;
+			const bundledSource = bundled.sources[0];
+			const cachedSource = cached.sources[0];
+			if (!bundledSource) return cached;
+			if (!cachedSource) return bundled;
+			if (bundledSource.version === cachedSource.version) return bundled;
+			const bundledTime = bundledSource.updatedAt ? Date.parse(bundledSource.updatedAt) : NaN;
+			const cachedTime = cachedSource.updatedAt ? Date.parse(cachedSource.updatedAt) : NaN;
+			if (Number.isFinite(bundledTime) && Number.isFinite(cachedTime)) return cachedTime > bundledTime ? cached : bundled;
+			return cachedSource.cases.length > bundledSource.cases.length ? cached : bundled;
+		}
+		//#endregion
 		//#region lib/types/client/conversation-regenerate.js
 		/** Build the workbench request that reproduces a conversation image with an edited prompt. */
 		function conversationRegenerateRequest(image, prompt, remembered) {
@@ -2592,6 +4303,7 @@ window.__ModuleLoader__.load({
 			zh: {
 				tabGallery: "图库",
 				tabStudio: "工作台",
+				tabInspiration: "灵感",
 				tabFavorites: "收藏",
 				tabCompare: "对比",
 				tabTasks: "任务",
@@ -2673,6 +4385,7 @@ window.__ModuleLoader__.load({
 			en: {
 				tabGallery: "Gallery",
 				tabStudio: "Studio",
+				tabInspiration: "Inspiration",
 				tabFavorites: "Favorites",
 				tabCompare: "Compare",
 				tabTasks: "Tasks",
@@ -2810,6 +4523,7 @@ window.__ModuleLoader__.load({
 		const GalleryViewTab = (props) => {
 			const { locale, sessionId, useSessions, useWorkspaces } = props;
 			const [activeTab, setActiveTab] = (0, react.useState)("gallery");
+			const [studioDraft, setStudioDraft] = (0, react.useState)(void 0);
 			const [items, setItems] = (0, react.useState)([]);
 			const [search, setSearch] = (0, react.useState)("");
 			const [selectedProvider, setSelectedProvider] = (0, react.useState)("all");
@@ -2920,6 +4634,11 @@ window.__ModuleLoader__.load({
 					setToast(null);
 				}, 2e3);
 			};
+			const useInspirationPrompt = (0, react.useCallback)((prompt) => {
+				setStudioDraft(prompt);
+				setActiveTab("studio");
+			}, []);
+			const clearStudioDraft = (0, react.useCallback)(() => setStudioDraft(void 0), []);
 			(0, react.useEffect)(() => {
 				const seat = document.querySelector("[data-composer-seat]");
 				if (seat) {
@@ -3324,6 +5043,12 @@ window.__ModuleLoader__.load({
 								onClick: () => setActiveTab("studio"),
 								children: [(0, react_jsx_runtime.jsx)(SlidersHorizontal, { size: 15 }), (0, react_jsx_runtime.jsx)("span", { children: t("tabStudio") })]
 							}),
+							(0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: `dsh-ig-studio-tab-btn ${activeTab === "inspiration" ? "is-active" : ""}`,
+								onClick: () => setActiveTab("inspiration"),
+								children: [(0, react_jsx_runtime.jsx)(Sparkles, { size: 15 }), (0, react_jsx_runtime.jsx)("span", { children: t("tabInspiration") })]
+							}),
 							(0, react_jsx_runtime.jsxs)("button", {
 								type: "button",
 								className: `dsh-ig-studio-tab-btn ${activeTab === "favorites" ? "is-active" : ""}`,
@@ -3535,9 +5260,15 @@ window.__ModuleLoader__.load({
 								onBlobLoaded: (b) => blobCache.set(item.id, b),
 								onToast: showToast
 							}, item.id))
+						}) : activeTab === "inspiration" ? (0, react_jsx_runtime.jsx)(InspirationView, {
+							locale,
+							onUsePrompt: useInspirationPrompt
 						}) : (0, react_jsx_runtime.jsx)(StudioView, {
 							locale,
-							workspace: activeWorkspace
+							workspace: activeWorkspace,
+							initialPrompt: studioDraft,
+							onInitialPromptApplied: clearStudioDraft,
+							onOpenInspiration: () => setActiveTab("inspiration")
 						})
 					}),
 					toast && (0, react_jsx_runtime.jsx)("div", {
@@ -4103,13 +5834,15 @@ window.__ModuleLoader__.load({
 .is-configured .dsh-ig-status-item-tag{color:#059669;background:rgba(16,185,129,.14)}
 .is-missing .dsh-ig-status-item-tag{color:#dc2626;background:rgba(239,68,68,.14)}
 .dsh-ig-canvas{position:relative;flex:1 1 0;height:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px;touch-action:none;user-select:none;cursor:grab;background-image:linear-gradient(45deg,rgba(114,128,156,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(114,128,156,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(114,128,156,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(114,128,156,.035) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
-.dsh-ig-canvas.is-dragging{cursor:grabbing!important}
+.dsh-ig-canvas.is-dragging,.dsh-ig-canvas.is-dragging *{cursor:grabbing!important}
 .dsh-ig-canvas img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:10px;box-shadow:0 14px 45px rgba(25,35,63,.18);user-select:none;-webkit-user-drag:none;pointer-events:auto}
 .dsh-ig-canvas-empty,.dsh-ig-generating-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;color:#929bad;font-size:12px;padding:26px;cursor:default}
 .dsh-ig-generating-state strong{font-size:15px;color:var(--foreground,#182033)}.dsh-ig-generating-state span{font-size:11px}.dsh-ig-generation-orbit{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;color:var(--ig-blue);background:rgba(47,100,245,.09);box-shadow:0 0 0 10px rgba(47,100,245,.035);animation:dshIgPulse 1.8s ease-in-out infinite}
 .dsh-ig-result-strip{flex:0 0 auto;min-height:52px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--ig-line)}.dsh-ig-result-strip>span{font-size:12px;font-weight:650}.dsh-ig-result-strip>div,.dsh-ig-result-actions>div{display:flex;gap:7px}.dsh-ig-result-strip button,.dsh-ig-result-actions button{height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--ig-line);border-radius:7px;background:var(--background,#fff);font-size:11px;cursor:pointer}.dsh-ig-result-strip button:hover,.dsh-ig-result-actions button:hover{border-color:#9fb2ed;color:var(--ig-blue)}.dsh-ig-result-actions{flex:0 0 auto;min-height:54px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--ig-line)}.dsh-ig-result-actions p{margin:0;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11.5px;line-height:18px;color:#596277}.dsh-ig-result-meta{flex:0 0 auto;min-height:32px;padding:6px 14px;display:flex;gap:13px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--ig-line);font-size:10px;color:#8790a3}.dsh-ig-result-meta span+span:before{content:'·';margin-right:13px}
 .dsh-ig-generate-panel{height:100%;display:flex;flex-direction:column;border-left:1px solid var(--ig-line);overflow:hidden}.dsh-ig-panel-tabs{height:48px;flex:0 0 48px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ig-line);padding:0 14px}.dsh-ig-panel-tabs button{position:relative;border:0;background:transparent;font-size:12px;color:#7c8598;cursor:pointer}.dsh-ig-panel-tabs button.is-active{color:var(--ig-blue);font-weight:650}.dsh-ig-panel-tabs button.is-active:after{content:'';position:absolute;left:20%;right:20%;bottom:-1px;height:2px;background:var(--ig-blue);border-radius:2px 2px 0 0}.dsh-ig-generator-form{flex:1 1 0;height:0;padding:15px;display:flex;flex-direction:column;gap:15px;overflow-x:hidden;overflow-y:auto;min-height:0}.dsh-ig-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dsh-ig-mode-switch button{height:39px;border:1px solid var(--ig-line);border-radius:8px;background:var(--background,#fff);display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;cursor:pointer}.dsh-ig-mode-switch button.is-active{border-color:#789bff;color:var(--ig-blue);background:rgba(47,100,245,.065);box-shadow:inset 0 0 0 1px rgba(47,100,245,.1)}
-.dsh-ig-field{position:relative;display:flex;flex-direction:column;gap:7px}.dsh-ig-field>label,.dsh-ig-field-label label{font-size:11.5px;font-weight:630}.dsh-ig-field>label span{font-weight:400;color:#929bad}.dsh-ig-field-label{display:flex;align-items:center;justify-content:space-between}.dsh-ig-field-label b{color:#e14d4d}.dsh-ig-field-label button{border:0;background:transparent;color:#798397;font-size:10.5px;cursor:pointer}.dsh-ig-field textarea{width:100%;height:112px;padding:11px 12px 22px;resize:vertical;border:1px solid var(--ig-line);border-radius:9px;background:var(--background,#fff);font-size:12px;line-height:19px;outline:none}.dsh-ig-field textarea:focus{border-color:var(--ig-blue);box-shadow:0 0 0 3px rgba(47,100,245,.09)}.dsh-ig-field>small{position:absolute;right:9px;bottom:7px;color:#9aa2b2;font-size:9.5px}.dsh-ig-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dsh-ig-field-select{display:flex;flex-direction:column;gap:6px;min-width:0}.dsh-ig-field-select>span{font-size:11px;font-weight:620}.dsh-ig-field-select select{width:100%;height:36px;padding:0 26px 0 9px;border:1px solid var(--ig-line);border-radius:8px;background:var(--background,#fff);font-size:11px;outline:none;text-overflow:ellipsis}.dsh-ig-field-select select:focus{border-color:var(--ig-blue)}
+.dsh-ig-field{position:relative;display:flex;flex-direction:column;gap:7px}.dsh-ig-field>label,.dsh-ig-field-label label{font-size:11.5px;font-weight:630}.dsh-ig-field>label span{font-weight:400;color:#929bad}.dsh-ig-field-label{display:flex;align-items:center;justify-content:space-between}.dsh-ig-field-label b{color:#e14d4d}.dsh-ig-field-label button{border:0;background:transparent;color:#798397;font-size:10.5px;cursor:pointer}.dsh-ig-field textarea{width:100%;height:112px;padding:11px 12px 22px;resize:vertical;border:1px solid var(--ig-line);border-radius:9px;background:var(--background,#fff);font-size:12px;line-height:19px;outline:none}.dsh-ig-field textarea:focus{border-color:var(--ig-blue);box-shadow:0 0 0 3px rgba(47,100,245,.09)}.dsh-ig-field>small{position:absolute;right:9px;bottom:7px;color:#9aa2b2;font-size:9.5px}.dsh-ig-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dsh-ig-field-select{display:flex;flex-direction:column;gap:6px;min-width:0}.dsh-ig-field-select>span{font-size:11px;font-weight:620}.dsh-ig-field-select select{width:100%;height:36px;padding:0 26px 0 9px;border:1px solid var(--ig-line);border-radius:8px;background:var(--background,#fff);font-size:11px;outline:none;text-overflow:ellipsis}.dsh-ig-field-select select:focus{border-color:var(--ig-blue)}.dsh-ig-count-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dsh-ig-count-pill{height:34px;border:1px solid var(--ig-line);border-radius:7px;background:var(--background,#fff);font-size:12px;font-weight:600;color:#596277;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.dsh-ig-count-pill:hover{border-color:#9fb2ed;color:var(--ig-blue)}.dsh-ig-count-pill.is-active{border-color:var(--ig-blue);background:rgba(47,100,245,.08);color:var(--ig-blue);box-shadow:inset 0 0 0 1px var(--ig-blue)}
+.dsh-ig-generation-kind{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border:1px solid var(--ig-line);border-radius:9px;background:var(--ig-soft)}.dsh-ig-generation-kind button{height:31px;border:0;border-radius:6px;background:transparent;color:#778196;font-size:11.5px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.dsh-ig-generation-kind button.is-active{background:var(--background,#fff);color:var(--ig-blue);font-weight:650;box-shadow:0 2px 8px rgba(30,42,76,.09)}
+.dsh-ig-compare-box{padding:10px;border:1px solid rgba(47,100,245,.2);border-radius:10px;background:linear-gradient(145deg,rgba(47,100,245,.055),rgba(99,102,241,.018));display:flex;flex-direction:column;gap:9px}.dsh-ig-compare-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.dsh-ig-compare-heading>div{min-width:0;display:flex;flex-direction:column;gap:2px}.dsh-ig-compare-heading strong{font-size:11.5px}.dsh-ig-compare-heading small{font-size:9.5px;color:#838da1}.dsh-ig-compare-heading>span{flex:none;padding:2px 6px;border-radius:999px;background:rgba(47,100,245,.11);color:var(--ig-blue);font-size:9.5px;font-weight:650}.dsh-ig-model-checks{display:flex;flex-direction:column;gap:6px}.dsh-ig-model-checks>button{min-height:43px;width:100%;padding:6px 7px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid var(--ig-line);border-radius:8px;background:var(--background,#fff);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.dsh-ig-model-checks>button:hover{border-color:#9cb2ef;transform:translateY(-1px)}.dsh-ig-model-checks>button.is-selected{border-color:#86a4fa;background:rgba(47,100,245,.055);box-shadow:inset 3px 0 0 var(--ig-blue)}.dsh-ig-model-checkmark{width:17px;height:17px;border:1px solid #bdc6d8;border-radius:5px;display:grid;place-items:center;color:#fff;background:var(--background,#fff)}.dsh-ig-model-checks>button.is-selected .dsh-ig-model-checkmark{border-color:var(--ig-blue);background:var(--ig-blue)}.dsh-ig-model-copy{display:flex;flex-direction:column;min-width:0}.dsh-ig-model-copy strong{font-size:11px;line-height:15px}.dsh-ig-model-copy small{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#80899b;font-size:9.5px;line-height:14px}.dsh-ig-model-settings{display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:#596277;font-size:9.5px;white-space:nowrap}.dsh-ig-model-settings em{font-style:normal;color:#a16a0a;font-size:8.5px}.dsh-ig-compare-box>p{margin:0;color:#8a7180;font-size:9.5px;line-height:14px}
 .dsh-ig-upload{height:92px;border:1px dashed #bcc6d9;border-radius:9px;background:rgba(255,255,255,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#7d879b;cursor:pointer}.dsh-ig-upload strong{font-size:11px;font-weight:570}.dsh-ig-upload small{font-size:9.5px}.dsh-ig-upload:hover,.dsh-ig-upload.is-dragging{border-color:var(--ig-blue);background:rgba(47,100,245,.05);color:var(--ig-blue)}
 .dsh-ig-reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
 .dsh-ig-reference-card{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#eef1f7;border:1px solid var(--ig-line)}
@@ -4143,11 +5876,64 @@ window.__ModuleLoader__.load({
 @media(max-width:900px){.dsh-ig-gallery-page-body.is-workbench{height:auto;overflow:auto}.dsh-ig-workbench{height:auto;min-height:100%;overflow:visible;padding:12px}.dsh-ig-workbench-heading{height:auto;padding-bottom:12px;align-items:center}.dsh-ig-provider-quick>span{display:none}.dsh-ig-workbench-grid{height:auto;display:flex;flex:none;flex-direction:column;overflow:visible}.dsh-ig-recent-panel{height:auto;overflow:hidden;border-right:0;border-bottom:1px solid var(--ig-line)}.dsh-ig-recent-scroll{height:auto;display:flex;overflow-x:auto;overflow-y:hidden;padding:8px}.dsh-ig-recent-item{min-width:220px}.dsh-ig-canvas-column{height:auto;min-height:560px}.dsh-ig-generate-panel{height:auto;border-left:0;border-top:1px solid var(--ig-line);min-height:560px}.dsh-ig-generator-form{height:auto;overflow:visible}.dsh-ig-canvas{height:auto;min-height:360px}}
 @media(max-width:560px){.dsh-ig-workbench-heading>div{display:block}.dsh-ig-workbench-heading h1{font-size:15px}.dsh-ig-provider-quick select{min-width:128px;max-width:150px}.dsh-ig-canvas{padding:12px;min-height:300px}.dsh-ig-result-strip,.dsh-ig-result-actions{align-items:flex-start;flex-direction:column}.dsh-ig-result-strip>div,.dsh-ig-result-actions>div{width:100%}.dsh-ig-result-strip button,.dsh-ig-result-actions button{flex:1;justify-content:center}.dsh-ig-result-actions button span{display:inline}.dsh-ig-field-grid{grid-template-columns:1fr}.dsh-ig-result-meta span+span:before{display:none}}
 @media(prefers-reduced-motion:reduce){.dsh-ig-workbench *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
+.dsh-ig-field-label>span{display:flex;align-items:center;gap:5px}.dsh-ig-field-label .dsh-ig-find-inspiration{display:inline-flex;align-items:center;gap:3px;color:var(--ig-blue);font-weight:600}.dsh-ig-field-label .dsh-ig-find-inspiration:hover{color:#1644c1}
 .dsh-ig-workspace-filter-label{height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--ig-line,rgba(0,0,0,.1));border-radius:7px;background:var(--background,#fff);font-size:11.5px;color:var(--foreground,#242f44);cursor:pointer;user-select:none;transition:border-color .15s,background .15s}
 .dsh-ig-workspace-filter-label:hover{border-color:#9bb4f5;background:rgba(47,100,245,.04)}
 .dsh-ig-workspace-checkbox{cursor:pointer;accent-color:#2f64f5;width:13.5px;height:13.5px;margin:0}
 .dsh-ig-workspace-filter-text{font-weight:500;white-space:nowrap}
 .dsh-ig-workspace-filter-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,currentColor 7%,transparent);color:#64748b;font-variant-numeric:tabular-nums}
+.dsh-ig-canvas-cluster{display:grid;gap:16px;align-items:center;justify-content:center;user-select:none;pointer-events:auto;flex-shrink:0}
+.dsh-ig-canvas-cluster[data-count="2"]{grid-template-columns:repeat(2,1fr);max-width:880px}
+.dsh-ig-canvas-cluster[data-count="3"],.dsh-ig-canvas-cluster[data-count="4"]{grid-template-columns:repeat(2,1fr);max-width:760px}
+.dsh-ig-canvas-item{position:relative;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:transform .12s ease-out}
+.dsh-ig-canvas-item img{display:block;max-width:100%;max-height:360px;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 10px 30px rgba(25,35,63,.16);user-select:none;-webkit-user-drag:none;pointer-events:auto;transition:box-shadow .15s,outline .15s}
+.dsh-ig-canvas-item:hover img{box-shadow:0 14px 40px rgba(47,100,245,.2)}
+.dsh-ig-canvas-item.is-active img{box-shadow:0 14px 40px rgba(47,100,245,.28)}
+.dsh-ig-canvas-item.is-checked img{outline:3px solid var(--ig-blue);outline-offset:2px;box-shadow:0 14px 40px rgba(47,100,245,.35)}
+.dsh-ig-canvas-badge{position:absolute;top:10px;left:10px;background:rgba(15,23,42,.7);color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px;backdrop-filter:blur(4px);pointer-events:none;transition:background .15s;z-index:2}
+.dsh-ig-canvas-badge.is-model{max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
+.dsh-ig-canvas-item.is-checked .dsh-ig-canvas-badge{background:var(--ig-blue)}
+.dsh-ig-canvas-check{position:absolute;top:10px;right:10px;width:22px;height:22px;border:1.5px solid rgba(255,255,255,.85);border-radius:50%;display:grid;place-items:center;background:rgba(15,23,42,.48);color:#fff;box-shadow:0 2px 8px rgba(15,23,42,.18);backdrop-filter:blur(4px);z-index:2;pointer-events:none}.dsh-ig-canvas-item.is-checked .dsh-ig-canvas-check{border-color:#fff;background:var(--ig-blue)}
+.dsh-ig-canvas-item-loading{width:260px;height:260px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.45);border:1px solid var(--ig-line);border-radius:10px;color:#929bad}
+.dsh-ig-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(15,23,42,.65);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s,transform .15s;z-index:10;backdrop-filter:blur(4px)}
+.dsh-ig-lightbox-nav:hover{background:rgba(47,100,245,.85);transform:translateY(-50%) scale(1.08)}
+.dsh-ig-lightbox-nav.is-prev{left:18px}
+.dsh-ig-lightbox-nav.is-next{right:18px}
+.dsh-ig-save-gallery-btn{color:var(--ig-blue)!important;border-color:rgba(47,100,245,.35)!important;background:rgba(47,100,245,.06)!important}
+.dsh-ig-save-gallery-btn:hover{background:rgba(47,100,245,.12)!important}
+.dsh-ig-save-gallery-btn.is-saved{color:#64748b!important;border-color:var(--ig-line)!important;background:transparent!important}
+`;
+		//#endregion
+		//#region lib/types/client/inspiration-style.js
+		const INSPIRATION_STYLE = `
+.dsh-ig-inspiration{--inspiration-blue:#2f64f5;--inspiration-ink:#172033;--inspiration-muted:#718099;--inspiration-line:color-mix(in srgb,currentColor 11%,transparent);min-height:100%;padding:18px 24px 26px;background:radial-gradient(ellipse 80% 45% at 50% -20%,rgba(47,100,245,.12),transparent 70%),var(--dsw-alias-bg-layer-1,#fff);color:var(--foreground,var(--inspiration-ink));box-sizing:border-box}
+.dsh-ig-inspiration-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.dsh-ig-inspiration-head-actions{display:flex;align-items:center;gap:8px}.dsh-ig-inspiration-kicker{margin:0 0 4px;color:var(--inspiration-blue);font-size:11px;letter-spacing:.08em;font-weight:700;text-transform:uppercase}.dsh-ig-inspiration-head h1{margin:0;font-size:18px;letter-spacing:-.025em;line-height:1.25}.dsh-ig-inspiration-subtitle{margin:5px 0 0;color:var(--inspiration-muted);font-size:12px;line-height:1.5}.dsh-ig-inspiration-refresh,.dsh-ig-inspiration-clear-cache{height:32px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--inspiration-line);border-radius:7px;background:var(--dsw-alias-bg-layer-1,#fff);color:var(--inspiration-muted);font:inherit;font-size:12px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.dsh-ig-inspiration-refresh:hover:not(:disabled){border-color:rgba(47,100,245,.42);color:var(--inspiration-blue);background:rgba(47,100,245,.04)}.dsh-ig-inspiration-clear-cache:hover:not(:disabled){border-color:rgba(239,68,68,.4);color:#ef4444;background:rgba(239,68,68,.04)}.dsh-ig-inspiration-refresh:disabled,.dsh-ig-inspiration-clear-cache:disabled{opacity:.55;cursor:wait}
+.dsh-ig-inspiration-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto repeat(3,minmax(110px,140px));gap:8px;padding:10px;border:1px solid var(--inspiration-line);border-radius:10px;background:color-mix(in srgb,var(--dsw-alias-bg-layer-1,#fff) 90%,#edf2ff);margin-bottom:16px}.dsh-ig-inspiration-search{min-width:0;position:relative}.dsh-ig-inspiration-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#8995aa}.dsh-ig-inspiration-toolbar input,.dsh-ig-inspiration-toolbar select{width:100%;height:34px;box-sizing:border-box;border:1px solid transparent;border-radius:6px;background:var(--dsw-alias-bg-layer-1,#fff);color:inherit;padding:0 9px;font:inherit;font-size:12px;outline:none}.dsh-ig-inspiration-toolbar input{padding-left:31px}.dsh-ig-inspiration-toolbar input:focus,.dsh-ig-inspiration-toolbar select:focus{border-color:var(--inspiration-blue);box-shadow:0 0 0 3px rgba(47,100,245,.1)}
+.dsh-ig-inspiration-fav-filter{height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--inspiration-line);border-radius:6px;background:var(--dsw-alias-bg-layer-1,#fff);color:var(--inspiration-muted);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.dsh-ig-inspiration-fav-filter:hover{border-color:rgba(47,100,245,.4);color:var(--inspiration-blue)}.dsh-ig-inspiration-fav-filter.is-active{background:#eef3ff;border-color:var(--inspiration-blue);color:var(--inspiration-blue);font-weight:600}.fill-star{fill:currentColor}
+.dsh-ig-inspiration-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,310px);gap:18px;align-items:start}.dsh-ig-inspiration-summary{height:24px;display:flex;align-items:center;justify-content:space-between;color:var(--inspiration-muted);font-size:11.5px}.dsh-ig-inspiration-summary strong{color:inherit;font-weight:650}.dsh-ig-inspiration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px}.dsh-ig-inspiration-card{position:relative;min-width:0;padding:0;border:1px solid var(--inspiration-line);border-radius:10px;overflow:hidden;background:var(--dsw-alias-bg-layer-1,#fff);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;content-visibility:auto;contain-intrinsic-size:245px}.dsh-ig-inspiration-card:hover,.dsh-ig-inspiration-card.is-selected{border-color:rgba(47,100,245,.58);box-shadow:0 8px 22px rgba(37,62,123,.11)}.dsh-ig-inspiration-card:hover{transform:translateY(-2px)}.dsh-ig-inspiration-card.is-selected:after{content:'';position:absolute;inset:0;border:2px solid var(--inspiration-blue);border-radius:9px;pointer-events:none}.dsh-ig-inspiration-visual{aspect-ratio:1/1;position:relative;background:linear-gradient(135deg,#f0f4fc,#e3eafa);overflow:hidden}.dsh-ig-inspiration-visual img{width:100%;height:100%;object-fit:cover;display:block}.dsh-ig-inspiration-image-placeholder{height:100%;display:grid;place-items:center;color:#8a99b3}.dsh-ig-inspiration-image-placeholder.is-error{font-size:11px;padding:10px;text-align:center}.dsh-ig-inspiration-card-copy{padding:9px 10px 10px}.dsh-ig-inspiration-card-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:17px}.dsh-ig-inspiration-card-copy span{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--inspiration-muted);font-size:10.5px}.dsh-ig-inspiration-featured{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border-radius:999px;background:rgba(20,31,52,.72);backdrop-filter:blur(5px);color:#fff;font-size:10px;font-weight:600;z-index:1}.dsh-ig-inspiration-card-star{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:rgba(20,31,52,.6);backdrop-filter:blur(4px);border:none;color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2;opacity:0;transition:opacity .15s,transform .15s}.dsh-ig-inspiration-card:hover .dsh-ig-inspiration-card-star,.dsh-ig-inspiration-card-star.is-favorited{opacity:1}.dsh-ig-inspiration-card-star.is-favorited{color:#f59e0b;background:rgba(20,31,52,.85)}.dsh-ig-inspiration-card-star:hover{transform:scale(1.15)}
+.dsh-ig-inspiration-empty{min-height:310px;display:grid;place-items:center;padding:30px;text-align:center;color:var(--inspiration-muted);border:1px dashed var(--inspiration-line);border-radius:10px;font-size:12px}
+.dsh-ig-inspiration-empty.is-catalog-error{display:flex;flex-direction:column;gap:12px;color:var(--inspiration-text)}
+.dsh-ig-inspiration-empty.is-catalog-error p{margin:0;font-size:13px;color:var(--inspiration-muted)}
+.dsh-ig-inspiration-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;background:rgba(15,23,42,.92);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:500;box-shadow:0 10px 30px rgba(0,0,0,.35);z-index:9999;animation:dsh-ig-slide-up .2s ease}
+.dsh-ig-inspiration-toast.is-error{background:rgba(185,28,28,.92)}
+@keyframes dsh-ig-slide-up{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
+.dsh-ig-inspiration-modal-backdrop{position:fixed;inset:0;z-index:10001;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
+.dsh-ig-inspiration-modal{width:100%;max-width:400px;background:var(--dsw-alias-bg-layer-1,#fff);border:1px solid var(--inspiration-line);border-radius:12px;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.3);animation:dsh-ig-scale-in .15s ease}
+@keyframes dsh-ig-scale-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
+.dsh-ig-inspiration-modal h3{margin:0 0 8px;font-size:15px;font-weight:650;color:inherit}
+.dsh-ig-inspiration-modal p{margin:0 0 20px;color:var(--inspiration-muted);font-size:12.5px;line-height:1.55}
+.dsh-ig-inspiration-modal-actions{display:flex;justify-content:flex-end;gap:10px}
+.dsh-ig-inspiration-modal-btn{height:34px;padding:0 14px;border-radius:7px;border:1px solid var(--inspiration-line);background:var(--dsw-alias-bg-layer-1,#fff);color:inherit;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}
+.dsh-ig-inspiration-modal-btn:hover{background:color-mix(in srgb,currentColor 6%,transparent)}
+.dsh-ig-inspiration-modal-btn.is-danger{background:#ef4444;border-color:#ef4444;color:#fff}
+.dsh-ig-inspiration-modal-btn.is-danger:hover{background:#dc2626}
+.dsh-ig-inspiration-modal-btn:disabled{opacity:.5;cursor:wait}
+.dsh-ig-inspiration-retry-btn{border:none;background:rgba(47,100,245,.08);color:var(--inspiration-blue);padding:6px 12px;border-radius:6px;font:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s}
+.dsh-ig-inspiration-retry-btn:hover{background:rgba(47,100,245,.18)}
+.dsh-ig-inspiration-end-hint{display:flex;align-items:center;justify-content:center;padding:24px 0 16px;color:var(--inspiration-muted);font-size:12px}
+.dsh-ig-inspiration-inspector{position:sticky;top:0;overflow:hidden;border:1px solid var(--inspiration-line);border-radius:11px;background:var(--dsw-alias-bg-layer-1,#fff);box-shadow:0 9px 28px rgba(27,45,88,.06)}.dsh-ig-inspiration-inspector-empty{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:22px;color:var(--inspiration-muted);font-size:12px;text-align:center}.dsh-ig-inspiration-inspector-image{aspect-ratio:16/10;background:#f1f4fa;position:relative;cursor:zoom-in}.dsh-ig-inspiration-inspector-image img{width:100%;height:100%;object-fit:cover}.dsh-ig-inspiration-inspector-zoom-hint{position:absolute;bottom:8px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;background:rgba(15,23,42,.75);backdrop-filter:blur(5px);color:#fff;font-size:10.5px;font-weight:500;opacity:0;transition:opacity .15s ease;pointer-events:none}.dsh-ig-inspiration-inspector-image:hover .dsh-ig-inspiration-inspector-zoom-hint{opacity:1}.dsh-ig-inspiration-inspector-body{padding:14px}.dsh-ig-inspiration-inspector-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.dsh-ig-inspiration-inspector-body h2{margin:0;font-size:14px;line-height:1.4;flex:1}.dsh-ig-inspiration-inspector-fav{width:30px;height:30px;flex-shrink:0;border:1px solid var(--inspiration-line);border-radius:7px;background:var(--dsw-alias-bg-layer-1,#fff);color:var(--inspiration-muted);display:grid;place-items:center;cursor:pointer;transition:all .15s ease}.dsh-ig-inspiration-inspector-fav:hover{border-color:rgba(245,158,11,.4);color:#f59e0b}.dsh-ig-inspiration-inspector-fav.is-favorited{color:#f59e0b;border-color:rgba(245,158,11,.5);background:rgba(245,158,11,.08)}.dsh-ig-inspiration-origin{margin:5px 0 12px;color:var(--inspiration-muted);font-size:11px}.dsh-ig-inspiration-tags{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px}.dsh-ig-inspiration-tags span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 6px;border-radius:4px;background:#eef3ff;color:#3e5fb8;font-size:10px}.dsh-ig-inspiration-prompt-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px;color:var(--inspiration-muted);font-size:10.5px;font-weight:650}.dsh-ig-inspiration-prompt{max-height:155px;margin:0;padding:9px;overflow:auto;white-space:pre-wrap;border:1px solid var(--inspiration-line);border-radius:7px;background:color-mix(in srgb,var(--dsw-alias-bg-layer-2,#f8fafc) 90%,#e9efff);font-size:11px;line-height:1.55;color:#526078}.dsh-ig-inspiration-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.dsh-ig-inspiration-actions button,.dsh-ig-inspiration-source-link{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--inspiration-line);border-radius:7px;background:var(--dsw-alias-bg-layer-1,#fff);color:#536075;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;text-decoration:none}.dsh-ig-inspiration-actions button:hover,.dsh-ig-inspiration-source-link:hover{border-color:rgba(47,100,245,.46);color:var(--inspiration-blue)}.dsh-ig-inspiration-actions .dsh-ig-inspiration-use{grid-column:1/-1;border-color:var(--inspiration-blue);background:linear-gradient(135deg,#386cf6,#2758e7);color:#fff;box-shadow:0 7px 15px rgba(47,100,245,.2)}.dsh-ig-inspiration-actions .dsh-ig-inspiration-use:hover{color:#fff;transform:translateY(-1px)}
+.dsh-ig-inspiration-lightbox{position:fixed;inset:0;z-index:10000;background:rgba(8,12,22,.88);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.dsh-ig-inspiration-lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.dsh-ig-inspiration-lightbox-img-wrap{max-width:85vw;max-height:82vh;border-radius:10px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.7);background:#05070d}.dsh-ig-inspiration-lightbox-img-wrap img{width:auto;height:auto;max-width:85vw;max-height:82vh;object-fit:contain;display:block}.dsh-ig-inspiration-lightbox-close{position:absolute;top:-16px;right:-16px;width:34px;height:34px;border-radius:50%;background:#1e293b;color:#fff;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:grid;place-items:center;transition:background .15s,transform .15s;z-index:10}.dsh-ig-inspiration-lightbox-close:hover{background:#334155;transform:scale(1.1)}.dsh-ig-inspiration-lightbox-caption{margin-top:12px;color:rgba(255,255,255,.9);font-size:13px;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.6)}
+@media(max-width:980px){.dsh-ig-inspiration-layout{grid-template-columns:1fr}.dsh-ig-inspiration-inspector{position:relative;top:auto}.dsh-ig-inspiration-inspector-empty{min-height:150px}.dsh-ig-inspiration-inspector-image{max-height:290px}.dsh-ig-inspiration-inspector-image img{object-fit:contain;background:#f1f4fa}}@media(max-width:700px){.dsh-ig-inspiration{padding:14px}.dsh-ig-inspiration-head{align-items:center}.dsh-ig-inspiration-toolbar{grid-template-columns:1fr 1fr}.dsh-ig-inspiration-search{grid-column:1/-1}.dsh-ig-inspiration-fav-filter{grid-column:1/-1}.dsh-ig-inspiration-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px}}@media(max-width:420px){.dsh-ig-inspiration-toolbar{grid-template-columns:1fr}.dsh-ig-inspiration-search{grid-column:auto}}
 `;
 		//#endregion
 		//#region lib/types/client/image-result-node.js
@@ -4765,7 +6551,7 @@ window.__ModuleLoader__.load({
 			ctx.effect(() => {
 				const style = document.createElement("style");
 				style.dataset.plugin = "dsh-image-gen";
-				style.textContent = `${STYLE}\n${STUDIO_STYLE}`;
+				style.textContent = `${STYLE}\n${STUDIO_STYLE}\n${INSPIRATION_STYLE}`;
 				document.head.appendChild(style);
 				return () => {
 					style.remove();