dsh-image-gen 0.2.6 → 0.3.0

package/lib/client.js

@@ -7,13 +7,21 @@ window.__ModuleLoader__.load({
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let react = require("react");
 		//#region lib/types/shared.js
-		/** Values shared by the Host and browser Bundle faces. */
 		/** Browser route used by the generated-image card. */
 		const IMAGE_ROUTE = "/plugins/dsh-image-gen/image";
 		/** 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. */
+		const STUDIO_ROUTE = "/plugins/dsh-image-gen/studio";
 		/** Namespace persisted through DSH Settings. */
 		const IMAGE_GENERATION_NAMESPACE = "image-generation";
+		/** Providers supported by the first browser workbench release. */
+		const CLOUD_IMAGE_PROVIDERS = [
+			"google",
+			"openai",
+			"seedream",
+			"dashscope"
+		];
 		/** Default endpoints and base URLs. */
 		const DEFAULT_GOOGLE_ENDPOINT = "https://generativelanguage.googleapis.com/v1beta/interactions";
 		const DEFAULT_OPENAI_BASE_URL = "https://api.openai.com/v1";
@@ -300,6 +308,29 @@ window.__ModuleLoader__.load({
 			}
 		}
 		/**
+		* Delete a single gallery record by ID and record a tombstone.
+		*/
+		async function deleteGalleryItem(id) {
+			const db = await getDB();
+			const tombstones = await loadTombstones(db);
+			await new Promise((resolve, reject) => {
+				const tx = db.transaction([STORE_NAME, TOMBSTONE_STORE], "readwrite");
+				const store = tx.objectStore(STORE_NAME);
+				const tombstoneStore = tx.objectStore(TOMBSTONE_STORE);
+				store.delete(id);
+				tombstoneStore.put({
+					id,
+					deletedAt: Date.now()
+				});
+				tx.oncomplete = () => {
+					tombstones.add(id);
+					resolve();
+				};
+				tx.onerror = () => reject(tx.error);
+			});
+			notifyListeners();
+		}
+		/**
 		* Bulk delete multiple gallery records by IDs and record tombstones in a single transaction.
 		*/
 		async function bulkDeleteGalleryItems(ids) {
@@ -327,6 +358,30 @@ window.__ModuleLoader__.load({
 			});
 			notifyListeners();
 		}
+		/**
+		* Standardize path format across Windows and POSIX (lowercase, forward slashes, no trailing slash).
+		*/
+		function normalizeWorkspacePath(rawPath) {
+			return rawPath.replace(/\\/g, "/").toLowerCase().replace(/\/+$/, "");
+		}
+		/**
+		* Determine if a gallery item belongs to the given workspace context.
+		* Compares workspaceId, sessionId membership, workspacePath, and savedTo file path prefix.
+		*/
+		function isItemInWorkspace(item, workspace) {
+			if (!workspace || !workspace.workspaceId && !workspace.path && (!workspace.sessionIds || workspace.sessionIds.length === 0)) 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) {
+				if (normalizeWorkspacePath(item.workspacePath) === normalizeWorkspacePath(workspace.path)) return true;
+			}
+			if (item.savedTo && workspace.path) {
+				const normSaved = normalizeWorkspacePath(item.savedTo);
+				const normWs = normalizeWorkspacePath(workspace.path);
+				if (normSaved === normWs || normSaved.startsWith(normWs + "/")) return true;
+			}
+			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
 		/**
@@ -466,6 +521,16 @@ window.__ModuleLoader__.load({
 		* This source code is licensed under the ISC license.
 		* See the LICENSE file in the root directory of this source tree.
 		*/
+		const ChevronDown = createLucideIcon("chevron-down", [["path", {
+			d: "m6 9 6 6 6-6",
+			key: "qrunsl"
+		}]]);
+		/**
+		* @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 ChevronLeft = createLucideIcon("chevron-left", [["path", {
 			d: "m15 18-6-6 6-6",
 			key: "1wnfg3"
@@ -486,6 +551,24 @@ 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 Clipboard = createLucideIcon("clipboard", [["rect", {
+			width: "8",
+			height: "4",
+			x: "8",
+			y: "2",
+			rx: "1",
+			ry: "1",
+			key: "tgr4d6"
+		}], ["path", {
+			d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
+			key: "116196"
+		}]]);
+		/**
+		* @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 Copy = createLucideIcon("copy", [["rect", {
 			width: "14",
 			height: "14",
@@ -524,6 +607,46 @@ 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 Expand = createLucideIcon("expand", [
+			["path", {
+				d: "m15 15 6 6",
+				key: "1s409w"
+			}],
+			["path", {
+				d: "m15 9 6-6",
+				key: "ko1vev"
+			}],
+			["path", {
+				d: "M21 16v5h-5",
+				key: "1ck2sf"
+			}],
+			["path", {
+				d: "M21 8V3h-5",
+				key: "1qoq8a"
+			}],
+			["path", {
+				d: "M3 16v5h5",
+				key: "1t08am"
+			}],
+			["path", {
+				d: "m3 21 6-6",
+				key: "wwnumi"
+			}],
+			["path", {
+				d: "M3 8V3h5",
+				key: "1ln10m"
+			}],
+			["path", {
+				d: "M9 9 3 3",
+				key: "v551iv"
+			}]
+		]);
+		/**
+		* @license lucide-react v1.38.0 - ISC
+		*
+		* This source code is licensed under the ISC license.
+		* See the LICENSE file in the root directory of this source tree.
+		*/
 		const FileText = createLucideIcon("file-text", [
 			["path", {
 				d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
@@ -552,26 +675,38 @@ 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 GitCompare = createLucideIcon("git-compare", [
-			["circle", {
-				cx: "18",
-				cy: "18",
-				r: "3",
-				key: "1xkwt0"
+		const Heart = createLucideIcon("heart", [["path", {
+			d: "M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5",
+			key: "mvr1a0"
+		}]]);
+		/**
+		* @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 ImagePlus = createLucideIcon("image-plus", [
+			["path", {
+				d: "M16 5h6",
+				key: "1vod17"
 			}],
-			["circle", {
-				cx: "6",
-				cy: "6",
-				r: "3",
-				key: "1lh9wr"
+			["path", {
+				d: "M19 2v6",
+				key: "4bpg5p"
 			}],
 			["path", {
-				d: "M13 6h3a2 2 0 0 1 2 2v7",
-				key: "1yeb86"
+				d: "M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5",
+				key: "1ue2ih"
 			}],
 			["path", {
-				d: "M11 18H8a2 2 0 0 1-2-2V9",
-				key: "19pyzm"
+				d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",
+				key: "1xmnt7"
+			}],
+			["circle", {
+				cx: "9",
+				cy: "9",
+				r: "2",
+				key: "af1f0g"
 			}]
 		]);
 		/**
@@ -580,16 +715,6 @@ 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 Heart = createLucideIcon("heart", [["path", {
-			d: "M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5",
-			key: "mvr1a0"
-		}]]);
-		/**
-		* @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 Image$1 = createLucideIcon("image", [
 			["rect", {
 				width: "18",
@@ -617,30 +742,106 @@ 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 ListTodo = createLucideIcon("list-todo", [
+		const LoaderCircle = createLucideIcon("loader-circle", [["path", {
+			d: "M21 12a9 9 0 1 1-6.219-8.56",
+			key: "13zald"
+		}]]);
+		/**
+		* @license lucide-react v1.38.0 - ISC
+		*
+		* This source code is licensed under the ISC license.
+		* See the LICENSE file in the root directory of this source tree.
+		*/
+		const PanelLeftClose = createLucideIcon("panel-left-close", [
+			["rect", {
+				width: "18",
+				height: "18",
+				x: "3",
+				y: "3",
+				rx: "2",
+				key: "afitv7"
+			}],
+			["path", {
+				d: "M9 3v18",
+				key: "fh3hqa"
+			}],
+			["path", {
+				d: "m16 15-3-3 3-3",
+				key: "14y99z"
+			}]
+		]);
+		/**
+		* @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 PanelLeft = createLucideIcon("panel-left", [["rect", {
+			width: "18",
+			height: "18",
+			x: "3",
+			y: "3",
+			rx: "2",
+			key: "afitv7"
+		}], ["path", {
+			d: "M9 3v18",
+			key: "fh3hqa"
+		}]]);
+		/**
+		* @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 PencilLine = createLucideIcon("pencil-line", [
+			["path", {
+				d: "M13 21h8",
+				key: "1jsn5i"
+			}],
 			["path", {
-				d: "M13 5h8",
-				key: "a7qcls"
+				d: "m15 5 4 4",
+				key: "1mk7zo"
 			}],
 			["path", {
-				d: "M13 12h8",
-				key: "h98zly"
+				d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+				key: "1a8usu"
+			}]
+		]);
+		/**
+		* @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 Plus = createLucideIcon("plus", [["path", {
+			d: "M5 12h14",
+			key: "1ays0h"
+		}], ["path", {
+			d: "M12 5v14",
+			key: "s699le"
+		}]]);
+		/**
+		* @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 RefreshCw = createLucideIcon("refresh-cw", [
+			["path", {
+				d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",
+				key: "v9h5vc"
 			}],
 			["path", {
-				d: "M13 19h8",
-				key: "c3s6r1"
+				d: "M21 3v5h-5",
+				key: "1q7to0"
 			}],
 			["path", {
-				d: "m3 17 2 2 4-4",
-				key: "1jhpwq"
+				d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",
+				key: "3uifl3"
 			}],
-			["rect", {
-				x: "3",
-				y: "4",
-				width: "6",
-				height: "6",
-				rx: "1",
-				key: "cif1o7"
+			["path", {
+				d: "M8 16H3v5",
+				key: "1cv678"
 			}]
 		]);
 		/**
@@ -708,6 +909,32 @@ 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 Sparkles = createLucideIcon("sparkles", [
+			["path", {
+				d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
+				key: "1s2grr"
+			}],
+			["path", {
+				d: "M20 2v4",
+				key: "1rf3ol"
+			}],
+			["path", {
+				d: "M22 4h-4",
+				key: "gwowj6"
+			}],
+			["circle", {
+				cx: "4",
+				cy: "20",
+				r: "2",
+				key: "6kqj1y"
+			}]
+		]);
+		/**
+		* @license lucide-react v1.38.0 - ISC
+		*
+		* This source code is licensed under the ISC license.
+		* See the LICENSE file in the root directory of this source tree.
+		*/
 		const Trash2 = createLucideIcon("trash-2", [
 			["path", {
 				d: "M10 11v6",
@@ -756,6 +983,26 @@ window.__ModuleLoader__.load({
 		* This source code is licensed under the ISC license.
 		* See the LICENSE file in the root directory of this source tree.
 		*/
+		const Upload = createLucideIcon("upload", [
+			["path", {
+				d: "M12 3v12",
+				key: "1x0j5s"
+			}],
+			["path", {
+				d: "m17 8-5-5-5 5",
+				key: "7q97r8"
+			}],
+			["path", {
+				d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+				key: "ih7n3h"
+			}]
+		]);
+		/**
+		* @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 X = createLucideIcon("x", [["path", {
 			d: "M18 6 6 18",
 			key: "1bl5f8"
@@ -763,21 +1010,1592 @@ window.__ModuleLoader__.load({
 			d: "m6 6 12 12",
 			key: "d8bk6v"
 		}]]);
+		/**
+		* @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 ZoomIn = createLucideIcon("zoom-in", [
+			["circle", {
+				cx: "11",
+				cy: "11",
+				r: "8",
+				key: "4ej97u"
+			}],
+			["line", {
+				x1: "21",
+				x2: "16.65",
+				y1: "21",
+				y2: "16.65",
+				key: "13gj7c"
+			}],
+			["line", {
+				x1: "11",
+				x2: "11",
+				y1: "8",
+				y2: "14",
+				key: "1vmskp"
+			}],
+			["line", {
+				x1: "8",
+				x2: "14",
+				y1: "11",
+				y2: "11",
+				key: "durymu"
+			}]
+		]);
+		/**
+		* @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 ZoomOut = createLucideIcon("zoom-out", [
+			["circle", {
+				cx: "11",
+				cy: "11",
+				r: "8",
+				key: "4ej97u"
+			}],
+			["line", {
+				x1: "21",
+				x2: "16.65",
+				y1: "21",
+				y2: "16.65",
+				key: "13gj7c"
+			}],
+			["line", {
+				x1: "8",
+				x2: "14",
+				y1: "11",
+				y2: "11",
+				key: "durymu"
+			}]
+		]);
+		let currentCacheBytes = 0;
+		const cache = /* @__PURE__ */ new Map();
+		/**
+		* Fetch or reuse an image Blob by attachment ID.
+		* Refreshes LRU recency on hit and enforces count/byte limits on arrival.
+		*/
+		function fetchAttachmentBlob(attachment) {
+			const key = String(attachment.attachmentId);
+			const existing = cache.get(key);
+			if (existing !== void 0) {
+				cache.delete(key);
+				cache.set(key, existing);
+				return existing.promise;
+			}
+			const entry = {
+				promise: Promise.resolve().then(async () => {
+					try {
+						const response = await fetch(IMAGE_ROUTE, {
+							method: "POST",
+							credentials: "same-origin",
+							headers: { "content-type": "application/json" },
+							body: JSON.stringify({ attachment })
+						});
+						if (!response.ok) throw new Error(`Image unavailable (${response.status})`);
+						const blob = await response.blob();
+						if (cache.get(key) === entry) {
+							entry.bytes = blob.size;
+							currentCacheBytes += blob.size;
+							enforceLimits();
+						}
+						return blob;
+					} catch (err) {
+						if (cache.get(key) === entry) cache.delete(key);
+						throw err;
+					}
+				}),
+				bytes: 0
+			};
+			cache.set(key, entry);
+			enforceLimits();
+			return entry.promise;
+		}
+		/** Evict one item from memory cache (e.g. when deleted from gallery). */
+		function evictAttachmentCache(attachmentId) {
+			const key = String(attachmentId);
+			const entry = cache.get(key);
+			if (entry !== void 0) {
+				currentCacheBytes = Math.max(0, currentCacheBytes - entry.bytes);
+				cache.delete(key);
+			}
+		}
+		function enforceLimits() {
+			while (cache.size > 30 || currentCacheBytes > 134217728) {
+				const oldestKey = cache.keys().next().value;
+				if (oldestKey === void 0) break;
+				const oldest = cache.get(oldestKey);
+				if (oldest !== void 0) currentCacheBytes = Math.max(0, currentCacheBytes - oldest.bytes);
+				cache.delete(oldestKey);
+			}
+		}
 		//#endregion
-		//#region lib/types/client/gallery-view.js
+		//#region lib/types/client/browser-image-utils.js
 		/**
-		* Native Workspace Gallery & Studio View Component for DSH `conversation.view` slot.
-		* Fully i18n-reactive (Chinese & English) with modular tabs, multi-dimensional filters,
-		* responsive image grid, and placeholder routes.
+		* Shared browser image and DOM helpers for client views.
+		* Completely decoupled from gallery-view and studio-view to prevent circular dependencies.
 		*/
-		const DICT$1 = {
+		/** Copy an image Blob to the OS clipboard, converting to PNG if required by the browser. */
+		async function copyImageBlob(blob) {
+			try {
+				if (blob.type === "image/png") {
+					await navigator.clipboard.write([new ClipboardItem({ "image/png": blob })]);
+					return true;
+				}
+				if (typeof createImageBitmap === "function") {
+					const bitmap = await createImageBitmap(blob);
+					try {
+						const canvas = document.createElement("canvas");
+						canvas.width = bitmap.width;
+						canvas.height = bitmap.height;
+						const ctx = canvas.getContext("2d");
+						if (!ctx) return false;
+						ctx.drawImage(bitmap, 0, 0);
+						const pngBlob = await new Promise((resolve) => canvas.toBlob(resolve, "image/png"));
+						if (!pngBlob) return false;
+						await navigator.clipboard.write([new ClipboardItem({ "image/png": pngBlob })]);
+						return true;
+					} finally {
+						bitmap.close();
+					}
+				}
+				const img = new Image();
+				const url = URL.createObjectURL(blob);
+				try {
+					await new Promise((resolve, reject) => {
+						img.onload = () => resolve();
+						img.onerror = () => reject(/* @__PURE__ */ new Error("Image decode failed"));
+						img.src = url;
+					});
+					const canvas = document.createElement("canvas");
+					canvas.width = img.naturalWidth;
+					canvas.height = img.naturalHeight;
+					const ctx = canvas.getContext("2d");
+					if (!ctx) return false;
+					ctx.drawImage(img, 0, 0);
+					const pngBlob = await new Promise((resolve) => canvas.toBlob(resolve, "image/png"));
+					if (!pngBlob) return false;
+					await navigator.clipboard.write([new ClipboardItem({ "image/png": pngBlob })]);
+					return true;
+				} finally {
+					URL.revokeObjectURL(url);
+				}
+			} catch {
+				return false;
+			}
+		}
+		/** Safely trigger a browser file download by mounting an anchor element into the DOM. */
+		function downloadBlobUrl(url, filename) {
+			const link = document.createElement("a");
+			link.href = url;
+			link.download = filename;
+			document.body.appendChild(link);
+			try {
+				link.click();
+			} finally {
+				document.body.removeChild(link);
+			}
+		}
+		/** Human-readable relative time formatter supporting zh and en. */
+		function formatRelativeTime$1(timestamp, lang) {
+			const diff = Math.max(0, Date.now() - timestamp);
+			if (lang === "zh") {
+				if (diff < 6e4) return "刚刚";
+				if (diff < 36e5) return `${Math.floor(diff / 6e4)} 分钟前`;
+				if (diff < 864e5) return `${Math.floor(diff / 36e5)} 小时前`;
+				if (diff < 2592e6) return `${Math.floor(diff / 864e5)} 天前`;
+				const d = new Date(timestamp);
+				return `${d.getFullYear()}/${d.getMonth() + 1}/${d.getDate()}`;
+			}
+			if (diff < 6e4) return "Just now";
+			if (diff < 36e5) return `${Math.floor(diff / 6e4)}m ago`;
+			if (diff < 864e5) return `${Math.floor(diff / 36e5)}h ago`;
+			if (diff < 2592e6) return `${Math.floor(diff / 864e5)}d ago`;
+			const d = new Date(timestamp);
+			return `${d.getFullYear()}/${d.getMonth() + 1}/${d.getDate()}`;
+		}
+		//#endregion
+		//#region lib/types/client/studio-view.js
+		const COPY = {
 			zh: {
-				tabGallery: "图库",
-				tabStudio: "工作台",
-				tabFavorites: "收藏",
-				tabCompare: "对比",
-				tabTasks: "任务",
-				filterAllProviders: "全部提供商",
+				title: "云端图像工作台",
+				configured: "API 已配置",
+				unconfigured: "未配置",
+				recent: "最近生成",
+				empty: "还没有生成记录",
+				generate: "文生图",
+				edit: "图生图",
+				details: "图片详情",
+				reference: "参考图",
+				optional: "可选",
+				upload: "点击上传或拖拽图片到此处",
+				uploadHint: "支持 JPG / PNG / WebP / GIF，最大 10MB（最多 5 张）",
+				prompt: "提示词 Prompt",
+				clear: "清空",
+				promptPlaceholder: "描述主体、构图、风格、光线与需要出现的文字…（支持 Ctrl+Enter 快捷生成）",
+				provider: "Provider",
+				model: "Model",
+				ratio: "比例",
+				quality: "清晰度",
+				start: "开始生成",
+				generating: "正在生成…",
+				cancelGenerate: "取消生成",
+				retry: "重新加载",
+				configLoadFailed: "工作台配置加载失败，请检查服务后重试。",
+				noProvider: "请先在设置中配置至少一个云端图像 Provider 的 API Key。",
+				selectConfigured: "该 Provider 尚未配置，请先到设置中配置 API Key。",
+				needPrompt: "请输入提示词",
+				needReference: "请先添加至少一张参考图",
+				result: "本次结果",
+				continueEdit: "继续编辑（垫图）",
+				regenerate: "再次生成",
+				copy: "复制",
+				copied: "已复制到剪贴板",
+				copyFailed: "复制失败",
+				download: "下载",
+				remove: "删除",
+				fit: "适应窗口",
+				loading: "正在读取图片…",
+				generationFailed: "生成失败",
+				selectHistory: "从左侧选择一张图片，或在右侧开始新的生成。",
+				created: "生成时间",
+				elapsed: "耗时",
+				dimensions: "尺寸",
+				output: "输出参数",
+				closeReference: "移除参考图",
+				uploadInvalid: "请选择有效的图片文件（最大 10MB）",
+				imageLoadFailed: "图片读取失败",
+				fullscreen: "大图全屏",
+				close: "关闭",
+				copyPpt: "复制 Prompt",
+				copiedPrompt: "已复制 Prompt",
+				copiedImage: "已复制图片",
+				favorite: "收藏",
+				favorited: "已收藏",
+				favoriteAdded: "已添加到收藏",
+				favoriteRemoved: "已取消收藏",
+				loadMore: "加载更多 ({n})",
+				deleteModalTitle: "从图库删除",
+				deleteModalDesc: "确定从图库中删除这张图片吗？（原聊天记录不会受影响）",
+				deleteWorkspaceFilesLabel: "同时删除工作区本地文件",
+				confirm: "确定删除",
+				cancel: "取消",
+				deletedToast: "已从图库删除",
+				referencesCount: "参考图 ({current}/{max})",
+				addMoreRef: "+ 添加",
+				maxReferencesExceeded: "最多支持添加 {max} 张参考图",
+				newGeneration: "新建生成",
+				new: "新建",
+				configuredCount: "API 已配置 · {count}",
+				unconfiguredStatus: "API 未配置",
+				providerStatus: "云端提供商与模型状态",
+				collapseSidebar: "折叠最近生成",
+				expandSidebar: "展开最近生成"
+			},
+			en: {
+				title: "Cloud Image Studio",
+				configured: "API configured",
+				unconfigured: "Not configured",
+				recent: "Recent generations",
+				empty: "No generated images yet",
+				generate: "Text to image",
+				edit: "Image to image",
+				details: "Image details",
+				reference: "Reference image",
+				optional: "optional",
+				upload: "Click or drop images here",
+				uploadHint: "JPG / PNG / WebP / GIF, up to 10MB (max 5)",
+				prompt: "Prompt",
+				clear: "Clear",
+				promptPlaceholder: "Describe the subject, composition, style, lighting, and exact text… (Ctrl+Enter to generate)",
+				provider: "Provider",
+				model: "Model",
+				ratio: "Aspect ratio",
+				quality: "Quality",
+				start: "Generate",
+				generating: "Generating…",
+				cancelGenerate: "Cancel",
+				retry: "Retry",
+				configLoadFailed: "Failed to load studio configuration.",
+				noProvider: "Configure an API key for at least one cloud image provider in Settings.",
+				selectConfigured: "This provider is not configured. Add its API key in Settings first.",
+				needPrompt: "Enter a prompt",
+				needReference: "Add at least one reference image first",
+				result: "Current result",
+				continueEdit: "Continue editing",
+				regenerate: "Generate again",
+				copy: "Copy",
+				copied: "Copied to clipboard",
+				copyFailed: "Copy failed",
+				download: "Download",
+				remove: "Delete",
+				fit: "Fit",
+				loading: "Loading image…",
+				generationFailed: "Generation failed",
+				selectHistory: "Select an image on the left, or start a new generation on the right.",
+				created: "Created",
+				elapsed: "Elapsed",
+				dimensions: "Dimensions",
+				output: "Output",
+				closeReference: "Remove reference",
+				uploadInvalid: "Choose a valid image file up to 10MB.",
+				imageLoadFailed: "Could not load image",
+				fullscreen: "Fullscreen",
+				close: "Close",
+				copyPpt: "Copy Prompt",
+				copiedPrompt: "Prompt copied",
+				copiedImage: "Image copied",
+				favorite: "Favorite",
+				favorited: "Favorited",
+				favoriteAdded: "Added to favorites",
+				favoriteRemoved: "Removed from favorites",
+				loadMore: "Load more ({n})",
+				deleteModalTitle: "Delete from gallery",
+				deleteModalDesc: "Remove this image from the local gallery? (Chat history remains unaffected)",
+				deleteWorkspaceFilesLabel: "Also delete local workspace files",
+				confirm: "Delete",
+				cancel: "Cancel",
+				deletedToast: "Deleted from gallery",
+				referencesCount: "References ({current}/{max})",
+				addMoreRef: "+ Add",
+				maxReferencesExceeded: "Up to {max} reference images allowed",
+				newGeneration: "New generation",
+				new: "New",
+				configuredCount: "API configured · {count}",
+				unconfiguredStatus: "Not configured",
+				providerStatus: "Provider & Model Status",
+				collapseSidebar: "Collapse sidebar",
+				expandSidebar: "Expand recent list"
+			}
+		};
+		const StudioView = ({ locale, workspace }) => {
+			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)([]);
+			const [sidebarCollapsed, setSidebarCollapsed] = (0, react.useState)(false);
+			const [visibleLimit, setVisibleLimit] = (0, react.useState)(30);
+			const [selected, setSelected] = (0, react.useState)(null);
+			const [mode, setMode] = (0, react.useState)("generate");
+			const [panelTab, setPanelTab] = (0, react.useState)("generate");
+			const [provider, setProvider] = (0, react.useState)("google");
+			const [model, setModel] = (0, react.useState)("");
+			const [ratio, setRatio] = (0, react.useState)("1:1");
+			const [quality, setQuality] = (0, react.useState)("1K");
+			const [prompt, setPrompt] = (0, react.useState)("");
+			const [references, setReferences] = (0, react.useState)([]);
+			const [isGenerating, setIsGenerating] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(null);
+			const [notice, setNotice] = (0, react.useState)(null);
+			const [zoom, setZoom] = (0, react.useState)(100);
+			const [fit, setFit] = (0, react.useState)(true);
+			const [offset, setOffset] = (0, react.useState)({
+				x: 0,
+				y: 0
+			});
+			const [isDragging, setIsDragging] = (0, react.useState)(false);
+			const dragStartRef = (0, react.useRef)(null);
+			const hasDraggedRef = (0, react.useRef)(false);
+			const [dragging, setDragging] = (0, react.useState)(false);
+			const [lightboxOpen, setLightboxOpen] = (0, react.useState)(false);
+			const [showDeleteModal, setShowDeleteModal] = (0, react.useState)(false);
+			const [deleteWorkspaceFiles, setDeleteWorkspaceFiles] = (0, react.useState)(true);
+			const requestRef = (0, react.useRef)(null);
+			const canvasRef = (0, react.useRef)(null);
+			const fileInputRef = (0, react.useRef)(null);
+			const image = useAttachmentImage(selected?.attachment);
+			const maxReferences = provider === "dashscope" ? 3 : 5;
+			const referencesRef = (0, react.useRef)(references);
+			referencesRef.current = references;
+			const t = (key, values) => {
+				let text = COPY[lang][key];
+				for (const [name, value] of Object.entries(values ?? {})) text = text.replace(`{${name}}`, value);
+				return text;
+			};
+			(0, react.useEffect)(() => locale?.subscribe?.(() => setLang(locale.getSnapshot().active?.startsWith("en") ? "en" : "zh")), [locale]);
+			const loadConfig = (0, react.useCallback)(async () => {
+				setConfigLoading(true);
+				setConfigError(null);
+				const controller = new AbortController();
+				try {
+					const response = await fetch(STUDIO_ROUTE, {
+						signal: controller.signal,
+						credentials: "same-origin"
+					});
+					const payload = await response.json();
+					if (!response.ok || !("providers" in payload)) throw new Error("error" in payload && payload.error ? payload.error : "Studio unavailable");
+					setConfig(payload);
+					const initial = payload.providers.find((item) => item.provider === payload.activeProvider) ?? payload.providers[0];
+					if (initial !== void 0) applyProvider(initial);
+				} catch (fetchError) {
+					if (!controller.signal.aborted) setConfigError(messageOf(fetchError));
+				} finally {
+					setConfigLoading(false);
+				}
+			}, []);
+			(0, react.useEffect)(() => {
+				loadConfig();
+			}, [loadConfig]);
+			(0, react.useEffect)(() => {
+				let mounted = true;
+				const load = () => void getGalleryItems().then((next) => {
+					if (!mounted) return;
+					setItems(next);
+					setSelected((current) => current === null ? null : next.find((item) => item.id === current.id) ?? null);
+				});
+				load();
+				const unsubscribe = subscribeGallery(load);
+				return () => {
+					mounted = false;
+					unsubscribe();
+				};
+			}, []);
+			(0, react.useEffect)(() => {
+				return () => {
+					requestRef.current?.abort();
+				};
+			}, []);
+			(0, react.useEffect)(() => {
+				return () => {
+					for (const item of referencesRef.current) if (item.previewUrl.startsWith("blob:")) URL.revokeObjectURL(item.previewUrl);
+				};
+			}, []);
+			(0, react.useEffect)(() => {
+				const handleKeyDown = (e) => {
+					if (e.key === "Escape" && lightboxOpen) setLightboxOpen(false);
+				};
+				window.addEventListener("keydown", handleKeyDown);
+				return () => window.removeEventListener("keydown", handleKeyDown);
+			}, [lightboxOpen]);
+			(0, react.useEffect)(() => {
+				const canvasEl = canvasRef.current;
+				if (!canvasEl) return;
+				const onWheel = (e) => {
+					if (selected === null || !image.url) return;
+					e.preventDefault();
+					const delta = e.deltaY < 0 ? 15 : -15;
+					setFit(false);
+					setZoom((prev) => Math.min(500, Math.max(25, prev + delta)));
+				};
+				canvasEl.addEventListener("wheel", onWheel, { passive: false });
+				return () => canvasEl.removeEventListener("wheel", onWheel);
+			}, [selected, image.url]);
+			(0, react.useEffect)(() => {
+				const handleMouseMove = (e) => {
+					if (!dragStartRef.current) return;
+					const dx = e.clientX - dragStartRef.current.x;
+					const dy = e.clientY - dragStartRef.current.y;
+					if (Math.abs(dx) > 3 || Math.abs(dy) > 3) {
+						hasDraggedRef.current = true;
+						setFit(false);
+					}
+					setOffset({
+						x: dragStartRef.current.startX + dx,
+						y: dragStartRef.current.startY + dy
+					});
+				};
+				const handleMouseUp = () => {
+					dragStartRef.current = null;
+					setIsDragging(false);
+				};
+				window.addEventListener("mousemove", handleMouseMove);
+				window.addEventListener("mouseup", handleMouseUp);
+				return () => {
+					window.removeEventListener("mousemove", handleMouseMove);
+					window.removeEventListener("mouseup", handleMouseUp);
+				};
+			}, []);
+			const activeProfile = (0, react.useMemo)(() => config?.providers.find((item) => item.provider === provider), [config, provider]);
+			const configuredCount = config?.providers.filter((item) => item.configured).length ?? 0;
+			const displayItems = (0, react.useMemo)(() => items.slice(0, visibleLimit), [items, visibleLimit]);
+			const applyProvider = (profile) => {
+				setProvider(profile.provider);
+				setModel(profile.model);
+				setRatio(profile.defaultRatio);
+				setQuality(profile.defaultQuality);
+				setError(null);
+			};
+			const changeProvider = (value) => {
+				const profile = config?.providers.find((item) => item.provider === value);
+				if (profile !== void 0) {
+					applyProvider(profile);
+					const providerMax = value === "dashscope" ? 3 : 5;
+					if (referencesRef.current.length > providerMax) {
+						const keep = referencesRef.current.slice(0, providerMax);
+						const overflow = referencesRef.current.slice(providerMax);
+						for (const item of overflow) if (item.previewUrl.startsWith("blob:")) URL.revokeObjectURL(item.previewUrl);
+						setReferences(keep);
+						referencesRef.current = keep;
+						setError(t("maxReferencesExceeded", { max: String(providerMax) }));
+					}
+				}
+			};
+			const resetFit = () => {
+				setFit(true);
+				setZoom(100);
+				setOffset({
+					x: 0,
+					y: 0
+				});
+			};
+			const selectItem = (item) => {
+				setSelected(item);
+				setPanelTab("details");
+				resetFit();
+			};
+			const startNew = () => {
+				setSelected(null);
+				setPanelTab("generate");
+				resetFit();
+			};
+			const handleCanvasMouseDown = (e) => {
+				if (e.button !== 0 && e.button !== 1) return;
+				if (selected === null || !image.url) return;
+				setIsDragging(true);
+				hasDraggedRef.current = false;
+				dragStartRef.current = {
+					x: e.clientX,
+					y: e.clientY,
+					startX: offset.x,
+					startY: offset.y
+				};
+			};
+			const handleImageClick = () => {
+				if (!hasDraggedRef.current) setLightboxOpen(true);
+			};
+			const addReferenceFiles = (fileList) => {
+				if (!fileList || fileList.length === 0) return;
+				const files = Array.from(fileList);
+				const validFiles = [];
+				for (const file of files) {
+					if (![
+						"image/jpeg",
+						"image/png",
+						"image/webp",
+						"image/gif"
+					].includes(file.type) || file.size > 10485760) {
+						setError(t("uploadInvalid"));
+						continue;
+					}
+					validFiles.push(file);
+				}
+				if (validFiles.length === 0) return;
+				const currentLen = referencesRef.current.length;
+				const available = maxReferences - currentLen;
+				if (available <= 0) {
+					setError(t("maxReferencesExceeded", { max: String(maxReferences) }));
+					return;
+				}
+				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) => ({
+					id: `upload-${Date.now()}-${idx}-${Math.random().toString(36).slice(2, 7)}`,
+					file,
+					previewUrl: URL.createObjectURL(file)
+				}));
+				setReferences((prev) => [...prev, ...newItems]);
+			};
+			const removeReference = (id) => {
+				const target = referencesRef.current.find((item) => item.id === id);
+				if (target && target.previewUrl.startsWith("blob:")) URL.revokeObjectURL(target.previewUrl);
+				setReferences((prev) => prev.filter((item) => item.id !== id));
+			};
+			const clearAllReferences = () => {
+				for (const item of referencesRef.current) if (item.previewUrl.startsWith("blob:")) URL.revokeObjectURL(item.previewUrl);
+				setReferences([]);
+			};
+			const continueEdit = async () => {
+				if (selected === null) return;
+				const targetItem = selected;
+				const targetAttId = targetItem.attachment.attachmentId;
+				const targetMax = targetItem.provider === "dashscope" ? 3 : 5;
+				if (referencesRef.current.some((r) => r.attachment?.attachmentId === targetAttId)) {
+					setMode("edit");
+					setPanelTab("generate");
+					changeProvider(targetItem.provider);
+					return;
+				}
+				if (referencesRef.current.length >= targetMax) {
+					setError(t("maxReferencesExceeded", { max: String(targetMax) }));
+					return;
+				}
+				try {
+					const blob = image.blob ?? await fetchAttachmentBlob(targetItem.attachment);
+					if (referencesRef.current.some((r) => r.attachment?.attachmentId === targetAttId)) {
+						setMode("edit");
+						setPanelTab("generate");
+						changeProvider(targetItem.provider);
+						return;
+					}
+					if (referencesRef.current.length >= targetMax) {
+						setError(t("maxReferencesExceeded", { max: String(targetMax) }));
+						return;
+					}
+					const independentUrl = URL.createObjectURL(blob);
+					const newItem = {
+						id: `item-${targetItem.id}-${Date.now()}`,
+						attachment: targetItem.attachment,
+						previewUrl: independentUrl
+					};
+					const nextList = [...referencesRef.current, newItem];
+					setReferences(nextList);
+					referencesRef.current = nextList;
+					setError(null);
+					setMode("edit");
+					setPanelTab("generate");
+					changeProvider(targetItem.provider);
+				} catch {
+					setError(t("imageLoadFailed"));
+				}
+			};
+			const cancelGeneration = () => {
+				if (requestRef.current) {
+					requestRef.current.abort();
+					requestRef.current = null;
+					setIsGenerating(false);
+				}
+			};
+			const submit = async () => {
+				if (isGenerating || activeProfile === void 0) return;
+				if (prompt.trim().length === 0) return setError(t("needPrompt"));
+				if (!activeProfile.configured) return setError(t("selectConfigured"));
+				if (mode === "edit" && references.length === 0) return setError(t("needReference"));
+				setIsGenerating(true);
+				setError(null);
+				const controller = new AbortController();
+				requestRef.current = controller;
+				try {
+					const referencesPayload = mode === "edit" && references.length > 0 ? await Promise.all(references.map(async (ref) => {
+						if (ref.attachment !== void 0) return { attachment: ref.attachment };
+						if (ref.file !== void 0) return {
+							mediaType: ref.file.type,
+							data: await fileToBase64(ref.file),
+							...ref.file.name ? { name: ref.file.name } : {}
+						};
+						throw new Error("无效参考图");
+					})) : void 0;
+					const response = await fetch(STUDIO_ROUTE, {
+						method: "POST",
+						credentials: "same-origin",
+						signal: controller.signal,
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify({
+							mode,
+							provider,
+							model,
+							prompt: prompt.trim(),
+							ratio,
+							quality,
+							...workspace?.path ? { workspaceRoot: workspace.path } : {},
+							...referencesPayload === void 0 ? {} : { references: referencesPayload }
+						})
+					});
+					const payload = await response.json();
+					if (!response.ok || !("attachment" in payload)) throw new Error("error" in payload && payload.error ? payload.error : t("generationFailed"));
+					const item = {
+						id: String(payload.attachment.attachmentId),
+						attachment: payload.attachment,
+						prompt: payload.prompt,
+						provider: payload.provider,
+						model: payload.model,
+						createdAt: payload.createdAt,
+						aspectRatio: ratio,
+						imageSize: quality,
+						output: payload.output,
+						...payload.savedTo ? { savedTo: payload.savedTo } : {},
+						...workspace?.path ? { workspacePath: workspace.path } : {},
+						...workspace?.workspaceId ? { workspaceId: workspace.workspaceId } : {}
+					};
+					await saveGalleryItem(item);
+					setSelected(item);
+					setPanelTab("details");
+					resetFit();
+				} catch (submitError) {
+					if (controller.signal.aborted) return;
+					setError(messageOf(submitError));
+				} finally {
+					if (requestRef.current === controller) {
+						requestRef.current = null;
+						setIsGenerating(false);
+					}
+				}
+			};
+			const handleConfirmDelete = async () => {
+				if (selected === null) return;
+				const idToDelete = selected.id;
+				const attachmentId = selected.attachment.attachmentId;
+				const savedPath = selected.savedTo;
+				setShowDeleteModal(false);
+				try {
+					if (deleteWorkspaceFiles && typeof savedPath === "string" && savedPath.trim().length > 0) {
+						const res = await fetch(DELETE_ROUTE, {
+							method: "POST",
+							credentials: "same-origin",
+							headers: { "content-type": "application/json" },
+							body: JSON.stringify({ paths: [savedPath] })
+						});
+						if (!res.ok) throw new Error(`删除请求网络异常 (${res.status})`);
+						const data = await res.json().catch(() => null);
+						if (!data || data.ok === false || Array.isArray(data.failedFiles) && data.failedFiles.length > 0) {
+							const reason = data?.failedFiles?.[0]?.error || "工作区文件删除失败";
+							throw new Error(reason);
+						}
+					}
+					await deleteGalleryItem(idToDelete);
+					evictAttachmentCache(attachmentId);
+					flash(t("deletedToast"));
+				} catch (delError) {
+					setError(messageOf(delError));
+				}
+			};
+			const copySelected = async () => {
+				if (image.blob === null) return;
+				const ok = await copyImageBlob(image.blob);
+				flash(ok ? t("copiedImage") : t("copyFailed"));
+			};
+			const downloadSelected = () => {
+				if (image.url === null || selected === null) return;
+				downloadBlobUrl(image.url, `dsh-${selected.provider}-${selected.id.slice(-8)}.${extension(selected.attachment.mediaType)}`);
+			};
+			const toggleFavorite = async () => {
+				if (selected === null) return;
+				const targetId = selected.id;
+				const nextFav = await toggleFavoriteGalleryItem(targetId);
+				setSelected((curr) => curr !== null && curr.id === targetId ? {
+					...curr,
+					isFavorite: nextFav
+				} : curr);
+				flash(nextFav ? t("favoriteAdded") : t("favoriteRemoved"));
+			};
+			const flash = (message) => {
+				setNotice(message);
+				window.setTimeout(() => setNotice(null), 2200);
+			};
+			return (0, react_jsx_runtime.jsxs)("section", {
+				className: "dsh-ig-workbench",
+				"aria-label": t("title"),
+				children: [
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: `dsh-ig-workbench-grid ${sidebarCollapsed ? "is-sidebar-collapsed" : ""}`,
+						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
+										})]
+									}), (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-ig-collapse-btn",
+										onClick: () => 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,
+										lang,
+										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)("main", {
+								className: "dsh-ig-canvas-column",
+								children: [
+									(0, react_jsx_runtime.jsxs)("div", {
+										className: "dsh-ig-canvas-toolbar",
+										children: [(0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-canvas-toolbar-left",
+											children: [sidebarCollapsed && (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												onClick: () => setSidebarCollapsed(false),
+												title: t("expandSidebar"),
+												children: [(0, react_jsx_runtime.jsx)(PanelLeft, { size: 14 }), (0, react_jsx_runtime.jsx)("span", { children: t("recent") })]
+											}), (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsh-ig-status-badge-wrap",
+												children: [(0, react_jsx_runtime.jsxs)("div", {
+													className: "dsh-ig-status-badge",
+													children: [
+														(0, react_jsx_runtime.jsx)("span", { className: `dsh-ig-status-dot ${configuredCount > 0 ? "is-ready" : "is-muted"}` }),
+														(0, react_jsx_runtime.jsx)("span", {
+															className: "dsh-ig-status-text",
+															children: configuredCount > 0 ? t("configuredCount", { count: String(configuredCount) }) : t("unconfiguredStatus")
+														}),
+														(0, react_jsx_runtime.jsx)(ChevronDown, {
+															size: 11,
+															className: "dsh-ig-status-arrow"
+														})
+													]
+												}), config !== null && (0, react_jsx_runtime.jsxs)("div", {
+													className: "dsh-ig-status-popover",
+													children: [(0, react_jsx_runtime.jsx)("div", {
+														className: "dsh-ig-status-popover-title",
+														children: t("providerStatus")
+													}), (0, react_jsx_runtime.jsx)("ul", {
+														className: "dsh-ig-status-list",
+														children: config.providers.map((p) => (0, react_jsx_runtime.jsxs)("li", {
+															className: p.configured ? "is-configured" : "is-missing",
+															children: [(0, react_jsx_runtime.jsxs)("div", {
+																className: "dsh-ig-status-item-name",
+																children: [(0, react_jsx_runtime.jsx)("strong", { children: p.label }), (0, react_jsx_runtime.jsx)("small", { children: p.model })]
+															}), (0, react_jsx_runtime.jsx)("span", {
+																className: "dsh-ig-status-item-tag",
+																children: p.configured ? t("configured") : t("unconfigured")
+															})]
+														}, p.provider))
+													})]
+												})]
+											})]
+										}), (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-canvas-toolbar-right",
+											children: [
+												selected !== null && (0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													onClick: startNew,
+													title: t("newGeneration"),
+													children: [(0, react_jsx_runtime.jsx)(Plus, { size: 13 }), (0, react_jsx_runtime.jsx)("span", { children: t("newGeneration") })]
+												}),
+												(0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													className: fit ? "is-active" : "",
+													onClick: resetFit,
+													children: [
+														t("fit"),
+														" ",
+														(0, react_jsx_runtime.jsx)(ChevronDown, { size: 13 })
+													]
+												}),
+												(0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													onClick: () => {
+														setFit(false);
+														setZoom((value) => Math.max(25, value - 25));
+													},
+													title: "Zoom out",
+													children: (0, react_jsx_runtime.jsx)(ZoomOut, { size: 16 })
+												}),
+												(0, react_jsx_runtime.jsx)("span", {
+													className: "dsh-ig-zoom-display",
+													children: fit ? "AUTO" : `${Math.round(zoom)}%`
+												}),
+												(0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													onClick: () => {
+														setFit(false);
+														setZoom((value) => Math.min(500, value + 25));
+													},
+													title: "Zoom in",
+													children: (0, react_jsx_runtime.jsx)(ZoomIn, { size: 16 })
+												}),
+												(0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													onClick: () => setLightboxOpen(true),
+													title: t("fullscreen"),
+													disabled: selected === null,
+													children: (0, react_jsx_runtime.jsx)(Expand, { size: 16 })
+												})
+											]
+										})]
+									}),
+									(0, react_jsx_runtime.jsx)("div", {
+										className: `dsh-ig-canvas ${isDragging ? "is-dragging" : ""}`,
+										ref: canvasRef,
+										onMouseDown: handleCanvasMouseDown,
+										onDoubleClick: resetFit,
+										children: isGenerating ? (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-generating-state",
+											children: [
+												(0, react_jsx_runtime.jsx)("div", {
+													className: "dsh-ig-generation-orbit",
+													children: (0, react_jsx_runtime.jsx)(Sparkles, { size: 28 })
+												}),
+												(0, react_jsx_runtime.jsx)("strong", { children: t("generating") }),
+												(0, react_jsx_runtime.jsxs)("span", { children: [
+													activeProfile?.label,
+													" · ",
+													model
+												] })
+											]
+										}) : selected === null ? (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-canvas-empty",
+											children: [(0, react_jsx_runtime.jsx)(ImagePlus, { size: 36 }), (0, react_jsx_runtime.jsx)("span", { children: t("selectHistory") })]
+										}) : image.loading ? (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-canvas-empty",
+											children: [(0, react_jsx_runtime.jsx)(LoaderCircle, {
+												className: "dsh-ig-spin",
+												size: 28
+											}), (0, react_jsx_runtime.jsx)("span", { children: t("loading") })]
+										}) : image.url !== null ? (0, react_jsx_runtime.jsx)("img", {
+											src: image.url,
+											alt: selected.prompt,
+											draggable: false,
+											onClick: handleImageClick,
+											style: {
+												transform: `translate(${offset.x}px, ${offset.y}px) scale(${zoom / 100})`,
+												transformOrigin: "center center",
+												transition: isDragging ? "none" : "transform 0.08s ease-out"
+											}
+										}) : (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-canvas-empty",
+											children: [(0, react_jsx_runtime.jsx)(ImagePlus, { size: 32 }), (0, react_jsx_runtime.jsx)("span", { children: t("imageLoadFailed") })]
+										})
+									}),
+									selected !== null && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+										(0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-result-strip",
+											children: [(0, react_jsx_runtime.jsx)("span", { children: t("result") }), (0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												onClick: () => void continueEdit(),
+												children: [(0, react_jsx_runtime.jsx)(PencilLine, { size: 15 }), t("continueEdit")]
+											}), (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												onClick: () => {
+													setMode("generate");
+													setPanelTab("generate");
+													setPrompt(selected.prompt);
+												},
+												children: [(0, react_jsx_runtime.jsx)(RefreshCw, { size: 15 }), t("regenerate")]
+											})] })]
+										}),
+										(0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-result-actions",
+											children: [(0, react_jsx_runtime.jsx)("p", { children: selected.prompt }), (0, react_jsx_runtime.jsxs)("div", { children: [
+												(0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													onClick: () => void toggleFavorite(),
+													title: selected.isFavorite ? t("favorited") : t("favorite"),
+													children: [(0, react_jsx_runtime.jsx)(Heart, {
+														size: 15,
+														fill: selected.isFavorite ? "#ef4444" : "none",
+														color: selected.isFavorite ? "#ef4444" : "currentColor"
+													}), (0, react_jsx_runtime.jsx)("span", { children: selected.isFavorite ? t("favorited") : t("favorite") })]
+												}),
+												(0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													onClick: () => void copySelected(),
+													children: [(0, react_jsx_runtime.jsx)(Clipboard, { size: 15 }), (0, react_jsx_runtime.jsx)("span", { children: t("copy") })]
+												}),
+												(0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													onClick: downloadSelected,
+													children: [(0, react_jsx_runtime.jsx)(Download, { size: 15 }), (0, react_jsx_runtime.jsx)("span", { children: t("download") })]
+												}),
+												(0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													onClick: () => setShowDeleteModal(true),
+													children: [(0, react_jsx_runtime.jsx)(Trash2, { size: 15 }), (0, react_jsx_runtime.jsx)("span", { children: t("remove") })]
+												})
+											] })]
+										}),
+										(0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-result-meta",
+											children: [
+												(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.jsxs)("aside", {
+								className: "dsh-ig-generate-panel",
+								children: [(0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-ig-panel-tabs",
+									children: [(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panelTab === "generate" ? "is-active" : "",
+										onClick: () => setPanelTab("generate"),
+										children: t("generate")
+									}), (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panelTab === "details" ? "is-active" : "",
+										onClick: () => setPanelTab("details"),
+										children: t("details")
+									})]
+								}), panelTab === "details" ? (0, react_jsx_runtime.jsx)(DetailsPanel, {
+									item: selected,
+									t
+								}) : (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-ig-generator-form",
+									children: [
+										(0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-mode-switch",
+											children: [(0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: mode === "generate" ? "is-active" : "",
+												onClick: () => setMode("generate"),
+												children: [(0, react_jsx_runtime.jsx)(Sparkles, { size: 15 }), t("generate")]
+											}), (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: mode === "edit" ? "is-active" : "",
+												onClick: () => setMode("edit"),
+												children: [(0, react_jsx_runtime.jsx)(ImagePlus, { size: 15 }), t("edit")]
+											})]
+										}),
+										mode === "edit" && (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-field",
+											children: [
+												(0, react_jsx_runtime.jsxs)("div", {
+													className: "dsh-ig-field-label",
+													children: [(0, react_jsx_runtime.jsxs)("label", { children: [
+														t("referencesCount", {
+															current: String(references.length),
+															max: String(maxReferences)
+														}),
+														" ",
+														(0, react_jsx_runtime.jsx)("b", { children: "*" })
+													] }), references.length > 0 && (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														onClick: clearAllReferences,
+														children: t("clear")
+													})]
+												}),
+												references.length === 0 ? (0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													className: `dsh-ig-upload ${dragging ? "is-dragging" : ""}`,
+													onClick: () => fileInputRef.current?.click(),
+													onDragOver: (event) => {
+														event.preventDefault();
+														setDragging(true);
+													},
+													onDragLeave: () => setDragging(false),
+													onDrop: (event) => {
+														event.preventDefault();
+														setDragging(false);
+														addReferenceFiles(event.dataTransfer.files);
+													},
+													children: [
+														(0, react_jsx_runtime.jsx)(Upload, { size: 20 }),
+														(0, react_jsx_runtime.jsx)("strong", { children: t("upload") }),
+														(0, react_jsx_runtime.jsx)("small", { children: t("uploadHint") })
+													]
+												}) : (0, react_jsx_runtime.jsxs)("div", {
+													className: "dsh-ig-reference-grid",
+													children: [references.map((item, index) => (0, react_jsx_runtime.jsxs)("div", {
+														className: "dsh-ig-reference-card",
+														children: [(0, react_jsx_runtime.jsx)("img", {
+															src: item.previewUrl,
+															alt: `Ref ${index + 1}`
+														}), (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															title: t("closeReference"),
+															onClick: () => removeReference(item.id),
+															children: (0, react_jsx_runtime.jsx)(X, { size: 12 })
+														})]
+													}, item.id)), references.length < maxReferences && (0, react_jsx_runtime.jsxs)("button", {
+														type: "button",
+														className: "dsh-ig-reference-add",
+														onClick: () => fileInputRef.current?.click(),
+														title: t("upload"),
+														children: [(0, react_jsx_runtime.jsx)(Upload, { size: 16 }), (0, react_jsx_runtime.jsx)("span", { children: t("addMoreRef") })]
+													})]
+												}),
+												(0, react_jsx_runtime.jsx)("input", {
+													ref: fileInputRef,
+													type: "file",
+													multiple: true,
+													accept: "image/png,image/jpeg,image/webp,image/gif",
+													hidden: true,
+													onChange: (event) => {
+														addReferenceFiles(event.target.files);
+														event.target.value = "";
+													}
+												})
+											]
+										}),
+										(0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-field",
+											children: [
+												(0, react_jsx_runtime.jsxs)("div", {
+													className: "dsh-ig-field-label",
+													children: [(0, react_jsx_runtime.jsxs)("label", {
+														htmlFor: "dsh-ig-prompt",
+														children: [
+															t("prompt"),
+															" ",
+															(0, react_jsx_runtime.jsx)("b", { children: "*" })
+														]
+													}), (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;
+														if ((event.ctrlKey || event.metaKey) && event.key === "Enter") {
+															event.preventDefault();
+															if (!isGenerating && config !== null && prompt.trim().length > 0) submit();
+														}
+													},
+													placeholder: t("promptPlaceholder")
+												}),
+												(0, react_jsx_runtime.jsxs)("small", { children: [prompt.length, "/2000"] })
+											]
+										}),
+										config === null ? configLoading ? (0, react_jsx_runtime.jsx)("div", {
+											className: "dsh-ig-form-loading",
+											children: (0, react_jsx_runtime.jsx)(LoaderCircle, {
+												className: "dsh-ig-spin",
+												size: 18
+											})
+										}) : (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-config-error",
+											children: [(0, react_jsx_runtime.jsx)("p", { children: configError ?? t("configLoadFailed") }), (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												onClick: () => void loadConfig(),
+												children: [(0, react_jsx_runtime.jsx)(RefreshCw, { size: 13 }), (0, react_jsx_runtime.jsx)("span", { children: t("retry") })]
+											})]
+										}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-field-grid",
+											children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
+												label: t("provider"),
+												value: provider,
+												onChange: changeProvider,
+												options: config.providers.map((item) => ({
+													value: item.provider,
+													label: `${item.label}${item.configured ? "" : ` · ${t("unconfigured")}`}`
+												}))
+											}), (0, react_jsx_runtime.jsx)(FieldSelect, {
+												label: t("model"),
+												value: model,
+												onChange: setModel,
+												options: activeProfile === void 0 ? [] : [{
+													value: activeProfile.model,
+													label: activeProfile.model
+												}]
+											})]
+										}), (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-field-grid",
+											children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
+												label: t("ratio"),
+												value: ratio,
+												onChange: setRatio,
+												options: activeProfile?.ratioOptions ?? []
+											}), (0, react_jsx_runtime.jsx)(FieldSelect, {
+												label: t("quality"),
+												value: quality,
+												onChange: setQuality,
+												options: activeProfile?.qualityOptions ?? []
+											})]
+										})] }),
+										configuredCount === 0 && config !== null && (0, react_jsx_runtime.jsx)("div", {
+											className: "dsh-ig-inline-note",
+											children: t("noProvider")
+										}),
+										error !== null && (0, react_jsx_runtime.jsx)("div", {
+											className: "dsh-ig-form-error",
+											children: error
+										}),
+										isGenerating ? (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: "dsh-ig-generate-button is-cancel",
+											onClick: cancelGeneration,
+											children: [(0, react_jsx_runtime.jsx)(LoaderCircle, {
+												className: "dsh-ig-spin",
+												size: 17
+											}), (0, react_jsx_runtime.jsx)("span", { children: t("cancelGenerate") })]
+										}) : (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: "dsh-ig-generate-button",
+											disabled: config === null,
+											onClick: () => void submit(),
+											children: [(0, react_jsx_runtime.jsx)(Sparkles, { size: 17 }), (0, react_jsx_runtime.jsx)("span", { children: t("start") })]
+										})
+									]
+								})]
+							})
+						]
+					}),
+					lightboxOpen && selected !== null && (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ig-lightbox-backdrop",
+						onClick: () => setLightboxOpen(false),
+						children: [
+							(0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-ig-lightbox-topbar",
+								children: [(0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-ig-lightbox-meta",
+									children: [
+										(0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-ig-tag",
+											children: selected.provider
+										}),
+										(0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-ig-tag dsh-ig-tag-model",
+											children: selected.model
+										}),
+										selected.attachment.width && selected.attachment.height ? (0, react_jsx_runtime.jsxs)("span", {
+											className: "dsh-ig-tag",
+											children: [
+												selected.attachment.width,
+												" × ",
+												selected.attachment.height
+											]
+										}) : null
+									]
+								}), (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dsh-ig-lightbox-close-btn",
+									title: t("close"),
+									onClick: () => setLightboxOpen(false),
+									children: (0, react_jsx_runtime.jsx)(X, { size: 18 })
+								})]
+							}),
+							(0, react_jsx_runtime.jsx)("div", {
+								className: "dsh-ig-lightbox-img-wrap",
+								onClick: (e) => e.stopPropagation(),
+								children: image.url !== null ? (0, react_jsx_runtime.jsx)("img", {
+									className: "dsh-ig-lightbox-img",
+									src: image.url,
+									alt: selected.prompt
+								}) : (0, react_jsx_runtime.jsx)("div", {
+									className: "dsh-ig-lightbox-loading",
+									children: (0, react_jsx_runtime.jsx)("div", { className: "dsh-ig-lightbox-spinner" })
+								})
+							}),
+							(0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-ig-lightbox-bottombar",
+								onClick: (e) => e.stopPropagation(),
+								children: [(0, react_jsx_runtime.jsx)("div", {
+									className: "dsh-ig-lightbox-prompt-text",
+									title: selected.prompt,
+									children: selected.prompt
+								}), (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-ig-lightbox-actions",
+									children: [
+										(0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: "dsh-ig-lightbox-btn",
+											title: t("copyPpt"),
+											onClick: async () => {
+												await navigator.clipboard.writeText(selected.prompt);
+												flash(t("copiedPrompt"));
+											},
+											children: [(0, react_jsx_runtime.jsx)(FileText, { size: 14 }), (0, react_jsx_runtime.jsx)("span", { children: t("copyPpt") })]
+										}),
+										(0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: "dsh-ig-lightbox-btn",
+											title: t("copy"),
+											onClick: async () => {
+												if (!image.blob) return;
+												const ok = await copyImageBlob(image.blob);
+												flash(ok ? t("copiedImage") : t("copyFailed"));
+											},
+											children: [(0, react_jsx_runtime.jsx)(Copy, { size: 14 }), (0, react_jsx_runtime.jsx)("span", { children: t("copy") })]
+										}),
+										(0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: "dsh-ig-lightbox-btn",
+											title: t("download"),
+											onClick: downloadSelected,
+											children: [(0, react_jsx_runtime.jsx)(Download, { size: 14 }), (0, react_jsx_runtime.jsx)("span", { children: t("download") })]
+										}),
+										(0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: "dsh-ig-lightbox-btn",
+											title: selected.isFavorite ? t("favorited") : t("favorite"),
+											onClick: () => void toggleFavorite(),
+											children: [(0, react_jsx_runtime.jsx)(Heart, {
+												size: 14,
+												fill: selected.isFavorite ? "#ef4444" : "none",
+												color: selected.isFavorite ? "#ef4444" : "currentColor"
+											}), (0, react_jsx_runtime.jsx)("span", { children: selected.isFavorite ? t("favorited") : t("favorite") })]
+										})
+									]
+								})]
+							})
+						]
+					}),
+					showDeleteModal && selected !== null && (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-ig-workbench-modal-backdrop",
+						onClick: () => setShowDeleteModal(false),
+						children: (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-ig-workbench-modal-box",
+							onClick: (e) => e.stopPropagation(),
+							children: [
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-ig-workbench-modal-header",
+									children: [(0, react_jsx_runtime.jsx)(TriangleAlert, {
+										size: 20,
+										color: "#dc2626"
+									}), (0, react_jsx_runtime.jsx)("strong", { children: t("deleteModalTitle") })]
+								}),
+								(0, react_jsx_runtime.jsx)("p", {
+									className: "dsh-ig-workbench-modal-desc",
+									children: t("deleteModalDesc")
+								}),
+								Boolean(selected.savedTo) && (0, react_jsx_runtime.jsxs)("label", {
+									className: "dsh-ig-workbench-modal-option",
+									children: [(0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: deleteWorkspaceFiles,
+										onChange: (e) => setDeleteWorkspaceFiles(e.target.checked)
+									}), (0, react_jsx_runtime.jsx)("span", { children: t("deleteWorkspaceFilesLabel") })]
+								}),
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-ig-workbench-modal-actions",
+									children: [(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-ig-workbench-modal-cancel",
+										onClick: () => setShowDeleteModal(false),
+										children: t("cancel")
+									}), (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-ig-workbench-modal-danger",
+										onClick: () => void handleConfirmDelete(),
+										children: t("confirm")
+									})]
+								})
+							]
+						})
+					}),
+					notice !== null && (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-ig-workbench-toast",
+						children: notice
+					})
+				]
+			});
+		};
+		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", {
+				value,
+				onChange: (event) => onChange(event.target.value),
+				children: options.map((option) => (0, react_jsx_runtime.jsx)("option", {
+					value: option.value,
+					children: option.label
+				}, option.value))
+			})]
+		});
+		const DetailsPanel = ({ item, t }) => item === null ? (0, react_jsx_runtime.jsxs)("div", {
+			className: "dsh-ig-details-empty",
+			children: [(0, react_jsx_runtime.jsx)(ImagePlus, { size: 28 }), (0, react_jsx_runtime.jsx)("span", { children: t("selectHistory") })]
+		}) : (0, react_jsx_runtime.jsxs)("dl", {
+			className: "dsh-ig-details",
+			children: [
+				(0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("prompt") }), (0, react_jsx_runtime.jsx)("dd", { children: item.prompt })] }),
+				(0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("provider") }), (0, react_jsx_runtime.jsx)("dd", { children: item.provider })] }),
+				(0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("model") }), (0, react_jsx_runtime.jsx)("dd", { children: item.model })] }),
+				(0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("dimensions") }), (0, react_jsx_runtime.jsx)("dd", { children: item.attachment.width && item.attachment.height ? `${item.attachment.width} × ${item.attachment.height}` : "—" })] }),
+				(0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("output") }), (0, react_jsx_runtime.jsx)("dd", { children: item.output ?? "—" })] }),
+				(0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("created") }), (0, react_jsx_runtime.jsx)("dd", { children: new Date(item.createdAt).toLocaleString() })] })
+			]
+		});
+		const RecentItem = ({ item, active, lang, onClick }) => {
+			const [setRef, inView] = useInView();
+			const image = useAttachmentImage(item.attachment, inView);
+			return (0, react_jsx_runtime.jsxs)("button", {
+				ref: setRef,
+				type: "button",
+				className: `dsh-ig-recent-item ${active ? "is-active" : ""}`,
+				onClick,
+				children: [(0, react_jsx_runtime.jsx)("div", {
+					className: "dsh-ig-recent-thumb",
+					children: image.url !== null ? (0, react_jsx_runtime.jsx)("img", {
+						src: image.url,
+						alt: "",
+						loading: "lazy"
+					}) : (0, react_jsx_runtime.jsx)(ImagePlus, { size: 18 })
+				}), (0, react_jsx_runtime.jsxs)("div", { children: [
+					(0, react_jsx_runtime.jsx)("strong", { children: item.prompt }),
+					(0, react_jsx_runtime.jsx)("span", { children: formatRelativeTime$1(item.createdAt, lang) }),
+					(0, react_jsx_runtime.jsxs)("small", { children: [
+						item.provider,
+						" · ",
+						item.model
+					] }),
+					(0, react_jsx_runtime.jsx)("small", { children: item.attachment.width && item.attachment.height ? `${item.attachment.width} × ${item.attachment.height}` : "—" })
+				] })]
+			});
+		};
+		function useInView() {
+			const [inView, setInView] = (0, react.useState)(false);
+			const observerRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				return () => {
+					observerRef.current?.disconnect();
+				};
+			}, []);
+			return [(0, react.useCallback)((el) => {
+				observerRef.current?.disconnect();
+				if (!el || inView) return;
+				if (typeof IntersectionObserver === "undefined") {
+					setInView(true);
+					return;
+				}
+				const observer = new IntersectionObserver(([entry]) => {
+					if (entry?.isIntersecting) {
+						setInView(true);
+						observer.disconnect();
+					}
+				}, { rootMargin: "120px" });
+				observerRef.current = observer;
+				observer.observe(el);
+			}, [inView]), inView];
+		}
+		function useAttachmentImage(attachment, shouldLoad = true) {
+			const [value, setValue] = (0, react.useState)({
+				url: null,
+				blob: null,
+				loading: false
+			});
+			(0, react.useEffect)(() => {
+				if (attachment === void 0 || !shouldLoad) {
+					setValue({
+						url: null,
+						blob: null,
+						loading: false
+					});
+					return;
+				}
+				let cancelled = false;
+				let objectUrl = null;
+				setValue({
+					url: null,
+					blob: null,
+					loading: true
+				});
+				fetchAttachmentBlob(attachment).then((blob) => {
+					if (cancelled) return;
+					objectUrl = URL.createObjectURL(blob);
+					setValue({
+						url: objectUrl,
+						blob,
+						loading: false
+					});
+				}).catch(() => {
+					if (!cancelled) setValue({
+						url: null,
+						blob: null,
+						loading: false
+					});
+				});
+				return () => {
+					cancelled = true;
+					if (objectUrl !== null) URL.revokeObjectURL(objectUrl);
+				};
+			}, [attachment?.attachmentId, shouldLoad]);
+			return value;
+		}
+		function fileToBase64(file) {
+			return new Promise((resolve, reject) => {
+				const reader = new FileReader();
+				reader.onload = () => {
+					const result = reader.result;
+					const commaIndex = result.indexOf(",");
+					resolve(commaIndex >= 0 ? result.slice(commaIndex + 1) : result);
+				};
+				reader.onerror = () => reject(reader.error ?? /* @__PURE__ */ new Error("Failed to read image file"));
+				reader.readAsDataURL(file);
+			});
+		}
+		function extension(mediaType) {
+			return mediaType === "image/jpeg" ? "jpg" : mediaType.split("/")[1] ?? "png";
+		}
+		function messageOf(error) {
+			return error instanceof Error ? error.message : String(error);
+		}
+		//#endregion
+		//#region lib/types/client/conversation-regenerate.js
+		/** Build the workbench request that reproduces a conversation image with an edited prompt. */
+		function conversationRegenerateRequest(image, prompt, remembered) {
+			if (!CLOUD_IMAGE_PROVIDERS.includes(image.provider)) throw new Error("当前图片使用的 Provider 暂不支持重新生成");
+			const provider = image.provider;
+			const settings = remembered ?? outputSettings(provider, image.output);
+			return {
+				mode: "generate",
+				provider,
+				model: image.model,
+				prompt: prompt.trim(),
+				ratio: settings.ratio,
+				quality: settings.quality
+			};
+		}
+		function outputSettings(provider, output) {
+			const normalized = (output ?? "").trim();
+			if (provider === "google") {
+				const [rawRatio, rawQuality] = normalized.split(",").map((value) => value.trim());
+				return {
+					ratio: isRatio(rawRatio) ? rawRatio : "1:1",
+					quality: rawQuality === "1K" || rawQuality === "2K" || rawQuality === "4K" ? rawQuality : "1K"
+				};
+			}
+			if (provider === "seedream") return {
+				ratio: "auto",
+				quality: normalized === "1K" || normalized === "4K" ? normalized : "2K"
+			};
+			if (provider === "openai") return {
+				ratio: ratioFromSize(normalized, "x"),
+				quality: "standard"
+			};
+			return {
+				ratio: ratioFromSize(normalized, "*"),
+				quality: "standard"
+			};
+		}
+		function ratioFromSize(size, separator) {
+			return (separator === "x" ? {
+				"1024x1024": "1:1",
+				"1536x1024": "3:2",
+				"1024x1536": "2:3"
+			} : {
+				"1024*1024": "1:1",
+				"1536*1024": "3:2",
+				"1024*1536": "2:3",
+				"1664*928": "16:9",
+				"928*1664": "9:16"
+			})[size] ?? "1:1";
+		}
+		function isRatio(value) {
+			return value === "1:1" || value === "3:2" || value === "2:3" || value === "4:3" || value === "3:4" || value === "16:9" || value === "9:16";
+		}
+		//#endregion
+		//#region lib/types/client/gallery-view.js
+		/**
+		* Native Workspace Gallery & Studio View Component for DSH `conversation.view` slot.
+		* Fully i18n-reactive (Chinese & English) with modular tabs, multi-dimensional filters,
+		* responsive image grid, and placeholder routes.
+		*/
+		const DICT$1 = {
+			zh: {
+				tabGallery: "图库",
+				tabStudio: "工作台",
+				tabFavorites: "收藏",
+				tabCompare: "对比",
+				tabTasks: "任务",
+				filterAllProviders: "全部提供商",
 				filterGoogle: "Google Gemini",
 				filterOpenAI: "OpenAI / 中转站",
 				filterSeedream: "字节 Seedream",
@@ -786,6 +2604,8 @@ window.__ModuleLoader__.load({
 				filterAllModels: "全部模型",
 				filterAllRatios: "全部比例",
 				searchPlaceholder: "搜索 Prompt、标签…",
+				filterCurrentWorkspace: "仅看此工作区",
+				filterCurrentWorkspaceHint: "只展示属于当前工作区的生图记录与物理文件",
 				sortNewest: "最新生成",
 				sortOldest: "最早生成",
 				totalCount: "共 {count} 张生成图片",
@@ -804,6 +2624,13 @@ window.__ModuleLoader__.load({
 				download: "下载图片",
 				copyImg: "复制图片",
 				copyPpt: "复制 Prompt",
+				regenerate: "重新生成",
+				regenerateTitle: "重新生成图片",
+				regenerateHint: "可按需修改 Prompt，基于当前模型和比例在画廊生成一张新图片。",
+				confirmRegenerate: "开始生成",
+				regenerating: "正在重新生成…",
+				regenerateSuccess: "已生成新图片并收录到画廊",
+				regenerateFailed: "重新生成失败",
 				delete: "从画廊删除",
 				confirmDelete: "确定要从画廊中删除这张图片吗？（不会影响原聊天记录）",
 				deleted: "已从画廊删除",
@@ -858,6 +2685,8 @@ window.__ModuleLoader__.load({
 				filterAllModels: "All Models",
 				filterAllRatios: "All Ratios",
 				searchPlaceholder: "Search prompt, tags…",
+				filterCurrentWorkspace: "Current workspace only",
+				filterCurrentWorkspaceHint: "Only show images belonging to the active workspace",
 				sortNewest: "Newest first",
 				sortOldest: "Oldest first",
 				totalCount: "{count} images total",
@@ -876,6 +2705,13 @@ window.__ModuleLoader__.load({
 				download: "Download",
 				copyImg: "Copy Image",
 				copyPpt: "Copy Prompt",
+				regenerate: "Regenerate",
+				regenerateTitle: "Regenerate Image",
+				regenerateHint: "Edit prompt if needed. A new image will be generated and added to the gallery.",
+				confirmRegenerate: "Generate",
+				regenerating: "Regenerating…",
+				regenerateSuccess: "New image generated and added to gallery",
+				regenerateFailed: "Regeneration failed",
 				delete: "Delete from gallery",
 				confirmDelete: "Are you sure you want to remove this image from the gallery? (Chat history will not be affected)",
 				deleted: "Deleted from gallery",
@@ -971,17 +2807,80 @@ window.__ModuleLoader__.load({
 			if (item.imageSize) return item.imageSize;
 			return "1:1";
 		}
-		const GalleryViewTab = ({ locale }) => {
+		const GalleryViewTab = (props) => {
+			const { locale, sessionId, useSessions, useWorkspaces } = props;
 			const [activeTab, setActiveTab] = (0, react.useState)("gallery");
 			const [items, setItems] = (0, react.useState)([]);
 			const [search, setSearch] = (0, react.useState)("");
 			const [selectedProvider, setSelectedProvider] = (0, react.useState)("all");
 			const [selectedRatio, setSelectedRatio] = (0, react.useState)("all");
 			const [sortBy, setSortBy] = (0, react.useState)("newest");
+			const [onlyCurrentWorkspace, setOnlyCurrentWorkspace] = (0, react.useState)(() => {
+				try {
+					const stored = localStorage.getItem("dsh-ig-only-current-workspace");
+					return stored === null ? true : stored === "true";
+				} catch {
+					return true;
+				}
+			});
+			const [serverWorkspaces, setServerWorkspaces] = (0, react.useState)([]);
+			const [serverActiveRoot, setServerActiveRoot] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				try {
+					localStorage.setItem("dsh-ig-only-current-workspace", String(onlyCurrentWorkspace));
+				} catch {}
+			}, [onlyCurrentWorkspace]);
+			(0, react.useEffect)(() => {
+				let mounted = true;
+				fetch(STUDIO_ROUTE).then((res) => res.ok ? res.json() : null).then((data) => {
+					if (!mounted || !data) return;
+					if (Array.isArray(data.workspaces)) setServerWorkspaces(data.workspaces);
+					if (typeof data.workspaceRoot === "string") setServerActiveRoot(data.workspaceRoot);
+				}).catch(() => {});
+				return () => {
+					mounted = false;
+				};
+			}, []);
+			const liveWorkspaces = useWorkspaces ? useWorkspaces((s) => s?.items) : null;
+			const liveSessions = useSessions ? useSessions((s) => s) : null;
+			const currentSessionId = sessionId || liveSessions?.current;
+			const activeWorkspace = (0, react.useMemo)(() => {
+				const allWs = Array.isArray(liveWorkspaces) && liveWorkspaces.length > 0 ? liveWorkspaces : serverWorkspaces;
+				if (allWs.length > 0) {
+					if (currentSessionId) {
+						const matched = allWs.find((ws) => Array.isArray(ws.sessionIds) && ws.sessionIds.includes(currentSessionId));
+						if (matched) return matched;
+					}
+					if (serverActiveRoot) {
+						const normActive = serverActiveRoot.replace(/\\/g, "/").toLowerCase();
+						const matched = allWs.find((ws) => ws.path && ws.path.replace(/\\/g, "/").toLowerCase() === normActive);
+						if (matched) return matched;
+					}
+					return allWs[0];
+				}
+				if (serverActiveRoot) return {
+					workspaceId: "default",
+					path: serverActiveRoot,
+					title: "Workspace",
+					sessionIds: []
+				};
+				return null;
+			}, [
+				liveWorkspaces,
+				serverWorkspaces,
+				currentSessionId,
+				serverActiveRoot
+			]);
 			const [previewItem, setPreviewItem] = (0, react.useState)(null);
 			const [previewUrl, setPreviewUrl] = (0, react.useState)(null);
+			const previewUrlRef = (0, react.useRef)(null);
+			previewUrlRef.current = previewUrl;
 			const [previewBlob, setPreviewBlob] = (0, react.useState)(null);
 			const [toast, setToast] = (0, react.useState)(null);
+			const [showRegenerateModal, setShowRegenerateModal] = (0, react.useState)(false);
+			const [regeneratePrompt, setRegeneratePrompt] = (0, react.useState)("");
+			const [isRegenerating, setIsRegenerating] = (0, react.useState)(false);
+			const regenerateControllerRef = (0, react.useRef)(null);
 			const [isManageMode, setIsManageMode] = (0, react.useState)(false);
 			const [selectedIds, setSelectedIds] = (0, react.useState)(/* @__PURE__ */ new Set());
 			const lastSelectedIndexRef = (0, react.useRef)(null);
@@ -996,7 +2895,8 @@ window.__ModuleLoader__.load({
 				search,
 				selectedProvider,
 				selectedRatio,
-				sortBy
+				sortBy,
+				onlyCurrentWorkspace
 			]);
 			const [lang, setLang] = (0, react.useState)(() => {
 				return (locale?.getSnapshot?.()?.active)?.startsWith("en") ? "en" : "zh";
@@ -1062,6 +2962,9 @@ window.__ModuleLoader__.load({
 						const matchTags = item.tags?.some((t) => t.toLowerCase().includes(q));
 						if (!matchPrompt && !matchModel && !matchProvider && !matchTags) return false;
 					}
+					if (onlyCurrentWorkspace && activeWorkspace) {
+						if (!isItemInWorkspace(item, activeWorkspace)) return false;
+					}
 					return true;
 				}).sort((a, b) => {
 					if (sortBy === "oldest") return a.createdAt - b.createdAt;
@@ -1073,8 +2976,14 @@ window.__ModuleLoader__.load({
 				selectedProvider,
 				selectedRatio,
 				search,
-				sortBy
+				sortBy,
+				onlyCurrentWorkspace,
+				activeWorkspace
 			]);
+			const workspaceItemsCount = (0, react.useMemo)(() => {
+				if (!activeWorkspace) return items.length;
+				return items.filter((item) => isItemInWorkspace(item, activeWorkspace)).length;
+			}, [items, activeWorkspace]);
 			const currentPreviewIndex = (0, react.useMemo)(() => {
 				if (!previewItem) return -1;
 				return filteredItems.findIndex((i) => i.id === previewItem.id);
@@ -1086,11 +2995,15 @@ window.__ModuleLoader__.load({
 					abortControllerRef.current.abort();
 					abortControllerRef.current = null;
 				}
-				if (previewUrl) URL.revokeObjectURL(previewUrl);
+				if (previewUrlRef.current) {
+					URL.revokeObjectURL(previewUrlRef.current);
+					previewUrlRef.current = null;
+				}
 				setPreviewItem(item);
 				if (blob) {
 					blobCache.set(item.id, blob);
 					const url = URL.createObjectURL(blob);
+					previewUrlRef.current = url;
 					setPreviewBlob(blob);
 					setPreviewUrl(url);
 					setPreviewLoading(false);
@@ -1099,6 +3012,7 @@ window.__ModuleLoader__.load({
 				const cached = blobCache.get(item.id);
 				if (cached) {
 					const url = URL.createObjectURL(cached);
+					previewUrlRef.current = url;
 					setPreviewBlob(cached);
 					setPreviewUrl(url);
 					setPreviewLoading(false);
@@ -1109,18 +3023,11 @@ window.__ModuleLoader__.load({
 				setPreviewUrl(null);
 				const controller = new AbortController();
 				abortControllerRef.current = controller;
-				fetch(IMAGE_ROUTE, {
-					method: "POST",
-					signal: controller.signal,
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({ attachment: item.attachment })
-				}).then(async (res) => {
-					if (!res.ok) throw new Error(`HTTP ${res.status}`);
-					return res.blob();
-				}).then((fetchedBlob) => {
+				fetchAttachmentBlob(item.attachment).then((fetchedBlob) => {
 					if (controller.signal.aborted) return;
 					blobCache.set(item.id, fetchedBlob);
 					const url = URL.createObjectURL(fetchedBlob);
+					previewUrlRef.current = url;
 					setPreviewBlob(fetchedBlob);
 					setPreviewUrl(url);
 					setPreviewLoading(false);
@@ -1135,7 +3042,16 @@ window.__ModuleLoader__.load({
 					abortControllerRef.current.abort();
 					abortControllerRef.current = null;
 				}
-				if (previewUrl) URL.revokeObjectURL(previewUrl);
+				if (regenerateControllerRef.current) {
+					regenerateControllerRef.current.abort();
+					regenerateControllerRef.current = null;
+					setIsRegenerating(false);
+				}
+				setShowRegenerateModal(false);
+				if (previewUrlRef.current) {
+					URL.revokeObjectURL(previewUrlRef.current);
+					previewUrlRef.current = null;
+				}
 				setPreviewItem(null);
 				setPreviewUrl(null);
 				setPreviewBlob(null);
@@ -1153,15 +3069,86 @@ window.__ModuleLoader__.load({
 					if (nextItem) openPreviewItem(nextItem);
 				}
 			};
+			const handleOpenRegenerate = () => {
+				if (!previewItem || isRegenerating) return;
+				setRegeneratePrompt(previewItem.prompt);
+				setShowRegenerateModal(true);
+			};
+			const handleCancelRegeneratePrompt = () => {
+				setShowRegenerateModal(false);
+			};
+			const handleAbortRegenerating = () => {
+				regenerateControllerRef.current?.abort();
+				regenerateControllerRef.current = null;
+				setIsRegenerating(false);
+				showToast(t("cancel"));
+			};
+			const handleConfirmRegenerate = async () => {
+				if (!previewItem || isRegenerating || regeneratePrompt.trim().length === 0) return;
+				setShowRegenerateModal(false);
+				setIsRegenerating(true);
+				const controller = new AbortController();
+				regenerateControllerRef.current = controller;
+				try {
+					const request = conversationRegenerateRequest(previewItem, regeneratePrompt, previewItem.aspectRatio ? {
+						ratio: previewItem.aspectRatio,
+						quality: previewItem.imageSize || "standard"
+					} : void 0);
+					if (activeWorkspace?.path) request.workspaceRoot = activeWorkspace.path;
+					const response = await fetch(STUDIO_ROUTE, {
+						method: "POST",
+						credentials: "same-origin",
+						signal: controller.signal,
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify(request)
+					});
+					const payload = await response.json().catch(() => null);
+					if (!response.ok || payload === null || !("attachment" in payload)) throw new Error(payload && "error" in payload && payload.error ? payload.error : t("regenerateFailed"));
+					const newItem = {
+						id: String(payload.attachment.attachmentId),
+						attachment: payload.attachment,
+						prompt: payload.prompt,
+						provider: payload.provider,
+						model: payload.model,
+						createdAt: payload.createdAt,
+						aspectRatio: request.ratio,
+						imageSize: request.quality,
+						output: payload.output,
+						...payload.savedTo ? { savedTo: payload.savedTo } : {},
+						...activeWorkspace?.path ? { workspacePath: activeWorkspace.path } : {},
+						...activeWorkspace?.workspaceId ? { workspaceId: activeWorkspace.workspaceId } : {},
+						...currentSessionId ? { sessionId: currentSessionId } : {}
+					};
+					await saveGalleryItem(newItem);
+					if (activeTab !== "gallery") setActiveTab("gallery");
+					if (search.trim().length > 0) setSearch("");
+					openPreviewItem(newItem);
+					showToast(t("regenerateSuccess"));
+				} catch (err) {
+					if (controller.signal.aborted) return;
+					showToast(err instanceof Error ? err.message : String(err));
+				} finally {
+					setIsRegenerating(false);
+					regenerateControllerRef.current = null;
+				}
+			};
 			(0, react.useEffect)(() => {
 				return () => {
 					if (abortControllerRef.current) abortControllerRef.current.abort();
-					if (previewUrl) URL.revokeObjectURL(previewUrl);
+					if (regenerateControllerRef.current) regenerateControllerRef.current.abort();
+					if (previewUrlRef.current) URL.revokeObjectURL(previewUrlRef.current);
 				};
-			}, [previewUrl]);
+			}, []);
 			(0, react.useEffect)(() => {
 				const onKeyDown = (e) => {
 					if (["INPUT", "TEXTAREA"].includes(e.target?.tagName)) return;
+					if (showRegenerateModal) {
+						if (e.key === "Escape") {
+							e.preventDefault();
+							setShowRegenerateModal(false);
+						}
+						return;
+					}
 					if (showDeleteModal) {
 						if (e.key === "Escape" && !isDeleting) {
 							e.preventDefault();
@@ -1184,6 +3171,7 @@ window.__ModuleLoader__.load({
 				window.addEventListener("keydown", onKeyDown);
 				return () => window.removeEventListener("keydown", onKeyDown);
 			}, [
+				showRegenerateModal,
 				showDeleteModal,
 				isDeleting,
 				isManageMode,
@@ -1263,34 +3251,41 @@ window.__ModuleLoader__.load({
 				setSelectedIds(/* @__PURE__ */ new Set([item.id]));
 				setShowDeleteModal(true);
 			};
+			const hasWorkspaceFilesToDelete = (0, react.useMemo)(() => items.some((i) => selectedIds.has(i.id) && typeof i.savedTo === "string" && i.savedTo.trim().length > 0), [items, selectedIds]);
 			const handleConfirmBatchDelete = async () => {
 				if (selectedIds.size === 0 || isDeleting) return;
 				setIsDeleting(true);
 				const idsToDelete = Array.from(selectedIds);
 				const itemsToDelete = items.filter((i) => selectedIds.has(i.id));
 				const pathsToDelete = itemsToDelete.map((i) => i.savedTo).filter((p) => typeof p === "string" && p.trim().length > 0);
-				const fallbackAttachmentIds = itemsToDelete.filter((i) => !i.savedTo || !i.savedTo.trim()).map((i) => i.id);
 				let deletedFiles = 0;
-				let failedFilesCount = 0;
-				if (deleteWorkspaceFiles && (pathsToDelete.length > 0 || fallbackAttachmentIds.length > 0)) try {
+				if (deleteWorkspaceFiles && pathsToDelete.length > 0) try {
 					const res = await fetch(DELETE_ROUTE, {
 						method: "POST",
 						headers: { "content-type": "application/json" },
-						body: JSON.stringify({
-							paths: pathsToDelete,
-							attachmentIds: fallbackAttachmentIds
-						})
+						body: JSON.stringify({ paths: pathsToDelete })
 					});
-					if (res.ok) {
-						const data = await res.json();
-						deletedFiles = data.deletedCount ?? 0;
-						if (Array.isArray(data.failedFiles)) failedFilesCount = data.failedFiles.length;
+					if (!res.ok) {
+						setIsDeleting(false);
+						showToast(`工作区文件删除失败 (${res.status})`);
+						return;
 					}
+					const data = await res.json().catch(() => null);
+					if (!data || data.ok === false || Array.isArray(data.failedFiles) && data.failedFiles.length > 0) {
+						setIsDeleting(false);
+						const reason = data?.failedFiles?.[0]?.error || "工作区文件未能删除";
+						showToast(`删除失败：${reason}`);
+						return;
+					}
+					deletedFiles = data.deletedCount ?? 0;
 				} catch (err) {
-					console.warn("[dsh-image-gen] Workspace file deletion failed:", err);
+					setIsDeleting(false);
+					showToast(err instanceof Error ? err.message : "工作区文件删除网络异常");
+					return;
 				}
 				try {
 					await bulkDeleteGalleryItems(idsToDelete);
+					for (const item of itemsToDelete) evictAttachmentCache(item.attachment.attachmentId);
 				} catch (err) {
 					setIsDeleting(false);
 					showToast(t("deleteFailedDatabase"));
@@ -1304,11 +3299,7 @@ window.__ModuleLoader__.load({
 					setSelectedIds(/* @__PURE__ */ new Set());
 					lastSelectedIndexRef.current = null;
 				}
-				if (failedFilesCount > 0) showToast(t("deleteFailedFileLocked", {
-					count: String(idsToDelete.length),
-					files: String(failedFilesCount)
-				}));
-				else if (deletedFiles > 0) showToast(t("batchDeletedWithFilesToast", {
+				if (deletedFiles > 0) showToast(t("batchDeletedWithFilesToast", {
 					count: String(idsToDelete.length),
 					files: String(deletedFiles)
 				}));
@@ -1316,6 +3307,7 @@ window.__ModuleLoader__.load({
 			};
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsh-ig-gallery-page",
+				"data-conversation-composer-overlay": "",
 				children: [
 					(0, react_jsx_runtime.jsxs)("header", {
 						className: "dsh-ig-studio-tabs-bar",
@@ -1337,18 +3329,6 @@ window.__ModuleLoader__.load({
 								className: `dsh-ig-studio-tab-btn ${activeTab === "favorites" ? "is-active" : ""}`,
 								onClick: () => setActiveTab("favorites"),
 								children: [(0, react_jsx_runtime.jsx)(Heart, { size: 15 }), (0, react_jsx_runtime.jsx)("span", { children: t("tabFavorites") })]
-							}),
-							(0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								className: `dsh-ig-studio-tab-btn ${activeTab === "compare" ? "is-active" : ""}`,
-								onClick: () => setActiveTab("compare"),
-								children: [(0, react_jsx_runtime.jsx)(GitCompare, { size: 15 }), (0, react_jsx_runtime.jsx)("span", { children: t("tabCompare") })]
-							}),
-							(0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								className: `dsh-ig-studio-tab-btn ${activeTab === "tasks" ? "is-active" : ""}`,
-								onClick: () => setActiveTab("tasks"),
-								children: [(0, react_jsx_runtime.jsx)(ListTodo, { size: 15 }), (0, react_jsx_runtime.jsx)("span", { children: t("tabTasks") })]
 							})
 						]
 					}),
@@ -1439,6 +3419,30 @@ window.__ModuleLoader__.load({
 										value: search,
 										onChange: (e) => setSearch(e.target.value)
 									})]
+								}),
+								(0, react_jsx_runtime.jsxs)("label", {
+									className: "dsh-ig-workspace-filter-label",
+									title: t("filterCurrentWorkspaceHint"),
+									children: [
+										(0, react_jsx_runtime.jsx)("input", {
+											type: "checkbox",
+											className: "dsh-ig-workspace-checkbox",
+											checked: onlyCurrentWorkspace,
+											onChange: (e) => setOnlyCurrentWorkspace(e.target.checked)
+										}),
+										(0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-ig-workspace-filter-text",
+											children: t("filterCurrentWorkspace")
+										}),
+										(0, react_jsx_runtime.jsxs)("span", {
+											className: "dsh-ig-workspace-filter-badge",
+											children: [
+												workspaceItemsCount,
+												"/",
+												items.length
+											]
+										})
+									]
 								})
 							]
 						}), (0, react_jsx_runtime.jsxs)("div", {
@@ -1467,7 +3471,7 @@ window.__ModuleLoader__.load({
 						})]
 					}),
 					(0, react_jsx_runtime.jsx)("div", {
-						className: "dsh-ig-gallery-page-body",
+						className: `dsh-ig-gallery-page-body ${activeTab === "studio" ? "is-workbench" : ""}`,
 						children: activeTab === "gallery" || activeTab === "favorites" ? items.length === 0 ? (0, react_jsx_runtime.jsxs)("div", {
 							className: "dsh-ig-gallery-empty",
 							children: [
@@ -1531,22 +3535,9 @@ window.__ModuleLoader__.load({
 								onBlobLoaded: (b) => blobCache.set(item.id, b),
 								onToast: showToast
 							}, item.id))
-						}) : activeTab === "studio" ? (0, react_jsx_runtime.jsx)(PlaceholderView, {
-							icon: "🎨",
-							title: t("studioTitle"),
-							description: t("studioDesc"),
-							tip: t("studioTip"),
-							badge: t("comingSoonBadge")
-						}) : activeTab === "compare" ? (0, react_jsx_runtime.jsx)(PlaceholderView, {
-							icon: "🔀",
-							title: t("compareTitle"),
-							description: t("compareDesc"),
-							badge: t("comingSoonBadge")
-						}) : (0, react_jsx_runtime.jsx)(PlaceholderView, {
-							icon: "📋",
-							title: t("tasksTitle"),
-							description: t("tasksDesc"),
-							badge: t("comingSoonBadge")
+						}) : (0, react_jsx_runtime.jsx)(StudioView, {
+							locale,
+							workspace: activeWorkspace
 						})
 					}),
 					toast && (0, react_jsx_runtime.jsx)("div", {
@@ -1624,7 +3615,7 @@ window.__ModuleLoader__.load({
 									children: [(0, react_jsx_runtime.jsx)("p", {
 										className: "dsh-ig-modal-desc",
 										children: t("batchDeleteDesc")
-									}), (0, react_jsx_runtime.jsxs)("label", {
+									}), hasWorkspaceFilesToDelete && (0, react_jsx_runtime.jsxs)("label", {
 										className: "dsh-ig-modal-checkbox-label",
 										children: [(0, react_jsx_runtime.jsx)("input", {
 											type: "checkbox",
@@ -1656,6 +3647,74 @@ window.__ModuleLoader__.load({
 							]
 						})
 					}),
+					showRegenerateModal && previewItem && (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-ig-modal-backdrop",
+						onClick: handleCancelRegeneratePrompt,
+						children: (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-ig-modal-box dsh-ig-regenerate-modal-box",
+							onClick: (e) => e.stopPropagation(),
+							children: [
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-ig-modal-header",
+									children: [(0, react_jsx_runtime.jsx)("div", {
+										className: "dsh-ig-regenerate-modal-icon",
+										children: (0, react_jsx_runtime.jsx)(Sparkles, { size: 18 })
+									}), (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsh-ig-regenerate-modal-title-wrap",
+										children: [(0, react_jsx_runtime.jsx)("div", {
+											className: "dsh-ig-modal-title",
+											children: t("regenerateTitle")
+										}), (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-regenerate-modal-meta",
+											children: [
+												(0, react_jsx_runtime.jsx)("span", {
+													className: "dsh-ig-tag",
+													children: previewItem.provider
+												}),
+												previewItem.model && (0, react_jsx_runtime.jsx)("span", {
+													className: "dsh-ig-tag dsh-ig-tag-model",
+													children: previewItem.model
+												}),
+												(0, react_jsx_runtime.jsx)("span", {
+													className: "dsh-ig-tag",
+													children: formatCardMeta(previewItem)
+												})
+											]
+										})]
+									})]
+								}),
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-ig-modal-body",
+									children: [(0, react_jsx_runtime.jsx)("p", {
+										className: "dsh-ig-modal-desc",
+										children: t("regenerateHint")
+									}), (0, react_jsx_runtime.jsx)("textarea", {
+										className: "dsh-ig-regenerate-modal-textarea",
+										value: regeneratePrompt,
+										onChange: (e) => setRegeneratePrompt(e.target.value),
+										placeholder: t("prompt"),
+										rows: 4,
+										autoFocus: true
+									})]
+								}),
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-ig-modal-footer",
+									children: [(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-ig-modal-btn dsh-ig-modal-btn-cancel",
+										onClick: handleCancelRegeneratePrompt,
+										children: t("cancel")
+									}), (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										className: "dsh-ig-modal-btn dsh-ig-modal-btn-primary",
+										onClick: handleConfirmRegenerate,
+										disabled: regeneratePrompt.trim().length === 0,
+										children: [(0, react_jsx_runtime.jsx)(Sparkles, { size: 14 }), (0, react_jsx_runtime.jsx)("span", { children: t("confirmRegenerate") })]
+									})]
+								})
+							]
+						})
+					}),
 					previewItem && (0, react_jsx_runtime.jsxs)("div", {
 						className: "dsh-ig-lightbox-backdrop",
 						onClick: handleClosePreview,
@@ -1771,6 +3830,27 @@ window.__ModuleLoader__.load({
 											},
 											children: [(0, react_jsx_runtime.jsx)(Download, { size: 14 }), (0, react_jsx_runtime.jsx)("span", { children: t("download") })]
 										}),
+										(0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: "dsh-ig-lightbox-btn dsh-ig-lightbox-btn-regenerate",
+											title: t("regenerate"),
+											disabled: isRegenerating,
+											onClick: handleOpenRegenerate,
+											children: [(0, react_jsx_runtime.jsx)(Sparkles, { size: 14 }), (0, react_jsx_runtime.jsx)("span", { children: t("regenerate") })]
+										}),
+										isRegenerating && (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-lightbox-generating-indicator",
+											children: [
+												(0, react_jsx_runtime.jsx)("div", { className: "dsh-ig-lightbox-spinner-sm" }),
+												(0, react_jsx_runtime.jsx)("span", { children: t("regenerating") }),
+												(0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "dsh-ig-lightbox-abort-btn",
+													onClick: handleAbortRegenerating,
+													children: t("cancel")
+												})
+											]
+										}),
 										(0, react_jsx_runtime.jsxs)("button", {
 											type: "button",
 											className: "dsh-ig-lightbox-btn dsh-ig-lightbox-btn-danger",
@@ -1963,68 +4043,6 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		};
-		const PlaceholderView = ({ icon, title, description, tip, badge }) => {
-			return (0, react_jsx_runtime.jsx)("div", {
-				className: "dsh-ig-placeholder-view",
-				children: (0, react_jsx_runtime.jsxs)("div", {
-					className: "dsh-ig-placeholder-card",
-					children: [
-						(0, react_jsx_runtime.jsx)("div", {
-							className: "dsh-ig-placeholder-icon",
-							children: icon
-						}),
-						(0, react_jsx_runtime.jsxs)("div", {
-							className: "dsh-ig-placeholder-header",
-							children: [(0, react_jsx_runtime.jsx)("h2", {
-								className: "dsh-ig-placeholder-title",
-								children: title
-							}), badge && (0, react_jsx_runtime.jsx)("span", {
-								className: "dsh-ig-placeholder-badge",
-								children: badge
-							})]
-						}),
-						(0, react_jsx_runtime.jsx)("p", {
-							className: "dsh-ig-placeholder-desc",
-							children: description
-						}),
-						tip && (0, react_jsx_runtime.jsx)("div", {
-							className: "dsh-ig-placeholder-tip",
-							children: tip
-						})
-					]
-				})
-			});
-		};
-		async function copyImageBlob(blob) {
-			try {
-				if (blob.type === "image/png") {
-					await navigator.clipboard.write([new ClipboardItem({ "image/png": blob })]);
-					return true;
-				}
-				const img = new Image();
-				const url = URL.createObjectURL(blob);
-				await new Promise((resolve, reject) => {
-					img.onload = resolve;
-					img.onerror = reject;
-					img.src = url;
-				});
-				const canvas = document.createElement("canvas");
-				canvas.width = img.naturalWidth;
-				canvas.height = img.naturalHeight;
-				const ctx = canvas.getContext("2d");
-				if (!ctx) throw new Error("Canvas unavailable");
-				ctx.drawImage(img, 0, 0);
-				URL.revokeObjectURL(url);
-				const pngBlob = await new Promise((res) => {
-					canvas.toBlob(res, "image/png");
-				});
-				if (!pngBlob) throw new Error("Blob conversion failed");
-				await navigator.clipboard.write([new ClipboardItem({ "image/png": pngBlob })]);
-				return true;
-			} catch (_err) {
-				return false;
-			}
-		}
 		//#endregion
 		//#region lib/types/client/image-ref.js
 		/**
@@ -2038,6 +4056,99 @@ window.__ModuleLoader__.load({
 			const fromBlockContent = Array.isArray(block.content) ? block.content.find((item) => item.type === "image") : void 0;
 			if (fromBlockContent?.type === "image") return fromBlockContent.attachment;
 		}
+		//#endregion
+		//#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 *{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.is-sidebar-collapsed{grid-template-columns:minmax(0,1fr) minmax(286px,340px)}
+.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-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}.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}
+.dsh-ig-recent-item{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;width:100%;padding:8px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.dsh-ig-recent-item:hover{background:var(--ig-soft);transform:translateY(-1px)}.dsh-ig-recent-item.is-active{border-color:#89a7ff;background:rgba(47,100,245,.075);box-shadow:inset 3px 0 0 var(--ig-blue)}.dsh-ig-recent-thumb{width:70px;height:70px;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-recent-item>div:last-child{min-width:0;padding:1px 0}.dsh-ig-recent-item strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12.5px;line-height:19px;font-weight:630}.dsh-ig-recent-item span,.dsh-ig-recent-item small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#828b9e;font-size:10.5px;line-height:16px}
+.dsh-ig-load-more{width:100%;height:32px;margin:8px 0;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-canvas-toolbar{height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:space-between;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}
+.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-zoom-display{font-size:11px;min-width:38px;text-align:center;color:#64748b;user-select:none;font-variant-numeric:tabular-nums}
+.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-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-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-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-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-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{cursor:grabbing!important}
+.dsh-ig-canvas img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:10px;box-shadow:0 14px 45px rgba(25,35,63,.18);user-select:none;-webkit-user-drag:none;pointer-events:auto}
+.dsh-ig-canvas-empty,.dsh-ig-generating-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;color:#929bad;font-size:12px;padding:26px;cursor:default}
+.dsh-ig-generating-state strong{font-size:15px;color:var(--foreground,#182033)}.dsh-ig-generating-state span{font-size:11px}.dsh-ig-generation-orbit{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;color:var(--ig-blue);background:rgba(47,100,245,.09);box-shadow:0 0 0 10px rgba(47,100,245,.035);animation:dshIgPulse 1.8s ease-in-out infinite}
+.dsh-ig-result-strip{flex:0 0 auto;min-height:52px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--ig-line)}.dsh-ig-result-strip>span{font-size:12px;font-weight:650}.dsh-ig-result-strip>div,.dsh-ig-result-actions>div{display:flex;gap:7px}.dsh-ig-result-strip button,.dsh-ig-result-actions button{height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--ig-line);border-radius:7px;background:var(--background,#fff);font-size:11px;cursor:pointer}.dsh-ig-result-strip button:hover,.dsh-ig-result-actions button:hover{border-color:#9fb2ed;color:var(--ig-blue)}.dsh-ig-result-actions{flex:0 0 auto;min-height:54px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--ig-line)}.dsh-ig-result-actions p{margin:0;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11.5px;line-height:18px;color:#596277}.dsh-ig-result-meta{flex:0 0 auto;min-height:32px;padding:6px 14px;display:flex;gap:13px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--ig-line);font-size:10px;color:#8790a3}.dsh-ig-result-meta span+span:before{content:'·';margin-right:13px}
+.dsh-ig-generate-panel{height:100%;display:flex;flex-direction:column;border-left:1px solid var(--ig-line);overflow:hidden}.dsh-ig-panel-tabs{height:48px;flex:0 0 48px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ig-line);padding:0 14px}.dsh-ig-panel-tabs button{position:relative;border:0;background:transparent;font-size:12px;color:#7c8598;cursor:pointer}.dsh-ig-panel-tabs button.is-active{color:var(--ig-blue);font-weight:650}.dsh-ig-panel-tabs button.is-active:after{content:'';position:absolute;left:20%;right:20%;bottom:-1px;height:2px;background:var(--ig-blue);border-radius:2px 2px 0 0}.dsh-ig-generator-form{flex:1 1 0;height:0;padding:15px;display:flex;flex-direction:column;gap:15px;overflow-x:hidden;overflow-y:auto;min-height:0}.dsh-ig-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dsh-ig-mode-switch button{height:39px;border:1px solid var(--ig-line);border-radius:8px;background:var(--background,#fff);display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;cursor:pointer}.dsh-ig-mode-switch button.is-active{border-color:#789bff;color:var(--ig-blue);background:rgba(47,100,245,.065);box-shadow:inset 0 0 0 1px rgba(47,100,245,.1)}
+.dsh-ig-field{position:relative;display:flex;flex-direction:column;gap:7px}.dsh-ig-field>label,.dsh-ig-field-label label{font-size:11.5px;font-weight:630}.dsh-ig-field>label span{font-weight:400;color:#929bad}.dsh-ig-field-label{display:flex;align-items:center;justify-content:space-between}.dsh-ig-field-label b{color:#e14d4d}.dsh-ig-field-label button{border:0;background:transparent;color:#798397;font-size:10.5px;cursor:pointer}.dsh-ig-field textarea{width:100%;height:112px;padding:11px 12px 22px;resize:vertical;border:1px solid var(--ig-line);border-radius:9px;background:var(--background,#fff);font-size:12px;line-height:19px;outline:none}.dsh-ig-field textarea:focus{border-color:var(--ig-blue);box-shadow:0 0 0 3px rgba(47,100,245,.09)}.dsh-ig-field>small{position:absolute;right:9px;bottom:7px;color:#9aa2b2;font-size:9.5px}.dsh-ig-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dsh-ig-field-select{display:flex;flex-direction:column;gap:6px;min-width:0}.dsh-ig-field-select>span{font-size:11px;font-weight:620}.dsh-ig-field-select select{width:100%;height:36px;padding:0 26px 0 9px;border:1px solid var(--ig-line);border-radius:8px;background:var(--background,#fff);font-size:11px;outline:none;text-overflow:ellipsis}.dsh-ig-field-select select:focus{border-color:var(--ig-blue)}
+.dsh-ig-upload{height:92px;border:1px dashed #bcc6d9;border-radius:9px;background:rgba(255,255,255,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#7d879b;cursor:pointer}.dsh-ig-upload strong{font-size:11px;font-weight:570}.dsh-ig-upload small{font-size:9.5px}.dsh-ig-upload:hover,.dsh-ig-upload.is-dragging{border-color:var(--ig-blue);background:rgba(47,100,245,.05);color:var(--ig-blue)}
+.dsh-ig-reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
+.dsh-ig-reference-card{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#eef1f7;border:1px solid var(--ig-line)}
+.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: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-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-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-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-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-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 span{display:none}}
+@media(max-width:900px){.dsh-ig-gallery-page-body.is-workbench{height:auto;overflow:auto}.dsh-ig-workbench{height:auto;min-height:100%;overflow:visible;padding:12px}.dsh-ig-workbench-heading{height:auto;padding-bottom:12px;align-items:center}.dsh-ig-provider-quick>span{display:none}.dsh-ig-workbench-grid{height:auto;display:flex;flex:none;flex-direction:column;overflow:visible}.dsh-ig-recent-panel{height:auto;overflow:hidden;border-right:0;border-bottom:1px solid var(--ig-line)}.dsh-ig-recent-scroll{height:auto;display:flex;overflow-x:auto;overflow-y:hidden;padding:8px}.dsh-ig-recent-item{min-width:220px}.dsh-ig-canvas-column{height:auto;min-height:560px}.dsh-ig-generate-panel{height:auto;border-left:0;border-top:1px solid var(--ig-line);min-height:560px}.dsh-ig-generator-form{height:auto;overflow:visible}.dsh-ig-canvas{height:auto;min-height:360px}}
+@media(max-width:560px){.dsh-ig-workbench-heading>div{display:block}.dsh-ig-workbench-heading h1{font-size:15px}.dsh-ig-provider-quick select{min-width:128px;max-width:150px}.dsh-ig-canvas{padding:12px;min-height:300px}.dsh-ig-result-strip,.dsh-ig-result-actions{align-items:flex-start;flex-direction:column}.dsh-ig-result-strip>div,.dsh-ig-result-actions>div{width:100%}.dsh-ig-result-strip button,.dsh-ig-result-actions button{flex:1;justify-content:center}.dsh-ig-result-actions button span{display:inline}.dsh-ig-field-grid{grid-template-columns:1fr}.dsh-ig-result-meta span+span:before{display:none}}
+@media(prefers-reduced-motion:reduce){.dsh-ig-workbench *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
+.dsh-ig-workspace-filter-label{height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--ig-line,rgba(0,0,0,.1));border-radius:7px;background:var(--background,#fff);font-size:11.5px;color:var(--foreground,#242f44);cursor:pointer;user-select:none;transition:border-color .15s,background .15s}
+.dsh-ig-workspace-filter-label:hover{border-color:#9bb4f5;background:rgba(47,100,245,.04)}
+.dsh-ig-workspace-checkbox{cursor:pointer;accent-color:#2f64f5;width:13.5px;height:13.5px;margin:0}
+.dsh-ig-workspace-filter-text{font-weight:500;white-space:nowrap}
+.dsh-ig-workspace-filter-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,currentColor 7%,transparent);color:#64748b;font-variant-numeric:tabular-nums}
+`;
 		//#endregion
 		//#region lib/types/client/image-result-node.js
 		const IMAGE_RESULT_NODE_KIND = "dsh-image-result";
@@ -2179,6 +4290,75 @@ window.__ModuleLoader__.load({
 			return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
 		}
 		//#endregion
+		//#region lib/types/client/conversation-image-revisions.js
+		const STORAGE_PREFIX = "dsh_image_gen_conversation_revisions:";
+		/** Read the locally persisted replacement history for one immutable conversation image. */
+		function loadConversationImageRevisionChain(originId) {
+			const empty = () => ({
+				originId,
+				currentIndex: 0,
+				revisions: []
+			});
+			try {
+				const raw = globalThis.localStorage?.getItem(storageKey(originId));
+				if (!raw) return empty();
+				const value = JSON.parse(raw);
+				if (!isChain(value, originId)) return empty();
+				return {
+					originId,
+					currentIndex: Math.min(value.currentIndex, value.revisions.length),
+					revisions: value.revisions
+				};
+			} catch {
+				return empty();
+			}
+		}
+		/** Append a generated version and make it the version shown by the conversation card. */
+		function appendConversationImageRevision(originId, revision) {
+			const revisions = [...loadConversationImageRevisionChain(originId).revisions.filter((item) => item.attachment.attachmentId !== revision.attachment.attachmentId), revision].slice(-20);
+			const next = {
+				originId,
+				currentIndex: revisions.length,
+				revisions
+			};
+			persist(next);
+			return next;
+		}
+		/** Select an earlier or later version without altering the underlying conversation event. */
+		function selectConversationImageRevision(originId, requestedIndex) {
+			const current = loadConversationImageRevisionChain(originId);
+			const currentIndex = Math.max(0, Math.min(Math.trunc(requestedIndex), current.revisions.length));
+			const next = {
+				...current,
+				currentIndex
+			};
+			persist(next);
+			return next;
+		}
+		function persist(chain) {
+			try {
+				globalThis.localStorage?.setItem(storageKey(chain.originId), JSON.stringify(chain));
+			} catch {}
+		}
+		function storageKey(originId) {
+			return `${STORAGE_PREFIX}${originId}`;
+		}
+		function isChain(value, originId) {
+			if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
+			const candidate = value;
+			return candidate.originId === originId && typeof candidate.currentIndex === "number" && Number.isSafeInteger(candidate.currentIndex) && candidate.currentIndex >= 0 && Array.isArray(candidate.revisions) && candidate.revisions.every(isRevision);
+		}
+		function isRevision(value) {
+			if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
+			const candidate = value;
+			return isAttachment(candidate.attachment) && (candidate.provider === "google" || candidate.provider === "openai" || candidate.provider === "seedream" || candidate.provider === "dashscope") && typeof candidate.prompt === "string" && typeof candidate.model === "string" && typeof candidate.output === "string" && typeof candidate.createdAt === "number" && Number.isFinite(candidate.createdAt) && typeof candidate.ratio === "string" && typeof candidate.quality === "string";
+		}
+		function isAttachment(value) {
+			if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
+			const candidate = value;
+			return typeof candidate.attachmentId === "string" && (candidate.mediaType === "image/png" || candidate.mediaType === "image/jpeg" || candidate.mediaType === "image/webp" || candidate.mediaType === "image/gif") && typeof candidate.bytes === "number" && typeof candidate.width === "number" && typeof candidate.height === "number";
+		}
+		//#endregion
 		//#region lib/types/client/index.js
 		const KEY_REF = {
 			google: "GEMINI_API_KEY",
@@ -2242,7 +4422,18 @@ window.__ModuleLoader__.load({
 				download: "下载图片",
 				openNewTab: "新标签页打开",
 				copiedImage: "已复制图片",
-				copyFailed: "复制失败"
+				copyFailed: "复制失败",
+				regenerate: "重新生成",
+				regenerateTitle: "重新生成图片",
+				regenerateHint: "如有需要可微调提示词。生成的新图片将替代当前展示，原图依然可在版本中查看。",
+				prompt: "提示词",
+				cancel: "取消",
+				confirmRegenerate: "确认生成",
+				regenerating: "重新生成中…",
+				regenerateFailed: "重新生成失败",
+				versionPrevious: "上一版本",
+				versionNext: "下一版本",
+				versionLabel: "图片版本 {current}/{total}"
 			},
 			en: {
 				title: "Image Generation",
@@ -2299,7 +4490,18 @@ window.__ModuleLoader__.load({
 				download: "Download Image",
 				openNewTab: "Open in new tab",
 				copiedImage: "Image copied",
-				copyFailed: "Copy failed"
+				copyFailed: "Copy failed",
+				regenerate: "Regenerate",
+				regenerateTitle: "Regenerate image",
+				regenerateHint: "Edit the prompt if needed. The new image replaces this view while the original remains available.",
+				prompt: "Prompt",
+				cancel: "Cancel",
+				confirmRegenerate: "Regenerate",
+				regenerating: "Regenerating…",
+				regenerateFailed: "Regeneration failed",
+				versionPrevious: "Previous version",
+				versionNext: "Next version",
+				versionLabel: "Image version {current}/{total}"
 			}
 		};
 		const STYLE = `
@@ -2345,14 +4547,39 @@ window.__ModuleLoader__.load({
 .dsh-ig-result{display:grid;gap:10px;max-width:520px}
 .dsh-ig-promoted-results{display:grid;gap:16px}
 .dsh-ig-result-title{font-size:14px;font-weight:600}
-.dsh-ig-container{position:relative;display:inline-block;width:fit-content;max-width:100%;justify-self:start;border-radius:12px;overflow:hidden;line-height:0}
-.dsh-ig-container:hover .dsh-ig-toolbar{opacity:1;pointer-events:auto}
-.dsh-ig-toolbar{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:5px;padding:3px 5px;border-radius:8px;background:rgba(0,0,0,0.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:10;line-height:1}
+.dsh-ig-container{position:relative;display:inline-block;width:fit-content;max-width:100%;justify-self:start;border-radius:12px;overflow:hidden;line-height:0;isolation:isolate}
+.dsh-ig-container:hover .dsh-ig-toolbar,.dsh-ig-container:focus-within .dsh-ig-toolbar{opacity:1;pointer-events:auto}
+.dsh-ig-toolbar{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:5px;padding:3px 5px;border-radius:8px;background:rgba(0,0,0,0.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:2;line-height:1}
 .dsh-ig-tool-btn{appearance:none;border:0;background:transparent;color:#fff;padding:5px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
 .dsh-ig-tool-btn:hover{background:rgba(255,255,255,0.25)}
 .dsh-ig-tool-btn-danger:hover{background:rgba(239,68,68,0.75)!important;color:#fff!important}
-.dsh-ig-toast{position:absolute;top:100%;left:0;margin-top:5px;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,0.85);color:#fff;font-size:11px;white-space:nowrap;pointer-events:none;z-index:20}
+.dsh-ig-toast{position:absolute;top:100%;left:0;margin-top:5px;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,0.85);color:#fff;font-size:11px;white-space:nowrap;pointer-events:none;z-index:4}
 .dsh-ig-image{display:block;max-width:100%;max-height:520px;border-radius:12px;background:#f2f3f5;cursor:pointer}
+.dsh-ig-version-nav{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:11px;line-height:1;z-index:2}
+.dsh-ig-version-nav button{appearance:none;border:0;background:transparent;color:inherit;width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:17px;line-height:1}
+.dsh-ig-version-nav button:hover:not(:disabled){background:rgba(255,255,255,.2)}
+.dsh-ig-version-nav button:disabled{opacity:.3;cursor:default}
+.dsh-ig-version-count{min-width:34px;text-align:center;font-variant-numeric:tabular-nums}
+.dsh-ig-regenerate-overlay{position:absolute;inset:0;background:rgba(15,23,42,0.52);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;z-index:3;animation:dsh-ig-fade .18s ease-out;line-height:1.4;border-radius:12px}
+.dsh-ig-regenerate-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,0.25);border-top-color:#fff;border-radius:50%;animation:dsh-ig-spin .8s linear infinite}
+.dsh-ig-regenerate-overlay-text{font-size:12.5px;font-weight:550;color:#fff;letter-spacing:0.2px;text-shadow:0 1px 2px rgba(0,0,0,0.4)}
+.dsh-ig-regenerate-overlay-cancel{appearance:none;border:1px solid rgba(255,255,255,0.4);border-radius:6px;background:rgba(255,255,255,0.15);color:#fff;padding:3px 12px;font-size:11.5px;cursor:pointer;transition:background .15s}
+.dsh-ig-regenerate-overlay-cancel:hover{background:rgba(255,255,255,0.3)}
+@keyframes dsh-ig-spin{to{transform:rotate(360deg)}}
+.dsh-ig-regenerate-backdrop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(11,17,29,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:dsh-ig-fade .15s ease-out}
+.dsh-ig-regenerate-dialog{width:min(520px,100%);border:1px solid var(--dsw-alias-border-l2,#dfe3ea);border-radius:14px;background:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-primary,#172033);box-shadow:0 24px 72px rgba(11,17,29,.28);padding:20px;box-sizing:border-box;line-height:1.4}
+.dsh-ig-regenerate-dialog h3{margin:0;font-size:16px;font-weight:650}
+.dsh-ig-regenerate-dialog p{margin:7px 0 16px;color:var(--dsw-alias-label-tertiary,#737d8f);font-size:12.5px;line-height:1.55}
+.dsh-ig-regenerate-dialog label{display:grid;gap:7px;font-size:12.5px;font-weight:600}
+.dsh-ig-regenerate-dialog textarea{box-sizing:border-box;width:100%;min-height:132px;resize:vertical;border:1px solid var(--dsw-alias-border-l2,#d7dce5);border-radius:9px;padding:11px 12px;background:var(--dsw-alias-bg-layer-2,#fff);color:inherit;font:inherit;font-size:13px;line-height:1.55;outline:none}
+.dsh-ig-regenerate-dialog textarea:focus{border-color:var(--dsw-alias-brand-primary,#4c78ff);box-shadow:0 0 0 3px rgba(76,120,255,.12)}
+.dsh-ig-regenerate-error{margin-top:10px!important;color:var(--dsw-alias-label-error,#d33)!important}
+.dsh-ig-regenerate-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}
+.dsh-ig-regenerate-actions button{height:35px;padding:0 14px;border-radius:7px;font:inherit;font-size:13px;font-weight:550;cursor:pointer}
+.dsh-ig-regenerate-cancel{border:1px solid var(--dsw-alias-border-l2,#d7dce5);background:transparent;color:inherit}
+.dsh-ig-regenerate-confirm{border:1px solid var(--dsw-alias-brand-primary,#3569ed);background:var(--dsw-alias-brand-primary,#3569ed);color:#fff}
+.dsh-ig-regenerate-actions button:disabled{opacity:.5;cursor:default}
+@media(hover:none){.dsh-ig-container .dsh-ig-toolbar{opacity:1;pointer-events:auto}}
 @keyframes dsh-ig-fade{from{opacity:0}to{opacity:1}}
 .dsh-ig-error{color:var(--dsw-alias-label-error,#d33);font-size:13px}
 .dsh-ig-loading{color:var(--dsw-alias-label-tertiary,#7b818b);font-size:13px}
@@ -2483,7 +4710,7 @@ window.__ModuleLoader__.load({
 .dsh-ig-batch-btn-exit:hover{background:rgba(255,255,255,0.1);color:#fff}
 
 /* Batch Delete Confirmation Modal */
-.dsh-ig-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.65);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99995;display:flex;align-items:center;justify-content:center;padding:16px;animation:dsh-ig-fade .15s ease-out}
+.dsh-ig-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.65);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100005;display:flex;align-items:center;justify-content:center;padding:16px;animation:dsh-ig-fade .15s ease-out}
 .dsh-ig-modal-box{width:100%;max-width:440px;background:var(--dsw-alias-bg-layer-1,#1c1e24);border:1px solid var(--dsw-alias-border-subtle,rgba(255,255,255,0.12));border-radius:12px;padding:22px;box-sizing:border-box;box-shadow:0 20px 50px rgba(0,0,0,0.45);color:var(--dsw-alias-label-primary,#fff);animation:dsh-ig-scale-up .15s ease-out}
 @keyframes dsh-ig-scale-up{from{transform:scale(0.95);opacity:0}to{transform:scale(1);opacity:1}}
 .dsh-ig-modal-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
@@ -2499,9 +4726,26 @@ window.__ModuleLoader__.load({
 .dsh-ig-modal-btn-cancel:hover{background:var(--dsw-alias-bg-layer-3,rgba(255,255,255,0.08))}
 .dsh-ig-modal-btn-danger{background:#dc2626;border:1px solid #dc2626;color:#fff}
 .dsh-ig-modal-btn-danger:hover{background:#b91c1c;border-color:#b91c1c}
+.dsh-ig-modal-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #2563eb;color:#fff;display:inline-flex;align-items:center;gap:6px}
+.dsh-ig-modal-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8)}
+.dsh-ig-modal-btn-primary:disabled{opacity:0.5;cursor:not-allowed}
+.dsh-ig-regenerate-modal-box{max-width:520px}
+.dsh-ig-regenerate-modal-icon{width:36px;height:36px;border-radius:50%;background:rgba(59,130,246,0.15);color:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}
+.dsh-ig-regenerate-modal-title-wrap{display:flex;flex-direction:column;gap:4px}
+.dsh-ig-regenerate-modal-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
+.dsh-ig-regenerate-modal-textarea{width:100%;box-sizing:border-box;background:var(--dsw-alias-bg-layer-2,rgba(0,0,0,0.25));border:1px solid var(--dsw-alias-border-subtle,rgba(255,255,255,0.15));border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5;color:var(--dsw-alias-label-primary,#fff);resize:vertical;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}
+.dsh-ig-regenerate-modal-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,0.2)}
+.dsh-ig-lightbox-btn-regenerate:hover{color:#60a5fa!important;border-color:rgba(96,165,250,0.5)!important;background:rgba(96,165,250,0.12)!important}
+.dsh-ig-lightbox-generating-indicator{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:rgba(37,99,235,0.2);border:1px solid rgba(59,130,246,0.5);border-radius:20px;font-size:12px;color:#93c5fd;animation:dsh-ig-fade .15s ease-out}
+.dsh-ig-lightbox-spinner-sm{width:12px;height:12px;border:2px solid rgba(147,197,253,0.3);border-top-color:#93c5fd;border-radius:50%;animation:dsh-ig-spin .8s linear infinite;flex-shrink:0}
+.dsh-ig-lightbox-abort-btn{appearance:none;background:transparent;border:0;color:#fca5a5;font-size:11.5px;cursor:pointer;padding:0 4px;margin-left:4px;text-decoration:underline;text-underline-offset:2px}
+.dsh-ig-lightbox-abort-btn:hover{color:#ef4444}
 
-/* Hide floating chat composer when gallery page is active */
+/* Hide floating chat composer and width handles when gallery page is active */
 [data-conversation-scroll]:has(.dsh-ig-gallery-page) [data-composer-seat]{display:none!important}
+:has(> [data-conversation-scroll]:has(.dsh-ig-gallery-page)) > [class*="widthHandle"],
+:has(.dsh-ig-gallery-page) [class*="widthHandle"],
+.root:has(.dsh-ig-gallery-page) [class*="widthHandle"]{display:none!important}
 `;
 		/** Required browser services. */
 		const inject = [
@@ -2521,7 +4765,7 @@ window.__ModuleLoader__.load({
 			ctx.effect(() => {
 				const style = document.createElement("style");
 				style.dataset.plugin = "dsh-image-gen";
-				style.textContent = STYLE;
+				style.textContent = `${STYLE}\n${STUDIO_STYLE}`;
 				document.head.appendChild(style);
 				return () => {
 					style.remove();
@@ -3106,7 +5350,8 @@ window.__ModuleLoader__.load({
 			if (props.promoted && result !== void 0) return (0, react_jsx_runtime.jsx)(PromotedResultNotice, { locale: props.locale });
 			return (0, react_jsx_runtime.jsx)(ImageResultCard, {
 				result,
-				locale: props.locale
+				locale: props.locale,
+				sessionId: props.sessionId
 			});
 		}
 		/** Render modern image artifacts as final conversation output instead of Tool process content. */
@@ -3115,7 +5360,8 @@ window.__ModuleLoader__.load({
 				className: "dsh-ig-promoted-results",
 				children: props.node.data.results.map((result) => (0, react_jsx_runtime.jsx)(ImageResultCard, {
 					result,
-					locale: props.locale
+					locale: props.locale,
+					sessionId: props.sessionId
 				}, result.attachment.attachmentId))
 			});
 		}
@@ -3126,14 +5372,31 @@ window.__ModuleLoader__.load({
 				children: DICT[lang].resultShown
 			});
 		}
-		function ImageResultCard({ result, locale }) {
+		function ImageResultCard({ result, locale, sessionId }) {
 			const attachment = result?.attachment;
+			const originId = attachment?.attachmentId;
+			const [revisionChain, setRevisionChain] = (0, react.useState)(() => loadConversationImageRevisionChain(String(originId ?? "")));
+			const selectedRevision = revisionChain.revisions[revisionChain.currentIndex - 1];
+			const activeAttachment = selectedRevision?.attachment ?? attachment;
+			const activeResult = selectedRevision !== void 0 ? {
+				prompt: selectedRevision.prompt,
+				provider: selectedRevision.provider,
+				model: selectedRevision.model,
+				output: selectedRevision.output,
+				createdAt: selectedRevision.createdAt
+			} : result;
 			const savedTo = result?.savedTo;
 			const [url, setUrl] = (0, react.useState)();
 			const [blob, setBlob] = (0, react.useState)();
 			const [error, setError] = (0, react.useState)();
 			const [previewOpen, setPreviewOpen] = (0, react.useState)(false);
 			const [toast, setToast] = (0, react.useState)();
+			const [regenerateOpen, setRegenerateOpen] = (0, react.useState)(false);
+			const [regeneratePrompt, setRegeneratePrompt] = (0, react.useState)("");
+			const [regenerateError, setRegenerateError] = (0, react.useState)();
+			const [isRegenerating, setIsRegenerating] = (0, react.useState)(false);
+			const regenerateControllerRef = (0, react.useRef)();
+			const regenerateTextareaRef = (0, react.useRef)(null);
 			const lang = usePluginLanguage(locale);
 			const t = (keyName, params) => {
 				let text = (lang === "en" ? DICT.en : DICT.zh)[keyName] || DICT.zh[keyName] || keyName;
@@ -3150,9 +5413,36 @@ window.__ModuleLoader__.load({
 					model: result.model,
 					output: result.output,
 					...result.savedTo ? { savedTo: result.savedTo } : {},
-					...result.seed !== void 0 ? { seed: result.seed } : {}
+					...result.seed !== void 0 ? { seed: result.seed } : {},
+					...sessionId ? { sessionId } : {}
 				});
 			}, [result?.attachment.attachmentId]);
+			(0, react.useEffect)(() => {
+				if (!originId) return;
+				regenerateControllerRef.current?.abort();
+				regenerateControllerRef.current = void 0;
+				setIsRegenerating(false);
+				setRegenerateOpen(false);
+				setRevisionChain(loadConversationImageRevisionChain(String(originId)));
+			}, [originId]);
+			(0, react.useEffect)(() => () => {
+				regenerateControllerRef.current?.abort();
+			}, []);
+			(0, react.useEffect)(() => {
+				if (!regenerateOpen || isRegenerating) return;
+				const frame = requestAnimationFrame(() => {
+					regenerateTextareaRef.current?.focus();
+					regenerateTextareaRef.current?.select();
+				});
+				const onKeyDown = (event) => {
+					if (event.key === "Escape") setRegenerateOpen(false);
+				};
+				window.addEventListener("keydown", onKeyDown);
+				return () => {
+					cancelAnimationFrame(frame);
+					window.removeEventListener("keydown", onKeyDown);
+				};
+			}, [regenerateOpen, isRegenerating]);
 			(0, react.useEffect)(() => {
 				if (!previewOpen) return;
 				const onKeyDown = (e) => {
@@ -3163,30 +5453,34 @@ window.__ModuleLoader__.load({
 					window.removeEventListener("keydown", onKeyDown);
 				};
 			}, [previewOpen]);
+			const currentUrlRef = (0, react.useRef)();
 			(0, react.useEffect)(() => {
-				if (attachment === void 0) return;
-				const controller = new AbortController();
-				let objectUrl;
-				fetch(IMAGE_ROUTE, {
-					method: "POST",
-					signal: controller.signal,
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({ attachment })
-				}).then(async (response) => {
-					if (!response.ok) throw new Error(t("loadFailed", { status: String(response.status) }));
-					const resBlob = await response.blob();
-					if (controller.signal.aborted) return;
+				return () => {
+					if (currentUrlRef.current !== void 0) {
+						URL.revokeObjectURL(currentUrlRef.current);
+						currentUrlRef.current = void 0;
+					}
+				};
+			}, []);
+			(0, react.useEffect)(() => {
+				if (activeAttachment === void 0) return;
+				let canceled = false;
+				fetchAttachmentBlob(activeAttachment).then((resBlob) => {
+					if (canceled) return;
 					setBlob(resBlob);
-					objectUrl = URL.createObjectURL(resBlob);
-					setUrl(objectUrl);
+					setError(void 0);
+					const nextUrl = URL.createObjectURL(resBlob);
+					if (currentUrlRef.current !== void 0) URL.revokeObjectURL(currentUrlRef.current);
+					currentUrlRef.current = nextUrl;
+					setUrl(nextUrl);
 				}).catch((cause) => {
-					if (!controller.signal.aborted) setError(cause instanceof Error ? cause.message : String(cause));
+					if (canceled) return;
+					setError(cause instanceof Error ? cause.message : String(cause));
 				});
 				return () => {
-					controller.abort();
-					if (objectUrl !== void 0) URL.revokeObjectURL(objectUrl);
+					canceled = true;
 				};
-			}, [attachment?.attachmentId, lang]);
+			}, [activeAttachment?.attachmentId]);
 			const copy = async (e) => {
 				e.stopPropagation();
 				if (!blob) return;
@@ -3201,7 +5495,7 @@ window.__ModuleLoader__.load({
 				if (!url) return;
 				const a = document.createElement("a");
 				a.href = url;
-				a.download = attachment?.name || `dsh-image-${Date.now()}.png`;
+				a.download = activeAttachment?.name || `dsh-image-${Date.now()}.png`;
 				document.body.appendChild(a);
 				a.click();
 				document.body.removeChild(a);
@@ -3211,6 +5505,93 @@ window.__ModuleLoader__.load({
 				if (!url) return;
 				window.open(url, "_blank", "noopener,noreferrer");
 			};
+			const openRegenerate = (event) => {
+				event.stopPropagation();
+				if (activeResult === void 0 || isRegenerating) return;
+				setRegeneratePrompt(activeResult.prompt);
+				setRegenerateError(void 0);
+				setRegenerateOpen(true);
+			};
+			const cancelRegenerate = () => {
+				regenerateControllerRef.current?.abort();
+				regenerateControllerRef.current = void 0;
+				setIsRegenerating(false);
+				setRegenerateOpen(false);
+				setRegenerateError(void 0);
+			};
+			const regenerate = async () => {
+				if (activeResult === void 0 || !originId || isRegenerating || regeneratePrompt.trim().length === 0) return;
+				setIsRegenerating(true);
+				setRegenerateError(void 0);
+				setRegenerateOpen(false);
+				const controller = new AbortController();
+				regenerateControllerRef.current = controller;
+				try {
+					const request = conversationRegenerateRequest(activeResult, regeneratePrompt, selectedRevision === void 0 ? void 0 : {
+						ratio: selectedRevision.ratio,
+						quality: selectedRevision.quality
+					});
+					const response = await fetch(STUDIO_ROUTE, {
+						method: "POST",
+						credentials: "same-origin",
+						signal: controller.signal,
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify(request)
+					});
+					const payload = await response.json().catch(() => null);
+					if (!response.ok || payload === null || !("attachment" in payload)) throw new Error(payload && "error" in payload && payload.error ? payload.error : t("regenerateFailed"));
+					const revision = {
+						attachment: payload.attachment,
+						prompt: payload.prompt,
+						provider: payload.provider,
+						model: payload.model,
+						output: payload.output,
+						createdAt: payload.createdAt,
+						ratio: request.ratio,
+						quality: request.quality
+					};
+					await saveGalleryItem({
+						id: String(revision.attachment.attachmentId),
+						attachment: revision.attachment,
+						prompt: revision.prompt,
+						provider: revision.provider,
+						model: revision.model,
+						createdAt: revision.createdAt,
+						aspectRatio: revision.ratio,
+						imageSize: revision.quality,
+						output: revision.output,
+						...savedTo ? { savedTo } : {},
+						...sessionId ? { sessionId } : {}
+					});
+					const next = appendConversationImageRevision(String(originId), revision);
+					setRevisionChain(next);
+					setToast(t("regenerate"));
+					setTimeout(() => {
+						setToast(void 0);
+					}, 2e3);
+				} catch (cause) {
+					if (!controller.signal.aborted) {
+						const errMsg = cause instanceof Error ? cause.message : String(cause);
+						setError(errMsg);
+						setToast(errMsg);
+						setTimeout(() => {
+							setToast(void 0);
+						}, 3500);
+					}
+				} finally {
+					if (regenerateControllerRef.current === controller) {
+						regenerateControllerRef.current = void 0;
+						setIsRegenerating(false);
+					}
+				}
+			};
+			const selectVersion = (index) => {
+				if (!originId || isRegenerating) return;
+				setRevisionChain(selectConversationImageRevision(String(originId), index));
+			};
+			const canRegenerate = activeResult !== void 0 && CLOUD_IMAGE_PROVIDERS.includes(activeResult.provider) && activeResult.model.trim().length > 0;
+			const versionTotal = revisionChain.revisions.length + 1;
+			const versionCurrent = revisionChain.currentIndex + 1;
 			if (attachment === void 0) return (0, react_jsx_runtime.jsx)("div", {
 				className: "dsh-ig-loading",
 				children: t("generating")
@@ -3241,100 +5622,174 @@ window.__ModuleLoader__.load({
 					}) : null,
 					url !== void 0 ? (0, react_jsx_runtime.jsxs)("div", {
 						className: "dsh-ig-container",
-						children: [(0, react_jsx_runtime.jsx)("img", {
-							className: "dsh-ig-image",
-							src: url,
-							alt: attachment.name ?? "Generated image",
-							onClick: () => {
-								setPreviewOpen(true);
-							}
-						}), (0, react_jsx_runtime.jsxs)("div", {
-							className: "dsh-ig-toolbar",
-							children: [
-								(0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "dsh-ig-tool-btn",
-									title: t("copyImg"),
-									onClick: (e) => {
-										copy(e);
-									},
-									children: (0, react_jsx_runtime.jsxs)("svg", {
-										width: "15",
-										height: "15",
-										viewBox: "0 0 24 24",
-										fill: "none",
-										stroke: "currentColor",
-										strokeWidth: "2",
-										strokeLinecap: "round",
-										strokeLinejoin: "round",
-										children: [(0, react_jsx_runtime.jsx)("rect", {
-											x: "9",
-											y: "9",
-											width: "13",
-											height: "13",
-											rx: "2",
-											ry: "2"
-										}), (0, react_jsx_runtime.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })]
-									})
-								}),
-								(0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "dsh-ig-tool-btn",
-									title: t("download"),
-									onClick: download,
-									children: (0, react_jsx_runtime.jsxs)("svg", {
-										width: "15",
-										height: "15",
-										viewBox: "0 0 24 24",
-										fill: "none",
-										stroke: "currentColor",
-										strokeWidth: "2",
-										strokeLinecap: "round",
-										strokeLinejoin: "round",
-										children: [
-											(0, react_jsx_runtime.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-											(0, react_jsx_runtime.jsx)("polyline", { points: "7 10 12 15 17 10" }),
-											(0, react_jsx_runtime.jsx)("line", {
-												x1: "12",
-												y1: "15",
-												x2: "12",
-												y2: "3"
-											})
-										]
+						children: [
+							(0, react_jsx_runtime.jsx)("img", {
+								className: "dsh-ig-image",
+								src: url,
+								alt: activeAttachment?.name ?? "Generated image",
+								onClick: () => {
+									if (!isRegenerating) setPreviewOpen(true);
+								}
+							}),
+							isRegenerating ? (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-ig-regenerate-overlay",
+								children: [
+									(0, react_jsx_runtime.jsx)("div", { className: "dsh-ig-regenerate-spinner" }),
+									(0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-ig-regenerate-overlay-text",
+										children: t("regenerating")
+									}),
+									(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-ig-regenerate-overlay-cancel",
+										onClick: cancelRegenerate,
+										children: t("cancel")
 									})
+								]
+							}) : null,
+							(0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-ig-toolbar",
+								children: [
+									canRegenerate ? (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-ig-tool-btn",
+										disabled: isRegenerating,
+										title: isRegenerating ? t("regenerating") : t("regenerate"),
+										onClick: openRegenerate,
+										children: (0, react_jsx_runtime.jsxs)("svg", {
+											width: "15",
+											height: "15",
+											viewBox: "0 0 24 24",
+											fill: "none",
+											stroke: "currentColor",
+											strokeWidth: "2",
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											children: [(0, react_jsx_runtime.jsx)("path", { d: "M20 11a8.1 8.1 0 0 0-15.5-2M4 4v5h5" }), (0, react_jsx_runtime.jsx)("path", { d: "M4 13a8.1 8.1 0 0 0 15.5 2M20 20v-5h-5" })]
+										})
+									}) : null,
+									(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-ig-tool-btn",
+										title: t("copyImg"),
+										onClick: (e) => {
+											copy(e);
+										},
+										children: (0, react_jsx_runtime.jsxs)("svg", {
+											width: "15",
+											height: "15",
+											viewBox: "0 0 24 24",
+											fill: "none",
+											stroke: "currentColor",
+											strokeWidth: "2",
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											children: [(0, react_jsx_runtime.jsx)("rect", {
+												x: "9",
+												y: "9",
+												width: "13",
+												height: "13",
+												rx: "2",
+												ry: "2"
+											}), (0, react_jsx_runtime.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })]
+										})
+									}),
+									(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-ig-tool-btn",
+										title: t("download"),
+										onClick: download,
+										children: (0, react_jsx_runtime.jsxs)("svg", {
+											width: "15",
+											height: "15",
+											viewBox: "0 0 24 24",
+											fill: "none",
+											stroke: "currentColor",
+											strokeWidth: "2",
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											children: [
+												(0, react_jsx_runtime.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+												(0, react_jsx_runtime.jsx)("polyline", { points: "7 10 12 15 17 10" }),
+												(0, react_jsx_runtime.jsx)("line", {
+													x1: "12",
+													y1: "15",
+													x2: "12",
+													y2: "3"
+												})
+											]
+										})
+									}),
+									(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-ig-tool-btn",
+										title: t("openNewTab"),
+										onClick: openNewTab,
+										children: (0, react_jsx_runtime.jsxs)("svg", {
+											width: "15",
+											height: "15",
+											viewBox: "0 0 24 24",
+											fill: "none",
+											stroke: "currentColor",
+											strokeWidth: "2",
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											children: [
+												(0, react_jsx_runtime.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+												(0, react_jsx_runtime.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+												(0, react_jsx_runtime.jsx)("line", {
+													x1: "10",
+													y1: "14",
+													x2: "21",
+													y2: "3"
+												})
+											]
+										})
+									}),
+									toast ? (0, react_jsx_runtime.jsx)("div", {
+										className: "dsh-ig-toast",
+										children: toast
+									}) : null
+								]
+							}),
+							versionTotal > 1 ? (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-ig-version-nav",
+								"aria-label": t("versionLabel", {
+									current: String(versionCurrent),
+									total: String(versionTotal)
 								}),
-								(0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "dsh-ig-tool-btn",
-									title: t("openNewTab"),
-									onClick: openNewTab,
-									children: (0, react_jsx_runtime.jsxs)("svg", {
-										width: "15",
-										height: "15",
-										viewBox: "0 0 24 24",
-										fill: "none",
-										stroke: "currentColor",
-										strokeWidth: "2",
-										strokeLinecap: "round",
-										strokeLinejoin: "round",
+								children: [
+									(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										title: t("versionPrevious"),
+										disabled: revisionChain.currentIndex === 0 || isRegenerating,
+										onClick: (event) => {
+											event.stopPropagation();
+											selectVersion(revisionChain.currentIndex - 1);
+										},
+										children: "‹"
+									}),
+									(0, react_jsx_runtime.jsxs)("span", {
+										className: "dsh-ig-version-count",
 										children: [
-											(0, react_jsx_runtime.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-											(0, react_jsx_runtime.jsx)("polyline", { points: "15 3 21 3 21 9" }),
-											(0, react_jsx_runtime.jsx)("line", {
-												x1: "10",
-												y1: "14",
-												x2: "21",
-												y2: "3"
-											})
+											versionCurrent,
+											"/",
+											versionTotal
 										]
+									}),
+									(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										title: t("versionNext"),
+										disabled: revisionChain.currentIndex >= revisionChain.revisions.length || isRegenerating,
+										onClick: (event) => {
+											event.stopPropagation();
+											selectVersion(revisionChain.currentIndex + 1);
+										},
+										children: "›"
 									})
-								}),
-								toast ? (0, react_jsx_runtime.jsx)("div", {
-									className: "dsh-ig-toast",
-									children: toast
-								}) : null
-							]
-						})]
+								]
+							}) : null
+						]
 					}) : null,
 					previewOpen && url !== void 0 ? (0, react_jsx_runtime.jsx)("div", {
 						className: "dsh-ig-lightbox-backdrop",
@@ -3349,9 +5804,63 @@ window.__ModuleLoader__.load({
 							children: (0, react_jsx_runtime.jsx)("img", {
 								className: "dsh-ig-lightbox-img",
 								src: url,
-								alt: attachment.name ?? "Generated image preview"
+								alt: activeAttachment?.name ?? "Generated image preview"
 							})
 						})
+					}) : null,
+					regenerateOpen && activeResult !== void 0 ? (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-ig-regenerate-backdrop",
+						onMouseDown: (event) => {
+							if (event.target === event.currentTarget && !isRegenerating) setRegenerateOpen(false);
+						},
+						children: (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-ig-regenerate-dialog",
+							role: "dialog",
+							"aria-modal": "true",
+							"aria-labelledby": `dsh-ig-regenerate-${String(originId)}`,
+							children: [
+								(0, react_jsx_runtime.jsx)("h3", {
+									id: `dsh-ig-regenerate-${String(originId)}`,
+									children: t("regenerateTitle")
+								}),
+								(0, react_jsx_runtime.jsx)("p", { children: t("regenerateHint") }),
+								(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) => {
+										if (event.key === "Enter" && (event.ctrlKey || event.metaKey)) {
+											event.preventDefault();
+											regenerate();
+										}
+									}
+								})] }),
+								regenerateError ? (0, react_jsx_runtime.jsx)("p", {
+									className: "dsh-ig-regenerate-error",
+									role: "alert",
+									children: regenerateError
+								}) : null,
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-ig-regenerate-actions",
+									children: [(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-ig-regenerate-cancel",
+										onClick: cancelRegenerate,
+										children: t("cancel")
+									}), (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-ig-regenerate-confirm",
+										disabled: isRegenerating || regeneratePrompt.trim().length === 0,
+										onClick: () => {
+											regenerate();
+										},
+										children: t("confirmRegenerate")
+									})]
+								})
+							]
+						})
 					}) : null
 				]
 			});