dsh-image-gen 0.7.0 → 0.8.5

package/lib/client.js

@@ -75,6 +75,8 @@ window.__ModuleLoader__.load({
 		//#region lib/types/shared.js
 		/** Browser route used by the generated-image card. */
 		const IMAGE_ROUTE = "/plugins/dsh-image-gen/image";
+		/** Browser route that uploads user-picked images as DSH attachments. */
+		const IMPORT_ROUTE = "/plugins/dsh-image-gen/import";
 		/** Browser route used for deleting generated images and workspace files. */
 		const DELETE_ROUTE = "/plugins/dsh-image-gen/delete";
 		/** Same-origin route used by the browser image workbench. */
@@ -215,7 +217,7 @@ window.__ModuleLoader__.load({
 		const DEFAULT_SUBSCRIPTION_MODELS = {
 			"chatgpt-sub": "gpt-image-2.5-flare",
 			"grok-sub": "grok-imagine-image-2.0",
-			"google-sub": "gemini-3-pro-image"
+			"google-sub": "gemini-3.1-flash-image"
 		};
 		const DEFAULT_MODELS = {
 			google: DEFAULT_GOOGLE_MODEL,
@@ -300,9 +302,11 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/types/client/gallery-store.js
 		const DB_NAME$2 = "dsh_image_gen_db";
-		const DB_VERSION = 2;
+		const DB_VERSION = 4;
 		const STORE_NAME = "gallery_history";
 		const TOMBSTONE_STORE = "gallery_tombstones";
+		const FAV_PROMPT_STORE = "favorite_prompts";
+		const FAV_FOLDER_STORE = "favorite_folders";
 		let dbPromise = null;
 		let tombstonesCache = null;
 		function getDB() {
@@ -317,14 +321,25 @@ window.__ModuleLoader__.load({
 					const db = event.target.result;
 					if (!db.objectStoreNames.contains(STORE_NAME)) db.createObjectStore(STORE_NAME, { keyPath: "id" }).createIndex("createdAt", "createdAt", { unique: false });
 					if (!db.objectStoreNames.contains(TOMBSTONE_STORE)) db.createObjectStore(TOMBSTONE_STORE, { keyPath: "id" });
+					if (!db.objectStoreNames.contains(FAV_PROMPT_STORE)) db.createObjectStore(FAV_PROMPT_STORE, { keyPath: "id" });
+					if (!db.objectStoreNames.contains(FAV_FOLDER_STORE)) db.createObjectStore(FAV_FOLDER_STORE, { keyPath: "id" });
 				};
 				request.onsuccess = () => {
-					resolve(request.result);
+					const db = request.result;
+					db.onversionchange = () => {
+						db.close();
+						dbPromise = null;
+					};
+					resolve(db);
 				};
 				request.onerror = () => {
 					dbPromise = null;
 					reject(request.error);
 				};
+				request.onblocked = () => {
+					dbPromise = null;
+					reject(/* @__PURE__ */ new Error("IndexedDB upgrade blocked. Close other open Studio tabs and retry."));
+				};
 			});
 			return dbPromise;
 		}
@@ -551,6 +566,7 @@ window.__ModuleLoader__.load({
 		*/
 		function isItemInWorkspace(item, workspace) {
 			if (!workspace || !workspace.workspaceId && !workspace.path && (!workspace.sessionIds || workspace.sessionIds.length === 0)) return true;
+			if (!item.workspaceId && !item.sessionId && !item.workspacePath && !item.savedTo) return true;
 			if (item.workspaceId && workspace.workspaceId && item.workspaceId === workspace.workspaceId) return true;
 			if (item.sessionId && Array.isArray(workspace.sessionIds) && workspace.sessionIds.includes(item.sessionId)) return true;
 			if (item.workspacePath && workspace.path) {
@@ -563,6 +579,234 @@ window.__ModuleLoader__.load({
 			}
 			return false;
 		}
+		const favoriteListeners = /* @__PURE__ */ new Set();
+		function notifyFavorites() {
+			for (const listener of favoriteListeners) try {
+				listener();
+			} catch (err) {
+				console.error("[dsh-image-gen] Favorites listener error:", err);
+			}
+		}
+		/** Subscribe to favorites mutations (insert/delete). */
+		function subscribeFavorites(listener) {
+			favoriteListeners.add(listener);
+			return () => {
+				favoriteListeners.delete(listener);
+			};
+		}
+		/** Stable base36 id for a favorite prompt; identical trimmed text dedupes. */
+		function promptIdOf(text) {
+			let hash = 5381;
+			for (let i = 0; i < text.length; i++) hash = (hash << 5) + hash + text.charCodeAt(i) | 0;
+			return `p${(hash >>> 0).toString(36)}-${text.length.toString(36)}`;
+		}
+		/**
+		* Collision-free prompt id. Distinct texts can share the djb2 hash and the
+		* length, which would silently overwrite an unrelated saved prompt; suffix
+		* until the id is free or already owned by the same text.
+		*/
+		async function uniquePromptId(db, text) {
+			const rows = await readAll(db, FAV_PROMPT_STORE);
+			const byId = new Map(rows.map((row) => [row.id, row]));
+			const base = promptIdOf(text);
+			let candidate = base;
+			let suffix = 1;
+			while (byId.has(candidate) && byId.get(candidate)?.text !== text) {
+				suffix++;
+				candidate = `${base}-${suffix}`;
+			}
+			return candidate;
+		}
+		function readAll(db, storeName) {
+			return new Promise((resolve, reject) => {
+				const req = db.transaction(storeName, "readonly").objectStore(storeName).openCursor();
+				const rows = [];
+				req.onsuccess = (event) => {
+					const cursor = event.target.result;
+					if (cursor) {
+						rows.push(cursor.value);
+						cursor.continue();
+					} else resolve(rows);
+				};
+				req.onerror = () => reject(req.error);
+			});
+		}
+		/**
+		* Keep one prompt in the favorites rail; identical trimmed text overwrites
+		* (one record per distinct prompt).
+		* @returns false when the write failed.
+		*/
+		async function saveFavoritePrompt(text) {
+			const trimmed = text.trim();
+			if (trimmed.length === 0) return false;
+			try {
+				const db = await getDB();
+				const id = await uniquePromptId(db, trimmed);
+				await new Promise((resolve, reject) => {
+					const req = db.transaction(FAV_PROMPT_STORE, "readwrite").objectStore(FAV_PROMPT_STORE).put({
+						id,
+						text: trimmed,
+						addedAt: Date.now()
+					});
+					req.onsuccess = () => resolve();
+					req.onerror = () => reject(req.error);
+				});
+				notifyFavorites();
+				return true;
+			} catch (err) {
+				console.warn("[dsh-image-gen] Failed to save favorite prompt:", err);
+				return false;
+			}
+		}
+		/** Prompt favorites, newest first. */
+		async function getFavoritePrompts() {
+			try {
+				return (await readAll(await getDB(), FAV_PROMPT_STORE)).sort((a, b) => b.addedAt - a.addedAt);
+			} catch (err) {
+				console.warn("[dsh-image-gen] Failed to read favorite prompts:", err);
+				return [];
+			}
+		}
+		/** Drop one prompt favorite. */
+		async function deleteFavoritePrompt(id) {
+			try {
+				const db = await getDB();
+				await new Promise((resolve, reject) => {
+					const req = db.transaction(FAV_PROMPT_STORE, "readwrite").objectStore(FAV_PROMPT_STORE).delete(id);
+					req.onsuccess = () => resolve();
+					req.onerror = () => reject(req.error);
+				});
+				notifyFavorites();
+			} catch (err) {
+				console.warn("[dsh-image-gen] Failed to delete favorite prompt:", err);
+			}
+		}
+		function folderIdOf(kind, name) {
+			return `f-${kind}-${name.trim().toLowerCase().replace(/\s+/g, "-")}-${name.length.toString(36)}`;
+		}
+		/** Create a favorites folder; returns null when the name is empty or already used for the kind. */
+		async function addFavoriteFolder(kind, name) {
+			const trimmed = name.trim();
+			if (trimmed === "") return null;
+			try {
+				const db = await getDB();
+				if ((await readAll(db, FAV_FOLDER_STORE)).some((folder) => folder.kind === kind && folder.name === trimmed)) return null;
+				const folder = {
+					id: folderIdOf(kind, trimmed),
+					kind,
+					name: trimmed,
+					addedAt: Date.now()
+				};
+				await new Promise((resolve, reject) => {
+					const req = db.transaction(FAV_FOLDER_STORE, "readwrite").objectStore(FAV_FOLDER_STORE).put(folder);
+					req.onsuccess = () => resolve();
+					req.onerror = () => reject(req.error);
+				});
+				notifyFavorites();
+				return folder;
+			} catch (err) {
+				console.warn("[dsh-image-gen] Failed to add favorite folder:", err);
+				return null;
+			}
+		}
+		/** List all favorite folders. */
+		async function getFavoriteFolders() {
+			try {
+				return (await readAll(await getDB(), FAV_FOLDER_STORE)).sort((a, b) => a.addedAt - b.addedAt);
+			} catch (err) {
+				console.warn("[dsh-image-gen] Failed to read favorite folders:", err);
+				return [];
+			}
+		}
+		/** Delete a folder; member favorites survive and become unfiled. */
+		async function deleteFavoriteFolder(id) {
+			try {
+				const db = await getDB();
+				await new Promise((resolve, reject) => {
+					const tx = db.transaction(FAV_PROMPT_STORE, "readwrite");
+					const req = tx.objectStore(FAV_PROMPT_STORE).openCursor();
+					req.onsuccess = (event) => {
+						const cursor = event.target.result;
+						if (cursor) {
+							const row = cursor.value;
+							if (row.folderId === id) {
+								delete row.folderId;
+								cursor.update(row);
+							}
+							cursor.continue();
+						}
+					};
+					tx.oncomplete = () => resolve();
+					tx.onerror = () => reject(tx.error);
+				});
+				await new Promise((resolve, reject) => {
+					const req = db.transaction(FAV_FOLDER_STORE, "readwrite").objectStore(FAV_FOLDER_STORE).delete(id);
+					req.onsuccess = () => resolve();
+					req.onerror = () => reject(req.error);
+				});
+				notifyFavorites();
+			} catch (err) {
+				console.warn("[dsh-image-gen] Failed to delete favorite folder:", err);
+			}
+		}
+		async function moveFavorite(storeName, id, folderId) {
+			try {
+				const db = await getDB();
+				const ok = await new Promise((resolve, reject) => {
+					const tx = db.transaction(storeName, "readwrite");
+					const req = tx.objectStore(storeName).get(id);
+					req.onsuccess = () => {
+						const row = req.result;
+						if (row === void 0) {
+							resolve(false);
+							return;
+						}
+						if (folderId === void 0) delete row.folderId;
+						else row.folderId = folderId;
+						tx.objectStore(storeName).put(row);
+						resolve(true);
+					};
+					tx.onerror = () => reject(tx.error);
+				});
+				if (ok) notifyFavorites();
+				return ok;
+			} catch (err) {
+				console.warn("[dsh-image-gen] Failed to move favorite:", err);
+				return false;
+			}
+		}
+		/** File a favorite prompt into a folder (undefined unfiles it). */
+		function moveFavoritePrompt(id, folderId) {
+			return moveFavorite(FAV_PROMPT_STORE, id, folderId);
+		}
+		/** Rewrite a favorite prompt's text in place, keeping its id stable. */
+		async function updateFavoritePrompt(id, text) {
+			const trimmed = text.trim();
+			if (trimmed === "") return false;
+			try {
+				const db = await getDB();
+				const ok = await new Promise((resolve, reject) => {
+					const tx = db.transaction(FAV_PROMPT_STORE, "readwrite");
+					const req = tx.objectStore(FAV_PROMPT_STORE).get(id);
+					req.onsuccess = () => {
+						const row = req.result;
+						if (row === void 0) {
+							resolve(false);
+							return;
+						}
+						row.text = trimmed;
+						tx.objectStore(FAV_PROMPT_STORE).put(row);
+						resolve(true);
+					};
+					tx.onerror = () => reject(tx.error);
+				});
+				if (ok) notifyFavorites();
+				return ok;
+			} catch (err) {
+				console.warn("[dsh-image-gen] Failed to update favorite prompt:", err);
+				return false;
+			}
+		}
 		//#endregion
 		//#region node_modules/.pnpm/lucide-react@1.38.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
 		/**
@@ -1209,6 +1453,34 @@ 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 Shuffle = createLucideIcon("shuffle", [
+			["path", {
+				d: "m18 14 4 4-4 4",
+				key: "10pe0f"
+			}],
+			["path", {
+				d: "m18 2 4 4-4 4",
+				key: "pucp1d"
+			}],
+			["path", {
+				d: "M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22",
+				key: "1ailkh"
+			}],
+			["path", {
+				d: "M2 6h1.972a4 4 0 0 1 3.6 2.2",
+				key: "km57vx"
+			}],
+			["path", {
+				d: "M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45",
+				key: "os18l9"
+			}]
+		]);
+		/**
+		* @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 SlidersHorizontal = createLucideIcon("sliders-horizontal", [
 			["path", {
 				d: "M10 5H3",
@@ -1706,6 +1978,49 @@ window.__ModuleLoader__.load({
 			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);
 		}
+		const RATIO_SORT_ORDER = [
+			"auto",
+			"1:1",
+			"3:2",
+			"2:3",
+			"4:3",
+			"3:4",
+			"4:5",
+			"5:4",
+			"16:9",
+			"9:16",
+			"21:9"
+		];
+		const QUALITY_SORT_ORDER = [
+			"auto",
+			"standard",
+			"1k",
+			"1K",
+			"2k",
+			"2K",
+			"3K",
+			"4K",
+			"low",
+			"medium",
+			"high",
+			"xhigh",
+			"max",
+			"hd"
+		];
+		/** Union of every configured profile's options, for the shared comparison pickers. */
+		function comparisonOptionUnion(profiles, key) {
+			const sortOrder = key === "ratioOptions" ? RATIO_SORT_ORDER : QUALITY_SORT_ORDER;
+			const seen = /* @__PURE__ */ new Map();
+			for (const profile of profiles) {
+				if (!profile.configured) continue;
+				for (const option of profile[key]) if (!seen.has(option.value)) seen.set(option.value, option);
+			}
+			const rank = (value) => {
+				const index = sortOrder.indexOf(value);
+				return index === -1 ? sortOrder.length : index;
+			};
+			return [...seen.values()].sort((a, b) => rank(a.value) - rank(b.value));
+		}
 		//#endregion
 		//#region node_modules/.pnpm/@tldraw+utils@5.3.0/node_modules/@tldraw/utils/dist-esm/lib/version.mjs
 		const TLDRAW_LIBRARY_VERSION_KEY = "__TLDRAW_LIBRARY_VERSIONS__";
@@ -115760,6 +116075,24 @@ img.ProseMirror-separator {
 				}
 			});
 		}
+		/**
+		* Match tldraw's light/dark canvas to the DSH host theme. The host publishes
+		* dark mode as the data-ds-dark-theme attribute on <body>; tldraw keeps its
+		* own persisted user preference, so apply the host value now and observe
+		* later flips. Returns the observer disposer.
+		*/
+		function syncTldrawThemeWithHost(editor) {
+			const apply = () => {
+				editor.user.updateUserPreferences({ colorScheme: document.body.hasAttribute("data-ds-dark-theme") ? "dark" : "light" });
+			};
+			apply();
+			const observer = new MutationObserver(apply);
+			observer.observe(document.body, {
+				attributes: true,
+				attributeFilter: ["data-ds-dark-theme"]
+			});
+			return () => observer.disconnect();
+		}
 		//#endregion
 		//#region lib/types/client/tl/canvas-selection.js
 		/** Bound raster dimensions before exporting; large multi-image PNGs get a
@@ -116425,6 +116758,7 @@ img.ProseMirror-separator {
 				editor.run(() => editor.selectNone());
 				mountedEditors.add(editor);
 				applyBrandTheme(editor);
+				const stopThemeSync = syncTldrawThemeWithHost(editor);
 				editor.updateInstanceState({ isGridMode: true });
 				console.info(`[dsh-image-gen] tldraw mounted (instance ${editor.id})`);
 				const stopLanding = registerTlLandingConsumer((items) => {
@@ -116460,6 +116794,7 @@ img.ProseMirror-separator {
 					mountedEditors.delete(editor);
 					mountedCanvases.delete(clear);
 					stopLanding();
+					stopThemeSync();
 					stopSync();
 					retrySync.current = () => {};
 				};
@@ -116504,6 +116839,31 @@ img.ProseMirror-separator {
 				unconfigured: "未配置",
 				recent: "最近生成",
 				empty: "暂无生成历史",
+				railTabRecent: "最新生成",
+				railTabFavorites: "收藏",
+				favImages: "收藏图片",
+				favPrompts: "收藏提示词",
+				favNewFolder: "新建文件夹",
+				favFolderPlaceholder: "文件夹名称",
+				favCreate: "创建",
+				favCancel: "取消",
+				favMoveTo: "移动到文件夹",
+				favNoFolder: "未分组",
+				favMove: "移动",
+				favDeleteFolder: "删除文件夹",
+				favEditPrompt: "编辑提示词",
+				favUse: "使用",
+				favSave: "保存",
+				favEditPromptPlaceholder: "输入提示词内容…",
+				favFolder: "所属文件夹",
+				favEmptyImages: "在图片操作区点「收藏」后，图片会显示在这里",
+				favEmptyPrompts: "点提示词输入框旁的「☆ 收藏」后，提示词会显示在这里",
+				favoritePrompt: "收藏提示词",
+				favActionShort: "收藏",
+				favPromptSaved: "已收藏提示词",
+				favPromptApplied: "已填入提示词",
+				favRefApplied: "已加入参考图",
+				favSaveFailed: "收藏失败，请重试",
 				generate: "文生图",
 				edit: "图生图",
 				reference: "参考图",
@@ -116517,6 +116877,8 @@ img.ProseMirror-separator {
 				model: "Model",
 				ratio: "比例",
 				quality: "清晰度",
+				subscriptionParameterHint: "所选比例会自动补充到生成提示词中；实际尺寸和清晰度仍由 ChatGPT 决定，请以生成结果为准。",
+				subscriptionRatioMismatch: "ChatGPT 订阅未按所选比例出图，请查看实际尺寸。",
 				start: "开始生成",
 				generating: "正在生成…",
 				cancelGenerate: "取消生成",
@@ -116560,6 +116922,8 @@ img.ProseMirror-separator {
 				infiniteCanvas: "无限画布",
 				loading: "正在读取图片…",
 				generationFailed: "生成失败",
+				gatewayTimeout: "请求被反向代理中断（超时）：请重试；反复出现需调大代理超时或换直连网络",
+				requestFailed: "请求失败（HTTP {status}）",
 				selectHistory: "从左侧选择一张图片，或在右侧开始新的生成。",
 				created: "生成时间",
 				elapsed: "耗时",
@@ -116567,6 +116931,7 @@ img.ProseMirror-separator {
 				output: "输出参数",
 				closeReference: "移除参考图",
 				uploadInvalid: "请选择有效的图片文件（最大 10MB）",
+				uploadUnreadable: "部分图片读取失败，请重新选择后再试",
 				imageLoadFailed: "图片读取失败",
 				fullscreen: "大图全屏",
 				close: "关闭",
@@ -116613,6 +116978,31 @@ img.ProseMirror-separator {
 				unconfigured: "Not configured",
 				recent: "Recent generations",
 				empty: "No generated images yet",
+				railTabRecent: "Latest",
+				railTabFavorites: "Favorites",
+				favImages: "Favorite images",
+				favPrompts: "Favorite prompts",
+				favNewFolder: "New folder",
+				favFolderPlaceholder: "Folder name",
+				favCreate: "Create",
+				favCancel: "Cancel",
+				favMoveTo: "Move to folder",
+				favNoFolder: "Unfiled",
+				favMove: "Move",
+				favDeleteFolder: "Delete folder",
+				favEditPrompt: "Edit prompt",
+				favUse: "Use",
+				favSave: "Save",
+				favEditPromptPlaceholder: "Prompt text…",
+				favFolder: "Folder",
+				favEmptyImages: "Click Favorite on an image; favorited images appear here",
+				favEmptyPrompts: "Click ☆ Save beside the prompt box",
+				favoritePrompt: "Save prompt",
+				favActionShort: "Save",
+				favPromptSaved: "Prompt saved",
+				favPromptApplied: "Prompt applied",
+				favRefApplied: "Reference added",
+				favSaveFailed: "Could not save; please retry",
 				generate: "Text to image",
 				edit: "Image to image",
 				reference: "Reference image",
@@ -116626,6 +117016,8 @@ img.ProseMirror-separator {
 				model: "Model",
 				ratio: "Aspect ratio",
 				quality: "Quality",
+				subscriptionParameterHint: "The selected aspect ratio is automatically added to the generation prompt. ChatGPT still determines the final dimensions and quality; check the generated result.",
+				subscriptionRatioMismatch: "ChatGPT subscription returned a different aspect ratio. Check the actual dimensions.",
 				start: "Generate",
 				generating: "Generating…",
 				cancelGenerate: "Cancel",
@@ -116669,6 +117061,8 @@ img.ProseMirror-separator {
 				infiniteCanvas: "Infinite canvas",
 				loading: "Loading image…",
 				generationFailed: "Generation failed",
+				gatewayTimeout: "The reverse proxy cut the request (timeout): retry; if it repeats, raise the proxy timeout or use a direct network.",
+				requestFailed: "Request failed (HTTP {status})",
 				selectHistory: "Select an image on the left, or start a new generation on the right.",
 				created: "Created",
 				elapsed: "Elapsed",
@@ -116676,6 +117070,7 @@ img.ProseMirror-separator {
 				output: "Output",
 				closeReference: "Remove reference",
 				uploadInvalid: "Choose a valid image file up to 10MB.",
+				uploadUnreadable: "Some images could not be read; pick them again.",
 				imageLoadFailed: "Could not load image",
 				fullscreen: "Fullscreen",
 				close: "Close",
@@ -116719,17 +117114,28 @@ img.ProseMirror-separator {
 		};
 		/** localStorage flag remembering that the one-time infinite-canvas hint was dismissed. */
 		const INFINITE_CANVAS_HINT_KEY = "dsh-ig-infinite-canvas-hint-dismissed";
-		const StudioView = ({ locale, credentialEvents, workspace, initialPrompt, initialCanvasSurface, showInfiniteCanvasHint, onInitialPromptApplied, onOpenInspiration }) => {
+		const StudioView = ({ locale, credentialEvents, workspace, initialPrompt, initialReference, initialCanvasSurface, showInfiniteCanvasHint, onInitialPromptApplied, onInitialReferenceApplied, 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);
 			const [configError, setConfigError] = (0, react.useState)(null);
 			const [items, setItems] = (0, react.useState)([]);
+			/** Which rail tab is showing: generation history or the favorites rail. */
+			const [railTab, setRailTab] = (0, react.useState)("recent");
+			const [favPrompts, setFavPrompts] = (0, react.useState)([]);
+			const [favFolders, setFavFolders] = (0, react.useState)([]);
+			const [activePromptFolder, setActivePromptFolder] = (0, react.useState)("");
+			const [folderDraft, setFolderDraft] = (0, react.useState)(null);
+			const [folderDraftName, setFolderDraftName] = (0, react.useState)("");
+			const [editingPrompt, setEditingPrompt] = (0, react.useState)(null);
+			const [editPromptText, setEditPromptText] = (0, react.useState)("");
+			const [editPromptFolder, setEditPromptFolder] = (0, react.useState)("");
+			const [movingFav, setMovingFav] = (0, react.useState)(null);
 			const [sidebarCollapsed, setSidebarCollapsed] = (0, react.useState)(false);
 			/** Manual-only collapse for the right generate form; the form stays put in
 			*  narrow seats because it is the primary generation surface. Starts folded
 			*  when the studio opens straight into the infinite canvas. */
-			const [generateCollapsed, setGenerateCollapsed] = (0, react.useState)(initialCanvasSurface === "infinite");
+			const [generateCollapsed, setGenerateCollapsed] = (0, react.useState)(initialCanvasSurface === "infinite" && initialPrompt === void 0);
 			/** Workbench root, observed so a narrow column (right sidebar) can fold the recent rail. */
 			const workbenchRootRef = (0, react.useRef)(null);
 			/** Set once the user toggles the rail by hand; auto-folding then stands down for this mount. */
@@ -116826,13 +117232,20 @@ img.ProseMirror-separator {
 			const maxReferences = comparisonEnabled ? comparisonProviders.includes("dashscope") ? 3 : 5 : provider === "dashscope" ? 3 : 5;
 			const referencesRef = (0, react.useRef)(references);
 			referencesRef.current = references;
-			const comparisonSelectionsAllSubscription = comparisonEnabled && comparisonProviders.length > 0 && comparisonProviders.every((provider) => isSubscriptionProvider(provider));
-			const singleProviderIsSubscription = !comparisonEnabled && isSubscriptionProvider(provider);
 			const t = (key, values) => {
 				let text = COPY$1[lang][key];
 				for (const [name, value] of Object.entries(values ?? {})) text = text.replace(`{${name}}`, value);
 				return text;
 			};
+			/** Parse a studio response body; a gateway HTML error page (502/504 from a
+			*  reverse proxy) must surface as a readable message, not a JSON SyntaxError. */
+			const readStudioBody = async (response) => {
+				try {
+					return await response.json();
+				} catch {
+					return { error: response.status === 502 || response.status === 504 ? t("gatewayTimeout") : t("requestFailed", { status: String(response.status) }) };
+				}
+			};
 			(0, react.useEffect)(() => locale?.subscribe?.(() => setLang(locale.getSnapshot().active?.startsWith("en") ? "en" : "zh")), [locale]);
 			const formStateRef = (0, react.useRef)({
 				provider,
@@ -116854,7 +117267,7 @@ img.ProseMirror-separator {
 						signal: controller.signal,
 						credentials: "same-origin"
 					});
-					const payload = await response.json();
+					const payload = await readStudioBody(response);
 					if (!response.ok || !("providers" in payload)) throw new Error("error" in payload && payload.error ? payload.error : "Studio unavailable");
 					setConfig(payload);
 					if (silent) {
@@ -116900,6 +117313,20 @@ img.ProseMirror-separator {
 					unsubscribe();
 				};
 			}, []);
+			(0, react.useEffect)(() => {
+				let mounted = true;
+				const load = () => void Promise.all([getFavoritePrompts(), getFavoriteFolders()]).then(([prompts, folders]) => {
+					if (!mounted) return;
+					setFavPrompts(prompts);
+					setFavFolders(folders);
+				});
+				load();
+				const unsubscribe = subscribeFavorites(load);
+				return () => {
+					mounted = false;
+					unsubscribe();
+				};
+			}, []);
 			(0, react.useEffect)(() => {
 				return () => {
 					requestRef.current?.abort();
@@ -116967,6 +117394,8 @@ img.ProseMirror-separator {
 				ratio,
 				quality
 			]);
+			const comparisonRatioOpts = (0, react.useMemo)(() => localizeRatioOptions(comparisonOptionUnion(comparisonProfiles, "ratioOptions"), lang), [comparisonProfiles, lang]);
+			const comparisonQualityOpts = (0, react.useMemo)(() => localizeQualityOptions(comparisonOptionUnion(comparisonProfiles, "qualityOptions"), lang), [comparisonProfiles, lang]);
 			const applyProvider = (profile) => {
 				setProvider(profile.provider);
 				setModel(profile.model);
@@ -117024,7 +117453,65 @@ img.ProseMirror-separator {
 				};
 			};
 			const handleImageClick = () => {};
-			const addReferenceFiles = (fileList) => {
+			/** Keep the current prompt text in the favorites rail. */
+			const handleFavoritePrompt = async () => {
+				if (prompt.trim().length === 0) {
+					setError(t("needPrompt"));
+					return;
+				}
+				if (await saveFavoritePrompt(prompt)) {
+					railToggledByUserRef.current = true;
+					setSidebarCollapsed(false);
+					setRailTab("favorites");
+					flash(t("favPromptSaved"));
+				} else setError(t("favSaveFailed"));
+			};
+			/** Turn one favorited gallery image back into a live reference (edit mode). */
+			const applyFavoriteImage = async (item) => {
+				const max = maxReferences;
+				if (referencesRef.current.length >= max) {
+					setError(t("maxReferencesExceeded", { max: String(max) }));
+					return;
+				}
+				try {
+					const blob = await fetchAttachmentBlob(item.attachment);
+					const newItem = {
+						id: `fav-${item.id}-${Date.now()}`,
+						attachment: item.attachment,
+						previewUrl: URL.createObjectURL(blob)
+					};
+					const next = [...referencesRef.current, newItem];
+					setReferences(next);
+					referencesRef.current = next;
+					setMode("edit");
+					setError(null);
+					flash(t("favRefApplied"));
+				} catch {
+					setError(t("imageLoadFailed"));
+				}
+			};
+			const createFavFolder = async () => {
+				if (await addFavoriteFolder("prompt", folderDraftName) === null) {
+					flash(t("favSaveFailed"));
+					return;
+				}
+				setFolderDraft(null);
+				setFolderDraftName("");
+			};
+			const openPromptEditor = (fav) => {
+				setEditingPrompt(fav);
+				setEditPromptText(fav.text);
+				setEditPromptFolder(fav.folderId ?? "");
+			};
+			const doMoveFavorite = (folderId) => {
+				if (movingFav === null) return;
+				moveFavoritePrompt(movingFav.id, folderId);
+			};
+			const applyFavoritePrompt = (fav) => {
+				setPrompt(fav.text);
+				flash(t("favPromptApplied"));
+			};
+			const addReferenceFiles = async (fileList) => {
 				if (!fileList || fileList.length === 0) return;
 				const files = Array.from(fileList);
 				const validFiles = [];
@@ -117050,13 +117537,31 @@ img.ProseMirror-separator {
 				const toAdd = validFiles.slice(0, available);
 				if (validFiles.length > available) setError(t("maxReferencesExceeded", { max: String(maxReferences) }));
 				else setError(null);
-				const newItems = toAdd.map((file, idx) => ({
+				const snapshotted = [];
+				for (const file of toAdd) try {
+					const bytes = await file.arrayBuffer();
+					snapshotted.push(new File([bytes], file.name, {
+						type: file.type,
+						lastModified: file.lastModified
+					}));
+				} catch {
+					setError(t("uploadUnreadable"));
+				}
+				const newItems = snapshotted.map((file, idx) => ({
 					id: `upload-${Date.now()}-${idx}-${Math.random().toString(36).slice(2, 7)}`,
 					file,
 					previewUrl: URL.createObjectURL(file)
 				}));
 				setReferences((prev) => [...prev, ...newItems]);
 			};
+			const appliedReferenceRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				if (initialReference === void 0 || appliedReferenceRef.current === initialReference) return;
+				appliedReferenceRef.current = initialReference;
+				addReferenceFiles([initialReference]);
+				setMode("edit");
+				onInitialReferenceApplied?.();
+			}, [initialReference, onInitialReferenceApplied]);
 			const removeReference = (id) => {
 				const target = referencesRef.current.find((item) => item.id === id);
 				if (target && target.previewUrl.startsWith("blob:")) URL.revokeObjectURL(target.previewUrl);
@@ -117188,7 +117693,7 @@ img.ProseMirror-separator {
 									...referencesPayload === void 0 ? {} : { references: referencesPayload }
 								})
 							});
-							const payload = await response.json();
+							const payload = await readStudioBody(response);
 							if (!response.ok || !("attachment" in payload)) throw new Error("error" in payload && payload.error ? payload.error : `${target.profile.label}: ${t("generationFailed")}`);
 							return {
 								payload,
@@ -117232,6 +117737,7 @@ img.ProseMirror-separator {
 							success: String(successes.length),
 							failed: String(failed)
 						}));
+						else if (galleryEntries.some(hasSubscriptionRatioMismatch)) flash(t("subscriptionRatioMismatch"));
 						return;
 					}
 					const response = await fetch(STUDIO_ROUTE, {
@@ -117251,7 +117757,7 @@ img.ProseMirror-separator {
 							...referencesPayload === void 0 ? {} : { references: referencesPayload }
 						})
 					});
-					const payload = await response.json();
+					const payload = await readStudioBody(response);
 					if (!response.ok || !("attachment" in payload)) throw new Error("error" in payload && payload.error ? payload.error : t("generationFailed"));
 					const generatedList = Array.isArray(payload.items) && payload.items.length > 0 ? payload.items : [{
 						attachment: payload.attachment,
@@ -117295,6 +117801,7 @@ img.ProseMirror-separator {
 						success: String(generatedList.length),
 						failed: String(payload.failedCount)
 					}));
+					else if (galleryEntries.some(hasSubscriptionRatioMismatch)) flash(t("subscriptionRatioMismatch"));
 				} catch (submitError) {
 					if (controller.signal.aborted) return;
 					setError(messageOf(submitError));
@@ -117323,8 +117830,8 @@ img.ProseMirror-separator {
 				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 saveButtonLabel = currentBatch !== null ? pendingGalleryItems.length > 0 ? t("saveSelected", { count: String(pendingGalleryItems.length) }) : selectedBatchItems.length === 0 ? t("saveSelected", { count: "0" }) : t("inGallery") : pendingGalleryItems.length > 0 ? t("saveToGallery") : selected !== null ? t("inGallery") : t("saveToGallery");
+			const saveSelectionComplete = currentBatch === null ? pendingGalleryItems.length === 0 : selectedBatchItems.length > 0 && pendingGalleryItems.length === 0;
 			const saveGalleryEntry = async (item) => {
 				let savedTo = item.savedTo;
 				const targetRoot = workspace?.path || config?.workspaceRoot;
@@ -117504,44 +118011,272 @@ img.ProseMirror-separator {
 						children: [
 							!sidebarCollapsed && (0, react_jsx_runtime.jsxs)("aside", {
 								className: "dsh-ig-recent-panel",
-								children: [(0, react_jsx_runtime.jsxs)("div", {
-									className: "dsh-ig-panel-title",
-									children: [(0, react_jsx_runtime.jsxs)("div", {
-										style: {
-											display: "flex",
-											alignItems: "center",
-											gap: "8px"
-										},
-										children: [(0, react_jsx_runtime.jsx)("span", { children: t("recent") }), (0, react_jsx_runtime.jsx)("span", {
-											className: "dsh-ig-count-badge",
-											children: items.length
+								children: [
+									(0, react_jsx_runtime.jsxs)("div", {
+										className: "dsh-ig-panel-title",
+										children: [(0, react_jsx_runtime.jsxs)("div", {
+											style: {
+												display: "flex",
+												alignItems: "center",
+												gap: "8px"
+											},
+											children: [(0, react_jsx_runtime.jsx)("span", { children: railTab === "recent" ? t("recent") : t("railTabFavorites") }), (0, react_jsx_runtime.jsx)("span", {
+												className: "dsh-ig-count-badge",
+												children: railTab === "recent" ? items.length : items.filter((item) => item.isFavorite).length + favPrompts.length
+											})]
+										}), (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dsh-ig-collapse-btn",
+											onClick: () => {
+												railToggledByUserRef.current = true;
+												setSidebarCollapsed(true);
+											},
+											title: t("collapseSidebar"),
+											children: (0, react_jsx_runtime.jsx)(PanelLeftClose, { size: 15 })
 										})]
-									}), (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: "dsh-ig-collapse-btn",
-										onClick: () => {
-											railToggledByUserRef.current = true;
-											setSidebarCollapsed(true);
-										},
-										title: t("collapseSidebar"),
-										children: (0, react_jsx_runtime.jsx)(PanelLeftClose, { size: 15 })
-									})]
-								}), (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsh-ig-recent-scroll",
-									children: [items.length === 0 ? (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsh-ig-recent-empty",
-										children: [(0, react_jsx_runtime.jsx)(ImagePlus, { size: 22 }), (0, react_jsx_runtime.jsx)("span", { children: t("empty") })]
-									}) : displayItems.map((item) => (0, react_jsx_runtime.jsx)(RecentItem, {
-										item,
-										active: selected?.id === item.id,
-										onClick: () => selectItem(item)
-									}, item.id)), items.length > visibleLimit && (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: "dsh-ig-load-more",
-										onClick: () => setVisibleLimit((l) => l + 30),
-										children: t("loadMore", { n: String(items.length - visibleLimit) })
-									})]
-								})]
+									}),
+									(0, react_jsx_runtime.jsxs)("div", {
+										className: "dsh-ig-rail-tabs",
+										role: "tablist",
+										children: [(0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											role: "tab",
+											"aria-selected": railTab === "recent",
+											className: `dsh-ig-rail-tab ${railTab === "recent" ? "is-active" : ""}`,
+											onClick: () => setRailTab("recent"),
+											children: t("railTabRecent")
+										}), (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											role: "tab",
+											"aria-selected": railTab === "favorites",
+											className: `dsh-ig-rail-tab ${railTab === "favorites" ? "is-active" : ""}`,
+											onClick: () => setRailTab("favorites"),
+											children: t("railTabFavorites")
+										})]
+									}),
+									railTab === "recent" ? (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsh-ig-recent-scroll",
+										children: [items.length === 0 ? (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-recent-empty",
+											children: [(0, react_jsx_runtime.jsx)(ImagePlus, { size: 22 }), (0, react_jsx_runtime.jsx)("span", { children: t("empty") })]
+										}) : displayItems.map((item) => (0, react_jsx_runtime.jsx)(RecentItem, {
+											item,
+											active: selected?.id === item.id,
+											onClick: () => selectItem(item)
+										}, item.id)), items.length > visibleLimit && (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dsh-ig-load-more",
+											onClick: () => setVisibleLimit((l) => l + 30),
+											children: t("loadMore", { n: String(items.length - visibleLimit) })
+										})]
+									}) : (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsh-ig-fav-scroll",
+										children: [
+											(0, react_jsx_runtime.jsx)("div", {
+												className: "dsh-ig-fav-section-label",
+												children: (0, react_jsx_runtime.jsx)("span", { children: t("favImages") })
+											}),
+											(() => {
+												const list = items.filter((item) => item.isFavorite);
+												if (list.length === 0) return (0, react_jsx_runtime.jsxs)("div", {
+													className: "dsh-ig-fav-empty",
+													children: [(0, react_jsx_runtime.jsx)(ImagePlus, { size: 18 }), (0, react_jsx_runtime.jsx)("span", { children: t("favEmptyImages") })]
+												});
+												return (0, react_jsx_runtime.jsx)("div", {
+													className: "dsh-ig-fav-grid",
+													children: list.map((item) => (0, react_jsx_runtime.jsx)(RecentItem, {
+														item,
+														active: false,
+														onClick: () => void applyFavoriteImage(item)
+													}, item.id))
+												});
+											})(),
+											(0, react_jsx_runtime.jsxs)("div", {
+												className: "dsh-ig-fav-section-label",
+												children: [(0, react_jsx_runtime.jsx)("span", { children: t("favPrompts") }), (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "dsh-ig-fav-folder-add",
+													onClick: () => {
+														setFolderDraft({ kind: "prompt" });
+														setFolderDraftName("");
+													},
+													title: t("favNewFolder"),
+													children: "＋"
+												})]
+											}),
+											(0, react_jsx_runtime.jsx)(FavoriteFolderBar, {
+												folders: favFolders.filter((folder) => folder.kind === "prompt"),
+												active: activePromptFolder,
+												onSelect: (id) => setActivePromptFolder(id === activePromptFolder ? "" : id),
+												onDelete: (id) => void deleteFavoriteFolder(id),
+												deleteLabel: t("favDeleteFolder")
+											}),
+											folderDraft?.kind === "prompt" && (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsh-ig-fav-folder-draft",
+												children: [
+													(0, react_jsx_runtime.jsx)("input", {
+														value: folderDraftName,
+														placeholder: t("favFolderPlaceholder"),
+														onChange: (e) => setFolderDraftName(e.target.value),
+														onKeyDown: (e) => {
+															if (e.key === "Enter") createFavFolder();
+														}
+													}),
+													(0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														onClick: () => void createFavFolder(),
+														children: t("favCreate")
+													}),
+													(0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														onClick: () => setFolderDraft(null),
+														children: t("favCancel")
+													})
+												]
+											}),
+											(() => {
+												const list = favPrompts.filter((fav) => activePromptFolder === "" || fav.folderId === activePromptFolder);
+												if (list.length === 0) return (0, react_jsx_runtime.jsxs)("div", {
+													className: "dsh-ig-fav-empty",
+													children: [(0, react_jsx_runtime.jsx)(PencilLine, { size: 18 }), (0, react_jsx_runtime.jsx)("span", { children: t("favEmptyPrompts") })]
+												});
+												return (0, react_jsx_runtime.jsx)("div", {
+													className: "dsh-ig-fav-prompts",
+													children: list.map((fav) => (0, react_jsx_runtime.jsxs)("div", {
+														className: "dsh-ig-fav-prompt",
+														children: [(0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: "dsh-ig-fav-prompt-text",
+															title: fav.text,
+															onClick: () => openPromptEditor(fav),
+															children: fav.text
+														}), (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: "dsh-ig-fav-del",
+															title: t("remove"),
+															onClick: () => void deleteFavoritePrompt(fav.id),
+															children: (0, react_jsx_runtime.jsx)(X, { size: 11 })
+														})]
+													}, fav.id))
+												});
+											})()
+										]
+									})
+								]
+							}),
+							(editingPrompt !== null || movingFav !== null) && (0, react_jsx_runtime.jsx)("div", {
+								className: "dsh-ig-fav-dialog-wrap",
+								onClick: () => {
+									setEditingPrompt(null);
+									setMovingFav(null);
+								},
+								children: (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-ig-fav-dialog",
+									onClick: (e) => e.stopPropagation(),
+									children: [editingPrompt !== null && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+										(0, react_jsx_runtime.jsx)("div", {
+											className: "dsh-ig-fav-dialog-title",
+											children: t("favEditPrompt")
+										}),
+										(0, react_jsx_runtime.jsx)("textarea", {
+											className: "dsh-ig-fav-dialog-textarea",
+											value: editPromptText,
+											placeholder: t("favEditPromptPlaceholder"),
+											onChange: (e) => setEditPromptText(e.target.value),
+											rows: 5
+										}),
+										(0, react_jsx_runtime.jsxs)("label", {
+											className: "dsh-ig-fav-dialog-folder-label",
+											children: [t("favFolder"), (0, react_jsx_runtime.jsxs)("select", {
+												value: editPromptFolder,
+												onChange: (e) => setEditPromptFolder(e.target.value),
+												children: [(0, react_jsx_runtime.jsx)("option", {
+													value: "",
+													children: t("favNoFolder")
+												}), favFolders.filter((folder) => folder.kind === "prompt").map((folder) => (0, react_jsx_runtime.jsx)("option", {
+													value: folder.id,
+													children: folder.name
+												}, folder.id))]
+											})]
+										}),
+										(0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-fav-dialog-actions",
+											children: [
+												(0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "is-primary",
+													onClick: () => {
+														updateFavoritePrompt(editingPrompt.id, editPromptText).then((ok) => {
+															if (ok) moveFavoritePrompt(editingPrompt.id, editPromptFolder === "" ? void 0 : editPromptFolder);
+														});
+														setEditingPrompt(null);
+													},
+													children: t("favSave")
+												}),
+												(0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													onClick: () => {
+														applyFavoritePrompt({
+															...editingPrompt,
+															text: editPromptText
+														});
+														setEditingPrompt(null);
+													},
+													children: t("favUse")
+												}),
+												(0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													onClick: () => {
+														setMovingFav({
+															kind: "prompt",
+															id: editingPrompt.id,
+															folderId: editingPrompt.folderId
+														});
+														setEditingPrompt(null);
+													},
+													children: t("favMove")
+												}),
+												(0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													onClick: () => setEditingPrompt(null),
+													children: t("favCancel")
+												})
+											]
+										})
+									] }), editingPrompt === null && movingFav !== null && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+										(0, react_jsx_runtime.jsx)("div", {
+											className: "dsh-ig-fav-dialog-title",
+											children: t("favMoveTo")
+										}),
+										(0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-fav-dialog-folders",
+											children: [(0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												onClick: () => {
+													doMoveFavorite(void 0);
+													setMovingFav(null);
+												},
+												children: t("favNoFolder")
+											}), favFolders.filter((folder) => folder.kind === movingFav.kind).map((folder) => (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: movingFav.folderId === folder.id ? "is-current" : "",
+												onClick: () => {
+													doMoveFavorite(folder.id);
+													setMovingFav(null);
+												},
+												children: folder.name
+											}, folder.id))]
+										}),
+										(0, react_jsx_runtime.jsx)("div", {
+											className: "dsh-ig-fav-dialog-actions",
+											children: (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												onClick: () => setMovingFav(null),
+												children: t("favCancel")
+											})
+										})
+									] })]
+								})
 							}),
 							(0, react_jsx_runtime.jsxs)("main", {
 								className: "dsh-ig-canvas-column",
@@ -117819,7 +118554,8 @@ img.ProseMirror-separator {
 												(0, react_jsx_runtime.jsx)("span", { children: formatRelativeTime$1(selected.createdAt, lang) }),
 												(0, react_jsx_runtime.jsx)("span", { children: selected.provider }),
 												(0, react_jsx_runtime.jsx)("span", { children: selected.model }),
-												(0, react_jsx_runtime.jsx)("span", { children: selected.attachment.width && selected.attachment.height ? `${selected.attachment.width} × ${selected.attachment.height}` : "—" })
+												(0, react_jsx_runtime.jsx)("span", { children: selected.provider === "chatgpt-sub" ? selected.output : selected.attachment.width && selected.attachment.height ? `${selected.attachment.width} × ${selected.attachment.height}` : "—" }),
+												hasSubscriptionRatioMismatch(selected) && (0, react_jsx_runtime.jsx)("span", { children: t("subscriptionRatioMismatch") })
 											]
 										})
 									] })
@@ -117938,21 +118674,30 @@ img.ProseMirror-separator {
 															" ",
 															(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.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.jsxs)("button", {
+															type: "button",
+															className: "dsh-ig-fav-save-btn",
+															onClick: () => void handleFavoritePrompt(),
+															title: t("favoritePrompt"),
+															children: [(0, react_jsx_runtime.jsx)(Star, { size: 12 }), t("favActionShort")]
+														}),
+														(0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															onClick: () => setPrompt(""),
+															children: t("clear")
+														})
+													] })]
 												}),
 												(0, react_jsx_runtime.jsx)("textarea", {
 													id: "dsh-ig-prompt",
 													value: prompt,
-													maxLength: 2e3,
 													onChange: (event) => setPrompt(event.target.value),
 													onKeyDown: (event) => {
 														if (event.nativeEvent.isComposing) return;
@@ -117963,7 +118708,7 @@ img.ProseMirror-separator {
 													},
 													placeholder: t("promptPlaceholder")
 												}),
-												(0, react_jsx_runtime.jsxs)("small", { children: [prompt.length, "/2000"] })
+												(0, react_jsx_runtime.jsx)("small", { children: prompt.length })
 											]
 										}),
 										config === null ? configLoading ? (0, react_jsx_runtime.jsx)("div", {
@@ -117994,82 +118739,70 @@ img.ProseMirror-separator {
 												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") })
-											]
-										}), comparisonSelectionsAllSubscription ? (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsh-ig-field-grid",
-											children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
-												label: t("ratio"),
-												value: "auto",
-												onChange: () => {},
-												options: [{
-													value: "auto",
-													label: lang === "en" ? "Channel default" : "通道默认"
-												}]
-											}), (0, react_jsx_runtime.jsx)(FieldSelect, {
-												label: t("quality"),
-												value: "auto",
-												onChange: () => {},
-												options: [{
-													value: "auto",
-													label: lang === "en" ? "Channel default" : "通道默认"
-												}]
-											})]
-										}) : (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: comparisonRatioOptions(lang)
-											}), (0, react_jsx_runtime.jsx)(FieldSelect, {
-												label: t("quality"),
-												value: quality,
-												onChange: setQuality,
-												options: comparisonQualityOptions(lang)
-											})]
-										})] }) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+										}), 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: comparisonRatioOpts
+												}), (0, react_jsx_runtime.jsx)(FieldSelect, {
+													label: t("quality"),
+													value: quality,
+													onChange: setQuality,
+													options: comparisonQualityOpts
+												})]
+											}),
+											comparisonTargets.some((target) => target.profile.provider === "chatgpt-sub") && (0, react_jsx_runtime.jsx)("div", {
+												className: "dsh-ig-inline-note",
+												children: t("subscriptionParameterHint")
+											})
+										] }) : (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, {
@@ -118090,26 +118823,7 @@ img.ProseMirror-separator {
 													}]
 												})]
 											}),
-											singleProviderIsSubscription ? (0, react_jsx_runtime.jsxs)("div", {
-												className: "dsh-ig-field-grid",
-												children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
-													label: t("ratio"),
-													value: "auto",
-													onChange: () => {},
-													options: [{
-														value: "auto",
-														label: lang === "en" ? "Channel default" : "通道默认"
-													}]
-												}), (0, react_jsx_runtime.jsx)(FieldSelect, {
-													label: t("quality"),
-													value: "auto",
-													onChange: () => {},
-													options: [{
-														value: "auto",
-														label: lang === "en" ? "Channel default" : "通道默认"
-													}]
-												})]
-											}) : (0, react_jsx_runtime.jsxs)("div", {
+											(0, react_jsx_runtime.jsxs)("div", {
 												className: "dsh-ig-field-grid",
 												children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
 													label: t("ratio"),
@@ -118123,6 +118837,10 @@ img.ProseMirror-separator {
 													options: localizeQualityOptions(activeProfile?.qualityOptions ?? [], lang)
 												})]
 											}),
+											provider === "chatgpt-sub" && (0, react_jsx_runtime.jsx)("div", {
+												className: "dsh-ig-inline-note",
+												children: t("subscriptionParameterHint")
+											}),
 											(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", {
@@ -118438,6 +119156,15 @@ img.ProseMirror-separator {
 				]
 			});
 		};
+		function hasSubscriptionRatioMismatch(item) {
+			if (item.provider !== "chatgpt-sub" || item.aspectRatio === "auto") return false;
+			const width = item.attachment.width;
+			const height = item.attachment.height;
+			if (width === void 0 || height === void 0 || width <= 0 || height <= 0) return false;
+			const parts = item.aspectRatio?.split(":").map(Number);
+			if (parts === void 0 || parts.length !== 2 || !(parts[0] > 0) || !(parts[1] > 0)) return false;
+			return Math.abs(width / height / (parts[0] / parts[1]) - 1) > .12;
+		}
 		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", {
@@ -118474,6 +119201,14 @@ img.ProseMirror-separator {
 				zh: "3:4 竖向",
 				en: "3:4 Portrait"
 			},
+			"4:5": {
+				zh: "4:5 肖像",
+				en: "4:5 Portrait"
+			},
+			"5:4": {
+				zh: "5:4 横向",
+				en: "5:4 Landscape"
+			},
 			"16:9": {
 				zh: "16:9 宽屏",
 				en: "16:9 Widescreen"
@@ -118481,6 +119216,10 @@ img.ProseMirror-separator {
 			"9:16": {
 				zh: "9:16 竖屏",
 				en: "9:16 Portrait"
+			},
+			"21:9": {
+				zh: "21:9 超宽",
+				en: "21:9 Ultrawide"
 			}
 		};
 		const LOCALIZED_QUALITIES = {
@@ -118489,8 +119228,32 @@ img.ProseMirror-separator {
 				en: "Standard (Recommended)"
 			},
 			auto: {
-				zh: "模型自动",
-				en: "Model Auto"
+				zh: "自动",
+				en: "Auto"
+			},
+			low: {
+				zh: "低（快速）",
+				en: "Low (Fast)"
+			},
+			medium: {
+				zh: "中",
+				en: "Medium"
+			},
+			high: {
+				zh: "高",
+				en: "High"
+			},
+			xhigh: {
+				zh: "超高",
+				en: "Extra High"
+			},
+			max: {
+				zh: "最高",
+				en: "Max"
+			},
+			hd: {
+				zh: "高清",
+				en: "HD"
 			}
 		};
 		function localizeRatioOptions(options, lang) {
@@ -118505,38 +119268,6 @@ img.ProseMirror-separator {
 				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 RecentItem = ({ item, active, onClick }) => {
 			const [setRef, inView] = useInView();
 			const image = useAttachmentImage(item.attachment, inView);
@@ -118556,6 +119287,26 @@ img.ProseMirror-separator {
 				})
 			});
 		};
+		const FavoriteFolderBar = ({ folders, active, onSelect, onDelete, deleteLabel }) => {
+			if (folders.length === 0) return null;
+			return (0, react_jsx_runtime.jsx)("div", {
+				className: "dsh-ig-fav-folders",
+				children: folders.map((folder) => (0, react_jsx_runtime.jsxs)("span", {
+					className: `dsh-ig-fav-folder-chip ${active === folder.id ? "is-active" : ""}`,
+					children: [(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: () => onSelect(folder.id),
+						children: folder.name
+					}), (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "dsh-ig-fav-folder-del",
+						title: deleteLabel,
+						onClick: () => onDelete(folder.id),
+						children: (0, react_jsx_runtime.jsx)(X, { size: 9 })
+					})]
+				}, folder.id))
+			});
+		};
 		function useInView() {
 			const [inView, setInView] = (0, react.useState)(false);
 			const observerRef = (0, react.useRef)(null);
@@ -118653,8 +119404,17 @@ img.ProseMirror-separator {
 		const MAX_BYTES = 188743680;
 		const pending = /* @__PURE__ */ new Map();
 		let cacheEpoch = 0;
-		function fetchInspirationImage(sourceId, caseId) {
-			const key = `${sourceId}:${caseId}`;
+		/**
+		* Resolve the IndexedDB key for one image. `rev` (the source's imageRevision,
+		* falling back to its version) namespaces the cache by image content: when a
+		* source re-packages its images at stable case IDs, a bumped rev orphans the
+		* old blobs instead of serving them forever.
+		*/
+		function cacheKey(sourceId, caseId, rev) {
+			return rev === void 0 ? `${sourceId}:${caseId}` : `${sourceId}:${caseId}@${rev}`;
+		}
+		function fetchInspirationImage(sourceId, caseId, rev) {
+			const key = cacheKey(sourceId, caseId, rev);
 			const existing = pending.get(key);
 			if (existing !== void 0) return existing;
 			const requestEpoch = cacheEpoch;
@@ -118677,8 +119437,8 @@ img.ProseMirror-separator {
 			pending.set(key, task);
 			return task;
 		}
-		async function evictInspirationImage(sourceId, caseId) {
-			const key = `${sourceId}:${caseId}`;
+		async function evictInspirationImage(sourceId, caseId, rev) {
+			const key = cacheKey(sourceId, caseId, rev);
 			pending.delete(key);
 			const db = await openDatabase$1();
 			if (db === void 0) return;
@@ -118865,6 +119625,988 @@ img.ProseMirror-separator {
 			return Array.isArray(sources) && sources.length > 0 && sources.every((source) => typeof source === "object" && source !== null && Array.isArray(source.cases));
 		}
 		//#endregion
+		//#region lib/types/inspiration/data/baoyu-compose.json
+		var types = [
+			{
+				"id": "hero",
+				"description": "Large visual impact, title overlay",
+				"composition": "Large focal visual (60-70% area), title overlay on visual, dramatic composition"
+			},
+			{
+				"id": "conceptual",
+				"description": "Concept visualization, abstract core ideas",
+				"composition": "Abstract shapes representing core concepts, information hierarchy, clean zones"
+			},
+			{
+				"id": "typography",
+				"description": "Text-focused layout, prominent title",
+				"composition": "Title as primary element (40%+ area), minimal supporting visuals, strong hierarchy"
+			},
+			{
+				"id": "metaphor",
+				"description": "Visual metaphor, concrete expressing abstract",
+				"composition": "Concrete object/scene representing abstract idea, symbolic elements, emotional resonance"
+			},
+			{
+				"id": "scene",
+				"description": "Atmospheric scene, narrative feel",
+				"composition": "Atmospheric environment, narrative elements, mood-setting lighting and colors"
+			},
+			{
+				"id": "minimal",
+				"description": "Minimalist composition, generous whitespace",
+				"composition": "Single focal element, generous whitespace (60%+), essential shapes only"
+			}
+		];
+		var palettes = [
+			{
+				"id": "warm",
+				"tagline": "Friendly, approachable, human-centered",
+				"colors": [
+					{
+						"role": "Primary 1",
+						"name": "Warm Orange",
+						"hex": "#ed8936"
+					},
+					{
+						"role": "Primary 2",
+						"name": "Golden Yellow",
+						"hex": "#f6ad55"
+					},
+					{
+						"role": "Primary 3",
+						"name": "Terracotta",
+						"hex": "#c05621"
+					},
+					{
+						"role": "Background",
+						"name": "Cream",
+						"hex": "#fffaf0"
+					},
+					{
+						"role": "Background Alt",
+						"name": "Soft Peach",
+						"hex": "#fed7aa"
+					},
+					{
+						"role": "Accent 1",
+						"name": "Deep Brown",
+						"hex": "#744210"
+					},
+					{
+						"role": "Accent 2",
+						"name": "Soft Red",
+						"hex": "#e53e3e"
+					}
+				],
+				"decorativeHints": [
+					"Sun rays, warm lighting effects",
+					"Rounded shapes, organic curves",
+					"Hearts, smiling faces, friendly icons",
+					"Warm gradient overlays"
+				],
+				"bestFor": ""
+			},
+			{
+				"id": "cool",
+				"tagline": "Technical, professional, precise",
+				"colors": [
+					{
+						"role": "Primary 1",
+						"name": "Engineering Blue",
+						"hex": "#2563eb"
+					},
+					{
+						"role": "Primary 2",
+						"name": "Navy Blue",
+						"hex": "#1e3a5f"
+					},
+					{
+						"role": "Primary 3",
+						"name": "Cyan",
+						"hex": "#06b6d4"
+					},
+					{
+						"role": "Background",
+						"name": "Light Gray",
+						"hex": "#f8f9fa"
+					},
+					{
+						"role": "Background Alt",
+						"name": "Blueprint Off-White",
+						"hex": "#faf8f5"
+					},
+					{
+						"role": "Accent 1",
+						"name": "Amber",
+						"hex": "#f59e0b"
+					},
+					{
+						"role": "Accent 2",
+						"name": "Light Blue",
+						"hex": "#bfdbfe"
+					}
+				],
+				"decorativeHints": [
+					"Grid lines and alignment guides",
+					"Dimension indicators and measurements",
+					"Technical schematics and diagrams",
+					"Geometric precision elements"
+				],
+				"bestFor": ""
+			},
+			{
+				"id": "dark",
+				"tagline": "Cinematic, premium, atmospheric",
+				"colors": [
+					{
+						"role": "Primary 1",
+						"name": "Electric Purple",
+						"hex": "#8b5cf6"
+					},
+					{
+						"role": "Primary 2",
+						"name": "Cyan Blue",
+						"hex": "#06b6d4"
+					},
+					{
+						"role": "Primary 3",
+						"name": "Magenta Pink",
+						"hex": "#ec4899"
+					},
+					{
+						"role": "Background",
+						"name": "Deep Purple-Black",
+						"hex": "#0a0a0a"
+					},
+					{
+						"role": "Background Alt",
+						"name": "Rich Navy",
+						"hex": "#1a1a2e"
+					},
+					{
+						"role": "Accent 1",
+						"name": "Amber",
+						"hex": "#f59e0b"
+					},
+					{
+						"role": "Accent 2",
+						"name": "Pure White",
+						"hex": "#ffffff"
+					}
+				],
+				"decorativeHints": [
+					"Glowing accent elements and neon highlights",
+					"Atmospheric fog or particle effects",
+					"Silhouettes with backlit edges",
+					"Subtle gradient backgrounds"
+				],
+				"bestFor": ""
+			},
+			{
+				"id": "earth",
+				"tagline": "Natural, organic, grounded",
+				"colors": [
+					{
+						"role": "Primary 1",
+						"name": "Forest Green",
+						"hex": "#276749"
+					},
+					{
+						"role": "Primary 2",
+						"name": "Sage",
+						"hex": "#9ae6b4"
+					},
+					{
+						"role": "Primary 3",
+						"name": "Earth Brown",
+						"hex": "#744210"
+					},
+					{
+						"role": "Background",
+						"name": "Sand Beige",
+						"hex": "#f5e6d3"
+					},
+					{
+						"role": "Background Alt",
+						"name": "Sky Blue",
+						"hex": "#e0f2fe"
+					},
+					{
+						"role": "Accent 1",
+						"name": "Sunset Orange",
+						"hex": "#ed8936"
+					},
+					{
+						"role": "Accent 2",
+						"name": "Water Blue",
+						"hex": "#63b3ed"
+					}
+				],
+				"decorativeHints": [
+					"Leaves, trees, mountains, natural forms",
+					"Sun, clouds, organic flowing lines",
+					"Botanical illustrations",
+					"Earthy textures and natural patterns"
+				],
+				"bestFor": ""
+			},
+			{
+				"id": "elegant",
+				"tagline": "Sophisticated, refined, understated luxury",
+				"colors": [
+					{
+						"role": "Primary 1",
+						"name": "Soft Coral",
+						"hex": "#e8a598"
+					},
+					{
+						"role": "Primary 2",
+						"name": "Muted Teal",
+						"hex": "#5b8a8a"
+					},
+					{
+						"role": "Primary 3",
+						"name": "Dusty Rose",
+						"hex": "#d4a5a5"
+					},
+					{
+						"role": "Background",
+						"name": "Warm Cream",
+						"hex": "#f5f0e6"
+					},
+					{
+						"role": "Background Alt",
+						"name": "Soft Beige",
+						"hex": "#f0ebe0"
+					},
+					{
+						"role": "Accent 1",
+						"name": "Gold",
+						"hex": "#c9a962"
+					},
+					{
+						"role": "Accent 2",
+						"name": "Copper",
+						"hex": "#b87333"
+					}
+				],
+				"decorativeHints": [
+					"Delicate ornamental details",
+					"Subtle gradients and soft transitions",
+					"Refined geometric patterns",
+					"Balanced, symmetrical compositions"
+				],
+				"bestFor": ""
+			},
+			{
+				"id": "macaron",
+				"tagline": "Soft macaron pastel color blocks on warm cream",
+				"colors": [
+					{
+						"role": "Primary 1",
+						"name": "Sky Blue",
+						"hex": "#a8d8ea"
+					},
+					{
+						"role": "Primary 2",
+						"name": "Mint Green",
+						"hex": "#b5e5cf"
+					},
+					{
+						"role": "Primary 3",
+						"name": "Lavender",
+						"hex": "#d5c6e0"
+					},
+					{
+						"role": "Background",
+						"name": "Warm Cream",
+						"hex": "#f5f0e8"
+					},
+					{
+						"role": "Background Alt",
+						"name": "Peach",
+						"hex": "#ffd5c2"
+					},
+					{
+						"role": "Accent 1",
+						"name": "Coral Red",
+						"hex": "#e8655a"
+					},
+					{
+						"role": "Accent 2",
+						"name": "Deep Charcoal",
+						"hex": "#2d2d2d"
+					}
+				],
+				"decorativeHints": [
+					"Rounded pastel color blocks",
+					"Subtle warm paper grain texture",
+					"Soft shadows, no hard edges",
+					"Gentle gradient transitions between zones"
+				],
+				"bestFor": ""
+			},
+			{
+				"id": "mono",
+				"tagline": "Clean, focused, essential",
+				"colors": [
+					{
+						"role": "Primary 1",
+						"name": "Pure Black",
+						"hex": "#000000"
+					},
+					{
+						"role": "Primary 2",
+						"name": "Near Black",
+						"hex": "#1f1f1f"
+					},
+					{
+						"role": "Primary 3",
+						"name": "Dark Gray",
+						"hex": "#374151"
+					},
+					{
+						"role": "Background",
+						"name": "White",
+						"hex": "#ffffff"
+					},
+					{
+						"role": "Background Alt",
+						"name": "Off-White",
+						"hex": "#fafafa"
+					},
+					{
+						"role": "Accent 2",
+						"name": "Medium Gray",
+						"hex": "#9ca3af"
+					}
+				],
+				"decorativeHints": [
+					"Maximum negative space",
+					"Thin lines and minimal strokes",
+					"Single focal point emphasis",
+					"Stark contrast between elements"
+				],
+				"bestFor": ""
+			},
+			{
+				"id": "pastel",
+				"tagline": "Gentle, whimsical, soft",
+				"colors": [
+					{
+						"role": "Primary 1",
+						"name": "Soft Pink",
+						"hex": "#ffb6c1"
+					},
+					{
+						"role": "Primary 2",
+						"name": "Mint",
+						"hex": "#98d8c8"
+					},
+					{
+						"role": "Primary 3",
+						"name": "Lavender",
+						"hex": "#c8a2c8"
+					},
+					{
+						"role": "Background",
+						"name": "White",
+						"hex": "#ffffff"
+					},
+					{
+						"role": "Background Alt",
+						"name": "Light Cream",
+						"hex": "#fff8e7"
+					},
+					{
+						"role": "Accent 1",
+						"name": "Butter Yellow",
+						"hex": "#fffacd"
+					},
+					{
+						"role": "Accent 2",
+						"name": "Sky Blue",
+						"hex": "#bee3f8"
+					}
+				],
+				"decorativeHints": [
+					"Cute rounded proportions",
+					"Stars, sparkles, flowers, decorative flourishes",
+					"Soft shadows and gentle highlights",
+					"Storybook-style elements"
+				],
+				"bestFor": ""
+			},
+			{
+				"id": "retro",
+				"tagline": "Nostalgic, vintage, classic",
+				"colors": [
+					{
+						"role": "Primary 1",
+						"name": "Coral Red",
+						"hex": "#e07a5f"
+					},
+					{
+						"role": "Primary 2",
+						"name": "Mint Green",
+						"hex": "#81b29a"
+					},
+					{
+						"role": "Primary 3",
+						"name": "Mustard Yellow",
+						"hex": "#f2cc8f"
+					},
+					{
+						"role": "Primary 4",
+						"name": "Dark Maroon",
+						"hex": "#5d3a3a"
+					},
+					{
+						"role": "Background",
+						"name": "Cream Off-White",
+						"hex": "#f5f0e6"
+					},
+					{
+						"role": "Background Alt",
+						"name": "Aged Paper",
+						"hex": "#f5e6d3"
+					},
+					{
+						"role": "Accent 1",
+						"name": "Burnt Orange",
+						"hex": "#d4764a"
+					},
+					{
+						"role": "Accent 2",
+						"name": "Rock Blue",
+						"hex": "#577590"
+					},
+					{
+						"role": "Accent 3",
+						"name": "Vintage Gold",
+						"hex": "#c9a227"
+					},
+					{
+						"role": "Accent 4",
+						"name": "Faded Teal",
+						"hex": "#2f7373"
+					}
+				],
+				"decorativeHints": [
+					"Halftone dots and vintage badges",
+					"Aged textures with subtle paper grain",
+					"Sunburst/radiating lines for energy",
+					"Pill-shaped clouds, small dots and stars",
+					"Classic icons and retro motifs"
+				],
+				"bestFor": ""
+			},
+			{
+				"id": "duotone",
+				"tagline": "Dramatic, cinematic, two-color high contrast",
+				"colors": [
+					{
+						"role": "Primary 1",
+						"name": "Burnt Orange",
+						"hex": "#e8751a"
+					},
+					{
+						"role": "Primary 2",
+						"name": "Deep Teal",
+						"hex": "#0a6e6e"
+					},
+					{
+						"role": "Background",
+						"name": "Off-Black",
+						"hex": "#121212"
+					},
+					{
+						"role": "Background Alt",
+						"name": "Dark Charcoal",
+						"hex": "#1e1e1e"
+					},
+					{
+						"role": "Accent 1",
+						"name": "Warm Cream",
+						"hex": "#f5e6d0"
+					},
+					{
+						"role": "Accent 2",
+						"name": "Amber Highlight",
+						"hex": "#f4a623"
+					}
+				],
+				"decorativeHints": [
+					"Stark two-color separation across entire composition",
+					"Halftone transitions between the two colors",
+					"Silhouettes in one color against the other",
+					"Minimal use of third color (only for small highlights)",
+					"High contrast figure-ground relationships"
+				],
+				"bestFor": "",
+				"pairs": [
+					{
+						"name": "Orange + Teal",
+						"a": "#e8751a",
+						"b": "#0a6e6e",
+						"feel": "Cinematic, action"
+					},
+					{
+						"name": "Red + Cream",
+						"a": "#c0392b",
+						"b": "#f5e6d0",
+						"feel": "Bold, classic"
+					},
+					{
+						"name": "Blue + Gold",
+						"a": "#1a3a5c",
+						"b": "#d4a843",
+						"feel": "Prestigious, premium"
+					},
+					{
+						"name": "Purple + Green",
+						"a": "#6b3fa0",
+						"b": "#2ecc71",
+						"feel": "Futuristic, contrast"
+					},
+					{
+						"name": "Magenta + Cyan",
+						"a": "#c2185b",
+						"b": "#00bcd4",
+						"feel": "Vibrant, pop"
+					},
+					{
+						"name": "Crimson + Navy",
+						"a": "#dc143c",
+						"b": "#0d1b2a",
+						"feel": "Dramatic, noir"
+					}
+				]
+			},
+			{
+				"id": "vivid",
+				"tagline": "Energetic, bold, attention-grabbing",
+				"colors": [
+					{
+						"role": "Primary 1",
+						"name": "Bright Red",
+						"hex": "#ef4444"
+					},
+					{
+						"role": "Primary 2",
+						"name": "Neon Green",
+						"hex": "#22c55e"
+					},
+					{
+						"role": "Primary 3",
+						"name": "Electric Blue",
+						"hex": "#3b82f6"
+					},
+					{
+						"role": "Background",
+						"name": "Light Blue",
+						"hex": "#eff6ff"
+					},
+					{
+						"role": "Background Alt",
+						"name": "Soft Lavender",
+						"hex": "#f5f3ff"
+					},
+					{
+						"role": "Accent 1",
+						"name": "Bright Orange",
+						"hex": "#fb923c"
+					},
+					{
+						"role": "Accent 2",
+						"name": "Vivid Yellow",
+						"hex": "#facc15"
+					}
+				],
+				"decorativeHints": [
+					"Dynamic diagonal lines and angles",
+					"Bold geometric shapes and color blocks",
+					"Dramatic lighting effects",
+					"High-energy visual compositions"
+				],
+				"bestFor": ""
+			}
+		];
+		var renderings = [
+			{
+				"id": "flat-vector",
+				"tagline": "Clean, modern, geometric illustration",
+				"lines": [
+					"Clean outlines with uniform stroke weight",
+					"Closed shapes (coloring-book style)",
+					"Rounded line endings, avoid sharp corners",
+					"Consistent stroke width throughout"
+				],
+				"texture": [
+					"None: smooth, flat color fills only",
+					"No gradients, shadows, or noise",
+					"Solid color blocks"
+				],
+				"depth": [
+					"Flat: no shadows, no perspective",
+					"2D layering with overlap for depth illusion",
+					"Optional 2.5D isometric layering (front/back occlusion, no atmospheric perspective)",
+					"No 3D effects or bevels"
+				],
+				"elements": [
+					"Geometric icons and simple shapes",
+					"Bold outlined objects with clean fills",
+					"Geometric simplification: complex objects → basic shapes (trees → lollipop/triangle, buildings → rectangles)",
+					"\"Toy model\" aesthetic: cute, rounded proportions",
+					"Decorative: dots, lines, sunbursts, pill-shaped clouds, small stars",
+					"Isolated elements on clean backgrounds"
+				]
+			},
+			{
+				"id": "pixel",
+				"tagline": "Retro 8-bit, nostalgic, chunky",
+				"lines": [
+					"Pixel grid alignment, no anti-aliasing",
+					"Staircase edges on diagonals",
+					"Single-pixel or double-pixel outlines",
+					"Blocky, angular forms"
+				],
+				"texture": [
+					"Dithering patterns for gradients",
+					"No smooth transitions",
+					"Cross-hatching with pixel precision",
+					"Limited 16-32 color palette per scene"
+				],
+				"depth": [
+					"None: flat pixel planes only",
+					"Parallax layering (foreground/background)",
+					"No perspective or 3D effects"
+				],
+				"elements": [
+					"8-bit sprites and chunky shapes",
+					"Simple iconography: stars, hearts, arrows",
+					"Text bubbles with pixel borders",
+					"Progress bars with chunky segments",
+					"Retro gaming UI elements"
+				]
+			},
+			{
+				"id": "digital",
+				"tagline": "Polished, precise, modern",
+				"lines": [
+					"Clean, precise, computer-perfect edges",
+					"Consistent stroke weights",
+					"Sharp corners where appropriate",
+					"Anti-aliased smooth rendering"
+				],
+				"texture": [
+					"Smooth surfaces with no visible texture",
+					"Subtle gradients permitted (soft, controlled)",
+					"Frosted glass and blur effects",
+					"Clean shadows with consistent direction"
+				],
+				"depth": [
+					"Subtle gradients and soft drop shadows",
+					"Layered card-based layouts",
+					"Light 3D effects (subtle, not realistic)",
+					"Material Design-inspired elevation"
+				],
+				"elements": [
+					"Polished icons and UI components",
+					"Data visualizations: charts, graphs, metrics",
+					"Card layouts and structured grids",
+					"Tag chips, progress bars, status indicators",
+					"Clean geometric shapes"
+				]
+			},
+			{
+				"id": "hand-drawn",
+				"tagline": "Sketchy, organic, personal",
+				"lines": [
+					"Sketchy, organic, slightly imperfect strokes",
+					"Variable line weight (thicker at pressure points)",
+					"Wavy connectors and arrows",
+					"Natural hand tremor visible"
+				],
+				"texture": [
+					"Paper grain and subtle surface texture",
+					"Pencil/pen/marker texture on strokes",
+					"Casual fills with visible brush direction"
+				],
+				"depth": [
+					"Minimal: light hand-drawn shadows or hatching",
+					"No realistic depth or perspective",
+					"Simple layering with overlap"
+				],
+				"elements": [
+					"Doodles, organic shapes, hand-lettered labels",
+					"Conceptual icons with sketchy quality",
+					"Connection lines with hand-drawn wavy feel",
+					"Stars, arrows, underlines, circles, checkmarks",
+					"Stick figures and simple characters"
+				]
+			},
+			{
+				"id": "painterly",
+				"tagline": "Soft, artistic, expressive",
+				"lines": [
+					"Soft brush strokes with variable opacity",
+					"No hard outlines; edges defined by color transitions",
+					"Organic flowing strokes with natural blending"
+				],
+				"texture": [
+					"Visible paint or watercolor wash textures",
+					"Color bleeds and wet-on-wet effects",
+					"Paper texture showing through transparent areas",
+					"Brush stroke patterns visible"
+				],
+				"depth": [
+					"Soft edges with natural color blending",
+					"Atmospheric depth through color fading",
+					"Layered washes creating depth illusion"
+				],
+				"elements": [
+					"Watercolor washes as backgrounds",
+					"Natural elements: leaves, flowers, organic forms",
+					"Soft gradients and color transitions",
+					"Splatter and drip effects as accents",
+					"Botanical and environmental motifs"
+				]
+			},
+			{
+				"id": "chalk",
+				"tagline": "Educational, authentic, classroom",
+				"lines": [
+					"Imperfect chalk strokes with variable pressure",
+					"Visible chalk texture and grain",
+					"Slightly wobbly, hand-drawn quality",
+					"Thick strokes for emphasis, thin for details"
+				],
+				"texture": [
+					"Chalk dust effects around text and elements",
+					"Board surface (dark, slightly worn)",
+					"Eraser smudges and residue",
+					"Grainy chalk quality on all elements"
+				],
+				"depth": [
+					"None: flat chalk drawings on board surface",
+					"Layering through erasure and redrawing",
+					"No shadows or perspective"
+				],
+				"elements": [
+					"Chalk doodles: stars, arrows, underlines",
+					"Mathematical formulas and diagrams",
+					"Stick figures and simple icons",
+					"Connection lines with chalk feel",
+					"Checkmarks, circles, boxes for lists",
+					"Wooden frame border optional"
+				]
+			},
+			{
+				"id": "screen-print",
+				"tagline": "Bold, limited-color poster art with print texture",
+				"lines": [
+					"Clean, sharp edges between color blocks",
+					"No outlines — shapes defined by color boundaries",
+					"Stencil-cut quality, bold silhouettes",
+					"Geometric shapes with precise registration"
+				],
+				"texture": [
+					"Halftone dot patterns within color fills",
+					"Slight color layer misregistration (offset between print layers)",
+					"Paper grain texture beneath colors",
+					"Risograph / screen print imperfections (ink spread, dot gain)"
+				],
+				"depth": [
+					"Flat color planes layered front to back",
+					"Depth through silhouette overlap and color layering",
+					"No gradients — tonal variation via halftone density",
+					"Negative space as active compositional element"
+				],
+				"elements": [
+					"Bold silhouettes and symbolic shapes",
+					"Geometric framing (circles, arches, triangles)",
+					"Figure-ground inversion (negative space forms secondary image)",
+					"Limited icon vocabulary: key props, symbolic objects",
+					"Typography integrated as design element, not overlay",
+					"Vintage poster border treatments"
+				]
+			}
+		];
+		var textLevels = [
+			{
+				"id": "none",
+				"area": "85% visual area"
+			},
+			{
+				"id": "title-only",
+				"area": "85% visual area"
+			},
+			{
+				"id": "title-subtitle",
+				"area": "75% visual area"
+			},
+			{
+				"id": "text-rich",
+				"area": "60% visual area"
+			}
+		];
+		var moods = [
+			{
+				"id": "subtle",
+				"application": "Use low contrast, muted colors, light visual weight, calm aesthetic"
+			},
+			{
+				"id": "balanced",
+				"application": "Use medium contrast, normal saturation, balanced visual weight"
+			},
+			{
+				"id": "bold",
+				"application": "Use high contrast, vivid saturated colors, heavy visual weight, dynamic energy"
+			}
+		];
+		//#endregion
+		//#region lib/types/baoyu-compose.js
+		/**
+		* Dimension-composition prompt assembly for the inspiration composer tab.
+		* Data is generated by scripts/build-baoyu-compose.mjs from JimLiu/baoyu-skills
+		* (baoyu-cover-image skill, MIT license).
+		*/
+		/** Pseudo inspiration source id that switches the view into composer mode. */
+		const BAOYU_COMPOSER_SOURCE_ID = "baoyu-compose";
+		const BAOYU_TYPES = types;
+		const BAOYU_PALETTES = palettes;
+		const BAOYU_RENDERINGS = renderings;
+		const BAOYU_TEXT_LEVELS = textLevels;
+		const BAOYU_MOODS = moods;
+		/** Chinese labels for every dimension option id, shown when the UI language is zh. */
+		const BAOYU_LABELS_ZH = {
+			hero: "主视觉大图",
+			conceptual: "概念抽象",
+			typography: "文字主导",
+			metaphor: "隐喻象征",
+			scene: "氛围场景",
+			minimal: "极简留白",
+			warm: "暖色",
+			cool: "冷色",
+			dark: "暗色",
+			earth: "大地色",
+			elegant: "优雅",
+			macaron: "马卡龙",
+			mono: "单色",
+			pastel: "粉彩",
+			retro: "复古",
+			duotone: "双色调",
+			vivid: "高饱和",
+			"flat-vector": "扁平矢量",
+			pixel: "像素风",
+			digital: "数字插画",
+			"hand-drawn": "手绘",
+			painterly: "绘画感",
+			chalk: "粉笔",
+			"screen-print": "丝网印刷",
+			none: "无文字",
+			"title-only": "仅标题",
+			"title-subtitle": "标题+副标题",
+			"text-rich": "丰富文字",
+			subtle: "含蓄",
+			balanced: "均衡",
+			bold: "强烈"
+		};
+		const BAOYU_DEFAULT_SELECTION = {
+			type: "metaphor",
+			palette: "warm",
+			rendering: "flat-vector",
+			text: "title-only",
+			mood: "balanced",
+			title: ""
+		};
+		function palette(id) {
+			return BAOYU_PALETTES.find((item) => item.id === id);
+		}
+		function rendering(id) {
+			return BAOYU_RENDERINGS.find((item) => item.id === id);
+		}
+		function typeOf(id) {
+			return BAOYU_TYPES.find((item) => item.id === id);
+		}
+		function moodOf(id) {
+			return BAOYU_MOODS.find((item) => item.id === id);
+		}
+		function textLevel(id) {
+			return BAOYU_TEXT_LEVELS.find((item) => item.id === id);
+		}
+		/** Assemble the five-dimension selection into one generate_image-ready prompt. */
+		function composeBaoyuPrompt(selection) {
+			const chosenType = typeOf(selection.type);
+			const chosenPalette = palette(selection.palette);
+			const chosenRendering = rendering(selection.rendering);
+			const chosenText = textLevel(selection.text);
+			const chosenMood = moodOf(selection.mood);
+			if (chosenType === void 0 || chosenPalette === void 0 || chosenRendering === void 0 || chosenText === void 0 || chosenMood === void 0) throw new Error("invalid-baoyu-selection");
+			const title = selection.title.trim();
+			if (selection.text !== "none" && title === "") throw new Error("baoyu-title-required");
+			const primary = chosenPalette.colors.filter((color) => color.role.startsWith("Primary"));
+			const background = chosenPalette.colors.filter((color) => color.role.startsWith("Background"));
+			const accent = chosenPalette.colors.filter((color) => color.role.startsWith("Accent"));
+			const swatch = (colors) => colors.map((color) => `${color.name} ${color.hex}`).join(", ");
+			const textElements = selection.text === "none" ? "No text elements; the full area stays visual." : [
+				`Title: "${title}"`,
+				...selection.text === "title-subtitle" || selection.text === "text-rich" ? ["Subtitle: derive one short supporting line from the title"] : [],
+				...selection.text === "text-rich" ? ["Tags: derive 2-3 keyword badges from the title"] : []
+			].join("\n");
+			const pairNote = chosenPalette.pairs === void 0 ? "" : `\n- Duotone pair: pick ONE dominant two-color pair from ${chosenPalette.pairs.map((pair) => `${pair.name} (${pair.a} + ${pair.b})`).join("; ")}`;
+			return [
+				"Cover image.",
+				"",
+				"# Visual Design",
+				`- Type: ${chosenType.id} — ${chosenType.composition}`,
+				`- Palette: ${chosenPalette.id} (${chosenPalette.tagline})`,
+				`- Rendering: ${chosenRendering.id} — ${chosenRendering.tagline}`,
+				`- Text level: ${chosenText.id} (${chosenText.area})`,
+				`- Mood: ${chosenMood.id} — ${chosenMood.application}`,
+				"",
+				"# Text Elements",
+				textElements,
+				"",
+				"# Composition",
+				`- Type composition: ${chosenType.composition}`,
+				"- Layout: generous whitespace (40-60% breathing room); one dominant focal point with 1-2 supporting elements plus decorative accents; main visual centered or slightly left, reserving the right side for the title when included.",
+				`- Decorative: ${chosenPalette.decorativeHints.join("; ")}`,
+				"",
+				"# Color Scheme",
+				`- Primary: ${swatch(primary)}`,
+				`- Background: ${swatch(background)}`,
+				`- Accent: ${swatch(accent)}${pairNote}`,
+				`- Mood adjustment: ${chosenMood.application}`,
+				"- Color constraint: Color values (#hex) and color names are rendering guidance only — do NOT display color names, hex codes, or palette labels as visible text in the image.",
+				"",
+				`# Rendering Notes (${chosenRendering.id})`,
+				`- Lines: ${chosenRendering.lines.join("; ")}`,
+				`- Texture: ${chosenRendering.texture.join("; ")}`,
+				`- Depth: ${chosenRendering.depth.join("; ")}`,
+				`- Elements: ${chosenRendering.elements.join("; ")}`,
+				"",
+				"# Core Principles",
+				"- Ample whitespace, highlight the core message, avoid cluttered layouts.",
+				"- Simplified silhouettes for any characters — no realistic human faces or bodies.",
+				"- Icon-based vocabulary: represent concepts with simple, recognizable icons."
+			].join("\n");
+		}
+		/** Randomize every visual dimension, keeping the current title text. */
+		function randomBaoyuSelection(current) {
+			const pick = (items) => items[Math.floor(Math.random() * items.length)];
+			return {
+				type: pick(BAOYU_TYPES).id,
+				palette: pick(BAOYU_PALETTES).id,
+				rendering: pick(BAOYU_RENDERINGS).id,
+				text: pick(BAOYU_TEXT_LEVELS).id,
+				mood: pick(BAOYU_MOODS).id,
+				title: current.title
+			};
+		}
+		//#endregion
 		//#region lib/types/client/inspiration-view.js
 		const FAVORITES_STORAGE_KEY = "dsh-ig-inspiration-favorites";
 		function loadInspirationFavorites() {
@@ -118956,6 +120698,7 @@ img.ProseMirror-separator {
 				allCategories: "全部分类",
 				allStyles: "全部风格",
 				allScenes: "全部场景",
+				categoryNav: "分类导航",
 				search: "搜索案例、Prompt、风格…",
 				results: "找到 {count} 个案例",
 				noResults: "没有匹配的素材，换个关键词或筛选条件试试。",
@@ -118965,6 +120708,9 @@ img.ProseMirror-separator {
 				copied: "已复制",
 				use: "使用这个 Prompt",
 				source: "查看原来源",
+				useReference: "提示词 + 参考图",
+				referenceLoading: "获取参考图中…",
+				referenceFailed: "参考图获取失败，请重试",
 				loading: "正在读取素材库…",
 				loadFailed: "素材库读取失败，请稍后重试。",
 				copyFailed: "复制失败",
@@ -118979,7 +120725,21 @@ img.ProseMirror-separator {
 				favorite: "收藏",
 				favorited: "已收藏",
 				zoomHint: "点击放大查看",
-				close: "关闭"
+				close: "关闭",
+				composeTab: "宝玉维度组合",
+				composeHint: "五个维度自由拼接封面 Prompt，数据源自宝玉封图 skill（JimLiu/baoyu-skills，MIT）。",
+				composeType: "类型",
+				composePalette: "色板",
+				composeRendering: "渲染",
+				composeText: "文字",
+				composeMood: "情绪",
+				composeTitleLabel: "标题文字",
+				composeTitlePlaceholder: "输入封面标题（文字层级含标题时必填）",
+				composeTitleRequired: "该文字层级需要先填写标题。",
+				composeRandomize: "随机组合",
+				composeUse: "用此 Prompt 去生成",
+				composeCombos: "共 {count} 种组合",
+				composePreview: "拼接结果预览"
 			},
 			en: {
 				kicker: "Prompt inspiration",
@@ -118999,6 +120759,7 @@ img.ProseMirror-separator {
 				allCategories: "All categories",
 				allStyles: "All styles",
 				allScenes: "All scenes",
+				categoryNav: "Categories",
 				search: "Search examples, prompts, styles…",
 				results: "{count} examples",
 				noResults: "No matching examples. Try another keyword or filter.",
@@ -119008,6 +120769,9 @@ img.ProseMirror-separator {
 				copied: "Copied",
 				use: "Use this prompt",
 				source: "View source",
+				useReference: "Prompt + reference",
+				referenceLoading: "Fetching image…",
+				referenceFailed: "Failed to load the reference image",
 				loading: "Loading inspiration…",
 				loadFailed: "Could not load the inspiration library.",
 				copyFailed: "Failed to copy",
@@ -119022,12 +120786,28 @@ img.ProseMirror-separator {
 				favorite: "Favorite",
 				favorited: "Favorited",
 				zoomHint: "Click to zoom in",
-				close: "Close"
-			}
-		};
-		const InspirationView = ({ locale, onUsePrompt }) => {
+				close: "Close",
+				composeTab: "Baoyu Composer",
+				composeHint: "Stitch a cover prompt from five dimensions, based on the baoyu cover-image skill (JimLiu/baoyu-skills, MIT).",
+				composeType: "Type",
+				composePalette: "Palette",
+				composeRendering: "Rendering",
+				composeText: "Text",
+				composeMood: "Mood",
+				composeTitleLabel: "Title text",
+				composeTitlePlaceholder: "Cover title (required when the text level includes a title)",
+				composeTitleRequired: "This text level needs a title first.",
+				composeRandomize: "Randomize",
+				composeUse: "Generate with this prompt",
+				composeCombos: "{count} combinations",
+				composePreview: "Composed prompt preview"
+			}
+		};
+		const InspirationView = ({ locale, onUsePrompt, onUseReference }) => {
 			const [language, setLanguage] = (0, react.useState)(() => locale?.getSnapshot?.().active?.startsWith("en") ? "en" : "zh");
 			const [catalog, setCatalog] = (0, react.useState)(null);
+			const [activeSourceId, setActiveSourceId] = (0, react.useState)("");
+			const [baoyuSelection, setBaoyuSelection] = (0, react.useState)(BAOYU_DEFAULT_SELECTION);
 			const [catalogError, setCatalogError] = (0, react.useState)(false);
 			const [search, setSearch] = (0, react.useState)("");
 			const [category, setCategory] = (0, react.useState)("");
@@ -119043,8 +120823,12 @@ img.ProseMirror-separator {
 			const [onlyFavorites, setOnlyFavorites] = (0, react.useState)(false);
 			const [lightboxCase, setLightboxCase] = (0, react.useState)(null);
 			const [toast, setToast] = (0, react.useState)(null);
+			const [referenceBusy, setReferenceBusy] = (0, react.useState)(false);
+			const [pendingJump, setPendingJump] = (0, react.useState)("");
+			const [activeCategory, setActiveCategory] = (0, react.useState)("");
 			const toastTimerRef = (0, react.useRef)(null);
 			const sentinelRef = (0, react.useRef)(null);
+			const listRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
 				if (!locale?.subscribe) return;
 				return locale.subscribe(() => setLanguage(locale.getSnapshot?.().active?.startsWith("en") ? "en" : "zh"));
@@ -119114,7 +120898,33 @@ img.ProseMirror-separator {
 					mounted = false;
 				};
 			}, []);
-			const source = catalog?.sources[0] ?? null;
+			const source = catalog?.sources.find((candidate) => candidate.id === activeSourceId) ?? catalog?.sources[0] ?? null;
+			const composerActive = activeSourceId === BAOYU_COMPOSER_SOURCE_ID;
+			/** Switch the active library; each source owns its own category/style/scene vocabularies. */
+			const switchSource = (id) => {
+				if (id === activeSourceId) return;
+				setActiveSourceId(id);
+				setCategory("");
+				setStyle("");
+				setScene("");
+				setOnlyFavorites(false);
+				setSelected(null);
+				setPendingJump("");
+				setActiveCategory("");
+			};
+			const useSelectedReference = async () => {
+				if (selected === null || source === null || onUseReference === void 0) return;
+				setReferenceBusy(true);
+				try {
+					const blob = await fetchInspirationImage(source.id, selected.id, source.imageRevision ?? source.version);
+					const ext = blob.type === "image/jpeg" ? "jpg" : blob.type.split("/")[1]?.replace(/[^a-z0-9]/gi, "") || "png";
+					onUseReference(new File([blob], `inspiration-${selected.id}.${ext}`, { type: blob.type.startsWith("image/") ? blob.type : "image/webp" }), selected.prompt);
+				} catch {
+					showToast(t("referenceFailed"), true);
+				} finally {
+					setReferenceBusy(false);
+				}
+			};
 			const matchingCases = (0, react.useMemo)(() => {
 				if (source === null) return [];
 				const query = search.trim().toLowerCase();
@@ -119156,6 +120966,67 @@ img.ProseMirror-separator {
 				onlyFavorites
 			]);
 			const visibleCases = matchingCases.slice(0, visibleLimit);
+			const categoryCounts = (0, react.useMemo)(() => {
+				const counts = /* @__PURE__ */ new Map();
+				for (const item of matchingCases) counts.set(item.category, (counts.get(item.category) ?? 0) + 1);
+				return counts;
+			}, [matchingCases]);
+			const visibleGroups = (0, react.useMemo)(() => {
+				if (source === null) return [];
+				const byCategory = /* @__PURE__ */ new Map();
+				for (const item of visibleCases) {
+					const bucket = byCategory.get(item.category);
+					if (bucket !== void 0) bucket.push(item);
+					else byCategory.set(item.category, [item]);
+				}
+				return source.categories.flatMap((name) => {
+					const items = byCategory.get(name);
+					return items !== void 0 ? [{
+						name,
+						items
+					}] : [];
+				});
+			}, [source, visibleCases]);
+			const visibleGroupSignature = visibleGroups.map((group) => group.name).join("\0");
+			const jumpToCategory = (name) => {
+				if (category !== "") setCategory("");
+				setPendingJump(name);
+			};
+			(0, react.useEffect)(() => {
+				if (pendingJump === "") return;
+				const index = matchingCases.findIndex((item) => item.category === pendingJump);
+				if (index < 0) return;
+				if (index >= visibleLimit) {
+					setVisibleLimit(index + 60);
+					return;
+				}
+				const raf = requestAnimationFrame(() => {
+					document.getElementById(`dsh-ig-cat-${encodeURIComponent(pendingJump)}`)?.scrollIntoView({
+						behavior: "smooth",
+						block: "start"
+					});
+					setPendingJump("");
+				});
+				return () => cancelAnimationFrame(raf);
+			}, [
+				pendingJump,
+				matchingCases,
+				visibleLimit
+			]);
+			(0, react.useEffect)(() => {
+				const root = listRef.current;
+				if (root === null) return;
+				const headers = Array.from(root.querySelectorAll(".dsh-ig-inspiration-group-head"));
+				if (headers.length === 0) return;
+				const categoryByTarget = /* @__PURE__ */ new Map();
+				for (const header of headers) categoryByTarget.set(header, header.dataset.category ?? "");
+				const observer = new IntersectionObserver((entries) => {
+					const visible = entries.find((entry) => entry.isIntersecting);
+					if (visible !== void 0) setActiveCategory(categoryByTarget.get(visible.target) ?? "");
+				}, { rootMargin: "0px 0px -75% 0px" });
+				for (const header of headers) observer.observe(header);
+				return () => observer.disconnect();
+			}, [visibleGroupSignature]);
 			(0, react.useEffect)(() => {
 				const el = sentinelRef.current;
 				if (!el) return;
@@ -119280,179 +121151,256 @@ img.ProseMirror-separator {
 							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", {
+					}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [catalog !== null ? (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ig-inspiration-sources",
+						role: "tablist",
+						children: [catalog.sources.map((item) => (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							role: "tab",
+							"aria-selected": !composerActive && item.id === source?.id,
+							className: `dsh-ig-inspiration-source-chip ${!composerActive && item.id === source?.id ? "is-active" : ""}`,
+							onClick: () => switchSource(item.id),
+							children: item.label
+						}, item.id)), (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							role: "tab",
+							"aria-selected": composerActive,
+							className: `dsh-ig-inspiration-source-chip ${composerActive ? "is-active" : ""}`,
+							onClick: () => switchSource(BAOYU_COMPOSER_SOURCE_ID),
+							children: [(0, react_jsx_runtime.jsx)(Sparkles, { size: 11 }), t("composeTab")]
+						})]
+					}) : null, composerActive ? (0, react_jsx_runtime.jsx)(BaoyuComposerPanel, {
+						language,
+						selection: baoyuSelection,
+						onChange: setBaoyuSelection,
+						onUsePrompt
+					}) : (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)("nav", {
+							className: "dsh-ig-inspiration-catnav",
+							"aria-label": t("categoryNav"),
+							children: [(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);
+								className: `dsh-ig-inspiration-catnav-chip ${category === "" && activeCategory === "" ? "is-active" : ""}`,
+								onClick: () => {
+									if (category !== "") setCategory("");
+									listRef.current?.scrollIntoView({
+										behavior: "smooth",
+										block: "start"
+									});
 								},
-								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$2, { 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
+								children: [(0, react_jsx_runtime.jsx)("span", { children: t("allCategories") }), (0, react_jsx_runtime.jsx)("em", { children: matchingCases.length })]
+							}), source.categories.map((name) => {
+								const count = categoryCounts.get(name) ?? 0;
+								const isActive = category === name || category === "" && activeCategory === name;
+								return (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									disabled: count === 0,
+									"aria-current": isActive || void 0,
+									className: `dsh-ig-inspiration-catnav-chip ${isActive ? "is-active" : ""}`,
+									onClick: () => jumpToCategory(name),
+									children: [(0, react_jsx_runtime.jsx)("span", { children: translateTag(name, language) }), (0, react_jsx_runtime.jsx)("em", { children: count })]
+								}, name);
+							})]
+						}),
+						(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", {
+								ref: listRef,
+								className: "dsh-ig-inspiration-list",
+								children: visibleGroups.map((group) => (0, react_jsx_runtime.jsxs)("section", {
+									className: "dsh-ig-inspiration-group",
+									children: [(0, react_jsx_runtime.jsxs)("h3", {
+										id: `dsh-ig-cat-${encodeURIComponent(group.name)}`,
+										"data-category": group.name,
+										className: "dsh-ig-inspiration-group-head",
+										children: [(0, react_jsx_runtime.jsx)("span", { children: translateTag(group.name, language) }), (0, react_jsx_runtime.jsx)("em", { children: categoryCounts.get(group.name) ?? group.items.length })]
+									}), (0, react_jsx_runtime.jsx)("div", {
+										className: "dsh-ig-inspiration-grid",
+										children: group.items.map((item) => (0, react_jsx_runtime.jsx)(InspirationCard, {
+											item,
+											sourceId: source.id,
+											sourceRevision: source.imageRevision ?? source.version,
+											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))
+									})]
+								}, group.name))
+							}), 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$2, { 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,
+										revision: source.imageRevision ?? source.version,
+										title: selected.title,
+										alt: selected.imageAlt
 									}),
-									(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", {
+									title: t("zoomHint"),
+									children: [(0, react_jsx_runtime.jsx)(InspirationImage, {
+										sourceId: source.id,
+										caseId: selected.id,
+										revision: source.imageRevision ?? source.version,
+										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-use",
-												onClick: () => onUsePrompt(selected.prompt),
-												children: [(0, react_jsx_runtime.jsx)(Sparkles, { size: 14 }), t("use")]
-											})
-										]
-									})
-								]
-							})] })
-						})]
-					})] }),
+												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")]
+												}),
+												onUseReference !== void 0 ? (0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													className: "dsh-ig-inspiration-use is-secondary",
+													disabled: referenceBusy,
+													onClick: () => {
+														useSelectedReference();
+													},
+													children: [(0, react_jsx_runtime.jsx)(ImagePlus, { size: 14 }), referenceBusy ? t("referenceLoading") : t("useReference")]
+												}) : null
+											]
+										})
+									]
+								})] })
+							})]
+						})
+					] })] }),
 					lightboxCase !== null && (0, react_jsx_runtime.jsx)("div", {
 						className: "dsh-ig-inspiration-lightbox",
 						onClick: () => setLightboxCase(null),
@@ -119472,6 +121420,7 @@ img.ProseMirror-separator {
 									children: (0, react_jsx_runtime.jsx)(InspirationImage, {
 										sourceId: lightboxCase.sourceId,
 										caseId: lightboxCase.caseId,
+										revision: lightboxCase.revision,
 										alt: lightboxCase.alt,
 										retryLabel: t("retry")
 									})
@@ -119524,7 +121473,155 @@ img.ProseMirror-separator {
 				]
 			});
 		};
-		const InspirationCard = ({ item, sourceId, selected, isFavorited, language, featuredLabel, retryLabel, onSelect, onToggleFavorite }) => (0, react_jsx_runtime.jsxs)("button", {
+		const BaoyuComposerPanel = ({ language, selection, onChange, onUsePrompt }) => {
+			const [copied, setCopied] = (0, react.useState)(false);
+			const [copyFailed, setCopyFailed] = (0, react.useState)(false);
+			const tr = (key, params) => {
+				let text = COPY[language][key] ?? COPY.zh[key];
+				if (params) for (const [k, v] of Object.entries(params)) text = text.replace(`{${k}}`, v);
+				return text;
+			};
+			const label = (id) => language === "zh" ? BAOYU_LABELS_ZH[id] ?? id : id;
+			const needsTitle = selection.text !== "none";
+			const titleReady = !needsTitle || selection.title.trim() !== "";
+			let prompt = "";
+			if (titleReady) try {
+				prompt = composeBaoyuPrompt(selection);
+			} catch {
+				prompt = "";
+			}
+			const combos = BAOYU_TYPES.length * BAOYU_PALETTES.length * BAOYU_RENDERINGS.length * BAOYU_TEXT_LEVELS.length * BAOYU_MOODS.length;
+			const dimension = (name, key, options) => (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-ig-baoyu-dim",
+				children: [(0, react_jsx_runtime.jsx)("div", {
+					className: "dsh-ig-baoyu-dim-head",
+					children: name
+				}), (0, react_jsx_runtime.jsx)("div", {
+					className: "dsh-ig-baoyu-chips",
+					children: options.map((option) => {
+						const palette = key === "palette" ? BAOYU_PALETTES.find((item) => item.id === option.id) : void 0;
+						return (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: `dsh-ig-baoyu-chip ${selection[key] === option.id ? "is-active" : ""}`,
+							onClick: () => {
+								onChange({
+									...selection,
+									[key]: option.id
+								});
+								setCopied(false);
+							},
+							title: language === "zh" ? palette?.tagline ?? option.id : option.id,
+							children: [(0, react_jsx_runtime.jsx)("span", { children: label(option.id) }), palette !== void 0 ? (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-ig-baoyu-swatch",
+								children: [
+									palette.colors[0],
+									palette.colors.find((color) => color.role === "Background"),
+									palette.colors.find((color) => color.role === "Accent 1")
+								].map((color, index) => color === void 0 ? null : (0, react_jsx_runtime.jsx)("i", { style: { background: color.hex } }, index))
+							}) : null]
+						}, option.id);
+					})
+				})]
+			}, name);
+			const copyPrompt = async () => {
+				if (prompt === "") return;
+				try {
+					await navigator.clipboard.writeText(prompt);
+					setCopied(true);
+					setCopyFailed(false);
+				} catch {
+					setCopyFailed(true);
+				}
+			};
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-ig-baoyu-panel",
+				children: [
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ig-baoyu-intro",
+						children: [(0, react_jsx_runtime.jsx)("strong", {
+							className: "dsh-ig-baoyu-combos",
+							children: tr("composeCombos", { count: String(combos) })
+						}), (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-ig-baoyu-hint",
+							children: tr("composeHint")
+						})]
+					}),
+					dimension(tr("composeType"), "type", BAOYU_TYPES),
+					dimension(tr("composePalette"), "palette", BAOYU_PALETTES),
+					dimension(tr("composeRendering"), "rendering", BAOYU_RENDERINGS),
+					dimension(tr("composeText"), "text", BAOYU_TEXT_LEVELS),
+					dimension(tr("composeMood"), "mood", BAOYU_MOODS),
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ig-baoyu-dim",
+						children: [
+							(0, react_jsx_runtime.jsx)("div", {
+								className: "dsh-ig-baoyu-dim-head",
+								children: tr("composeTitleLabel")
+							}),
+							(0, react_jsx_runtime.jsx)("input", {
+								className: "dsh-ig-baoyu-title-input",
+								value: selection.title,
+								placeholder: tr("composeTitlePlaceholder"),
+								disabled: selection.text === "none",
+								onChange: (event) => {
+									onChange({
+										...selection,
+										title: event.target.value
+									});
+									setCopied(false);
+								}
+							}),
+							needsTitle && !titleReady ? (0, react_jsx_runtime.jsx)("div", {
+								className: "dsh-ig-baoyu-required",
+								children: tr("composeTitleRequired")
+							}) : null
+						]
+					}),
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ig-baoyu-actions",
+						children: [
+							(0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: "dsh-ig-baoyu-btn",
+								onClick: () => onChange(randomBaoyuSelection(selection)),
+								children: [(0, react_jsx_runtime.jsx)(Shuffle, { size: 13 }), (0, react_jsx_runtime.jsx)("span", { children: tr("composeRandomize") })]
+							}),
+							(0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: "dsh-ig-baoyu-btn",
+								disabled: prompt === "",
+								onClick: () => {
+									copyPrompt();
+								},
+								children: [copied ? (0, react_jsx_runtime.jsx)(Check, { size: 13 }) : (0, react_jsx_runtime.jsx)(Clipboard, { size: 13 }), (0, react_jsx_runtime.jsx)("span", { children: copied ? tr("copied") : tr("copy") })]
+							}),
+							(0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: "dsh-ig-baoyu-btn is-primary",
+								disabled: prompt === "",
+								onClick: () => onUsePrompt(prompt),
+								children: [(0, react_jsx_runtime.jsx)(Sparkles, { size: 13 }), (0, react_jsx_runtime.jsx)("span", { children: tr("composeUse") })]
+							}),
+							copyFailed ? (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-ig-baoyu-required",
+								children: tr("copyFailed")
+							}) : null
+						]
+					}),
+					prompt !== "" ? (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ig-baoyu-preview-block",
+						children: [(0, react_jsx_runtime.jsx)("div", {
+							className: "dsh-ig-baoyu-preview-head",
+							children: tr("composePreview")
+						}), (0, react_jsx_runtime.jsx)("pre", {
+							className: "dsh-ig-baoyu-preview",
+							children: prompt
+						})]
+					}) : null
+				]
+			});
+		};
+		const InspirationCard = ({ item, sourceId, sourceRevision, 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,
@@ -119551,6 +121648,7 @@ img.ProseMirror-separator {
 					(0, react_jsx_runtime.jsx)(InspirationImage, {
 						sourceId,
 						caseId: item.id,
+						revision: sourceRevision,
 						alt: item.imageAlt,
 						retryLabel
 					})
@@ -119560,7 +121658,7 @@ img.ProseMirror-separator {
 				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 InspirationImage = ({ sourceId, caseId, revision, alt, retryLabel = "Retry" }) => {
 			const [node, setNode] = (0, react.useState)(null);
 			const [visible, setVisible] = (0, react.useState)(false);
 			const [url, setUrl] = (0, react.useState)(null);
@@ -119581,7 +121679,7 @@ img.ProseMirror-separator {
 					urlRef.current = null;
 				}
 				setUrl(null);
-				fetchInspirationImage(sourceId, caseId).then((blob) => {
+				fetchInspirationImage(sourceId, caseId, revision).then((blob) => {
 					if (!active) return;
 					const next = URL.createObjectURL(blob);
 					if (urlRef.current !== null) URL.revokeObjectURL(urlRef.current);
@@ -119596,7 +121694,8 @@ img.ProseMirror-separator {
 			}, [
 				visible,
 				sourceId,
-				caseId
+				caseId,
+				revision
 			]);
 			(0, react.useEffect)(() => {
 				return () => {
@@ -119633,7 +121732,7 @@ img.ProseMirror-separator {
 								urlRef.current = null;
 							}
 							setUrl(null);
-							evictInspirationImage(sourceId, caseId).then(() => fetchInspirationImage(sourceId, caseId)).then((blob) => {
+							evictInspirationImage(sourceId, caseId, revision).then(() => fetchInspirationImage(sourceId, caseId, revision)).then((blob) => {
 								const next = URL.createObjectURL(blob);
 								if (urlRef.current !== null) URL.revokeObjectURL(urlRef.current);
 								urlRef.current = next;
@@ -119751,6 +121850,12 @@ img.ProseMirror-separator {
 				filterXAI: "xAI Grok",
 				filterZhipu: "智谱 GLM",
 				filterComfyUI: "本地 ComfyUI",
+				filterImport: "导入",
+				importImages: "导入图片",
+				importAdded: "已导入 {count} 张图片",
+				importPartial: "导入 {count} 张，{fail} 张失败",
+				importFailed: "导入失败",
+				importPickHint: "选择要导入的图片（PNG/JPG/WebP/GIF）",
 				filterAllModels: "全部模型",
 				filterAllRatios: "全部比例",
 				searchPlaceholder: "搜索 Prompt、标签…",
@@ -119847,6 +121952,12 @@ img.ProseMirror-separator {
 				filterXAI: "xAI Grok",
 				filterZhipu: "Zhipu GLM",
 				filterComfyUI: "Local ComfyUI",
+				filterImport: "Imported",
+				importImages: "Import images",
+				importAdded: "Imported {count} images",
+				importPartial: "Imported {count}, {fail} failed",
+				importFailed: "Import failed",
+				importPickHint: "Choose images to import (PNG/JPG/WebP/GIF)",
 				filterAllModels: "All Models",
 				filterAllRatios: "All Ratios",
 				searchPlaceholder: "Search prompt, tags…",
@@ -119929,6 +122040,19 @@ img.ProseMirror-separator {
 			}
 		};
 		/** Format human-readable relative time */
+		/** Read a browser-picked file as base64 payload for the import route. */
+		function readFileBase64(file) {
+			return new Promise((resolve, reject) => {
+				const reader = new FileReader();
+				reader.onload = () => {
+					const result = reader.result;
+					if (typeof result === "string") resolve(result.slice(result.indexOf(",") + 1));
+					else reject(/* @__PURE__ */ new Error("read-failed"));
+				};
+				reader.onerror = () => reject(/* @__PURE__ */ new Error("read-failed"));
+				reader.readAsDataURL(file);
+			});
+		}
 		function formatRelativeTime(timestamp, t) {
 			const diff = Date.now() - timestamp;
 			if (diff < 6e4) return t("justNow");
@@ -119949,6 +122073,19 @@ img.ProseMirror-separator {
 		}
 		/** Extract standard aspect ratio for precise filtering */
 		function getItemRatio(item) {
+			if (item.provider === "chatgpt-sub" && item.attachment.width && item.attachment.height) {
+				const actual = item.attachment.width / item.attachment.height;
+				for (const [label, value] of [
+					["1:1", 1],
+					["16:9", 16 / 9],
+					["9:16", 9 / 16],
+					["4:3", 4 / 3],
+					["3:4", 3 / 4],
+					["3:2", 3 / 2],
+					["2:3", 2 / 3]
+				]) if (Math.abs(actual / value - 1) < .08) return label;
+				return "custom";
+			}
 			if (item.aspectRatio && item.aspectRatio !== "custom") return item.aspectRatio;
 			if (item.output) {
 				const ratioMatch = item.output.match(/\b(1:1|16:9|9:16|4:3|3:4|3:2|2:3)\b/);
@@ -119987,6 +122124,7 @@ img.ProseMirror-separator {
 			const { locale, sessionId, useSessions, useWorkspaces, credentialEvents, inSidebar, defaultTab, initialCanvasSurface, useTabInfo } = props;
 			const [activeTab, setActiveTab] = (0, react.useState)(defaultTab ?? "gallery");
 			const [studioDraft, setStudioDraft] = (0, react.useState)(void 0);
+			const [studioReference, setStudioReference] = (0, react.useState)(void 0);
 			const [items, setItems] = (0, react.useState)([]);
 			const [search, setSearch] = (0, react.useState)("");
 			const [selectedProvider, setSelectedProvider] = (0, react.useState)("all");
@@ -120101,11 +122239,80 @@ img.ProseMirror-separator {
 					setToast(null);
 				}, 2e3);
 			};
+			const [importing, setImporting] = (0, react.useState)(false);
+			const importInputRef = (0, react.useRef)(null);
+			const importImages = async (files) => {
+				if (files === null || files.length === 0 || importing) return;
+				const all = Array.from(files);
+				const picked = all.filter((file) => file.type.startsWith("image/")).slice(0, 8);
+				if (picked.length === 0) {
+					showToast(t("importFailed"));
+					return;
+				}
+				setImporting(true);
+				try {
+					const reads = await Promise.allSettled(picked.map((file) => readFileBase64(file)));
+					const images = reads.flatMap((read, index) => {
+						if (read.status !== "fulfilled") return [];
+						const file = picked[index];
+						return [{
+							data: read.value,
+							mediaType: file.type,
+							...file.name.length > 0 ? { name: file.name } : {}
+						}];
+					});
+					const readFailures = reads.length - images.length;
+					if (images.length === 0) {
+						showToast(t("importFailed"));
+						return;
+					}
+					const response = await fetch(IMPORT_ROUTE, {
+						method: "POST",
+						credentials: "same-origin",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify({ images })
+					});
+					if (!response.ok) throw new Error(`HTTP ${String(response.status)}`);
+					const payload = await response.json();
+					const imported = payload.images ?? [];
+					let added = 0;
+					let writeFailures = 0;
+					for (const entry of imported) if (await saveGalleryItem({
+						id: `import-${entry.attachment.attachmentId}-${crypto.randomUUID()}`,
+						attachment: entry.attachment,
+						prompt: "",
+						provider: "import",
+						model: "",
+						createdAt: Date.now(),
+						...activeWorkspace?.workspaceId ? { workspaceId: activeWorkspace.workspaceId } : {},
+						...activeWorkspace?.path ? { workspacePath: activeWorkspace.path } : {},
+						...currentSessionId ? { sessionId: currentSessionId } : {}
+					})) added += 1;
+					else writeFailures += 1;
+					const failCount = (payload.failures ?? []).length + (all.length - picked.length) + readFailures + writeFailures;
+					if (added === 0) showToast(t("importFailed"));
+					else if (failCount > 0) showToast(t("importPartial", {
+						count: String(added),
+						fail: String(failCount)
+					}));
+					else showToast(t("importAdded", { count: String(added) }));
+				} catch {
+					showToast(t("importFailed"));
+				} finally {
+					setImporting(false);
+				}
+			};
 			const useInspirationPrompt = (0, react.useCallback)((prompt) => {
 				setStudioDraft(prompt);
 				setActiveTab("studio");
 			}, []);
+			const useInspirationReference = (0, react.useCallback)((file, prompt) => {
+				setStudioDraft(prompt);
+				setStudioReference(file);
+				setActiveTab("studio");
+			}, []);
 			const clearStudioDraft = (0, react.useCallback)(() => setStudioDraft(void 0), []);
+			const clearStudioReference = (0, react.useCallback)(() => setStudioReference(void 0), []);
 			(0, react.useEffect)(() => {
 				if (inSidebar) return void 0;
 				const seat = document.querySelector("[data-composer-seat]");
@@ -120655,6 +122862,10 @@ img.ProseMirror-separator {
 										(0, react_jsx_runtime.jsx)("option", {
 											value: "comfyui",
 											children: t("filterComfyUI")
+										}),
+										(0, react_jsx_runtime.jsx)("option", {
+											value: "import",
+											children: t("filterImport")
 										})
 									]
 								}),
@@ -120737,27 +122948,48 @@ img.ProseMirror-separator {
 							]
 						}), (0, react_jsx_runtime.jsxs)("div", {
 							className: "dsh-ig-studio-toolbar-right",
-							children: [(0, react_jsx_runtime.jsxs)("select", {
-								className: "dsh-ig-studio-select dsh-ig-studio-select-sort",
-								value: sortBy,
-								onChange: (e) => setSortBy(e.target.value),
-								children: [(0, react_jsx_runtime.jsx)("option", {
-									value: "newest",
-									children: t("sortNewest")
-								}), (0, react_jsx_runtime.jsx)("option", {
-									value: "oldest",
-									children: t("sortOldest")
-								})]
-							}), (0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								className: `dsh-ig-studio-btn ${isManageMode ? "is-active" : ""}`,
-								title: isManageMode ? t("exitManage") : t("manage"),
-								onClick: () => {
-									if (isManageMode) handleExitManage();
-									else setIsManageMode(true);
-								},
-								children: [(0, react_jsx_runtime.jsx)(SquareCheckBig, { size: 13 }), (0, react_jsx_runtime.jsx)("span", { children: isManageMode ? t("exitManage") : t("manage") })]
-							})]
+							children: [
+								activeTab === "gallery" && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("input", {
+									ref: importInputRef,
+									type: "file",
+									accept: "image/png,image/jpeg,image/webp,image/gif",
+									multiple: true,
+									style: { display: "none" },
+									onChange: (event) => {
+										importImages(event.target.files);
+										event.target.value = "";
+									}
+								}), (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dsh-ig-studio-btn",
+									disabled: importing,
+									title: t("importPickHint"),
+									onClick: () => importInputRef.current?.click(),
+									children: [(0, react_jsx_runtime.jsx)(Upload, { size: 13 }), (0, react_jsx_runtime.jsx)("span", { children: t("importImages") })]
+								})] }),
+								(0, react_jsx_runtime.jsxs)("select", {
+									className: "dsh-ig-studio-select dsh-ig-studio-select-sort",
+									value: sortBy,
+									onChange: (e) => setSortBy(e.target.value),
+									children: [(0, react_jsx_runtime.jsx)("option", {
+										value: "newest",
+										children: t("sortNewest")
+									}), (0, react_jsx_runtime.jsx)("option", {
+										value: "oldest",
+										children: t("sortOldest")
+									})]
+								}),
+								(0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: `dsh-ig-studio-btn ${isManageMode ? "is-active" : ""}`,
+									title: isManageMode ? t("exitManage") : t("manage"),
+									onClick: () => {
+										if (isManageMode) handleExitManage();
+										else setIsManageMode(true);
+									},
+									children: [(0, react_jsx_runtime.jsx)(SquareCheckBig, { size: 13 }), (0, react_jsx_runtime.jsx)("span", { children: isManageMode ? t("exitManage") : t("manage") })]
+								})
+							]
 						})]
 					}),
 					(0, react_jsx_runtime.jsx)("div", {
@@ -120827,15 +123059,18 @@ img.ProseMirror-separator {
 							}, item.id))
 						}) : activeTab === "inspiration" ? (0, react_jsx_runtime.jsx)(InspirationView, {
 							locale,
-							onUsePrompt: useInspirationPrompt
+							onUsePrompt: useInspirationPrompt,
+							onUseReference: useInspirationReference
 						}) : (0, react_jsx_runtime.jsx)(StudioView, {
 							locale,
 							credentialEvents,
 							workspace: activeWorkspace,
 							initialPrompt: studioDraft,
+							initialReference: studioReference,
 							initialCanvasSurface,
 							showInfiniteCanvasHint: !inSidebar,
 							onInitialPromptApplied: clearStudioDraft,
+							onInitialReferenceApplied: clearStudioReference,
 							onOpenInspiration: () => setActiveTab("inspiration")
 						})
 					}),
@@ -120995,7 +123230,7 @@ img.ProseMirror-separator {
 											children: [
 												(0, react_jsx_runtime.jsx)("span", {
 													className: "dsh-ig-tag",
-													children: previewItem.provider
+													children: previewItem.provider === "import" ? t("filterImport") : previewItem.provider
 												}),
 												previewItem.model && (0, react_jsx_runtime.jsx)("span", {
 													className: "dsh-ig-tag dsh-ig-tag-model",
@@ -121053,7 +123288,7 @@ img.ProseMirror-separator {
 									children: [
 										(0, react_jsx_runtime.jsx)("span", {
 											className: "dsh-ig-tag",
-											children: previewItem.provider
+											children: previewItem.provider === "import" ? t("filterImport") : previewItem.provider
 										}),
 										previewItem.model ? (0, react_jsx_runtime.jsx)("span", {
 											className: "dsh-ig-tag dsh-ig-tag-model",
@@ -121386,11 +123621,10 @@ img.ProseMirror-separator {
 		//#region lib/types/client/image-result-node.js
 		const IMAGE_RESULT_NODE_KIND = "dsh-image-result";
 		/**
-		* One image result row per Turn, anchored at its own tool/result position while
-		* the Turn runs, then optionally re-anchored beside the final answer once the
-		* Turn closes (only needed under the folding Compact transcript view).
+		* Give each image Tool result its own Chat row at the event that produced it.
+		* PTC (run_code) sub-calls already have their own stable sub-call identity.
 		*/
-		function createImageResultDefinition(options = {}) {
+		function createImageResultDefinition() {
 			return {
 				kind: IMAGE_RESULT_NODE_KIND,
 				target: "chat",
@@ -121398,77 +123632,52 @@ img.ProseMirror-separator {
 					if (event.type === "tool/ptc-dispatch") {
 						const subCallId = event.data.subCallId;
 						if (typeof subCallId !== "string" || subCallId === "") return null;
-						return imageResultFromPtcDispatch(event) === void 0 ? null : {
+						return imageResultsFromPtcDispatch(event).length === 0 ? null : {
 							id: `ptc:${subCallId}`,
 							role: "start"
 						};
 					}
-					const turn = eventTurn(event);
-					if (turn === void 0) return null;
-					if (event.type === "turn/start") return {
-						id: String(turn),
+					if (event.type === "tool/result" && eventTurn(event) !== void 0 && imageResultsFromMeta(event.data.meta).length > 0) return {
+						id: `result:${event.seq}`,
 						role: "start"
 					};
-					if (event.type === "turn/end") return {
-						id: String(turn),
-						role: "update"
-					};
-					if (event.type === "assistant/message") return {
-						id: String(turn),
-						role: "update"
-					};
-					if (event.type === "tool/result" && imageResultFromMeta(event.data.meta) !== void 0) return {
-						id: String(turn),
-						role: "update"
-					};
 					return null;
 				},
 				start: (_context, match) => {
 					if (match.event.type === "tool/ptc-dispatch") {
-						const result = imageResultFromPtcDispatch(match.event);
-						if (result === void 0) throw new Error("dsh-image-result start requires a plugin image dispatch");
-						return { results: [{
+						const results = imageResultsFromPtcDispatch(match.event);
+						if (results.length === 0) throw new Error("dsh-image-result start requires a plugin image dispatch");
+						return { results: results.map((result) => ({
 							...result,
 							seq: match.event.seq
-						}] };
+						})) };
 					}
 					const turn = eventTurn(match.event);
-					if (match.event.type !== "turn/start" || turn === void 0) throw new Error("dsh-image-result start requires turn/start");
+					const results = match.event.type === "tool/result" ? imageResultsFromMeta(match.event.data.meta) : [];
+					if (turn === void 0 || results.length === 0) throw new Error("dsh-image-result start requires an image Tool result");
 					return {
 						turn,
-						results: []
+						results: results.map((result) => ({
+							...result,
+							seq: match.event.seq
+						}))
 					};
 				},
 				update: (context, match) => {
-					if (match.event.type === "turn/end") return {
-						...context.state,
-						endSeq: match.event.seq
-					};
-					if (match.event.type === "assistant/message") return {
-						...context.state,
-						answerSeq: match.event.seq
-					};
-					if (match.event.type === "tool/ptc-dispatch") {
-						const result = imageResultFromPtcDispatch(match.event);
-						return result === void 0 ? context.state : appendResult(context.state, result, match.event.seq);
-					}
-					if (match.event.type !== "tool/result") return context.state;
-					const result = imageResultFromMeta(match.event.data.meta);
-					if (result === void 0) return context.state;
-					return appendResult(context.state, result, match.event.seq);
+					if (match.event.type !== "tool/ptc-dispatch") return context.state;
+					return imageResultsFromPtcDispatch(match.event).reduce((state, result) => appendResult(state, result, match.event.seq), context.state);
 				},
 				buildViewNode: (context) => {
 					const state = context.state;
-					const last = state?.results.at(-1);
-					if (state === void 0 || last === void 0) return null;
-					const location = context.matches.at(-1)?.location ?? context.start?.location ?? { kind: "unresolved" };
+					const first = state?.results[0];
+					if (state === void 0 || first === void 0) return null;
 					return {
 						key: context.key,
 						kind: IMAGE_RESULT_NODE_KIND,
 						id: context.id,
 						target: "chat",
-						anchorSeq: state.endSeq !== void 0 && compactTranscript(options) ? state.answerSeq ?? state.endSeq ?? last.seq : last.seq,
-						location,
+						anchorSeq: first.seq,
+						location: { kind: "session" },
 						visibility: "visible",
 						data: {
 							...state.turn !== void 0 ? { turn: state.turn } : {},
@@ -121489,13 +123698,6 @@ img.ProseMirror-separator {
 				}]
 			};
 		}
-		function compactTranscript(options) {
-			try {
-				return options.isCompactTranscript?.() ?? true;
-			} catch {
-				return true;
-			}
-		}
 		/** Parse the plugin-owned durable presentation metadata from a Tool result event. */
 		function imageResultFromMeta(value) {
 			const meta = record(value);
@@ -121512,12 +123714,26 @@ img.ProseMirror-separator {
 				...typeof meta.seed === "number" ? { seed: meta.seed } : {}
 			};
 		}
+		/** Parse all successful images from either a single or batch Tool result. */
+		function imageResultsFromMeta(value) {
+			const meta = record(value);
+			if (meta?.kind === "dsh-image-gen-batch" && Array.isArray(meta.images)) return meta.images.flatMap((image) => {
+				const result = imageResultFromMeta(image);
+				return result === void 0 ? [] : [result];
+			});
+			const result = imageResultFromMeta(value);
+			return result === void 0 ? [] : [result];
+		}
 		function eventTurn(event) {
 			const turn = event.data.turn;
 			return typeof turn === "number" && Number.isSafeInteger(turn) && turn >= 0 ? turn : void 0;
 		}
 		/** Plugin tools whose PTC (run_code) dispatch results are image results. */
-		const PTC_IMAGE_TOOL_NAMES = /* @__PURE__ */ new Set(["generate_image", "edit_image"]);
+		const PTC_IMAGE_TOOL_NAMES = /* @__PURE__ */ new Set([
+			"generate_image",
+			"generate_images",
+			"edit_image"
+		]);
 		/**
 		* Fixed summary text rendered by the tools' imageOutput(). PTC dispatch events
 		* carry no presentationMeta, so provider/model/output are recovered from this
@@ -121525,42 +123741,41 @@ img.ProseMirror-separator {
 		*/
 		const PTC_SUMMARY_PATTERN = /^(?:Generated|Edited) one image with ([^/\s]+)\/(\S+) \((.+)\)\. Attachment ID: /;
 		const PTC_SAVED_TO_PATTERN = / It was also saved to the workspace as (.+)\. (?:(?:Saving it to the workspace failed)|(?:It has no local file path)|(?:Respond to the user))/;
-		/**
-		* Parse a plugin image result from a tool/ptc-dispatch event (#38). PTC
-		* run_code sub-calls carry neither a turn nor presentationMeta, so the result
-		* is rebuilt from the dispatch payload itself: the image content block for the
-		* attachment, arguments for the prompt (and edit source ids), and the tool's
-		* fixed-format summary text for provider/model/output. Returns undefined for
-		* anything that is not a successful image result from our own image tools.
-		*/
-		function imageResultFromPtcDispatch(event) {
-			if (event.type !== "tool/ptc-dispatch") return void 0;
+		/** Pair each rendered image with its own summary, including batches with failed items. */
+		function imageResultsFromPtcDispatch(event) {
+			if (event.type !== "tool/ptc-dispatch") return [];
 			const data = event.data;
-			if (data.isError === true) return void 0;
-			if (typeof data.name !== "string" || !PTC_IMAGE_TOOL_NAMES.has(data.name)) return void 0;
+			if (data.isError === true) return [];
+			if (typeof data.name !== "string" || !PTC_IMAGE_TOOL_NAMES.has(data.name)) return [];
 			const content = Array.isArray(data.content) ? data.content : [];
-			let attachment;
+			const results = [];
 			let summaryText = "";
+			const args = record(data.arguments);
+			const sourceIds = sourceAttachmentIds(args);
 			for (const block of content) {
 				const candidate = record(block);
 				if (candidate === void 0) continue;
-				if (candidate.type === "image" && attachment === void 0) attachment = imageAttachment(candidate.attachment);
-				else if (candidate.type === "text" && summaryText === "" && typeof candidate.text === "string") summaryText = candidate.text;
+				if (candidate.type === "text" && typeof candidate.text === "string") {
+					summaryText = candidate.text;
+					continue;
+				}
+				if (candidate.type !== "image") continue;
+				const attachment = imageAttachment(candidate.attachment);
+				if (attachment === void 0) continue;
+				const summary = PTC_SUMMARY_PATTERN.exec(summaryText);
+				const savedTo = PTC_SAVED_TO_PATTERN.exec(summaryText)?.[1];
+				const promptAt = data.name === "generate_images" ? summaryText.indexOf("\nImage prompt: ") : -1;
+				results.push({
+					attachment,
+					prompt: promptAt < 0 ? stringValue(args?.prompt, "Generated Image") : summaryText.slice(promptAt + 15),
+					provider: summary?.[1] ?? "",
+					model: summary?.[2] ?? "",
+					output: summary?.[3] ?? "",
+					...savedTo !== void 0 ? { savedTo } : {},
+					...sourceIds !== void 0 ? { sourceAttachmentIds: sourceIds } : {}
+				});
 			}
-			if (attachment === void 0) return void 0;
-			const summary = PTC_SUMMARY_PATTERN.exec(summaryText);
-			const savedTo = PTC_SAVED_TO_PATTERN.exec(summaryText)?.[1];
-			const args = record(data.arguments);
-			const sourceIds = sourceAttachmentIds(args);
-			return {
-				attachment,
-				prompt: stringValue(args?.prompt, "Generated Image"),
-				provider: summary?.[1] ?? "",
-				model: summary?.[2] ?? "",
-				output: summary?.[3] ?? "",
-				...savedTo !== void 0 ? { savedTo } : {},
-				...sourceIds !== void 0 ? { sourceAttachmentIds: sourceIds } : {}
-			};
+			return results;
 		}
 		/** Collect edit_image source attachment ids (single or list form) from dispatch arguments. */
 		function sourceAttachmentIds(args) {
@@ -121622,16 +123837,16 @@ img.ProseMirror-separator {
 						const isNew = event.seq > lastSeq;
 						lastSeq = Math.max(lastSeq, event.seq);
 						if (change.kind !== "append" || !isNew) continue;
-						const result = event.type === "tool/result" ? imageResultFromMeta(event.data.meta) : imageResultFromPtcDispatch(event);
-						if (result === void 0) continue;
-						pushTlLandingsLive([{
+						const results = event.type === "tool/result" ? imageResultsFromMeta(event.data.meta) : imageResultsFromPtcDispatch(event);
+						if (results.length === 0) continue;
+						pushTlLandingsLive(results.map((result) => ({
 							galleryId: String(result.attachment.attachmentId),
 							attachment: result.attachment,
 							fromConversation: true,
 							prompt: result.prompt,
 							provider: result.provider,
 							model: result.model
-						}]);
+						})));
 					}
 				});
 			};
@@ -121646,105 +123861,139 @@ img.ProseMirror-separator {
 		//#region lib/types/client/studio-style.js
 		const STUDIO_STYLE = `
 .dsh-ig-gallery-page-body.is-workbench{flex:1 1 0;height:100%;min-height:0;padding:0;overflow:hidden;display:flex;flex-direction:column}
-.dsh-ig-workbench{--ig-blue:#2f64f5;--ig-line:color-mix(in srgb,currentColor 11%,transparent);--ig-soft:color-mix(in srgb,currentColor 4%,transparent);position:relative;display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden;padding:10px 12px 12px;color:var(--foreground,#182033);box-sizing:border-box;background:radial-gradient(circle at 60% -20%,rgba(63,104,246,.07),transparent 30%)}
+.dsh-ig-workbench{--ig-blue:var(--dsw-alias-brand-primary-new-colorprimary-new-color,#2f64f5);--ig-blue-line:color-mix(in srgb,var(--ig-blue) 45%,transparent);--ig-line:var(--dsw-alias-border-l2,color-mix(in srgb,currentColor 11%,transparent));--ig-soft:color-mix(in srgb,currentColor 4%,transparent);--ig-fg:var(--dsw-alias-label-primary,var(--foreground,#182033));--ig-fg-2:var(--dsw-alias-label-secondary,#5a6478);--ig-fg-3:var(--dsw-alias-label-tertiary,#717b90);--ig-fg-cap:var(--dsw-alias-label-caption,#929bad);--ig-bg:var(--dsw-alias-bg-layer-1,var(--background,#fff));--ig-bg-panel:var(--dsw-alias-bg-layer-2,color-mix(in srgb,var(--background,#fff) 96%,#f5f7fb));--ig-bg-thumb:var(--dsw-alias-bg-skeleton,#eef1f7);--ig-danger:#b63737;--ig-warn:#8b671c;position:relative;display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden;padding:10px 12px 12px;color:var(--ig-fg);box-sizing:border-box;background:radial-gradient(circle at 60% -20%,rgba(63,104,246,.07),transparent 30%)}
+body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a}
 .dsh-ig-workbench *{box-sizing:border-box}.dsh-ig-workbench button,.dsh-ig-workbench select,.dsh-ig-workbench textarea{font:inherit;color:inherit}
-.dsh-ig-workbench-grid{display:grid;grid-template-columns:minmax(190px,238px) minmax(0,1fr) minmax(286px,340px);grid-template-rows:minmax(0,1fr);min-height:0;height:0;flex:1 1 0;border:1px solid var(--ig-line);border-radius:12px;overflow:hidden;background:var(--background,#fff);box-shadow:0 12px 32px rgba(30,42,76,.05);transition:grid-template-columns .2s ease}
+.dsh-ig-workbench-grid{display:grid;grid-template-columns:minmax(190px,238px) minmax(0,1fr) minmax(286px,340px);grid-template-rows:minmax(0,1fr);min-height:0;height:0;flex:1 1 0;border:1px solid var(--ig-line);border-radius:12px;overflow:hidden;background:var(--ig-bg);box-shadow:0 12px 32px rgba(30,42,76,.05);transition:grid-template-columns .2s ease}
 .dsh-ig-workbench-grid.is-sidebar-collapsed{grid-template-columns:minmax(0,1fr) minmax(286px,340px)}
 .dsh-ig-workbench-grid.is-generate-collapsed{grid-template-columns:minmax(190px,238px) minmax(0,1fr)}
 .dsh-ig-workbench-grid.is-sidebar-collapsed.is-generate-collapsed{grid-template-columns:minmax(0,1fr)}
-.dsh-ig-recent-panel,.dsh-ig-generate-panel{min-width:0;min-height:0;overflow:hidden;background:color-mix(in srgb,var(--background,#fff) 96%,#f5f7fb)}.dsh-ig-recent-panel{display:flex;flex-direction:column;border-right:1px solid var(--ig-line)}
+.dsh-ig-recent-panel,.dsh-ig-generate-panel{min-width:0;min-height:0;overflow:hidden;background:var(--ig-bg-panel)}.dsh-ig-recent-panel{display:flex;flex-direction:column;border-right:1px solid var(--ig-line)}
 .dsh-ig-panel-title{height:48px;flex:0 0 48px;padding:0 12px 0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ig-line);font-size:13px;font-weight:650}
-.dsh-ig-count-badge{font-size:11px;min-width:22px;text-align:center;padding:2px 6px;border-radius:999px;background:var(--ig-soft);color:#7b8498;font-weight:500}
-.dsh-ig-collapse-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:transparent;color:#717b90;cursor:pointer;transition:all .15s}
-.dsh-ig-collapse-btn:hover{border-color:var(--ig-line);background:var(--ig-soft);color:var(--foreground,#182033)}
-.dsh-ig-recent-scroll{flex:1 1 0;height:0;padding:8px;overflow-x:hidden;overflow-y:auto;min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;align-content:start}.dsh-ig-recent-empty{min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#929bad;text-align:center;font-size:12px;grid-column:1/-1}
-.dsh-ig-recent-item{position:relative;width:100%;aspect-ratio:1;align-self:start;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:border-color .16s,box-shadow .16s}.dsh-ig-recent-item:hover{border-color:#b9ccfa;box-shadow:0 1px 4px rgba(30,42,76,.14)}.dsh-ig-recent-item.is-active{border-color:var(--ig-blue);box-shadow:0 0 0 2px rgba(47,100,245,.18)}.dsh-ig-recent-thumb{width:100%;height:100%;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eef1f7;color:#929bad}.dsh-ig-recent-thumb img{width:100%;height:100%;object-fit:cover}
-.dsh-ig-load-more{grid-column:1/-1;width:100%;height:32px;margin:4px 0 2px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--ig-line);border-radius:7px;background:transparent;font-size:11px;color:#6b758b;cursor:pointer;transition:background .15s,color .15s}.dsh-ig-load-more:hover{background:var(--ig-soft);color:var(--ig-blue);border-color:#a2b9f6}
-.dsh-ig-mini-btn{height:22px;padding:0 7px;display:inline-flex;align-items:center;gap:3px;border:1px solid var(--ig-line);border-radius:5px;background:var(--background,#fff);font-size:10.5px;font-weight:500;color:var(--foreground,#242f44);cursor:pointer;transition:all .15s}.dsh-ig-mini-btn:hover{border-color:#9bb4f5;color:var(--ig-blue);background:rgba(47,100,245,.06)}
-.dsh-ig-canvas-column{min-width:0;min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column;background:color-mix(in srgb,var(--background,#fff) 97%,#e8edf7)}
+.dsh-ig-count-badge{font-size:11px;min-width:22px;text-align:center;padding:2px 6px;border-radius:999px;background:var(--ig-soft);color:var(--ig-fg-3);font-weight:500}
+.dsh-ig-collapse-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ig-fg-3);cursor:pointer;transition:all .15s}
+.dsh-ig-collapse-btn:hover{border-color:var(--ig-line);background:var(--ig-soft);color:var(--ig-fg)}
+.dsh-ig-recent-scroll{flex:1 1 0;height:0;padding:8px;overflow-x:hidden;overflow-y:auto;min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;align-content:start}.dsh-ig-recent-empty{min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:var(--ig-fg-cap);text-align:center;font-size:12px;grid-column:1/-1}
+.dsh-ig-fav-folder-add{margin-left:auto;padding:0 5px;border:0;background:transparent;color:var(--ig-fg-3);font-size:12px;line-height:16px;cursor:pointer;border-radius:4px}.dsh-ig-fav-folder-add:hover{color:var(--ig-blue);background:var(--ig-bg-thumb)}
+.dsh-ig-fav-folders{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 6px}
+.dsh-ig-fav-folder-chip{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border:1px solid var(--ig-line);border-radius:999px;background:transparent;color:var(--ig-fg-3);font-size:10.5px}
+.dsh-ig-fav-folder-chip.is-active{border-color:var(--ig-blue-line);color:var(--ig-blue);background:color-mix(in srgb,var(--ig-blue) 10%,transparent)}
+.dsh-ig-fav-folder-chip>button:first-child{border:0;background:transparent;color:inherit;font-size:inherit;padding:0;cursor:pointer}
+.dsh-ig-fav-folder-del{border:0;background:transparent;color:var(--ig-fg-3);cursor:pointer;display:inline-flex;padding:0}.dsh-ig-fav-folder-del:hover{color:var(--ig-danger)}
+.dsh-ig-fav-folder-draft{display:flex;gap:4px;margin:2px 0 6px}
+.dsh-ig-fav-folder-draft input{flex:1;min-width:0;padding:3px 6px;border:1px solid var(--ig-line);border-radius:5px;background:var(--ig-bg);color:var(--ig-fg);font-size:11px}
+.dsh-ig-fav-folder-draft button{padding:3px 8px;border:1px solid var(--ig-line);border-radius:5px;background:transparent;color:var(--ig-fg-2);font-size:11px;cursor:pointer}
+.dsh-ig-fav-folder-draft button:first-of-type{border-color:var(--ig-blue-line);color:var(--ig-blue)}
+.dsh-ig-fav-dialog-wrap{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:rgba(15,20,34,.45)}
+.dsh-ig-fav-dialog{width:min(420px,92vw);max-height:70vh;overflow:auto;padding:14px;border-radius:10px;background:var(--ig-bg-panel);border:1px solid var(--ig-line);box-shadow:0 12px 32px rgba(10,14,26,.25);display:flex;flex-direction:column;gap:10px}
+.dsh-ig-fav-dialog-title{font-size:12.5px;font-weight:600;color:var(--ig-fg)}
+.dsh-ig-fav-dialog-textarea{width:100%;resize:vertical;padding:8px;border:1px solid var(--ig-line);border-radius:6px;background:var(--ig-bg);color:var(--ig-fg);font-size:12px;line-height:1.5}
+.dsh-ig-fav-dialog-folder-label{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ig-fg-2)}
+.dsh-ig-fav-dialog-folder-label select{flex:1;padding:4px 6px;border:1px solid var(--ig-line);border-radius:5px;background:var(--ig-bg);color:var(--ig-fg);font-size:11.5px}
+.dsh-ig-fav-dialog-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
+.dsh-ig-fav-dialog-actions button{padding:5px 12px;border:1px solid var(--ig-line);border-radius:6px;background:transparent;color:var(--ig-fg-2);font-size:12px;cursor:pointer}
+.dsh-ig-fav-dialog-actions button.is-primary{border-color:var(--ig-blue);background:var(--ig-blue);color:#fff}
+.dsh-ig-fav-dialog-folders{display:flex;flex-direction:column;gap:4px}
+.dsh-ig-fav-dialog-folders button{text-align:left;padding:6px 10px;border:1px solid var(--ig-line);border-radius:6px;background:transparent;color:var(--ig-fg-2);font-size:12px;cursor:pointer}
+.dsh-ig-fav-dialog-folders button:hover,.dsh-ig-fav-dialog-folders button.is-current{border-color:var(--ig-blue-line);color:var(--ig-blue);background:color-mix(in srgb,var(--ig-blue) 8%,transparent)}
+.dsh-ig-fav-del{position:absolute;top:-5px;right:-5px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--ig-line);border-radius:50%;background:var(--ig-bg);color:var(--ig-fg-3);cursor:pointer;z-index:2;opacity:0;pointer-events:none;transition:opacity .12s,color .15s,border-color .15s}.dsh-ig-fav-del:hover{color:#d5495c;border-color:#e6a3ad}.dsh-ig-fav-prompt:hover .dsh-ig-fav-del,.dsh-ig-fav-del:focus-visible{opacity:1;pointer-events:auto}.dsh-ig-fav-del:focus-visible{outline:2px solid var(--ig-blue);outline-offset:1px}
+.dsh-ig-fav-prompt{position:relative;display:flex;align-items:flex-start;gap:2px}
+.dsh-ig-fav-prompt-text{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;padding:5px 8px;border:1px solid var(--ig-line);border-radius:6px;background:transparent;font-size:11px;line-height:1.45;color:var(--ig-fg);cursor:pointer;transition:all .15s}.dsh-ig-fav-prompt-text:hover{border-color:var(--ig-blue-line);background:var(--ig-soft)}
+.dsh-ig-fav-save-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px 4px;border:0;background:transparent;color:var(--ig-fg-cap);cursor:pointer;transition:color .15s}.dsh-ig-fav-save-btn:hover{color:#e8a33d}
+.dsh-ig-rail-tabs{flex:none;display:flex;gap:4px;padding:4px 8px 6px;border-bottom:1px solid var(--ig-line)}
+.dsh-ig-rail-tab{flex:1;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:transparent;font-size:12px;color:var(--ig-fg-3);cursor:pointer;transition:all .15s}.dsh-ig-rail-tab:hover{background:var(--ig-soft);color:var(--ig-fg)}.dsh-ig-rail-tab.is-active{border-color:var(--ig-blue-line);background:var(--ig-soft);color:var(--ig-blue);font-weight:600}
+.dsh-ig-fav-scroll{flex:1 1 0;height:0;overflow-x:hidden;overflow-y:auto;min-height:0;padding:8px}
+.dsh-ig-fav-section-label{padding:4px 2px 6px;font-size:11px;font-weight:600;color:var(--ig-fg-3)}
+.dsh-ig-fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
+.dsh-ig-fav-empty{min-height:64px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:var(--ig-fg-cap);text-align:center;font-size:11px;border:1px dashed var(--ig-line);border-radius:8px;margin-bottom:8px;padding:8px}
+.dsh-ig-fav-prompts{display:flex;flex-direction:column;gap:4px}
+.dsh-ig-recent-item{position:relative;width:100%;aspect-ratio:1;align-self:start;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:border-color .16s,box-shadow .16s}.dsh-ig-recent-item:hover{border-color:var(--ig-blue-line);box-shadow:0 1px 4px rgba(30,42,76,.14)}.dsh-ig-recent-item.is-active{border-color:var(--ig-blue);box-shadow:0 0 0 2px rgba(47,100,245,.18)}.dsh-ig-recent-thumb{width:100%;height:100%;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--ig-bg-thumb);color:var(--ig-fg-cap)}.dsh-ig-recent-thumb img{width:100%;height:100%;object-fit:cover}
+.dsh-ig-load-more{grid-column:1/-1;width:100%;height:32px;margin:4px 0 2px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--ig-line);border-radius:7px;background:transparent;font-size:11px;color:var(--ig-fg-2);cursor:pointer;transition:background .15s,color .15s}.dsh-ig-load-more:hover{background:var(--ig-soft);color:var(--ig-blue);border-color:var(--ig-blue-line)}
+.dsh-ig-mini-btn{height:22px;padding:0 7px;display:inline-flex;align-items:center;gap:3px;border:1px solid var(--ig-line);border-radius:5px;background:var(--ig-bg);font-size:10.5px;font-weight:500;color:var(--ig-fg);cursor:pointer;transition:all .15s}.dsh-ig-mini-btn:hover{border-color:var(--ig-blue-line);color:var(--ig-blue);background:rgba(47,100,245,.06)}
+.dsh-ig-canvas-column{min-width:0;min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column;background:var(--dsw-alias-bg-layer-2,var(--ig-bg))}
 .dsh-ig-canvas-toolbar{height:46px;flex:0 0 46px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--ig-line)}
 .dsh-ig-canvas-toolbar-left,.dsh-ig-canvas-toolbar-right{display:flex;align-items:center;gap:6px;min-width:0}
 .dsh-ig-canvas-toolbar-left{justify-self:start}
 .dsh-ig-canvas-toolbar-right{justify-self:end}
 .dsh-ig-canvas-toolbar-center{display:flex;align-items:center;justify-self:center;gap:6px;min-width:0}
 .dsh-ig-toolbar-divider{width:1px;height:16px;background:var(--ig-line);flex-shrink:0;margin:0 2px}
-.dsh-ig-canvas-toolbar button{height:30px;min-width:30px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--ig-line);border-radius:7px;background:var(--background,#fff);color:var(--foreground,#242f44);font-size:11.5px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
-.dsh-ig-canvas-toolbar button:hover{border-color:#9bb4f5;background:rgba(47,100,245,.05);color:var(--ig-blue)}
-.dsh-ig-canvas-toolbar button.is-active{border-color:#8ba8f8;background:rgba(47,100,245,.08);color:var(--ig-blue);font-weight:550}
+.dsh-ig-canvas-toolbar button{height:30px;min-width:30px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--ig-line);border-radius:7px;background:var(--ig-bg);color:var(--ig-fg);font-size:11.5px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
+.dsh-ig-canvas-toolbar button:hover{border-color:var(--ig-blue-line);background:rgba(47,100,245,.05);color:var(--ig-blue)}
+.dsh-ig-canvas-toolbar button.is-active{border-color:var(--ig-blue-line);background:rgba(47,100,245,.08);color:var(--ig-blue);font-weight:550}
 .dsh-ig-canvas-toolbar-center button.is-active{border-color:var(--ig-blue);background:rgba(47,100,245,.09);color:var(--ig-blue);font-weight:600;box-shadow:inset 0 0 0 1px rgba(47,100,245,.28)}
-.dsh-ig-zoom-display{font-size:11px;min-width:38px;text-align:center;color:#64748b;user-select:none;font-variant-numeric:tabular-nums}
-.dsh-ig-canvas-hint{flex:0 0 auto;display:flex;align-items:flex-start;gap:8px;padding:7px 12px;border-bottom:1px solid rgba(47,100,245,.14);background:rgba(47,100,245,.055);color:#3d4a66;font-size:11.5px;line-height:17px}.dsh-ig-canvas-hint>svg:first-child{flex-shrink:0;color:var(--ig-blue);margin-top:1px}.dsh-ig-canvas-hint>span{flex:1 1 0;min-width:0}.dsh-ig-canvas-hint>button{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;background:transparent;color:#8a94a8;cursor:pointer;transition:background .15s,color .15s}.dsh-ig-canvas-hint>button:hover{background:rgba(47,100,245,.1);color:var(--ig-blue)}
+.dsh-ig-zoom-display{font-size:11px;min-width:38px;text-align:center;color:var(--ig-fg-2);user-select:none;font-variant-numeric:tabular-nums}
+.dsh-ig-canvas-hint{flex:0 0 auto;display:flex;align-items:flex-start;gap:8px;padding:7px 12px;border-bottom:1px solid rgba(47,100,245,.14);background:rgba(47,100,245,.055);color:var(--ig-fg-2);font-size:11.5px;line-height:17px}.dsh-ig-canvas-hint>svg:first-child{flex-shrink:0;color:var(--ig-blue);margin-top:1px}.dsh-ig-canvas-hint>span{flex:1 1 0;min-width:0}.dsh-ig-canvas-hint>button{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;background:transparent;color:var(--ig-fg-cap);cursor:pointer;transition:background .15s,color .15s}.dsh-ig-canvas-hint>button:hover{background:rgba(47,100,245,.1);color:var(--ig-blue)}
 .dsh-ig-status-badge-wrap{position:relative;display:inline-flex;align-items:center}
-.dsh-ig-status-badge{height:30px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--ig-line);border-radius:7px;background:var(--background,#fff);cursor:pointer;user-select:none;transition:border-color .15s,background .15s,box-shadow .15s}
-.dsh-ig-status-badge:hover{border-color:#9bb4f5;background:rgba(47,100,245,.04)}
+.dsh-ig-status-badge{height:30px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--ig-line);border-radius:7px;background:var(--ig-bg);cursor:pointer;user-select:none;transition:border-color .15s,background .15s,box-shadow .15s}
+.dsh-ig-status-badge:hover{border-color:var(--ig-blue-line);background:rgba(47,100,245,.04)}
 .dsh-ig-status-dot{width:7px;height:7px;min-width:7px;max-width:7px;border-radius:50%;flex-shrink:0;box-sizing:border-box}
 .dsh-ig-status-dot.is-ready{background:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.2)}
 .dsh-ig-status-dot.is-muted{background:#ef4444;box-shadow:0 0 0 2px rgba(239,68,68,.2)}
-.dsh-ig-status-text{font-size:11.5px;font-weight:500;color:var(--foreground,#242f44);line-height:1}
-.dsh-ig-status-arrow{color:#94a3b8;transition:transform .15s,color .15s}
+.dsh-ig-status-text{font-size:11.5px;font-weight:500;color:var(--ig-fg);line-height:1}
+.dsh-ig-status-arrow{color:var(--ig-fg-cap);transition:transform .15s,color .15s}
 .dsh-ig-status-badge-wrap:hover .dsh-ig-status-arrow{transform:rotate(180deg);color:var(--ig-blue)}
-.dsh-ig-status-popover{position:absolute;left:0;top:calc(100% + 6px);width:260px;background:var(--background,#fff);border:1px solid var(--ig-line);border-radius:9px;box-shadow:0 12px 36px rgba(20,28,45,.14);padding:10px 12px;z-index:40;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1)}
+.dsh-ig-status-popover{position:absolute;left:0;top:calc(100% + 6px);width:260px;background:var(--ig-bg);border:1px solid var(--ig-line);border-radius:9px;box-shadow:0 12px 36px rgba(20,28,45,.14);padding:10px 12px;z-index:40;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1)}
 .dsh-ig-status-badge-wrap:hover .dsh-ig-status-popover{opacity:1;pointer-events:auto;transform:translateY(0)}
-.dsh-ig-status-popover-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:650;color:#8590a6;margin-bottom:8px;letter-spacing:.02em;text-transform:uppercase}
+.dsh-ig-status-popover-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:650;color:var(--ig-fg-cap);margin-bottom:8px;letter-spacing:.02em;text-transform:uppercase}
 .dsh-ig-status-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
 .dsh-ig-status-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;transition:background .12s}
 .dsh-ig-status-list li.is-configured{background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.12)}
 .dsh-ig-status-list li.is-missing{background:rgba(239,68,68,.04);border:1px solid rgba(239,68,68,.12);opacity:.75}
 .dsh-ig-status-item-name{display:flex;flex-direction:column;min-width:0}
-.dsh-ig-status-item-name strong{font-size:11.5px;font-weight:600;color:var(--foreground,#182033);line-height:16px}
-.dsh-ig-status-item-name small{font-size:9.5px;color:#7c869a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:145px;line-height:14px}
+.dsh-ig-status-item-name strong{font-size:11.5px;font-weight:600;color:var(--ig-fg);line-height:16px}
+.dsh-ig-status-item-name small{font-size:9.5px;color:var(--ig-fg-cap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:145px;line-height:14px}
 .dsh-ig-status-item-tag{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;flex-shrink:0}
 .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,.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-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-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-canvas-empty,.dsh-ig-generating-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;color:var(--ig-fg-cap);font-size:12px;padding:26px;cursor:default}
+.dsh-ig-generating-state strong{font-size:15px;color:var(--ig-fg)}.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(--ig-bg);font-size:11px;cursor:pointer}.dsh-ig-result-strip button:hover,.dsh-ig-result-actions button:hover{border-color:var(--ig-blue-line);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:var(--ig-fg-2)}.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:var(--ig-fg-cap)}.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-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(--ig-bg);display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;cursor:pointer}.dsh-ig-mode-switch button.is-active{border-color:var(--ig-blue-line);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:var(--ig-fg-cap)}.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:var(--ig-fg-3);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(--ig-bg);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:var(--ig-fg-cap);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(--ig-bg);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(--ig-bg);font-size:12px;font-weight:600;color:var(--ig-fg-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.dsh-ig-count-pill:hover{border-color:var(--ig-blue-line);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:var(--ig-fg-3);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(--ig-bg);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:var(--ig-fg-cap)}.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(--ig-bg);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.dsh-ig-model-checks>button:hover{border-color:var(--ig-blue-line);transform:translateY(-1px)}.dsh-ig-model-checks>button.is-selected{border-color:var(--ig-blue-line);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 var(--ig-line);border-radius:5px;display:grid;place-items:center;color:#fff;background:var(--ig-bg)}.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:var(--ig-fg-cap);font-size:9.5px;line-height:14px}.dsh-ig-model-settings{display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--ig-fg-2);font-size:9.5px;white-space:nowrap}.dsh-ig-model-settings em{font-style:normal;color:var(--ig-warn);font-size:8.5px}.dsh-ig-compare-box>p{margin:0;color:var(--ig-fg-3);font-size:9.5px;line-height:14px}
+.dsh-ig-upload{height:92px;border:1px dashed var(--ig-line);border-radius:9px;background:color-mix(in srgb,var(--ig-bg) 55%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ig-fg-3);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)}
+.dsh-ig-reference-card{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--ig-bg-thumb);border:1px solid var(--ig-line)}
 .dsh-ig-reference-card img{width:100%;height:100%;object-fit:cover}
 .dsh-ig-reference-card button{position:absolute;right:4px;top:4px;width:18px;height:18px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(20,28,45,.75);color:#fff;cursor:pointer;padding:0;transition:background .15s}
 .dsh-ig-reference-card button:hover{background:#ef4444}
-.dsh-ig-reference-add{aspect-ratio:1;border:1px dashed #bcc6d9;border-radius:8px;background:rgba(255,255,255,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7d879b;cursor:pointer;font-size:10px;transition:border-color .15s,color .15s,background .15s}
+.dsh-ig-reference-add{aspect-ratio:1;border:1px dashed var(--ig-line);border-radius:8px;background:color-mix(in srgb,var(--ig-bg) 55%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ig-fg-3);cursor:pointer;font-size:10px;transition:border-color .15s,color .15s,background .15s}
 .dsh-ig-reference-add:hover{border-color:var(--ig-blue);background:rgba(47,100,245,.05);color:var(--ig-blue)}
-.dsh-ig-reference-preview{position:relative;height:108px;border-radius:9px;overflow:hidden;background:#eef1f7}.dsh-ig-reference-preview img{width:100%;height:100%;object-fit:contain}.dsh-ig-reference-preview button{position:absolute;right:7px;top:7px;width:25px;height:25px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(20,28,45,.72);color:#fff;cursor:pointer}
-.dsh-ig-inline-note,.dsh-ig-form-error{padding:9px 10px;border-radius:7px;font-size:10.5px;line-height:16px}.dsh-ig-inline-note{background:#fff8e7;color:#8b671c;border:1px solid #f1dfae}.dsh-ig-form-error{background:#fff1f1;color:#b63737;border:1px solid #f2caca}.dsh-ig-form-loading{height:70px;display:grid;place-items:center;color:var(--ig-blue)}
-.dsh-ig-config-error{padding:14px;display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff1f1;border:1px solid #f2caca;border-radius:8px;color:#b63737;font-size:11.5px;text-align:center}.dsh-ig-config-error p{margin:0;line-height:17px}.dsh-ig-config-error button{height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:1px solid #e0a8a8;border-radius:6px;background:#fff;color:#b63737;font-size:11.5px;font-weight:600;cursor:pointer}.dsh-ig-config-error button:hover{background:#ffebeb}
+.dsh-ig-reference-preview{position:relative;height:108px;border-radius:9px;overflow:hidden;background:var(--ig-bg-thumb)}.dsh-ig-reference-preview img{width:100%;height:100%;object-fit:contain}.dsh-ig-reference-preview button{position:absolute;right:7px;top:7px;width:25px;height:25px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(20,28,45,.72);color:#fff;cursor:pointer}
+.dsh-ig-inline-note,.dsh-ig-form-error{padding:9px 10px;border-radius:7px;font-size:10.5px;line-height:16px}.dsh-ig-inline-note{background:rgba(245,158,11,.1);color:var(--ig-warn);border:1px solid rgba(245,158,11,.35)}.dsh-ig-form-error{background:rgba(239,68,68,.08);color:var(--ig-danger);border:1px solid rgba(239,68,68,.3)}.dsh-ig-form-loading{height:70px;display:grid;place-items:center;color:var(--ig-blue)}
+.dsh-ig-config-error{padding:14px;display:flex;flex-direction:column;align-items:center;gap:10px;background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--ig-danger);font-size:11.5px;text-align:center}.dsh-ig-config-error p{margin:0;line-height:17px}.dsh-ig-config-error button{height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:1px solid rgba(239,68,68,.35);border-radius:6px;background:var(--ig-bg);color:var(--ig-danger);font-size:11.5px;font-weight:600;cursor:pointer}.dsh-ig-config-error button:hover{background:rgba(239,68,68,.12)}
 .dsh-ig-generate-button{height:42px;flex:0 0 auto;border:0;border-radius:8px;background:linear-gradient(135deg,#386cf6,#2758e7);color:#fff!important;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:650;cursor:pointer;box-shadow:0 8px 18px rgba(47,100,245,.22);transition:transform .16s,box-shadow .16s}.dsh-ig-generate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px rgba(47,100,245,.28)}.dsh-ig-generate-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
 .dsh-ig-generate-button.is-cancel{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 18px rgba(239,68,68,.25)}.dsh-ig-generate-button.is-cancel:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 10px 24px rgba(239,68,68,.35)}
-.dsh-ig-details{padding:16px;margin:0;overflow:auto}.dsh-ig-details>div{padding:12px 0;border-bottom:1px solid var(--ig-line)}.dsh-ig-details dt{font-size:10.5px;color:#8992a4;margin-bottom:5px}.dsh-ig-details dd{margin:0;font-size:11.5px;line-height:18px;word-break:break-word}.dsh-ig-details-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:220px;padding:20px;color:#929bad;font-size:11px;text-align:center}
+.dsh-ig-details{padding:16px;margin:0;overflow:auto}.dsh-ig-details>div{padding:12px 0;border-bottom:1px solid var(--ig-line)}.dsh-ig-details dt{font-size:10.5px;color:var(--ig-fg-cap);margin-bottom:5px}.dsh-ig-details dd{margin:0;font-size:11.5px;line-height:18px;word-break:break-word}.dsh-ig-details-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:220px;padding:20px;color:var(--ig-fg-cap);font-size:11px;text-align:center}
 .dsh-ig-workbench-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(3px);z-index:999;display:grid;place-items:center;padding:16px}
-.dsh-ig-workbench-modal-box{width:100%;max-width:380px;background:var(--background,#fff);border-radius:12px;padding:20px;box-shadow:0 20px 48px rgba(0,0,0,.22);display:flex;flex-direction:column;gap:14px}
+.dsh-ig-workbench-modal-box{width:100%;max-width:380px;background:var(--ig-bg);border-radius:12px;padding:20px;box-shadow:0 20px 48px rgba(0,0,0,.22);display:flex;flex-direction:column;gap:14px}
 .dsh-ig-workbench-modal-header{display:flex;align-items:center;gap:10px}
 .dsh-ig-workbench-modal-header strong{font-size:14px;font-weight:650;color:#b91c1c}
-.dsh-ig-workbench-modal-desc{font-size:12px;line-height:18px;color:#555f77;margin:0}
-.dsh-ig-workbench-modal-option{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#4b5563;cursor:pointer}
+.dsh-ig-workbench-modal-desc{font-size:12px;line-height:18px;color:var(--ig-fg-2);margin:0}
+.dsh-ig-workbench-modal-option{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ig-fg-2);cursor:pointer}
 .dsh-ig-workbench-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
 .dsh-ig-workbench-modal-actions button{height:32px;padding:0 14px;border-radius:7px;font-size:11.5px;font-weight:600;cursor:pointer}
-.dsh-ig-workbench-modal-cancel{border:1px solid var(--ig-line);background:var(--background,#fff);color:#6b7280}
-.dsh-ig-workbench-modal-cancel:hover{background:#f3f4f6}
+.dsh-ig-workbench-modal-cancel{border:1px solid var(--ig-line);background:var(--ig-bg);color:var(--ig-fg-2)}
+.dsh-ig-workbench-modal-cancel:hover{background:var(--ig-soft)}
 .dsh-ig-workbench-modal-danger{border:0;background:#dc2626;color:#fff}
 .dsh-ig-workbench-modal-danger:hover{background:#b91c1c}
 @keyframes dshIgPulse{50%{transform:scale(1.06);box-shadow:0 0 0 16px rgba(47,100,245,.025)}}
 .dsh-ig-workbench-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:rgba(15,23,42,0.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:8px 18px;border-radius:10px;font-size:12.5px;font-weight:500;box-shadow:0 12px 32px rgba(0,0,0,0.3);z-index:99999;animation:dshIgFade .15s ease-out;pointer-events:none}
 @keyframes dshIgFade{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
 @media(max-width:1120px){.dsh-ig-workbench-grid{grid-template-columns:190px minmax(360px,1fr) 300px}.dsh-ig-result-actions button,.dsh-ig-result-strip button{padding:0 7px;font-size:10px;gap:4px}.dsh-ig-result-actions>div,.dsh-ig-result-strip>div{gap:5px}}
-@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: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-fav-scroll{height:auto;flex:none;overflow:visible}.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-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:color-mix(in srgb,var(--ig-blue) 78%,#fff)}
+.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(--ig-bg);font-size:11.5px;color:var(--ig-fg);cursor:pointer;user-select:none;transition:border-color .15s,background .15s}
+.dsh-ig-workspace-filter-label:hover{border-color:var(--ig-blue-line);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-workspace-filter-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,currentColor 7%,transparent);color:var(--ig-fg-2);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}
@@ -121757,19 +124006,19 @@ img.ProseMirror-separator {
 .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-canvas-item-loading{width:260px;height:260px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ig-bg) 55%,transparent);border:1px solid var(--ig-line);border-radius:10px;color:var(--ig-fg-cap)}
 .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}
+.dsh-ig-save-gallery-btn.is-saved{color:var(--ig-fg-2)!important;border-color:var(--ig-line)!important;background:transparent!important}
 
 /* tldraw infinite canvas surface (P0 spike) */
 .dsh-ig-tl-canvas{position:relative;flex:1 1 0;height:0;min-height:0;overflow:hidden;isolation:isolate}
-.dsh-ig-canvas-sync-status{position:absolute;z-index:500;bottom:48px;left:60px;right:16px;display:flex;align-items:center;justify-content:center;gap:8px;max-width:560px;margin:auto;padding:7px 12px;border:1px solid var(--dsh-ig-border);border-radius:10px;background:var(--dsh-ig-surface,#fff);color:var(--dsh-ig-text,#475569);box-shadow:0 2px 8px #0001;font-size:12px;pointer-events:none}
-.dsh-ig-canvas-sync-status[data-phase='error']{color:#b42318;border-color:#fecdca}
+.dsh-ig-canvas-sync-status{position:absolute;z-index:500;bottom:48px;left:60px;right:16px;display:flex;align-items:center;justify-content:center;gap:8px;max-width:560px;margin:auto;padding:7px 12px;border:1px solid var(--ig-line);border-radius:10px;background:var(--ig-bg);color:var(--ig-fg-2);box-shadow:0 2px 8px #0001;font-size:12px;pointer-events:none}
+.dsh-ig-canvas-sync-status[data-phase='error']{color:var(--ig-danger);border-color:rgba(239,68,68,.4)}
 .dsh-ig-canvas-sync-status button{pointer-events:auto;flex-shrink:0;border:1px solid currentColor;border-radius:6px;padding:3px 9px;background:transparent;color:inherit;cursor:pointer}
 
 /* ---- Right-sidebar seat variant (DSH 0.1.5 'sidebar.right.pane.tab') ----
@@ -121962,6 +124211,10 @@ img.ProseMirror-separator {
 .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-catnav{position:sticky;top:0;z-index:6;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:8px;border:1px solid var(--inspiration-line);border-radius:10px;background:color-mix(in srgb,var(--dsw-alias-bg-layer-1,#fff) 92%,#edf2ff);backdrop-filter:blur(8px)}
+.dsh-ig-inspiration-catnav-chip{height:26px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--inspiration-line);border-radius:999px;background:var(--dsw-alias-bg-layer-1,#fff);color:var(--inspiration-muted);font:inherit;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease}.dsh-ig-inspiration-catnav-chip em{font-style:normal;font-size:10px;opacity:.75}.dsh-ig-inspiration-catnav-chip:hover:not(:disabled){border-color:rgba(47,100,245,.46);color:var(--inspiration-blue)}.dsh-ig-inspiration-catnav-chip.is-active{border-color:var(--inspiration-blue);background:#eef3ff;color:var(--inspiration-blue)}.dsh-ig-inspiration-catnav-chip:disabled{opacity:.4;cursor:default}
+.dsh-ig-inspiration-group{margin:0}
+.dsh-ig-inspiration-group-head{position:sticky;top:48px;z-index:5;display:flex;align-items:center;gap:8px;margin:6px 0 10px;padding:7px 2px;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--inspiration-ink);background:color-mix(in srgb,var(--dsw-alias-bg-layer-1,#fff) 86%,transparent);backdrop-filter:blur(6px);scroll-margin-top:48px}.dsh-ig-inspiration-group-head em{font-style:normal;font-weight:600;font-size:10.5px;color:var(--inspiration-muted)}
 .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)}
@@ -121985,7 +124238,37 @@ img.ProseMirror-separator {
 .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)}
+.dsh-ig-inspiration-sources{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.dsh-ig-inspiration-source-chip{height:30px;padding:0 13px;display:inline-flex;align-items:center;border:1px solid var(--inspiration-line);border-radius:999px;background:var(--dsw-alias-bg-layer-1,#fff);color:var(--inspiration-muted);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.dsh-ig-inspiration-source-chip:hover{border-color:rgba(47,100,245,.46);color:var(--inspiration-blue)}.dsh-ig-inspiration-source-chip.is-active{border-color:var(--inspiration-blue);background:linear-gradient(135deg,#386cf6,#2758e7);color:#fff;box-shadow:0 5px 12px rgba(47,100,245,.22)}
+.dsh-ig-inspiration-actions .dsh-ig-inspiration-use.is-secondary{grid-column:1/-1;border-color:rgba(47,100,245,.5);background:var(--dsw-alias-bg-layer-1,#fff);color:var(--inspiration-blue);box-shadow:none}.dsh-ig-inspiration-actions .dsh-ig-inspiration-use.is-secondary:hover{color:#2758e7;transform:translateY(-1px)}.dsh-ig-inspiration-actions .dsh-ig-inspiration-use.is-secondary:disabled{opacity:.6;cursor:wait;transform:none}
 @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}}
+
+.dsh-ig-inspiration-source-chip svg{flex-shrink:0}
+.dsh-ig-baoyu-panel{border:1px solid var(--inspiration-line);border-radius:11px;background:var(--dsw-alias-bg-layer-1,#fff);padding:18px;display:flex;flex-direction:column;gap:14px}
+.dsh-ig-baoyu-intro{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
+.dsh-ig-baoyu-combos{font-size:12px;color:var(--inspiration-blue)}
+.dsh-ig-baoyu-hint{font-size:11px;color:var(--inspiration-muted)}
+.dsh-ig-baoyu-dim{display:flex;flex-direction:column;gap:7px}
+.dsh-ig-baoyu-dim-head{font-size:11px;font-weight:650;color:var(--inspiration-muted);letter-spacing:.02em}
+.dsh-ig-baoyu-chips{display:flex;flex-wrap:wrap;gap:6px}
+.dsh-ig-baoyu-chip{height:28px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--inspiration-line);border-radius:999px;background:var(--dsw-alias-bg-layer-1,#fff);color:#536075;font:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}
+.dsh-ig-baoyu-chip:hover{border-color:rgba(47,100,245,.46);color:var(--inspiration-blue)}
+.dsh-ig-baoyu-chip.is-active{border-color:var(--inspiration-blue);background:rgba(47,100,245,.09);color:var(--inspiration-blue)}
+.dsh-ig-baoyu-swatch{display:inline-flex;gap:2px}
+.dsh-ig-baoyu-swatch i{width:9px;height:9px;border-radius:50%;border:1px solid rgba(15,23,42,.15);display:block}
+.dsh-ig-baoyu-title-input{height:34px;flex:1;padding:0 11px;border:1px solid var(--inspiration-line);border-radius:7px;background:var(--dsw-alias-bg-layer-1,#fff);color:inherit;font:inherit;font-size:12px}
+.dsh-ig-baoyu-title-input:focus{outline:none;border-color:rgba(47,100,245,.55)}
+.dsh-ig-baoyu-title-input:disabled{opacity:.45}
+.dsh-ig-baoyu-required{color:#dc2626;font-size:11px}
+.dsh-ig-baoyu-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.dsh-ig-baoyu-btn{height:34px;padding:0 14px;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:#536075;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease}
+.dsh-ig-baoyu-btn:hover{border-color:rgba(47,100,245,.46);color:var(--inspiration-blue)}
+.dsh-ig-baoyu-btn:disabled{opacity:.5;cursor:not-allowed}
+.dsh-ig-baoyu-btn.is-primary{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-baoyu-btn.is-primary:hover{color:#fff;transform:translateY(-1px)}
+.dsh-ig-baoyu-btn.is-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}
+.dsh-ig-baoyu-preview-block{display:flex;flex-direction:column;gap:6px}
+.dsh-ig-baoyu-preview-head{font-size:11px;font-weight:650;color:var(--inspiration-muted)}
+.dsh-ig-baoyu-preview{max-height:260px;margin:0;padding:12px;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.6;color:#526078}
 `;
 		//#endregion
 		//#region lib/types/client/conversation-image-revisions.js
@@ -122500,7 +124783,7 @@ img.ProseMirror-separator {
 `;
 		//#endregion
 		//#region lib/types/client/index.js
-		console.info(`[dsh-image-gen] canvas bundle 2026-09-26T07:20:53.102Z`);
+		console.info(`[dsh-image-gen] canvas bundle 2026-09-30T06:41:54.565Z`);
 		/** Right-sidebar tab-type registration id (DSH 0.1.5 `sidebarRightTabs`). */
 		const SIDEBAR_STUDIO_TAB_ID = "dsh-image-gen/studio";
 		/** The tab kind: a page type opened by kind, recognizing no resource address. */
@@ -122528,6 +124811,7 @@ img.ProseMirror-separator {
 				subBadgeUnknown: "状态未知",
 				subSectionTitle: "订阅生图",
 				subHint: "通过已登录的订阅账号生图，无需 API Key。登录在你的授权下进行，不会修改任何 API Key 或默认 Provider。",
+				subProxyHint: "需要代理时，请在登录前开启代理软件的 TUN（虚拟网卡）模式。普通系统代理可能无法覆盖 DSH 后端请求，导致网页授权后登录失败。",
 				subAccountLabel: "账号",
 				subAccountEmail: "已登录：{email}",
 				subAccountNone: "未登录",
@@ -122562,6 +124846,9 @@ img.ProseMirror-separator {
 				clearKeyFailed: "清除 Key 失败",
 				saveKeyFailed: "保存 Key 失败",
 				saveKeyFirst: "请先保存 API Key，再拉取模型或测试连接。",
+				saveEndpointFirst: "接口地址尚未保存，请先点击保存，再拉取模型或测试连接。",
+				endpointRequired: "请填写接口地址并保存，再拉取模型或测试连接。",
+				savedEndpointMissing: "未读取到已保存的接口地址，请保存后重试。",
 				clearKeyUnsupported: "当前版本 DSH 不支持在此清除 Key，请到凭据管理中删除。",
 				endpoint: "接口地址",
 				reset: "重置",
@@ -122572,7 +124859,8 @@ img.ProseMirror-separator {
 				editFormat: "图生图请求形态",
 				editFormatMultipart: "标准 multipart（OpenAI 官方）",
 				editFormatJsonImageUrlArray: "JSON images 数组（商汤等中转）",
-				editFormatHint: "文生图不受影响。仅当中转站的图生图接口使用自有 JSON 契约（如商汤 SenseNova）时才需要切换。",
+				editFormatFormReferenceImages: "multipart + reference_images JSON 数组（base64）",
+				editFormatHint: "文生图不受影响。仅当中转站的图生图接口使用自有契约（如商汤 SenseNova 的 JSON images 数组，或要求 reference_images base64 数组的中转）时才需要切换。",
 				editExtra: "附加 JSON 字段",
 				editExtraPlaceholder: "{\"watermark\": false, \"prompt_extend\": true}",
 				editExtraHint: "仅 JSON 形态生效；会合并到请求体末尾，可覆盖默认字段。留空表示不附加。",
@@ -122672,6 +124960,7 @@ img.ProseMirror-separator {
 				subBadgeUnknown: "Unknown",
 				subSectionTitle: "Subscription generation",
 				subHint: "Generates through a logged-in subscription account; no API key needed. Signing in never changes any API key or the default provider.",
+				subProxyHint: "If you need a proxy, enable TUN (virtual network adapter) mode before signing in. A system proxy alone may not cover DSH backend requests, causing sign-in to fail after browser authorization.",
 				subAccountLabel: "Account",
 				subAccountEmail: "Signed in: {email}",
 				subAccountNone: "Not signed in",
@@ -122706,6 +124995,9 @@ img.ProseMirror-separator {
 				clearKeyFailed: "Failed to clear key",
 				saveKeyFailed: "Failed to save the key",
 				saveKeyFirst: "Save the API key first, then fetch models or test the connection.",
+				saveEndpointFirst: "The endpoint address has not been saved. Click Save before fetching models or testing the connection.",
+				endpointRequired: "Enter and save an endpoint address before fetching models or testing the connection.",
+				savedEndpointMissing: "No saved endpoint address was found. Save it and try again.",
 				clearKeyUnsupported: "This DSH build cannot clear keys here; remove it from credential management instead.",
 				endpoint: "Endpoint / Base URL",
 				reset: "Reset",
@@ -122716,7 +125008,8 @@ img.ProseMirror-separator {
 				editFormat: "Edit request format",
 				editFormatMultipart: "Standard multipart (official OpenAI)",
 				editFormatJsonImageUrlArray: "JSON images array (SenseNova etc.)",
-				editFormatHint: "Text-to-image is unaffected. Only switch when the relay runs image edits on its own JSON contract (e.g. SenseNova); size is pinned to \"auto\" in this format (the only value SenseNova's edits endpoint accepts) and can be overridden via extra fields.",
+				editFormatFormReferenceImages: "Multipart with a reference_images JSON array (base64)",
+				editFormatHint: "Text-to-image is unaffected. Only switch when the relay runs image edits on its own contract (e.g. SenseNova's JSON images array, or a relay that takes reference_images as a base64 JSON array); size is pinned to \"auto\" in the JSON images format (the only value SenseNova's edits endpoint accepts) and can be overridden via extra fields.",
 				editExtra: "Extra JSON fields",
 				editExtraPlaceholder: "{\"watermark\": false, \"prompt_extend\": true}",
 				editExtraHint: "Only used with the JSON format; merged into the request body last and may override defaults. Leave empty for none.",
@@ -123115,11 +125408,6 @@ img.ProseMirror-separator {
 			const configForms = ctx.get("configForms");
 			const settingsScopeApi = configForms === void 0 ? ctx.get("settingsScope") : void 0;
 			const scope = configForms?.get("image-gen") ?? settingsScopeApi?.bind({ namespace: "image-generation" }) ?? degradedScope();
-			const chatScope = configForms?.get("ui-chat") ?? settingsScopeApi?.bind({ namespace: "ui-chat" }) ?? degradedScope();
-			const isCompactTranscript = () => {
-				const mode = chatScope.getSnapshot().value?.transcriptView;
-				return configForms === void 0 ? mode !== "normal" : mode !== "standard" && mode !== "detailed" && mode !== "verbose";
-			};
 			const locale = ctx.get("locale");
 			const promotion = { enabled: false };
 			ctx.inject(["sessions"], (owner) => {
@@ -123147,7 +125435,7 @@ img.ProseMirror-separator {
 				if (uiConversation === void 0) throw new Error("dsh-image-gen: uiConversation has an incompatible interface");
 				promotion.enabled = true;
 				const ownerRegister = owner.slots.register.bind(owner.slots);
-				owner.effect(() => uiConversation.events.register(createImageResultDefinition({ isCompactTranscript })), "dsh-image-gen: promoted image result node");
+				owner.effect(() => uiConversation.events.register(createImageResultDefinition()), "dsh-image-gen: promoted image result node");
 				owner.slots.inject("conversation.chat.node", () => ownerRegister({
 					name: "conversation.chat.node",
 					key: IMAGE_RESULT_NODE_KIND,
@@ -123246,6 +125534,14 @@ img.ProseMirror-separator {
 					promoted: promotion.enabled
 				})
 			}, GeneratedImageCard));
+			ctx.slots.inject("tool.call.toolview", () => register({
+				name: "tool.call.toolview",
+				key: "generate_images",
+				inject: () => ({
+					locale,
+					promoted: promotion.enabled
+				})
+			}, GeneratedImagesCard));
 			ctx.slots.inject("tool.call.toolview", () => register({
 				name: "tool.call.toolview",
 				key: "edit_image",
@@ -123409,6 +125705,10 @@ img.ProseMirror-separator {
 				return "";
 			}
 		}
+		/** Persisted or selected edit-format value → row state; unknown values fall back to standard multipart. */
+		function parseEditFormat(value) {
+			return value === "jsonImageUrlArray" || value === "formReferenceImages" ? value : "multipart";
+		}
 		/** Build one row per provider from persisted settings, including ComfyUI extras. */
 		function rowsFromSettings(value) {
 			const rows = {};
@@ -123422,7 +125722,7 @@ img.ProseMirror-separator {
 					timeoutSeconds: Math.max(1, Math.round((value?.comfyuiTimeoutMs ?? 3e5) / 1e3))
 				} : {},
 				...provider === "openai-compat" ? {
-					editFormat: value?.openaiCompatEditFormat === "jsonImageUrlArray" ? "jsonImageUrlArray" : "multipart",
+					editFormat: parseEditFormat(value?.openaiCompatEditFormat),
 					editExtraText: editExtraTextOf(value?.openaiCompatEditExtra)
 				} : {},
 				...provider === "seedream" ? {
@@ -123811,11 +126111,23 @@ img.ProseMirror-separator {
 					updateRow(provider, { saving: false });
 				}
 			};
+			/** These actions use host settings, so drafts must be saved before making a request. */
+			const providerActionBlockMessage = (provider) => {
+				const row = rows[provider];
+				if (row.keyInput.trim().length > 0) return t("saveKeyFirst");
+				if (isSubscriptionProvider(provider)) return void 0;
+				const address = row.baseURL.trim();
+				if (address.length === 0) return t("endpointRequired");
+				if (address !== baseURLOf(provider, props.scope.getSnapshot().value).trim()) return t("saveEndpointFirst");
+			};
+			/** Localize the host's missing-address error while preserving upstream details. */
+			const providerErrorMessage = (message) => message === "Base URL is not configured" ? t("savedEndpointMissing") : message ?? t("testFailed");
 			/** Probe through the host route so the browser side never touches credential values. */
 			const testConnection = async (provider) => {
-				if (rows[provider].keyInput.trim().length > 0) {
+				const blocked = providerActionBlockMessage(provider);
+				if (blocked !== void 0) {
 					updateRow(provider, {
-						message: t("saveKeyFirst"),
+						message: blocked,
 						messageIsError: false,
 						testResult: void 0
 					});
@@ -123847,9 +126159,10 @@ img.ProseMirror-separator {
 			};
 			/** Pull the provider's image-capable model ids through the host route (Google and the OpenAI family). */
 			const fetchProviderModels = async (provider) => {
-				if (rows[provider].keyInput.trim().length > 0) {
+				const blocked = providerActionBlockMessage(provider);
+				if (blocked !== void 0) {
 					updateRow(provider, {
-						modelFetchMessage: t("saveKeyFirst"),
+						modelFetchMessage: blocked,
 						modelFetchIsError: false
 					});
 					return;
@@ -123886,7 +126199,7 @@ img.ProseMirror-separator {
 						modelFetchIsError: true
 					});
 					else updateRow(provider, {
-						modelFetchMessage: payload.message ?? t("testFailed"),
+						modelFetchMessage: providerErrorMessage(payload.message),
 						modelFetchIsError: true
 					});
 				} catch (cause) {
@@ -123937,7 +126250,7 @@ img.ProseMirror-separator {
 				if (result.ok) return t("testOk");
 				if (result.reason === "missing-key") return t("badgeMissing");
 				if (result.reason === "unauthorized") return t("testUnauthorized");
-				return `${t("testFailed")}${result.message !== void 0 && result.message.length > 0 ? `: ${result.message}` : ""}`;
+				return `${t("testFailed")}${result.message !== void 0 && result.message.length > 0 ? `: ${providerErrorMessage(result.message)}` : ""}`;
 			};
 			const badgeOf = (provider) => {
 				if (provider === "comfyui") return {
@@ -124239,16 +126552,23 @@ img.ProseMirror-separator {
 										className: "dsh-ig-input",
 										value: row.editFormat,
 										onChange: (event) => {
-											updateRow(provider, { editFormat: event.target.value === "jsonImageUrlArray" ? "jsonImageUrlArray" : "multipart" });
+											updateRow(provider, { editFormat: parseEditFormat(event.target.value) });
 										},
 										disabled: !snapshot.writable,
-										children: [(0, react_jsx_runtime.jsx)("option", {
-											value: "multipart",
-											children: t("editFormatMultipart")
-										}), (0, react_jsx_runtime.jsx)("option", {
-											value: "jsonImageUrlArray",
-											children: t("editFormatJsonImageUrlArray")
-										})]
+										children: [
+											(0, react_jsx_runtime.jsx)("option", {
+												value: "multipart",
+												children: t("editFormatMultipart")
+											}),
+											(0, react_jsx_runtime.jsx)("option", {
+												value: "jsonImageUrlArray",
+												children: t("editFormatJsonImageUrlArray")
+											}),
+											(0, react_jsx_runtime.jsx)("option", {
+												value: "formReferenceImages",
+												children: t("editFormatFormReferenceImages")
+											})
+										]
 									}),
 									(0, react_jsx_runtime.jsx)("span", {
 										className: "dsh-ig-hint",
@@ -124597,13 +126917,21 @@ img.ProseMirror-separator {
 						children: [
 							(0, react_jsx_runtime.jsxs)("div", {
 								className: "dsh-ig-field",
-								children: [(0, react_jsx_runtime.jsx)("span", {
-									className: "dsh-ig-label",
-									children: t("subSectionTitle")
-								}), (0, react_jsx_runtime.jsx)("p", {
-									className: "dsh-ig-hint",
-									children: t("subHint")
-								})]
+								children: [
+									(0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-ig-label",
+										children: t("subSectionTitle")
+									}),
+									(0, react_jsx_runtime.jsx)("p", {
+										className: "dsh-ig-hint",
+										children: t("subHint")
+									}),
+									(0, react_jsx_runtime.jsx)("p", {
+										className: "dsh-ig-hint",
+										role: "note",
+										children: t("subProxyHint")
+									})
+								]
 							}),
 							(0, react_jsx_runtime.jsxs)("div", {
 								className: "dsh-ig-field",
@@ -124929,15 +127257,41 @@ img.ProseMirror-separator {
 				sessionId: props.sessionId
 			});
 		}
+		/** Suppress the folded duplicate on modern hosts; render every image on legacy hosts. */
+		function GeneratedImagesCard(props) {
+			const block = props.block;
+			let results = imageResultsFromMeta(block.meta ?? block.resultView?.meta);
+			if (results.length === 0 && "kind" in block) results = ((block.resultView?.card === "generic" ? block.resultView.content : block.content) ?? []).flatMap((item) => item.type === "image" && item.attachment !== void 0 ? [{
+				attachment: item.attachment,
+				prompt: "Generated Image",
+				provider: "",
+				model: "",
+				output: ""
+			}] : []);
+			if (props.promoted && results.length > 0) return (0, react_jsx_runtime.jsx)(PromotedResultNotice, { locale: props.locale });
+			if (results.length === 0) {
+				if (!("kind" in block)) return (0, react_jsx_runtime.jsx)(ImageResultCard, { locale: props.locale });
+				const content = block.content ?? block.resultView?.content ?? [];
+				return (0, react_jsx_runtime.jsx)("div", { children: content.filter((item) => item.type === "text").map((item, index) => (0, react_jsx_runtime.jsx)("p", { children: item.text }, index)) });
+			}
+			return (0, react_jsx_runtime.jsx)("div", {
+				className: "dsh-ig-promoted-results",
+				children: results.map((result, index) => (0, react_jsx_runtime.jsx)(ImageResultCard, {
+					result,
+					locale: props.locale,
+					sessionId: props.sessionId
+				}, `${result.attachment.attachmentId}:${index}`))
+			});
+		}
 		/** Render modern image artifacts as final conversation output instead of Tool process content. */
 		function PromotedImageResultNode(props) {
 			return (0, react_jsx_runtime.jsx)("div", {
 				className: "dsh-ig-promoted-results",
-				children: props.node.data.results.map((result) => (0, react_jsx_runtime.jsx)(ImageResultCard, {
+				children: props.node.data.results.map((result, index) => (0, react_jsx_runtime.jsx)(ImageResultCard, {
 					result,
 					locale: props.locale,
 					sessionId: props.sessionId
-				}, result.attachment.attachmentId))
+				}, `${result.attachment.attachmentId}:${index}`))
 			});
 		}
 		function PromotedResultNotice({ locale }) {
@@ -125404,7 +127758,6 @@ img.ProseMirror-separator {
 								(0, react_jsx_runtime.jsxs)("label", { children: [(0, react_jsx_runtime.jsx)("span", { children: t("prompt") }), (0, react_jsx_runtime.jsx)("textarea", {
 									ref: regenerateTextareaRef,
 									value: regeneratePrompt,
-									maxLength: 2e3,
 									disabled: isRegenerating,
 									onChange: (event) => setRegeneratePrompt(event.target.value),
 									onKeyDown: (event) => {
@@ -125476,6 +127829,7 @@ img.ProseMirror-separator {
 		}
 		//#endregion
 		exports.GeneratedImageCard = GeneratedImageCard;
+		exports.GeneratedImagesCard = GeneratedImagesCard;
 		exports.ImageGenerationSettingsCard = ImageGenerationSettingsCard;
 		exports.PromotedImageResultNode = PromotedImageResultNode;
 		exports.apply = apply;