dsh-image-gen 0.6.9 → 0.6.11

package/lib/client.js

@@ -87,6 +87,8 @@ window.__ModuleLoader__.load({
 		const TEST_CONNECTION_ROUTE = "/plugins/dsh-image-gen/test";
 		/** Browser route the workbench infinite canvas pushes live state through. */
 		const CANVAS_STATE_ROUTE = "/plugins/dsh-image-gen/canvas-state";
+		/** Upload a selected canvas original to the host attachment store. */
+		const CANVAS_ASSET_ROUTE = "/plugins/dsh-image-gen/canvas-asset";
 		const SUBSCRIPTION_LOGIN_ROUTE = "/plugins/dsh-image-gen/subscription-login";
 		const SUBSCRIPTION_STATUS_ROUTE = "/plugins/dsh-image-gen/subscription-status";
 		/** Namespace persisted through DSH Settings. */
@@ -320,6 +322,7 @@ window.__ModuleLoader__.load({
 					resolve(request.result);
 				};
 				request.onerror = () => {
+					dbPromise = null;
 					reject(request.error);
 				};
 			});
@@ -370,11 +373,13 @@ window.__ModuleLoader__.load({
 		* Save or update a gallery record by attachmentId.
 		* Skipped if the item was previously deleted (tombstoned).
 		* Preserves existing isFavorite, tags, and original createdAt on re-renders.
+		* Returns false when the record was not persisted (e.g. IndexedDB unavailable)
+		* so callers can surface the failure and let the user retry.
 		*/
 		async function saveGalleryItem(item) {
 			try {
 				const db = await getDB();
-				if ((await loadTombstones(db)).has(item.id)) return;
+				if ((await loadTombstones(db)).has(item.id)) return true;
 				await new Promise((resolve, reject) => {
 					const store = db.transaction(STORE_NAME, "readwrite").objectStore(STORE_NAME);
 					const getReq = store.get(item.id);
@@ -398,8 +403,10 @@ window.__ModuleLoader__.load({
 					getReq.onerror = () => reject(getReq.error);
 				});
 				notifyListeners();
+				return true;
 			} catch (err) {
 				console.warn("[dsh-image-gen] Failed to save gallery item to IndexedDB:", err);
+				return false;
 			}
 		}
 		/**
@@ -508,6 +515,31 @@ window.__ModuleLoader__.load({
 			notifyListeners();
 		}
 		/**
+		* Bulk update favorite status for multiple gallery records in a single transaction.
+		*/
+		async function bulkSetFavoriteGalleryItems(ids, isFavorite) {
+			if (ids.length === 0) return;
+			const db = await getDB();
+			await new Promise((resolve, reject) => {
+				const tx = db.transaction(STORE_NAME, "readwrite");
+				const store = tx.objectStore(STORE_NAME);
+				for (const id of ids) {
+					const getReq = store.get(id);
+					getReq.onsuccess = () => {
+						const item = getReq.result;
+						if (item && item.isFavorite !== isFavorite) {
+							item.isFavorite = isFavorite;
+							store.put(item);
+						}
+					};
+				}
+				tx.oncomplete = () => resolve();
+				tx.onerror = () => reject(tx.error ?? /* @__PURE__ */ new Error("IndexedDB transaction failed"));
+				tx.onabort = () => reject(tx.error ?? /* @__PURE__ */ new Error("IndexedDB transaction aborted"));
+			});
+			notifyListeners();
+		}
+		/**
 		* Standardize path format across Windows and POSIX (lowercase, forward slashes, no trailing slash).
 		*/
 		function normalizeWorkspacePath(rawPath) {
@@ -1247,6 +1279,19 @@ 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 SquareCheckBig = createLucideIcon("square-check-big", [["path", {
+			d: "M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344",
+			key: "2acyp4"
+		}], ["path", {
+			d: "m9 11 3 3L22 4",
+			key: "1pflzl"
+		}]]);
+		/**
+		* @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 Star = createLucideIcon("star", [["path", {
 			d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
 			key: "r04s7s"
@@ -1556,6 +1601,89 @@ window.__ModuleLoader__.load({
 			const d = new Date(timestamp);
 			return `${d.getFullYear()}/${d.getMonth() + 1}/${d.getDate()}`;
 		}
+		const CRC_TABLE = /* @__PURE__ */ new Uint32Array(256);
+		for (let i = 0; i < 256; i++) {
+			let c = i;
+			for (let k = 0; k < 8; k++) c = c & 1 ? 3988292384 ^ c >>> 1 : c >>> 1;
+			CRC_TABLE[i] = c;
+		}
+		function crc32(buf) {
+			let crc = 4294967295;
+			for (let i = 0; i < buf.length; i++) {
+				const byte = buf[i] ?? 0;
+				crc = (CRC_TABLE[(crc ^ byte) & 255] ?? 0) ^ crc >>> 8;
+			}
+			return (crc ^ 4294967295) >>> 0;
+		}
+		/**
+		* Create a standard zero-compression (Store mode 0) PKZip Blob from an array of files.
+		* Zero external dependencies, pure browser ArrayBuffer/Blob, fast and universally compatible with OS extractors.
+		*/
+		function createZipBlob(files) {
+			const parts = [];
+			const centralRecords = [];
+			let offset = 0;
+			const encoder = new TextEncoder();
+			for (const file of files) {
+				const nameBytes = encoder.encode(file.name);
+				const data = file.data;
+				const crc = crc32(data);
+				const size = data.length;
+				const localHeader = /* @__PURE__ */ new Uint8Array(30);
+				const lv = new DataView(localHeader.buffer);
+				lv.setUint32(0, 67324752, true);
+				lv.setUint16(4, 20, true);
+				lv.setUint16(6, 0, true);
+				lv.setUint16(8, 0, true);
+				lv.setUint16(10, 0, true);
+				lv.setUint16(12, 0, true);
+				lv.setUint32(14, crc, true);
+				lv.setUint32(18, size, true);
+				lv.setUint32(22, size, true);
+				lv.setUint16(26, nameBytes.length, true);
+				lv.setUint16(28, 0, true);
+				parts.push(localHeader, nameBytes, data);
+				const cdRecord = /* @__PURE__ */ new Uint8Array(46);
+				const cv = new DataView(cdRecord.buffer);
+				cv.setUint32(0, 33639248, true);
+				cv.setUint16(4, 20, true);
+				cv.setUint16(6, 20, true);
+				cv.setUint16(8, 0, true);
+				cv.setUint16(10, 0, true);
+				cv.setUint16(12, 0, true);
+				cv.setUint16(14, 0, true);
+				cv.setUint32(16, crc, true);
+				cv.setUint32(20, size, true);
+				cv.setUint32(24, size, true);
+				cv.setUint16(28, nameBytes.length, true);
+				cv.setUint16(30, 0, true);
+				cv.setUint16(32, 0, true);
+				cv.setUint16(34, 0, true);
+				cv.setUint16(36, 0, true);
+				cv.setUint32(38, 0, true);
+				cv.setUint32(42, offset, true);
+				centralRecords.push(cdRecord, nameBytes);
+				offset += localHeader.length + nameBytes.length + data.length;
+			}
+			const cdOffset = offset;
+			let cdSize = 0;
+			for (const part of centralRecords) cdSize += part.byteLength;
+			const eocd = /* @__PURE__ */ new Uint8Array(22);
+			const ev = new DataView(eocd.buffer);
+			ev.setUint32(0, 101010256, true);
+			ev.setUint16(4, 0, true);
+			ev.setUint16(6, 0, true);
+			ev.setUint16(8, files.length, true);
+			ev.setUint16(10, files.length, true);
+			ev.setUint32(12, cdSize, true);
+			ev.setUint32(16, cdOffset, true);
+			ev.setUint16(20, 0, true);
+			return new Blob([
+				...parts,
+				...centralRecords,
+				eocd
+			], { type: "application/zip" });
+		}
 		//#endregion
 		//#region lib/types/client/multi-model-compare.js
 		/** Map one shared output intent to settings accepted by every target model. */
@@ -115633,16 +115761,113 @@ img.ProseMirror-separator {
 			});
 		}
 		//#endregion
+		//#region lib/types/client/tl/canvas-selection.js
+		/** Bound raster dimensions before exporting; large multi-image PNGs get a
+		* JPEG preview instead of being silently discarded. Originals are separate. */
+		async function exportSelectionPreview(editor, shapes, maxBytes, signal) {
+			const bounds = editor.getSelectionPageBounds();
+			const scale = Math.min(1, 2048 / Math.max(1, (bounds?.w ?? 2048) + 32, (bounds?.h ?? 2048) + 32));
+			const attempts = [
+				{
+					format: "png",
+					scale,
+					quality: 1
+				},
+				{
+					format: "jpeg",
+					scale,
+					quality: .85
+				},
+				{
+					format: "jpeg",
+					scale: scale * .75,
+					quality: .7
+				},
+				{
+					format: "jpeg",
+					scale: scale * .5,
+					quality: .6
+				},
+				{
+					format: "jpeg",
+					scale: scale * .25,
+					quality: .5
+				}
+			];
+			const maxChars = Math.floor(Math.min(maxBytes, 4e6) / 3) * 4;
+			for (const attempt of attempts) {
+				signal.throwIfAborted();
+				const { url } = await editor.toImageDataUrl(shapes, {
+					background: true,
+					padding: 16,
+					pixelRatio: 1,
+					...attempt
+				});
+				signal.throwIfAborted();
+				if (url.length - url.indexOf(",") - 1 <= maxChars) return url;
+			}
+			throw new Error("preview-too-large");
+		}
+		async function readCanvasImageLimit(signal) {
+			const response = await fetch(CANVAS_ASSET_ROUTE, {
+				credentials: "same-origin",
+				signal
+			});
+			if (!response.ok) throw new Error(`host-unavailable (${response.status})`);
+			const value = await response.json();
+			if (typeof value.maxImageBytes !== "number" || !Number.isSafeInteger(value.maxImageBytes) || value.maxImageBytes <= 0) throw new Error("host-unavailable");
+			return value.maxImageBytes;
+		}
+		/** Use tldraw's resolver for IndexedDB-backed imports, not just asset.props.src.
+		* Upload each original once per mount/source, with individual byte limits. */
+		async function syncCanvasOriginal(editor, shape, maxBytes, signal, cache) {
+			if (shape.type !== "image" || shape.props.assetId === null) throw new Error("original-unavailable");
+			const asset = editor.getAsset(shape.props.assetId);
+			if (asset?.type !== "image") throw new Error("original-unavailable");
+			const cached = cache.get(asset.id);
+			if (cached?.src === asset.props.src) return cached.attachment;
+			const url = await editor.resolveAssetUrl(asset.id, { shouldResolveToOriginal: true });
+			signal.throwIfAborted();
+			if (url === null) throw new Error("original-unavailable");
+			const response = await fetch(url, { signal });
+			if (!response.ok) throw new Error("original-unavailable");
+			const blob = await response.blob();
+			if (blob.size > maxBytes) throw new Error("original-too-large");
+			const mediaType = blob.type || asset.props.mimeType || "";
+			if (![
+				"image/png",
+				"image/jpeg",
+				"image/webp",
+				"image/gif"
+			].includes(mediaType)) throw new Error("original-format-unsupported");
+			const uploaded = await fetch(CANVAS_ASSET_ROUTE, {
+				method: "POST",
+				credentials: "same-origin",
+				headers: { "content-type": mediaType },
+				body: blob,
+				signal
+			});
+			if (!uploaded.ok) throw new Error(uploaded.status === 413 ? "original-too-large" : `original-upload-failed (${uploaded.status})`);
+			const ref = (await uploaded.json()).attachment;
+			if (!ref || typeof ref.attachmentId !== "string" || ![
+				"image/png",
+				"image/jpeg",
+				"image/webp",
+				"image/gif"
+			].includes(ref.mediaType) || !Number.isSafeInteger(ref.bytes) || ref.bytes <= 0 || !Number.isInteger(ref.width) || ref.width <= 0 || !Number.isInteger(ref.height) || ref.height <= 0) throw new Error("original-upload-failed");
+			cache.set(asset.id, {
+				src: asset.props.src,
+				attachment: ref
+			});
+			return ref;
+		}
+		//#endregion
 		//#region lib/types/client/tl/canvas-sync.js
 		/** Debounce for ordinary document/session changes. */
 		const STATE_DEBOUNCE_MS = 600;
 		/** Extra settle time before an expensive selection screenshot export. */
 		const SELECTION_EXPORT_DELAY_MS = 1200;
-		/** Minimum spacing between two HTTP pushes. */
-		const MIN_PUSH_INTERVAL_MS = 400;
 		const MAX_TEXT_CHARS = 96;
-		/** Hard cap on the exported screenshot payload (base64 chars, ~5MB binary). */
-		const MAX_SCREENSHOT_DATAURL_CHARS = 7e6;
 		/** Map a tldraw shape type onto the coarse model-facing node kind. */
 		function kindOf(shapeType) {
 			switch (shapeType) {
@@ -115749,69 +115974,66 @@ img.ProseMirror-separator {
 			const ids = editor.getSelectedShapeIds().map(String).sort().join("|");
 			return ids.length === 0 ? "none" : ids;
 		}
-		/**
-		* Start mirroring one editor into the host canvas-state route.
-		* Returns a disposer that stops listening and marks the instance offline.
-		*/
-		function startCanvasSync(editor) {
-			const clientInstance = String(editor.id);
+		function startCanvasSync(editor, onStatus = () => {}) {
+			const clientInstance = `${String(editor.id).slice(0, 36)}-${Math.random().toString(36).slice(2, 10)}`;
 			let disposed = false;
 			let stateTimer;
 			let exportTimer;
 			let lastPushKey = "";
-			let lastSelectionKey = "init";
-			let lastPostAt = 0;
-			let inFlight;
-			const stopListening = editor.store.listen(() => {
+			let lastSelectionKey = selectionKeyOf(editor);
+			let revision = 0;
+			let sequence = 0;
+			let imageLimit;
+			let inFlight = new AbortController();
+			let exporting = false;
+			let exportAgain = false;
+			let prepared = {};
+			const originalCache = /* @__PURE__ */ new Map();
+			let preparedItems;
+			const stopListening = editor.store.listen((event) => {
 				if (disposed) return;
-				const selectionKey = selectionKeyOf(editor);
-				if (selectionKey !== lastSelectionKey) {
-					lastSelectionKey = selectionKey;
-					if (exportTimer !== void 0) clearTimeout(exportTimer);
-					exportTimer = setTimeout(() => {
-						exportTimer = void 0;
-						flush(true);
-					}, SELECTION_EXPORT_DELAY_MS);
+				const key = selectionKeyOf(editor);
+				const changes = event.changes;
+				const documentChanged = [
+					...Object.values(changes.added),
+					...Object.values(changes.removed),
+					...Object.values(changes.updated).map((pair) => pair[1])
+				].some((record) => record.typeName === "shape" || record.typeName === "asset" || record.typeName === "page");
+				if (key !== lastSelectionKey || documentChanged) {
+					lastSelectionKey = key;
+					invalidate();
 				}
 				if (stateTimer === void 0) stateTimer = setTimeout(() => {
 					stateTimer = void 0;
-					flush(false);
+					pushState();
 				}, STATE_DEBOUNCE_MS);
 			}, {
 				source: "all",
 				scope: "all"
 			});
-			async function flush(withScreenshot) {
+			function invalidate() {
+				revision++;
+				inFlight.abort();
+				inFlight = new AbortController();
+				prepared = {};
+				preparedItems = void 0;
+				const count = editor.getSelectedShapeIds().length;
+				onStatus({
+					phase: count > 0 ? "preparing" : "idle",
+					count
+				});
+				if (exportTimer !== void 0) clearTimeout(exportTimer);
+				if (count > 0) exportTimer = setTimeout(() => {
+					exportTimer = void 0;
+					prepare();
+				}, SELECTION_EXPORT_DELAY_MS);
+			}
+			async function pushState(force = false) {
 				if (disposed) return;
+				const currentRevision = revision;
 				const summary = summarize(editor);
-				if (!withScreenshot && summary.stateKey === lastPushKey) return;
-				const elapsed = Date.now() - lastPostAt;
-				if (elapsed < MIN_PUSH_INTERVAL_MS) {
-					if (stateTimer !== void 0) clearTimeout(stateTimer);
-					stateTimer = setTimeout(() => {
-						stateTimer = void 0;
-						flush(withScreenshot);
-					}, MIN_PUSH_INTERVAL_MS - elapsed);
-					return;
-				}
-				let selectionImage;
-				if (withScreenshot && summary.selectionCount > 0) try {
-					const selectedBefore = editor.getSelectedShapes();
-					const { url } = await editor.toImageDataUrl(selectedBefore, {
-						background: true,
-						padding: 16,
-						scale: 1,
-						pixelRatio: 2
-					});
-					if (disposed) return;
-					const selectedAfter = editor.getSelectedShapes();
-					const idsBefore = new Set(selectedBefore.map((shape) => String(shape.id)));
-					if (!(selectedBefore.length === selectedAfter.length && selectedAfter.every((shape) => idsBefore.has(String(shape.id))))) return;
-					if (url.length > MAX_SCREENSHOT_DATAURL_CHARS) console.warn("[dsh-image-gen] canvas selection screenshot skipped: too large");
-					else selectionImage = url;
-				} catch (error) {
-					console.warn("[dsh-image-gen] canvas selection screenshot failed:", error);
-				}
+				const key = `${revision}:${summary.stateKey}`;
+				if (!force && key === lastPushKey) return;
 				const payload = {
 					clientInstance,
 					connected: true,
@@ -115820,43 +116042,104 @@ img.ProseMirror-separator {
 					selection: {
 						count: summary.selectionCount,
 						kinds: summary.selectionKinds,
-						items: summary.selectionItems
+						items: preparedItems ?? summary.selectionItems
 					},
+					selectionRevision: String(revision),
+					...summary.selectionCount > 0 ? { selectionStatus: "preparing" } : {},
+					...prepared,
+					sequence: ++sequence,
 					updatedAt: Date.now()
 				};
-				if (selectionImage !== void 0) payload.selectionImage = selectionImage;
-				lastPushKey = summary.stateKey;
-				lastPostAt = Date.now();
-				const controller = new AbortController();
-				inFlight = controller;
+				const requestSequence = sequence;
 				try {
-					await fetch(CANVAS_STATE_ROUTE, {
+					const response = await fetch(CANVAS_STATE_ROUTE, {
 						method: "POST",
 						credentials: "same-origin",
 						headers: { "content-type": "application/json" },
 						body: JSON.stringify(payload),
-						signal: controller.signal
+						signal: AbortSignal.any([inFlight.signal, AbortSignal.timeout(3e4)])
+					});
+					if (!response.ok) throw new Error(`state-sync-failed (${response.status})`);
+					if (disposed || revision !== currentRevision || sequence !== requestSequence) return;
+					lastPushKey = key;
+					onStatus({
+						phase: payload.selectionStatus ?? "idle",
+						count: summary.selectionCount,
+						...payload.selectionError ? { error: payload.selectionError } : {}
 					});
 				} catch (error) {
-					if (!disposed) console.warn("[dsh-image-gen] canvas state push failed:", error);
+					if (disposed || revision !== currentRevision || sequence !== requestSequence) return;
 					lastPushKey = "";
+					onStatus({
+						phase: "error",
+						count: summary.selectionCount,
+						error: error instanceof Error ? error.message : "state-sync-failed"
+					});
+				}
+			}
+			async function prepare() {
+				if (disposed) return;
+				if (exporting) {
+					exportAgain = true;
+					return;
+				}
+				exporting = true;
+				const currentRevision = revision;
+				const signal = AbortSignal.any([inFlight.signal, AbortSignal.timeout(3e4)]);
+				const shapes = editor.getSelectedShapes();
+				const items = shapes.slice(0, 16).map((shape) => describeShape(editor, shape));
+				let selectionImage;
+				let failure;
+				try {
+					imageLimit ??= await readCanvasImageLimit(signal);
+					try {
+						selectionImage = await exportSelectionPreview(editor, shapes, imageLimit, signal);
+					} catch (error) {
+						signal.throwIfAborted();
+						failure = error instanceof Error ? error.message : "preview-export-failed";
+					}
+					if (shapes.length > 16 && shapes.some((shape) => shape.type === "image")) throw new Error("too-many-selected-shapes");
+					for (const [index, shape] of shapes.entries()) {
+						signal.throwIfAborted();
+						if (shape.type !== "image") continue;
+						const item = items[index];
+						if (item === void 0) continue;
+						const attachment = await syncCanvasOriginal(editor, shape, imageLimit, signal, originalCache);
+						item.attachment = attachment;
+						item.attachmentId = attachment.attachmentId;
+					}
+				} catch (error) {
+					failure = error instanceof Error ? error.message : "selection-sync-failed";
+				} finally {
+					exporting = false;
+				}
+				if (!disposed && revision === currentRevision) {
+					preparedItems = items;
+					prepared = {
+						selectionStatus: failure === void 0 ? "ready" : "error",
+						...failure === void 0 ? {} : { selectionError: failure.slice(0, 300) },
+						...selectionImage === void 0 ? {} : { selectionImage }
+					};
+					await pushState(true);
+				}
+				if (exportAgain && !disposed) {
+					exportAgain = false;
+					prepare();
 				}
 			}
+			invalidate();
 			stateTimer = setTimeout(() => {
 				stateTimer = void 0;
-				flush(false);
+				pushState();
 			}, STATE_DEBOUNCE_MS);
-			if (editor.getSelectedShapeIds().length > 0) exportTimer = setTimeout(() => {
-				exportTimer = void 0;
-				flush(true);
-			}, SELECTION_EXPORT_DELAY_MS);
-			return () => {
+			const stop = () => {
 				if (disposed) return;
 				disposed = true;
 				if (stateTimer !== void 0) clearTimeout(stateTimer);
 				if (exportTimer !== void 0) clearTimeout(exportTimer);
 				stopListening();
-				inFlight?.abort();
+				inFlight.abort();
+				originalCache.clear();
 				fetch(CANVAS_STATE_ROUTE, {
 					method: "POST",
 					credentials: "same-origin",
@@ -115866,10 +116149,15 @@ img.ProseMirror-separator {
 						clientInstance,
 						connected: false,
 						nodeCount: 0,
+						sequence: ++sequence,
 						updatedAt: Date.now()
 					})
 				}).catch(() => {});
 			};
+			return Object.assign(stop, { retry: () => {
+				invalidate();
+				pushState(true);
+			} });
 		}
 		//#endregion
 		//#region lib/types/client/tl/tl-canvas-bridge.js
@@ -116112,56 +116400,84 @@ img.ProseMirror-separator {
 			}
 			return true;
 		}
-		const StudioTlCanvas = (0, react.memo)(function StudioTlCanvas() {
+		const TL_COMPONENTS = { Toolbar: StudioToolbar };
+		const StudioTlCanvas = (0, react.memo)(function StudioTlCanvas({ lang = "zh" }) {
 			const sessionId = (0, react.useId)();
-			return (0, react_jsx_runtime.jsx)("div", {
+			const [syncStatus, setSyncStatus] = (0, react.useState)({
+				phase: "idle",
+				count: 0
+			});
+			const retrySync = (0, react.useRef)(() => {});
+			const onMount = (0, react.useCallback)((editor) => {
+				let active = true;
+				applyBrandTheme(editor);
+				editor.updateInstanceState({ isGridMode: true });
+				console.info(`[dsh-image-gen] tldraw mounted (instance ${editor.id})`);
+				const stopLanding = registerTlLandingConsumer((items) => {
+					const generation = getTlLandingGeneration();
+					return landTlItems(editor, items, () => active && generation === getTlLandingGeneration());
+				});
+				let stopSync = startCanvasSync(editor, setSyncStatus);
+				retrySync.current = () => stopSync.retry();
+				const clear = () => {
+					stopSync();
+					editor.complete();
+					editor.run(() => {
+						editor.selectNone();
+						const pages = editor.getPages();
+						for (const page of pages) editor.deleteShapes([...editor.getPageShapeIds(page.id)]);
+						for (const page of pages.slice(1)) editor.deletePage(page.id);
+						editor.deleteAssets(editor.getAssets());
+						editor.setCamera({
+							x: 0,
+							y: 0,
+							z: 1
+						});
+					}, {
+						history: "ignore",
+						ignoreShapeLock: true
+					});
+					editor.clearHistory();
+					stopSync = startCanvasSync(editor, setSyncStatus);
+				};
+				mountedCanvases.add(clear);
+				return () => {
+					active = false;
+					mountedCanvases.delete(clear);
+					stopLanding();
+					stopSync();
+					retrySync.current = () => {};
+				};
+			}, []);
+			const statusText = lang === "en" ? syncStatus.phase === "ready" ? `Selection ready · ${syncStatus.count} shapes` : syncStatus.phase === "preparing" ? `Preparing selection · ${syncStatus.count} shapes…` : "Selection sync failed" : syncStatus.phase === "ready" ? `选区已就绪 · ${syncStatus.count} 个元素` : syncStatus.phase === "preparing" ? `正在准备选区 · ${syncStatus.count} 个元素…` : "选区同步失败";
+			return (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsh-ig-tl-canvas",
-				children: (0, react_jsx_runtime.jsx)(Tldraw, {
+				children: [(0, react_jsx_runtime.jsx)(Tldraw, {
 					persistenceKey: "dsh-image-gen-workbench-v1",
 					sessionId,
-					components: { Toolbar: StudioToolbar },
-					onMount: (editor) => {
-						let active = true;
-						applyBrandTheme(editor);
-						editor.updateInstanceState({ isGridMode: true });
-						console.info(`[dsh-image-gen] tldraw mounted (instance ${editor.id})`);
-						const stopLanding = registerTlLandingConsumer((items) => {
-							const generation = getTlLandingGeneration();
-							return landTlItems(editor, items, () => active && generation === getTlLandingGeneration());
-						});
-						let stopSync = startCanvasSync(editor);
-						const clear = () => {
-							stopSync();
-							editor.complete();
-							editor.run(() => {
-								editor.selectNone();
-								const pages = editor.getPages();
-								for (const page of pages) editor.deleteShapes([...editor.getPageShapeIds(page.id)]);
-								for (const page of pages.slice(1)) editor.deletePage(page.id);
-								editor.deleteAssets(editor.getAssets());
-								editor.setCamera({
-									x: 0,
-									y: 0,
-									z: 1
-								});
-							}, {
-								history: "ignore",
-								ignoreShapeLock: true
-							});
-							editor.clearHistory();
-							stopSync = startCanvasSync(editor);
-						};
-						mountedCanvases.add(clear);
-						return () => {
-							active = false;
-							mountedCanvases.delete(clear);
-							stopLanding();
-							stopSync();
-						};
-					}
-				})
+					components: TL_COMPONENTS,
+					onMount
+				}), syncStatus.phase !== "idle" && (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-ig-canvas-sync-status",
+					"data-phase": syncStatus.phase,
+					role: "status",
+					"aria-live": "polite",
+					children: [(0, react_jsx_runtime.jsxs)("span", { children: [statusText, syncStatus.phase === "error" ? `：${canvasSyncError(syncStatus.error, lang)}` : ""] }), syncStatus.phase === "error" && (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: () => retrySync.current(),
+						children: lang === "en" ? "Retry" : "重试"
+					})]
+				})]
 			});
 		});
+		function canvasSyncError(error, lang) {
+			const en = lang === "en";
+			if (error?.includes("too-many-selected")) return en ? "Select at most 16 shapes to edit with originals." : "使用原图编辑时，请一次选择不超过 16 个元素。";
+			if (error?.includes("too-large")) return en ? "An image exceeds the size limit. Reduce its size and retry." : "图片超出大小限制，请缩小后重试。";
+			if (error?.includes("unsupported")) return en ? "Use PNG, JPEG, WebP or GIF images." : "请使用 PNG、JPEG、WebP 或 GIF 图片。";
+			if (error?.includes("host-unavailable")) return en ? "Restart DSH to load the updated plugin, then retry." : "请重启 DSH 加载新版插件后重试。";
+			return en ? "Check the connection or re-import an unavailable image, then retry." : "请检查连接；若原图已失效，请重新导入后重试。";
+		}
 		//#endregion
 		//#region lib/types/client/studio-view.js
 		/** Below this workbench width the recent-generations rail folds automatically. */
@@ -116246,6 +116562,7 @@ img.ProseMirror-separator {
 				favorited: "已收藏",
 				favoriteAdded: "已添加到收藏",
 				favoriteRemoved: "已取消收藏",
+				gallerySaveFailed: "保存到图库失败，请重试",
 				loadMore: "加载更多 ({n})",
 				deleteModalTitle: "从图库删除",
 				deleteModalDesc: "确定从图库中删除这张图片吗？（原聊天记录不会受影响）",
@@ -116354,6 +116671,7 @@ img.ProseMirror-separator {
 				favorited: "Favorited",
 				favoriteAdded: "Added to favorites",
 				favoriteRemoved: "Removed from favorites",
+				gallerySaveFailed: "Failed to save to the gallery, please retry",
 				loadMore: "Load more ({n})",
 				deleteModalTitle: "Delete from gallery",
 				deleteModalDesc: "Remove this image from the local gallery? (Chat history remains unaffected)",
@@ -117018,7 +117336,7 @@ img.ProseMirror-separator {
 					...targetRoot ? { workspacePath: targetRoot } : {},
 					...workspace?.workspaceId ? { workspaceId: workspace.workspaceId } : {}
 				};
-				await saveGalleryItem(updatedItem);
+				if (!await saveGalleryItem(updatedItem)) throw new Error(t("gallerySaveFailed"));
 				return updatedItem;
 			};
 			const handleSaveToGallery = async () => {
@@ -117112,16 +117430,29 @@ img.ProseMirror-separator {
 					} : i) : null);
 					flash(nextFav ? t("favoriteAdded") : t("favoriteRemoved"));
 				} else {
-					const nextFav = !selected.isFavorite;
-					setSelected((curr) => curr !== null && curr.id === targetId ? {
-						...curr,
-						isFavorite: nextFav
-					} : curr);
-					if (currentBatch) setCurrentBatch((prev) => prev ? prev.map((i) => i.id === targetId ? {
-						...i,
-						isFavorite: nextFav
-					} : i) : null);
-					flash(nextFav ? t("favoriteAdded") : t("favoriteRemoved"));
+					if (!!selected.isFavorite) {
+						setSelected((curr) => curr !== null && curr.id === targetId ? {
+							...curr,
+							isFavorite: false
+						} : curr);
+						if (currentBatch) setCurrentBatch((prev) => prev ? prev.map((i) => i.id === targetId ? {
+							...i,
+							isFavorite: false
+						} : i) : null);
+						flash(t("favoriteRemoved"));
+						return;
+					}
+					try {
+						const updated = await saveGalleryEntry({
+							...selected,
+							isFavorite: true
+						});
+						setSelected((curr) => curr !== null && curr.id === targetId ? updated : curr);
+						if (currentBatch) setCurrentBatch((prev) => prev ? prev.map((i) => i.id === targetId ? updated : i) : prev);
+						flash(t("favoriteAdded"));
+					} catch (err) {
+						setError(err instanceof Error ? err.message : t("gallerySaveFailed"));
+					}
 				}
 			};
 			const stepLightbox = (delta) => {
@@ -117353,7 +117684,7 @@ img.ProseMirror-separator {
 											})
 										]
 									}),
-									canvasSurface === "infinite" ? (0, react_jsx_runtime.jsx)(StudioTlCanvas, {}) : (0, react_jsx_runtime.jsx)("div", {
+									canvasSurface === "infinite" ? (0, react_jsx_runtime.jsx)(StudioTlCanvas, { lang }) : (0, react_jsx_runtime.jsx)("div", {
 										className: `dsh-ig-canvas ${isDragging ? "is-dragging" : ""}`,
 										ref: canvasRef,
 										onMouseDown: handleCanvasMouseDown,
@@ -119434,6 +119765,7 @@ img.ProseMirror-separator {
 				confirmRegenerate: "开始生成",
 				regenerating: "正在重新生成…",
 				regenerateSuccess: "已生成新图片并收录到画廊",
+				regenerateSaveFailed: "图片已生成，但保存到图库失败，请重试",
 				regenerateFailed: "重新生成失败",
 				delete: "从画廊删除",
 				confirmDelete: "确定要从画廊中删除这张图片吗？（不会影响原聊天记录）",
@@ -119443,12 +119775,22 @@ img.ProseMirror-separator {
 				close: "关闭 (Esc)",
 				prevImage: "上一张 (←)",
 				nextImage: "下一张 (→)",
-				manage: "批量删除",
+				manage: "批量管理",
 				exitManage: "退出选择",
 				selectedCount: "已选 {n} 项",
 				selectAll: "全选",
 				invertSelect: "反选",
 				clearSelect: "清空",
+				batchFavorite: "批量收藏",
+				batchUnfavorite: "批量取消收藏",
+				batchFavoritedToast: "已将 {count} 张图片加入收藏",
+				batchUnfavoritedToast: "已取消 {count} 张图片的收藏",
+				batchFavoriteFailed: "收藏操作失败，请重试",
+				batchDownload: "批量下载",
+				batchDownloading: "打包中 ({current}/{total})…",
+				batchDownloadSingleToast: "已下载 1 张图片",
+				batchDownloadZipToast: "已打包下载 {count} 张图片",
+				batchDownloadFailed: "批量下载失败，请重试",
 				batchDelete: "批量删除",
 				batchDeleteTitle: "确认批量删除选中的 {count} 张图片？",
 				batchDeleteTitleSingle: "确认从画廊中删除这张图片？",
@@ -119519,6 +119861,7 @@ img.ProseMirror-separator {
 				confirmRegenerate: "Generate",
 				regenerating: "Regenerating…",
 				regenerateSuccess: "New image generated and added to gallery",
+				regenerateSaveFailed: "Image generated, but saving to the gallery failed. Please retry.",
 				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)",
@@ -119528,12 +119871,22 @@ img.ProseMirror-separator {
 				close: "Close (Esc)",
 				prevImage: "Previous (←)",
 				nextImage: "Next (→)",
-				manage: "Batch Delete",
+				manage: "Batch Manage",
 				exitManage: "Done",
 				selectedCount: "{n} selected",
 				selectAll: "Select All",
 				invertSelect: "Invert",
 				clearSelect: "Clear",
+				batchFavorite: "Batch Favorite",
+				batchUnfavorite: "Batch Unfavorite",
+				batchFavoritedToast: "Added {count} images to favorites",
+				batchUnfavoritedToast: "Removed {count} images from favorites",
+				batchFavoriteFailed: "Favorite operation failed, please retry",
+				batchDownload: "Batch Download",
+				batchDownloading: "Packaging ({current}/{total})…",
+				batchDownloadSingleToast: "Downloaded 1 image",
+				batchDownloadZipToast: "Packaged & downloaded {count} images",
+				batchDownloadFailed: "Batch download failed, please retry",
 				batchDelete: "Batch Delete",
 				batchDeleteTitle: "Delete {count} selected images?",
 				batchDeleteTitleSingle: "Delete this image from gallery?",
@@ -119934,11 +120287,11 @@ img.ProseMirror-separator {
 						...activeWorkspace?.workspaceId ? { workspaceId: activeWorkspace.workspaceId } : {},
 						...currentSessionId ? { sessionId: currentSessionId } : {}
 					};
-					await saveGalleryItem(newItem);
+					const savedOk = await saveGalleryItem(newItem);
 					if (activeTab !== "gallery") setActiveTab("gallery");
 					if (search.trim().length > 0) setSearch("");
 					openPreviewItem(newItem);
-					showToast(t("regenerateSuccess"));
+					showToast(savedOk ? t("regenerateSuccess") : t("regenerateSaveFailed"));
 				} catch (err) {
 					if (controller.signal.aborted) return;
 					showToast(err instanceof Error ? err.message : String(err));
@@ -120061,6 +120414,91 @@ img.ProseMirror-separator {
 				setSelectedIds(/* @__PURE__ */ new Set());
 				lastSelectedIndexRef.current = null;
 			};
+			const selectedItems = (0, react.useMemo)(() => {
+				if (selectedIds.size === 0) return [];
+				return items.filter((item) => selectedIds.has(item.id));
+			}, [items, selectedIds]);
+			const allSelectedAreFavorites = (0, react.useMemo)(() => {
+				if (selectedItems.length === 0) return false;
+				return selectedItems.every((item) => Boolean(item.isFavorite));
+			}, [selectedItems]);
+			const handleBatchToggleFavorite = async () => {
+				if (selectedIds.size === 0) return;
+				const targetFavorite = !allSelectedAreFavorites;
+				const targetIds = Array.from(selectedIds);
+				setItems((prev) => prev.map((item) => selectedIds.has(item.id) ? {
+					...item,
+					isFavorite: targetFavorite
+				} : item));
+				try {
+					await bulkSetFavoriteGalleryItems(targetIds, targetFavorite);
+					showToast(targetFavorite ? t("batchFavoritedToast", { count: String(targetIds.length) }) : t("batchUnfavoritedToast", { count: String(targetIds.length) }));
+				} catch (err) {
+					console.error("[dsh-image-gen] Batch favorite failed:", err);
+					getGalleryItems().then((res) => setItems(res));
+					showToast(t("batchFavoriteFailed"));
+				}
+			};
+			const [isDownloadingBatch, setIsDownloadingBatch] = (0, react.useState)(false);
+			const [batchDownloadProgress, setBatchDownloadProgress] = (0, react.useState)(null);
+			const handleBatchDownload = async () => {
+				if (selectedIds.size === 0 || isDownloadingBatch) return;
+				const itemsToDownload = selectedItems;
+				if (itemsToDownload.length === 0) return;
+				setIsDownloadingBatch(true);
+				try {
+					if (itemsToDownload.length === 1) {
+						const single = itemsToDownload[0];
+						if (!single) return;
+						let blob = blobCache.get(single.id);
+						if (!blob) {
+							blob = await fetchAttachmentBlob(single.attachment);
+							blobCache.set(single.id, blob);
+						}
+						const objectUrl = URL.createObjectURL(blob);
+						downloadBlobUrl(objectUrl, `dsh-${single.provider}-${single.id}.png`);
+						URL.revokeObjectURL(objectUrl);
+						showToast(t("batchDownloadSingleToast"));
+						return;
+					}
+					const zipFiles = [];
+					const usedNames = /* @__PURE__ */ new Set();
+					for (let i = 0; i < itemsToDownload.length; i++) {
+						const it = itemsToDownload[i];
+						if (!it) continue;
+						setBatchDownloadProgress(`${i + 1}/${itemsToDownload.length}`);
+						let blob = blobCache.get(it.id);
+						if (!blob) {
+							blob = await fetchAttachmentBlob(it.attachment);
+							blobCache.set(it.id, blob);
+						}
+						const arrayBuffer = await blob.arrayBuffer();
+						const ext = blob.type === "image/jpeg" ? "jpg" : blob.type === "image/webp" ? "webp" : "png";
+						let baseName = `dsh-${it.provider}-${it.id.slice(0, 8)}.${ext}`;
+						let count = 1;
+						while (usedNames.has(baseName)) {
+							baseName = `dsh-${it.provider}-${it.id.slice(0, 8)}-${count}.${ext}`;
+							count++;
+						}
+						usedNames.add(baseName);
+						zipFiles.push({
+							name: baseName,
+							data: new Uint8Array(arrayBuffer)
+						});
+					}
+					const zipBlob = createZipBlob(zipFiles);
+					const zipUrl = URL.createObjectURL(zipBlob);
+					downloadBlobUrl(zipUrl, `dsh-gallery-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10).replace(/-/g, "")}.zip`);
+					URL.revokeObjectURL(zipUrl);
+					showToast(t("batchDownloadZipToast", { count: String(itemsToDownload.length) }));
+				} catch (err) {
+					console.error("[dsh-image-gen] Batch download failed:", err);
+					showToast(t("batchDownloadFailed"));
+				} finally {
+					setIsDownloadingBatch(false);
+					setBatchDownloadProgress(null);
+				}
+			};
 			const requestSingleDelete = (item, e) => {
 				if (e) e.stopPropagation();
 				setSelectedIds(/* @__PURE__ */ new Set([item.id]));
@@ -120293,13 +120731,13 @@ img.ProseMirror-separator {
 								})]
 							}), (0, react_jsx_runtime.jsxs)("button", {
 								type: "button",
-								className: `dsh-ig-studio-btn dsh-ig-studio-btn-danger ${isManageMode ? "is-active" : ""}`,
+								className: `dsh-ig-studio-btn ${isManageMode ? "is-active" : ""}`,
 								title: isManageMode ? t("exitManage") : t("manage"),
 								onClick: () => {
 									if (isManageMode) handleExitManage();
 									else setIsManageMode(true);
 								},
-								children: [(0, react_jsx_runtime.jsx)(Trash2, { size: 13 }), (0, react_jsx_runtime.jsx)("span", { children: isManageMode ? t("exitManage") : t("manage") })]
+								children: [(0, react_jsx_runtime.jsx)(SquareCheckBig, { size: 13 }), (0, react_jsx_runtime.jsx)("span", { children: isManageMode ? t("exitManage") : t("manage") })]
 							})]
 						})]
 					}),
@@ -120416,18 +120854,45 @@ img.ProseMirror-separator {
 							]
 						}), (0, react_jsx_runtime.jsxs)("div", {
 							className: "dsh-ig-batch-bar-right",
-							children: [(0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								className: "dsh-ig-batch-btn dsh-ig-batch-btn-danger",
-								disabled: selectedIds.size === 0,
-								onClick: () => setShowDeleteModal(true),
-								children: [(0, react_jsx_runtime.jsx)(Trash2, { size: 13 }), (0, react_jsx_runtime.jsxs)("span", { children: [t("batchDelete"), selectedIds.size > 0 ? ` (${selectedIds.size})` : ""] })]
-							}), (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: "dsh-ig-batch-btn dsh-ig-batch-btn-exit",
-								onClick: handleExitManage,
-								children: t("exitManage")
-							})]
+							children: [
+								(0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: `dsh-ig-batch-btn ${allSelectedAreFavorites ? "is-favorited" : ""}`,
+									disabled: selectedIds.size === 0,
+									onClick: () => void handleBatchToggleFavorite(),
+									title: allSelectedAreFavorites ? t("batchUnfavorite") : t("batchFavorite"),
+									children: [(0, react_jsx_runtime.jsx)(Heart, {
+										size: 13,
+										fill: allSelectedAreFavorites ? "#ef4444" : "none",
+										color: allSelectedAreFavorites ? "#ef4444" : "currentColor"
+									}), (0, react_jsx_runtime.jsx)("span", { children: allSelectedAreFavorites ? t("batchUnfavorite") : t("batchFavorite") })]
+								}),
+								(0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dsh-ig-batch-btn dsh-ig-batch-btn-download",
+									disabled: selectedIds.size === 0 || isDownloadingBatch,
+									onClick: () => void handleBatchDownload(),
+									title: t("batchDownload"),
+									children: [(0, react_jsx_runtime.jsx)(Download, { size: 13 }), (0, react_jsx_runtime.jsx)("span", { children: isDownloadingBatch && batchDownloadProgress ? t("batchDownloading", {
+										current: batchDownloadProgress.split("/")[0] ?? "",
+										total: batchDownloadProgress.split("/")[1] ?? ""
+									}) : t("batchDownload") })]
+								}),
+								(0, react_jsx_runtime.jsx)("span", { className: "dsh-ig-batch-divider" }),
+								(0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dsh-ig-batch-btn dsh-ig-batch-btn-danger",
+									disabled: selectedIds.size === 0,
+									onClick: () => setShowDeleteModal(true),
+									children: [(0, react_jsx_runtime.jsx)(Trash2, { size: 13 }), (0, react_jsx_runtime.jsxs)("span", { children: [t("batchDelete"), selectedIds.size > 0 ? ` (${selectedIds.size})` : ""] })]
+								}),
+								(0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dsh-ig-batch-btn dsh-ig-batch-btn-exit",
+									onClick: handleExitManage,
+									children: t("exitManage")
+								})
+							]
 						})]
 					}),
 					showDeleteModal && (0, react_jsx_runtime.jsx)("div", {
@@ -121284,6 +121749,9 @@ img.ProseMirror-separator {
 
 /* tldraw infinite canvas surface (P0 spike) */
 .dsh-ig-tl-canvas{position:relative;flex:1 1 0;height:0;min-height:0;overflow:hidden;isolation:isolate}
+.dsh-ig-canvas-sync-status{position:absolute;z-index:500;bottom:48px;left:60px;right:16px;display:flex;align-items:center;justify-content:center;gap:8px;max-width:560px;margin:auto;padding:7px 12px;border:1px solid var(--dsh-ig-border);border-radius:10px;background:var(--dsh-ig-surface,#fff);color:var(--dsh-ig-text,#475569);box-shadow:0 2px 8px #0001;font-size:12px;pointer-events:none}
+.dsh-ig-canvas-sync-status[data-phase='error']{color:#b42318;border-color:#fecdca}
+.dsh-ig-canvas-sync-status button{pointer-events:auto;flex-shrink:0;border:1px solid currentColor;border-radius:6px;padding:3px 9px;background:transparent;color:inherit;cursor:pointer}
 
 /* ---- Right-sidebar seat variant (DSH 0.1.5 'sidebar.right.pane.tab') ----
    The seat is a narrow panel beside the conversation column, not a full
@@ -122005,7 +122473,7 @@ img.ProseMirror-separator {
 `;
 		//#endregion
 		//#region lib/types/client/index.js
-		console.info(`[dsh-image-gen] canvas bundle 2026-09-20T15:13:07.204Z`);
+		console.info(`[dsh-image-gen] canvas bundle 2026-09-23T16:16:55.812Z`);
 		/** Right-sidebar tab-type registration id (DSH 0.1.5 `sidebarRightTabs`). */
 		const SIDEBAR_STUDIO_TAB_ID = "dsh-image-gen/studio";
 		/** The tab kind: a page type opened by kind, recognizing no resource address. */
@@ -122149,6 +122617,7 @@ img.ProseMirror-separator {
 				confirmRegenerate: "确认生成",
 				regenerating: "重新生成中…",
 				regenerateFailed: "重新生成失败",
+				regenerateSaveFailed: "已重新生成，但保存到图库失败，请重试",
 				versionPrevious: "上一版本",
 				versionNext: "下一版本",
 				versionLabel: "图片版本 {current}/{total}"
@@ -122291,6 +122760,7 @@ img.ProseMirror-separator {
 				confirmRegenerate: "Regenerate",
 				regenerating: "Regenerating…",
 				regenerateFailed: "Regeneration failed",
+				regenerateSaveFailed: "Regenerated, but saving to the gallery failed. Please retry.",
 				versionPrevious: "Previous version",
 				versionNext: "Next version",
 				versionLabel: "Image version {current}/{total}"
@@ -122537,6 +123007,10 @@ img.ProseMirror-separator {
 .dsh-ig-batch-btn{appearance:none;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.08);color:#fff;border-radius:20px;padding:5px 12px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .15s,border-color .15s,color .15s}
 .dsh-ig-batch-btn:hover:not(:disabled){background:rgba(255,255,255,0.2)}
 .dsh-ig-batch-btn:disabled{opacity:0.4;cursor:not-allowed}
+.dsh-ig-batch-btn.is-favorited{background:rgba(239,68,68,0.15);border-color:rgba(239,68,68,0.4);color:#fca5a5}
+.dsh-ig-batch-btn.is-favorited:hover:not(:disabled){background:rgba(239,68,68,0.25)!important;border-color:rgba(239,68,68,0.6)!important;color:#fff!important}
+.dsh-ig-batch-btn-download:hover:not(:disabled){background:rgba(59,130,246,0.2)!important;border-color:rgba(59,130,246,0.5)!important;color:#93c5fd!important}
+.dsh-ig-batch-divider{width:1px;height:16px;background:rgba(255,255,255,0.18);margin:0 2px;display:inline-block}
 .dsh-ig-batch-btn-danger{background:rgba(239,68,68,0.2);border-color:rgba(239,68,68,0.5);color:#fca5a5}
 .dsh-ig-batch-btn-danger:hover:not(:disabled){background:rgba(239,68,68,0.4)!important;border-color:rgba(239,68,68,0.8)!important;color:#fff!important}
 .dsh-ig-batch-btn-exit{border-color:transparent;background:transparent;color:rgba(255,255,255,0.7)}
@@ -124602,7 +125076,7 @@ img.ProseMirror-separator {
 						ratio: request.ratio,
 						quality: request.quality
 					};
-					await saveGalleryItem({
+					const savedOk = await saveGalleryItem({
 						id: String(revision.attachment.attachmentId),
 						attachment: revision.attachment,
 						prompt: revision.prompt,
@@ -124617,7 +125091,7 @@ img.ProseMirror-separator {
 					});
 					const next = appendConversationImageRevision(String(originId), revision);
 					setRevisionChain(next);
-					setToast(t("regenerate"));
+					setToast(savedOk ? t("regenerate") : t("regenerateSaveFailed"));
 					setTimeout(() => {
 						setToast(void 0);
 					}, 2e3);