dsh-image-gen 0.6.10 → 0.7.0

package/lib/client.js

@@ -515,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) {
@@ -1254,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"
@@ -1563,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. */
@@ -116106,6 +116227,7 @@ img.ProseMirror-separator {
 		const GRID_GAP = 40;
 		const GRID_COLS = 3;
 		const mountedCanvases = /* @__PURE__ */ new Set();
+		const mountedEditors = /* @__PURE__ */ new Set();
 		/** Reset canvas-owned data only. Gallery records and host attachments are untouched. */
 		function clearStudioTlCanvases() {
 			if (mountedCanvases.size === 0) return false;
@@ -116115,6 +116237,17 @@ img.ProseMirror-separator {
 			return true;
 		}
 		/**
+		* Cancel in-editor selection on every mounted canvas, keeping shapes and sync
+		* untouched. Selection is interaction state tied to the surface: leaving the
+		* studio page cancels it so a stale selection can neither resurface on return
+		* nor linger in the host mirror.
+		*/
+		function deselectStudioTlCanvases() {
+			if (mountedEditors.size === 0) return false;
+			for (const editor of mountedEditors) editor.run(() => editor.selectNone());
+			return true;
+		}
+		/**
 		* Dock the stock toolbar vertically along the left edge (Figma-style) instead
 		* of tldraw's signature bottom-center pill. It is still the same
 		* DefaultToolbar with the same tools and overflow handling — only the
@@ -116289,6 +116422,8 @@ img.ProseMirror-separator {
 			const retrySync = (0, react.useRef)(() => {});
 			const onMount = (0, react.useCallback)((editor) => {
 				let active = true;
+				editor.run(() => editor.selectNone());
+				mountedEditors.add(editor);
 				applyBrandTheme(editor);
 				editor.updateInstanceState({ isGridMode: true });
 				console.info(`[dsh-image-gen] tldraw mounted (instance ${editor.id})`);
@@ -116322,6 +116457,7 @@ img.ProseMirror-separator {
 				mountedCanvases.add(clear);
 				return () => {
 					active = false;
+					mountedEditors.delete(editor);
 					mountedCanvases.delete(clear);
 					stopLanding();
 					stopSync();
@@ -119654,12 +119790,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: "确认从画廊中删除这张图片？",
@@ -119740,12 +119886,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?",
@@ -119828,7 +119984,7 @@ img.ProseMirror-separator {
 			return "1:1";
 		}
 		const GalleryViewTab = (props) => {
-			const { locale, sessionId, useSessions, useWorkspaces, credentialEvents, inSidebar, defaultTab, initialCanvasSurface } = props;
+			const { locale, sessionId, useSessions, useWorkspaces, credentialEvents, inSidebar, defaultTab, initialCanvasSurface, useTabInfo } = props;
 			const [activeTab, setActiveTab] = (0, react.useState)(defaultTab ?? "gallery");
 			const [studioDraft, setStudioDraft] = (0, react.useState)(void 0);
 			const [items, setItems] = (0, react.useState)([]);
@@ -119851,6 +120007,10 @@ img.ProseMirror-separator {
 					localStorage.setItem("dsh-ig-only-current-workspace", String(onlyCurrentWorkspace));
 				} catch {}
 			}, [onlyCurrentWorkspace]);
+			const tabVisible = useTabInfo?.().tab?.visible;
+			(0, react.useEffect)(() => {
+				if (tabVisible === false) deselectStudioTlCanvases();
+			}, [tabVisible]);
 			(0, react.useEffect)(() => {
 				let mounted = true;
 				fetch(STUDIO_ROUTE).then((res) => res.ok ? res.json() : null).then((data) => {
@@ -120273,6 +120433,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]));
@@ -120505,13 +120750,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") })]
 							})]
 						})]
 					}),
@@ -120628,18 +120873,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", {
@@ -121785,6 +122057,12 @@ img.ProseMirror-separator {
 			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/settings-write.js
+		/** DSH 0.1.7 resolves refused writes to false; older settings scopes resolve to void. */
+		async function writeSetting(scope, field, value, rejectedMessage) {
+			if (await scope.set(field, value) === false) throw new Error(rejectedMessage);
+		}
+		//#endregion
 		//#region lib/types/client/provider-pill.js
 		/**
 		* Composer tool-row pill: switch the default image provider without leaving
@@ -121805,7 +122083,8 @@ img.ProseMirror-separator {
 				subSignedOut: "未登录",
 				subStatusUnknown: "状态未知",
 				readOnly: "图像设置为只读，无法在此切换",
-				switchFailed: "切换失败"
+				switchFailed: "切换失败",
+				writeRejected: "设置未保存，请重试"
 			},
 			en: {
 				pillLabel: "Image",
@@ -121819,7 +122098,8 @@ img.ProseMirror-separator {
 				subSignedOut: "Signed out",
 				subStatusUnknown: "Unknown",
 				readOnly: "Image settings are read-only; switch them in the config source",
-				switchFailed: "Switch failed"
+				switchFailed: "Switch failed",
+				writeRejected: "Setting was not saved. Please try again"
 			}
 		};
 		/** Provider row names, per locale. Brand words stay untranslated; only the
@@ -122027,7 +122307,7 @@ img.ProseMirror-separator {
 				}
 				setError("");
 				setPending(provider);
-				props.scope.set("provider", provider).then(() => {
+				writeSetting(props.scope, "provider", provider, t("writeRejected")).then(() => {
 					setOpen(false);
 				}).catch((cause) => {
 					setError(cause instanceof Error ? cause.message : String(cause));
@@ -122220,7 +122500,7 @@ img.ProseMirror-separator {
 `;
 		//#endregion
 		//#region lib/types/client/index.js
-		console.info(`[dsh-image-gen] canvas bundle 2026-09-20T16:35:15.504Z`);
+		console.info(`[dsh-image-gen] canvas bundle 2026-09-26T07:20:53.102Z`);
 		/** 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. */
@@ -122345,6 +122625,7 @@ img.ProseMirror-separator {
 				saving: "保存中…",
 				save: "保存",
 				saved: "已保存",
+				settingsWriteRejected: "有一项设置未能保存，请检查后重试。",
 				savedToPath: "已保存到",
 				generating: "正在生成图片…",
 				loading: "正在加载图片…",
@@ -122488,6 +122769,7 @@ img.ProseMirror-separator {
 				saving: "Saving…",
 				save: "Save",
 				saved: "Saved",
+				settingsWriteRejected: "A setting could not be saved. Please check and try again.",
 				savedToPath: "Saved to",
 				generating: "Generating image…",
 				loading: "Loading image…",
@@ -122754,6 +123036,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)}
@@ -122800,19 +123086,40 @@ img.ProseMirror-separator {
 :has(.dsh-ig-gallery-page:not(.dsh-ig-page-in-sidebar)) [class*="widthHandle"],
 .root:has(.dsh-ig-gallery-page:not(.dsh-ig-page-in-sidebar)) [class*="widthHandle"]{display:none!important}
 `;
-		/** Required browser services. */
+		/**
+		* Required browser services. The settings form reader is deliberately absent:
+		* DSH 0.1.7 serves it as `configForms` (keyed by the Loader entry id) while
+		* 0.1.5/0.1.6 expose `settingsScope` (keyed by the legacy namespace), so it is
+		* probed at runtime in `apply`. A static inject of either name would park this
+		* fiber forever on hosts from the other generation — the issue #55 failure.
+		*/
 		const inject = [
 			"slots",
 			"connection",
 			"remote",
-			"settingsScope",
 			"locale"
 		];
+		/** Host with neither settings generation: reads empty, writes refuse, never throws. */
+		function degradedScope() {
+			return {
+				getSnapshot: () => ({
+					value: void 0,
+					writable: false
+				}),
+				subscribe: () => () => {},
+				set: async () => false
+			};
+		}
 		/** Mount the settings card, generated-image card, and native conversation gallery view. */
 		function apply(ctx) {
-			const scope = ctx.settingsScope.bind({ namespace: IMAGE_GENERATION_NAMESPACE });
-			const chatScope = ctx.settingsScope.bind({ namespace: "ui-chat" });
-			const isCompactTranscript = () => chatScope.getSnapshot().value?.transcriptView !== "normal";
+			const configForms = ctx.get("configForms");
+			const settingsScopeApi = configForms === void 0 ? ctx.get("settingsScope") : void 0;
+			const scope = configForms?.get("image-gen") ?? settingsScopeApi?.bind({ namespace: "image-generation" }) ?? degradedScope();
+			const chatScope = configForms?.get("ui-chat") ?? settingsScopeApi?.bind({ namespace: "ui-chat" }) ?? degradedScope();
+			const isCompactTranscript = () => {
+				const mode = chatScope.getSnapshot().value?.transcriptView;
+				return configForms === void 0 ? mode !== "normal" : mode !== "standard" && mode !== "detailed" && mode !== "verbose";
+			};
 			const locale = ctx.get("locale");
 			const promotion = { enabled: false };
 			ctx.inject(["sessions"], (owner) => {
@@ -123305,6 +123612,7 @@ img.ProseMirror-separator {
 				if (params) for (const [k, v] of Object.entries(params)) text = text.replace(`{${k}}`, v);
 				return text;
 			};
+			const saveSetting = (field, value) => writeSetting(props.scope, field, value, t("settingsWriteRejected"));
 			const providerLabels = {
 				google: t("providerGoogle"),
 				openai: t("providerOpenAI"),
@@ -123416,7 +123724,7 @@ img.ProseMirror-separator {
 				setDefaultProvider(provider);
 				setProviderMessage("");
 				setProviderMessageIsError(false);
-				props.scope.set("provider", provider).catch((cause) => {
+				saveSetting("provider", provider).catch((cause) => {
 					setDefaultProvider(snapshot.value?.provider ?? "google");
 					setProviderMessage(cause instanceof Error ? cause.message : String(cause));
 					setProviderMessageIsError(true);
@@ -123442,12 +123750,12 @@ img.ProseMirror-separator {
 						}
 						if (new Set(entries.map((entry) => entry.name)).size !== entries.length) throw new Error(t("workflowDuplicateName"));
 						const activeEntry = entries.find((entry) => entry.name === row.activeWorkflow) ?? entries[0];
-						await props.scope.set("comfyuiBaseURL", row.baseURL);
-						await props.scope.set("comfyuiWorkflows", entries);
-						await props.scope.set("comfyuiActiveWorkflow", activeEntry === void 0 ? "" : activeEntry.name);
-						await props.scope.set("comfyuiWorkflowJson", activeEntry === void 0 ? "" : activeEntry.json);
-						await props.scope.set("comfyuiWorkflowName", activeEntry === void 0 ? "" : activeEntry.name);
-						await props.scope.set("comfyuiTimeoutMs", Math.max(1, Math.round(row.timeoutSeconds)) * 1e3);
+						await saveSetting("comfyuiBaseURL", row.baseURL);
+						await saveSetting("comfyuiWorkflows", entries);
+						await saveSetting("comfyuiActiveWorkflow", activeEntry === void 0 ? "" : activeEntry.name);
+						await saveSetting("comfyuiWorkflowJson", activeEntry === void 0 ? "" : activeEntry.json);
+						await saveSetting("comfyuiWorkflowName", activeEntry === void 0 ? "" : activeEntry.name);
+						await saveSetting("comfyuiTimeoutMs", Math.max(1, Math.round(row.timeoutSeconds)) * 1e3);
 					} else if (isSubscriptionProvider(provider)) await Promise.resolve();
 					else {
 						let editExtra = {};
@@ -123464,16 +123772,16 @@ img.ProseMirror-separator {
 								editExtra = parsed;
 							}
 						}
-						await props.scope.set(modelFieldOf(provider), row.model);
-						await props.scope.set(baseURLFieldOf(provider), row.baseURL);
+						await saveSetting(modelFieldOf(provider), row.model);
+						await saveSetting(baseURLFieldOf(provider), row.baseURL);
 						if (provider === "openai-compat") {
-							await props.scope.set("openaiCompatEditFormat", row.editFormat);
-							await props.scope.set("openaiCompatEditExtra", editExtra);
+							await saveSetting("openaiCompatEditFormat", row.editFormat);
+							await saveSetting("openaiCompatEditExtra", editExtra);
 						}
 						if (provider === "seedream") {
-							await props.scope.set("seedreamOutputFormat", row.outputFormat);
-							await props.scope.set("seedreamWatermark", row.watermark);
-							await props.scope.set("seedreamBackground", row.background);
+							await saveSetting("seedreamOutputFormat", row.outputFormat);
+							await saveSetting("seedreamWatermark", row.watermark);
+							await saveSetting("seedreamBackground", row.background);
 						}
 						if (row.keyInput.trim().length > 0) {
 							const keyRef = cloudCredentialRef(provider);
@@ -123764,7 +124072,7 @@ img.ProseMirror-separator {
 				setSaveToWorkspace(next);
 				setWorkspaceMessage("");
 				setWorkspaceMessageIsError(false);
-				props.scope.set("saveToWorkspace", next).catch((cause) => {
+				saveSetting("saveToWorkspace", next).catch((cause) => {
 					setSaveToWorkspace(snapshot.value?.saveToWorkspace ?? true);
 					setWorkspaceMessage(cause instanceof Error ? cause.message : String(cause));
 					setWorkspaceMessageIsError(true);
@@ -123776,7 +124084,7 @@ img.ProseMirror-separator {
 				if (next === (snapshot.value?.workspaceFolder ?? "dsh-image-gen")) return;
 				setWorkspaceMessage("");
 				setWorkspaceMessageIsError(false);
-				props.scope.set("workspaceFolder", next).then(() => {
+				saveSetting("workspaceFolder", next).then(() => {
 					setWorkspaceMessage(t("saved"));
 				}).catch((cause) => {
 					setWorkspaceFolder(snapshot.value?.workspaceFolder ?? "dsh-image-gen");
@@ -123789,7 +124097,7 @@ img.ProseMirror-separator {
 				setShowPill(next);
 				setUiMessage("");
 				setUiMessageIsError(false);
-				props.scope.set("showProviderPill", next).catch((cause) => {
+				saveSetting("showProviderPill", next).catch((cause) => {
 					setShowPill(snapshot.value?.showProviderPill === true);
 					setUiMessage(cause instanceof Error ? cause.message : String(cause));
 					setUiMessageIsError(true);