dsh-image-gen 0.6.5 → 0.6.8

package/lib/client.js

@@ -129,6 +129,12 @@ window.__ModuleLoader__.load({
 			"xai",
 			"zhipu"
 		];
+		/**
+		* Providers the browser workbench can drive: the BYOK cloud set plus the
+		* logged-in subscription channels. ComfyUI stays out; it has its own workflow
+		* pipeline and no shared request shape.
+		*/
+		const STUDIO_PROVIDERS = [...CLOUD_IMAGE_PROVIDERS, ...SUBSCRIPTION_PROVIDERS];
 		/** The credential reference each cloud provider's API key is stored under. */
 		const CLOUD_CREDENTIAL_REFS = {
 			google: "GEMINI_API_KEY",
@@ -343,9 +349,9 @@ window.__ModuleLoader__.load({
 				}
 			});
 		}
-		const listeners$1 = /* @__PURE__ */ new Set();
+		const listeners = /* @__PURE__ */ new Set();
 		function notifyListeners() {
-			for (const listener of listeners$1) try {
+			for (const listener of listeners) try {
 				listener();
 			} catch (err) {
 				console.error("[dsh-image-gen] Gallery listener error:", err);
@@ -355,9 +361,9 @@ window.__ModuleLoader__.load({
 		* Subscribe to gallery mutations (insert/delete/clear).
 		*/
 		function subscribeGallery(listener) {
-			listeners$1.add(listener);
+			listeners.add(listener);
 			return () => {
-				listeners$1.delete(listener);
+				listeners.delete(listener);
 			};
 		}
 		/**
@@ -1440,6 +1446,11 @@ window.__ModuleLoader__.load({
 				cache.delete(key);
 			}
 		}
+		/** Clear all in-memory image caches. */
+		function clearAttachmentCache() {
+			cache.clear();
+			currentCacheBytes = 0;
+		}
 		function enforceLimits() {
 			while (cache.size > 30 || currentCacheBytes > 134217728) {
 				const oldestKey = cache.keys().next().value;
@@ -76042,14 +76053,14 @@ img.ProseMirror-separator {
 		});
 		var useReactId = react[" useId ".trim().toString()] || (() => void 0);
 		var count$1 = 0;
-		function useId(deterministicId) {
+		function useId$1(deterministicId) {
 			const [id, setId] = react.useState(useReactId());
 			useLayoutEffect2(() => {
 				if (!deterministicId) setId((reactId) => reactId ?? String(count$1++));
 			}, [deterministicId]);
 			return deterministicId || (id ? `radix-${id}` : "");
 		}
-		__name$25(useId, "useId");
+		__name$25(useId$1, "useId");
 		//#endregion
 		//#region node_modules/.pnpm/@radix-ui+react-direction@1_8310f062454398ef3b849e7d93575bcb/node_modules/@radix-ui/react-direction/dist/index.mjs
 		var __defProp$27 = Object.defineProperty;
@@ -78670,9 +78681,9 @@ img.ProseMirror-separator {
 				scope: __scopeDialog,
 				triggerRef,
 				contentRef,
-				contentId: useId(),
-				titleId: useId(),
-				descriptionId: useId(),
+				contentId: useId$1(),
+				titleId: useId$1(),
+				descriptionId: useId$1(),
 				titlePresent: titleCount > 0,
 				descriptionPresent: descriptionCount > 0,
 				setTitleCount,
@@ -80944,7 +80955,7 @@ img.ProseMirror-separator {
 		var ITEM_NAME$3 = "RovingFocusGroupItem";
 		var RovingFocusGroupItem = /* @__PURE__ */ react.forwardRef(/* @__PURE__ */ __name$13(function RovingFocusGroupItem2(props, forwardedRef) {
 			const { __scopeRovingFocusGroup, focusable = true, active = false, tabStopId, children, ...itemProps } = props;
-			const autoId = useId();
+			const autoId = useId$1();
 			const id = tabStopId || autoId;
 			const context = useRovingFocusContext(ITEM_NAME$3, __scopeRovingFocusGroup);
 			const isCurrentTabStop = context.currentTabStopId === id;
@@ -81503,8 +81514,8 @@ img.ProseMirror-separator {
 					onContentChange: setContent,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuSubProvider, {
 						scope: __scopeMenu,
-						contentId: useId(),
-						triggerId: useId(),
+						contentId: useId$1(),
+						triggerId: useId$1(),
 						trigger,
 						onTriggerChange: setTrigger,
 						children
@@ -81962,9 +81973,9 @@ img.ProseMirror-separator {
 			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuProvider, {
 				scope: __scopeDropdownMenu,
-				triggerId: useId(),
+				triggerId: useId$1(),
 				triggerRef,
-				contentId: useId(),
+				contentId: useId$1(),
 				open,
 				onOpenChange: setOpen,
 				onOpenToggle: react.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
@@ -82196,7 +82207,7 @@ img.ProseMirror-separator {
 				...popperScope,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverProvider, {
 					scope: __scopePopover,
-					contentId: useId(),
+					contentId: useId$1(),
 					triggerRef,
 					open,
 					onOpenChange: setOpen,
@@ -82428,7 +82439,7 @@ img.ProseMirror-separator {
 			]);
 			const isFormControl = trigger ? !!form || !!trigger.closest("form") : true;
 			const [nativeOptionsSet, setNativeOptionsSet] = react.useState(/* @__PURE__ */ new Set());
-			const contentId = useId();
+			const contentId = useId$1();
 			const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
 			const handleNativeOptionAdd = react.useCallback((option) => {
 				setNativeOptionsSet((prev) => new Set(prev).add(option));
@@ -83997,7 +84008,7 @@ img.ProseMirror-separator {
 			const popperScope = usePopperScope(__scopeTooltip);
 			const [trigger, setTrigger] = react.useState(null);
 			const [contentIdState, setContentId] = react.useState(void 0);
-			const generatedContentId = useId();
+			const generatedContentId = useId$1();
 			const openTimerRef = react.useRef(0);
 			const disableHoverableContent = disableHoverableContentProp ?? providerContext.disableHoverableContent;
 			const delayDuration = delayDurationProp ?? providerContext.delayDuration;
@@ -108118,7 +108129,7 @@ img.ProseMirror-separator {
 		}
 		const MAX_SIZE = 256;
 		const alphaCache = new LruCache(100);
-		const pending$1 = /* @__PURE__ */ new Set();
+		const pending$2 = /* @__PURE__ */ new Set();
 		let offscreenCanvas = null;
 		function getOffscreenCanvas(w, h) {
 			if (!offscreenCanvas) offscreenCanvas = new OffscreenCanvas(w, h);
@@ -108138,12 +108149,12 @@ img.ProseMirror-separator {
 		function preloadAlphaData(url, cacheKey) {
 			if (typeof OffscreenCanvas === "undefined") return;
 			const key = cacheKey ?? url;
-			if (alphaCache.has(key) || pending$1.has(key)) return;
-			pending$1.add(key);
+			if (alphaCache.has(key) || pending$2.has(key)) return;
+			pending$2.add(key);
 			const img = Image$1();
 			img.crossOrigin = "anonymous";
 			img.onload = async () => {
-				pending$1.delete(key);
+				pending$2.delete(key);
 				const { width: origW, height: origH } = img;
 				if (origW === 0 || origH === 0) return;
 				const scale = Math.min(1, MAX_SIZE / Math.max(origW, origH));
@@ -108170,7 +108181,7 @@ img.ProseMirror-separator {
 				});
 			};
 			img.onerror = () => {
-				pending$1.delete(key);
+				pending$2.delete(key);
 			};
 			img.src = url;
 		}
@@ -115622,43 +115633,6 @@ img.ProseMirror-separator {
 			});
 		}
 		//#endregion
-		//#region lib/types/client/tl/tl-canvas-bridge.js
-		const items = [];
-		const listeners = /* @__PURE__ */ new Set();
-		/** Queue freshly generated images for the tldraw canvases. Safe to call anywhere. */
-		function pushTlLandings(newItems) {
-			if (newItems.length === 0) return;
-			const known = new Set(items.map((item) => item.galleryId));
-			let pushed = 0;
-			for (const item of newItems) {
-				if (known.has(item.galleryId)) continue;
-				items.push(item);
-				known.add(item.galleryId);
-				pushed += 1;
-			}
-			if (pushed === 0) return;
-			for (const listener of listeners) listener();
-		}
-		/**
-		* Read every item landed so far in this browser session.
-		*
-		* The list is the in-memory session-scratch record shared by all canvases:
-		* reading never removes items, so a canvas mounted later (or a second canvas
-		* mounted beside the first) reconciles the same set. The list dies with the
-		* page, which is exactly the "unsaved content does not survive a restart"
-		* semantic the studio canvas keeps.
-		*/
-		function getTlLandings() {
-			return items;
-		}
-		/** Subscribe to queue pushes. Returns an unsubscribe function. */
-		function subscribeTlLandings(listener) {
-			listeners.add(listener);
-			return () => {
-				listeners.delete(listener);
-			};
-		}
-		//#endregion
 		//#region lib/types/client/tl/canvas-sync.js
 		/** Debounce for ordinary document/session changes. */
 		const STATE_DEBOUNCE_MS = 600;
@@ -115708,21 +115682,18 @@ img.ProseMirror-separator {
 		* the selection identity list, so a selected node reads exactly like its
 		* canvas node twin (same name, attachment id, dimensions).
 		*/
-		function describeShape(editor, shape, attachmentByGallery) {
+		function describeShape(editor, shape) {
 			const node = { kind: kindOf(shape.type) };
 			if (shape.type === "image") {
 				const meta = shape.meta;
 				const galleryId = meta?.galleryId;
-				if (typeof galleryId === "string" && galleryId.length > 0) {
-					node.galleryId = galleryId;
-					const attachmentId = attachmentByGallery.get(galleryId);
-					if (attachmentId !== void 0) node.attachmentId = attachmentId;
-				}
+				if (typeof galleryId === "string" && galleryId.length > 0) node.galleryId = galleryId;
+				if (typeof meta?.attachmentId === "string" && meta.attachmentId.length > 0) node.attachmentId = meta.attachmentId;
 				if (typeof meta?.prompt === "string" && meta.prompt.trim().length > 0) node.prompt = meta.prompt.replace(/\s+/g, " ").trim().slice(0, 120);
 				if (typeof meta?.provider === "string" && meta.provider.length > 0) node.provider = meta.provider;
 				if (typeof meta?.model === "string" && meta.model.length > 0) node.model = meta.model;
 				const asset = shape.props.assetId === null ? void 0 : editor.getAsset(shape.props.assetId);
-				const assetName = asset !== void 0 && asset.type === "image" ? asset.props.name : void 0;
+				const assetName = typeof meta?.name === "string" && meta.name.length > 0 ? meta.name : asset !== void 0 && asset.type === "image" ? asset.props.name : void 0;
 				if (typeof assetName === "string" && assetName.length > 0) node.name = assetName.slice(0, 128);
 				if (asset !== void 0 && asset.type === "image") {
 					node.width = Math.round(asset.props.w);
@@ -115745,31 +115716,19 @@ img.ProseMirror-separator {
 			return node;
 		}
 		function summarize(editor) {
-			const attachmentByGallery = /* @__PURE__ */ new Map();
-			const conversationGallery = /* @__PURE__ */ new Set();
-			for (const landing of getTlLandings()) {
-				attachmentByGallery.set(landing.galleryId, String(landing.attachment.attachmentId));
-				if (landing.fromConversation) conversationGallery.add(landing.galleryId);
-			}
 			const shapes = editor.getCurrentPageShapes();
 			const nodes = [];
-			for (const shape of shapes.slice(0, 48)) nodes.push(describeShape(editor, shape, attachmentByGallery));
+			for (const shape of shapes.slice(0, 48)) nodes.push(describeShape(editor, shape));
 			const selected = editor.getSelectedShapes();
 			const selectionKinds = [...new Set(selected.map((shape) => kindOf(shape.type)))].slice(0, 8);
-			const selectionItems = selected.slice(0, 16).map((shape) => describeShape(editor, shape, attachmentByGallery));
+			const selectionItems = selected.slice(0, 16).map((shape) => describeShape(editor, shape));
 			const selectionKey = selectionKeyOf(editor);
-			const selectionAllConversationImages = selected.length > 0 && selected.every((shape) => {
-				if (shape.type !== "image") return false;
-				const galleryId = shape.meta?.galleryId;
-				return typeof galleryId === "string" && conversationGallery.has(galleryId);
-			});
 			return {
 				nodeCount: shapes.length,
 				nodes,
 				selectionCount: selected.length,
 				selectionKinds,
 				selectionItems,
-				selectionAllConversationImages,
 				stateKey: JSON.stringify([
 					shapes.length,
 					nodes,
@@ -115836,7 +115795,7 @@ img.ProseMirror-separator {
 					return;
 				}
 				let selectionImage;
-				if (withScreenshot && summary.selectionCount > 0 && !summary.selectionAllConversationImages) try {
+				if (withScreenshot && summary.selectionCount > 0) try {
 					const selectedBefore = editor.getSelectedShapes();
 					const { url } = await editor.toImageDataUrl(selectedBefore, {
 						background: true,
@@ -115844,6 +115803,7 @@ img.ProseMirror-separator {
 						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;
@@ -115886,6 +115846,10 @@ img.ProseMirror-separator {
 				stateTimer = void 0;
 				flush(false);
 			}, STATE_DEBOUNCE_MS);
+			if (editor.getSelectedShapeIds().length > 0) exportTimer = setTimeout(() => {
+				exportTimer = void 0;
+				flush(true);
+			}, SELECTION_EXPORT_DELAY_MS);
 			return () => {
 				if (disposed) return;
 				disposed = true;
@@ -115908,25 +115872,81 @@ img.ProseMirror-separator {
 			};
 		}
 		//#endregion
+		//#region lib/types/client/tl/tl-canvas-bridge.js
+		const pending$1 = /* @__PURE__ */ new Map();
+		const consumers = /* @__PURE__ */ new Set();
+		let delivering = false;
+		let generation = 0;
+		/** Invalidates async landings that started before the user cleared the canvas. */
+		function getTlLandingGeneration() {
+			return generation;
+		}
+		function clearTlLandings() {
+			generation += 1;
+			pending$1.clear();
+		}
+		/** Queue freshly generated images for the tldraw canvases. Safe to call anywhere. */
+		function pushTlLandings(newItems) {
+			for (const item of newItems) if (!pending$1.has(item.galleryId)) pending$1.set(item.galleryId, item);
+			deliver();
+		}
+		/** Conversation results are admitted only while a canvas is mounted. */
+		function pushTlLandingsLive(items) {
+			if (consumers.size > 0) pushTlLandings(items);
+		}
+		/** Register a ready editor. False means it unmounted before committing. */
+		function registerTlLandingConsumer(consumer) {
+			consumers.add(consumer);
+			deliver();
+			return () => {
+				consumers.delete(consumer);
+				if (consumers.size === 0) {
+					for (const [id, item] of pending$1) if (item.fromConversation) pending$1.delete(id);
+				}
+			};
+		}
+		async function deliver() {
+			if (delivering) return;
+			delivering = true;
+			try {
+				while (pending$1.size > 0) {
+					const consumer = consumers.values().next().value;
+					if (consumer === void 0) break;
+					const batch = [...pending$1.values()];
+					let completed = true;
+					try {
+						completed = await consumer(batch);
+					} catch (error) {
+						console.warn("[dsh-image-gen] canvas landing failed:", error);
+					}
+					if (completed) {
+						for (const item of batch) if (pending$1.get(item.galleryId) === item) pending$1.delete(item.galleryId);
+					}
+				}
+			} finally {
+				delivering = false;
+			}
+		}
+		//#endregion
 		//#region lib/types/client/tl/studio-tl-canvas.js
 		/**
 		* Infinite canvas surface for the Studio workbench, backed by tldraw.
 		*
-		* Generated images are pushed onto the tl-canvas-bridge landing bus (studio
-		* form paths and chat tool cards land the same way) and become in-memory
-		* image assets with data-URL sources. The bus broadcasts, so this surface
-		* RECONCILES instead of draining: it lands the bus items its own page does
-		* not carry yet. The conversation-view gallery tab and the right-sidebar
-		* studio tab can both be mounted, and each mirrors the full session-scratch
-		* set independently. The surface deliberately runs WITHOUT persistenceKey:
-		* unsaved generations vanish on restart, matching the plugin's save-first
-		* philosophy; data-URL assets therefore never touch disk. Shapes carry
-		* `meta.galleryId` so re-landing the same generation is a no-op. One batch
-		* = one createShapes transaction = one undo step.
+		* Both surfaces share one locally persisted document. The landing queue is
+		* consumed once; tldraw owns subsequent edits, deletion, undo and persistence.
 		*/
 		const MAX_DISPLAY_SIDE = 380;
 		const GRID_GAP = 40;
 		const GRID_COLS = 3;
+		const mountedCanvases = /* @__PURE__ */ new Set();
+		/** Reset canvas-owned data only. Gallery records and host attachments are untouched. */
+		function clearStudioTlCanvases() {
+			if (mountedCanvases.size === 0) return false;
+			clearTlLandings();
+			for (const clear of mountedCanvases) clear();
+			clearAttachmentCache();
+			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
@@ -115948,11 +115968,11 @@ img.ProseMirror-separator {
 				h: Math.round(height * scale)
 			};
 		}
-		/** Gallery ids already on one page (image shapes' `meta.galleryId`). */
+		/** Dedupe across the whole document, including images moved to other pages. */
 		function landedIdsOf(editor) {
 			const landedIds = /* @__PURE__ */ new Set();
-			for (const shape of editor.getCurrentPageShapes()) {
-				if (shape.type !== "image") continue;
+			for (const shape of editor.store.allRecords()) {
+				if (shape.typeName !== "shape" || shape.type !== "image") continue;
 				const galleryId = shape.meta?.galleryId;
 				if (typeof galleryId === "string") landedIds.add(galleryId);
 			}
@@ -115964,13 +115984,14 @@ img.ProseMirror-separator {
 			const collapsed = prompt.replace(/\s+/g, " ").trim();
 			return collapsed.length === 0 ? void 0 : collapsed.slice(0, 120);
 		}
-		async function landTlItems(editor, items, failedIds) {
+		async function landTlItems(editor, items, isActive) {
 			const landedIds = landedIdsOf(editor);
 			const pending = items.filter((item) => !landedIds.has(item.galleryId));
-			if (pending.length === 0) return;
+			if (pending.length === 0) return true;
 			const assets = [];
 			const landed = [];
 			for (const item of pending) {
+				if (!isActive()) return false;
 				const assetId = tlAssetIdFor(item.galleryId);
 				if (editor.getAsset(assetId) === void 0) try {
 					const blob = await fetchAttachmentBlob(item.attachment);
@@ -115991,7 +116012,6 @@ img.ProseMirror-separator {
 						}
 					});
 				} catch (error) {
-					failedIds.add(item.galleryId);
 					console.warn("[dsh-image-gen] canvas landing skipped (attachment unreadable):", item.galleryId, error);
 					continue;
 				}
@@ -116000,6 +116020,9 @@ img.ProseMirror-separator {
 				landed.push({
 					galleryId: item.galleryId,
 					assetId,
+					attachmentId: String(item.attachment.attachmentId),
+					name: item.attachment.name ?? item.galleryId,
+					fromConversation: item.fromConversation === true,
 					w: size.w,
 					h: size.h,
 					...prompt !== void 0 ? { prompt } : {},
@@ -116007,10 +116030,13 @@ img.ProseMirror-separator {
 					...typeof item.model === "string" && item.model.length > 0 ? { model: item.model } : {}
 				});
 			}
-			if (landed.length === 0) return;
+			if (!isActive()) return false;
+			const nowLanded = landedIdsOf(editor);
+			const ready = landed.filter((item) => !nowLanded.has(item.galleryId));
+			if (ready.length === 0) return true;
 			if (assets.length > 0) editor.createAssets(assets);
 			const rows = [];
-			for (let index = 0; index < landed.length; index += GRID_COLS) rows.push(landed.slice(index, index + GRID_COLS));
+			for (let index = 0; index < ready.length; index += GRID_COLS) rows.push(ready.slice(index, index + GRID_COLS));
 			const rowSizes = rows.map((row) => ({
 				width: row.reduce((sum, cell) => sum + cell.w, 0) + GRID_GAP * (row.length - 1),
 				height: Math.max(...row.map((cell) => cell.h))
@@ -116045,7 +116071,7 @@ img.ProseMirror-separator {
 				let cursorX = originX + (blockWidth - rowSize.width) / 2;
 				for (const cell of row) {
 					shapes.push({
-						id: createShapeId(),
+						id: createShapeId(`ig-${cell.galleryId}`),
 						type: "image",
 						x: Math.round(cursorX),
 						y: Math.round(cursorY),
@@ -116056,6 +116082,9 @@ img.ProseMirror-separator {
 						},
 						meta: {
 							galleryId: cell.galleryId,
+							attachmentId: cell.attachmentId,
+							name: cell.name,
+							fromConversation: cell.fromConversation,
 							...cell.prompt !== void 0 ? { prompt: cell.prompt } : {},
 							...cell.provider !== void 0 ? { provider: cell.provider } : {},
 							...cell.model !== void 0 ? { model: cell.model } : {}
@@ -116081,42 +116110,53 @@ img.ProseMirror-separator {
 					inset: GRID_GAP
 				});
 			}
+			return true;
 		}
 		const StudioTlCanvas = (0, react.memo)(function StudioTlCanvas() {
-			const editorRef = (0, react.useRef)(null);
-			const landingRef = (0, react.useRef)(false);
-			/** Per-canvas attachment misses, so one bad blob cannot spin the reconcile. */
-			const failedRef = (0, react.useRef)(/* @__PURE__ */ new Set());
-			const processQueue = (0, react.useCallback)(() => {
-				const editor = editorRef.current;
-				if (editor === null) return;
-				if (landingRef.current) return;
-				const landedIds = landedIdsOf(editor);
-				const items = getTlLandings().filter((item) => !landedIds.has(item.galleryId) && !failedRef.current.has(item.galleryId));
-				if (items.length === 0) return;
-				landingRef.current = true;
-				landTlItems(editor, items, failedRef.current).catch((error) => {
-					console.warn("[dsh-image-gen] tldraw canvas landing failed:", error);
-				}).finally(() => {
-					landingRef.current = false;
-					processQueue();
-				});
-			}, []);
-			(0, react.useEffect)(() => subscribeTlLandings(processQueue), [processQueue]);
+			const sessionId = (0, react.useId)();
 			return (0, react_jsx_runtime.jsx)("div", {
 				className: "dsh-ig-tl-canvas",
 				children: (0, react_jsx_runtime.jsx)(Tldraw, {
+					persistenceKey: "dsh-image-gen-workbench-v1",
+					sessionId,
 					components: { Toolbar: StudioToolbar },
 					onMount: (editor) => {
-						editorRef.current = editor;
+						let active = true;
 						applyBrandTheme(editor);
 						editor.updateInstanceState({ isGridMode: true });
 						console.info(`[dsh-image-gen] tldraw mounted (instance ${editor.id})`);
-						processQueue();
-						const stopSync = startCanvasSync(editor);
+						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();
-							editorRef.current = null;
 						};
 					}
 				})
@@ -116221,13 +116261,19 @@ img.ProseMirror-separator {
 				configuredCount: "API 已配置 · {count}",
 				unconfiguredStatus: "API 未配置",
 				providerStatus: "云端提供商与模型状态",
+				configuredSplit: "API {api} · 订阅 {sub}",
+				subSignedIn: "已登录",
+				subSignedOut: "未登录",
 				collapseSidebar: "折叠最近生成",
 				expandSidebar: "展开最近生成",
 				collapseGenerate: "折叠生成面板",
 				expandGenerate: "展开生成面板",
 				generatePanel: "生成面板",
 				findInspiration: "找灵感",
-				infiniteCanvasHint: "无限画布与侧边栏会话联动，才是完整功能。打开 DSH 右侧边栏的「图像工作台」即可解锁。"
+				infiniteCanvasHint: "无限画布与侧边栏会话联动，才是完整功能。打开 DSH 右侧边栏的「图像工作台」即可解锁。",
+				clearCanvas: "清空画布",
+				clearCanvasDescription: "将永久清空所有画布页面的内容、图片资产和撤销历史。画廊已保存的卡片及原图不受影响，此操作无法撤销。",
+				canvasCleared: "画布已清空，画廊不受影响"
 			},
 			en: {
 				title: "Cloud Image Studio",
@@ -116323,18 +116369,24 @@ img.ProseMirror-separator {
 				configuredCount: "API configured · {count}",
 				unconfiguredStatus: "Not configured",
 				providerStatus: "Provider & Model Status",
+				configuredSplit: "API {api} · Sub {sub}",
+				subSignedIn: "Signed in",
+				subSignedOut: "Signed out",
 				collapseSidebar: "Collapse sidebar",
 				expandSidebar: "Expand recent list",
 				collapseGenerate: "Collapse generate panel",
 				expandGenerate: "Expand generate panel",
 				generatePanel: "Generate",
 				findInspiration: "Find inspiration",
-				infiniteCanvasHint: "The infinite canvas is at its best when linked with the sidebar conversation. Open Image Studio from the DSH right sidebar to unlock the full experience."
+				infiniteCanvasHint: "The infinite canvas is at its best when linked with the sidebar conversation. Open Image Studio from the DSH right sidebar to unlock the full experience.",
+				clearCanvas: "Clear canvas",
+				clearCanvasDescription: "Permanently clear all canvas pages, image assets, and undo history. Saved gallery cards and original images are unaffected. This cannot be undone.",
+				canvasCleared: "Canvas cleared. Gallery unchanged."
 			}
 		};
 		/** localStorage flag remembering that the one-time infinite-canvas hint was dismissed. */
 		const INFINITE_CANVAS_HINT_KEY = "dsh-ig-infinite-canvas-hint-dismissed";
-		const StudioView = ({ locale, workspace, initialPrompt, initialCanvasSurface, showInfiniteCanvasHint, onInitialPromptApplied, onOpenInspiration }) => {
+		const StudioView = ({ locale, credentialEvents, workspace, initialPrompt, initialCanvasSurface, showInfiniteCanvasHint, onInitialPromptApplied, onOpenInspiration }) => {
 			const [lang, setLang] = (0, react.useState)(() => locale?.getSnapshot?.().active?.startsWith("en") ? "en" : "zh");
 			const [config, setConfig] = (0, react.useState)(null);
 			const [configLoading, setConfigLoading] = (0, react.useState)(true);
@@ -116377,6 +116429,15 @@ img.ProseMirror-separator {
 			const dragStartRef = (0, react.useRef)(null);
 			const hasDraggedRef = (0, react.useRef)(false);
 			const [canvasSurface, setCanvasSurface] = (0, react.useState)(initialCanvasSurface ?? "preview");
+			const [showClearCanvasModal, setShowClearCanvasModal] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				if (!showClearCanvasModal) return;
+				const close = (event) => {
+					if (event.key === "Escape") setShowClearCanvasModal(false);
+				};
+				window.addEventListener("keydown", close);
+				return () => window.removeEventListener("keydown", close);
+			}, [showClearCanvasModal]);
 			/** Generate-panel state from before the infinite canvas was opened, so the
 			*  panel is restored (not just forced open) when returning to preview. */
 			const generatePanelBeforeInfiniteRef = (0, react.useRef)(false);
@@ -116432,15 +116493,28 @@ img.ProseMirror-separator {
 			const maxReferences = comparisonEnabled ? comparisonProviders.includes("dashscope") ? 3 : 5 : provider === "dashscope" ? 3 : 5;
 			const referencesRef = (0, react.useRef)(references);
 			referencesRef.current = references;
+			const comparisonSelectionsAllSubscription = comparisonEnabled && comparisonProviders.length > 0 && comparisonProviders.every((provider) => isSubscriptionProvider(provider));
+			const singleProviderIsSubscription = !comparisonEnabled && isSubscriptionProvider(provider);
 			const t = (key, values) => {
 				let text = COPY$1[lang][key];
 				for (const [name, value] of Object.entries(values ?? {})) text = text.replace(`{${name}}`, value);
 				return text;
 			};
 			(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 formStateRef = (0, react.useRef)({
+				provider,
+				model
+			});
+			formStateRef.current = {
+				provider,
+				model
+			};
+			const loadConfig = (0, react.useCallback)(async (options) => {
+				const silent = options?.silent === true;
+				if (!silent) {
+					setConfigLoading(true);
+					setConfigError(null);
+				}
 				const controller = new AbortController();
 				try {
 					const response = await fetch(STUDIO_ROUTE, {
@@ -116450,20 +116524,35 @@ img.ProseMirror-separator {
 					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);
+					if (silent) {
+						const { provider: currentProvider, model: currentModel } = formStateRef.current;
+						const activeProfile = payload.providers.find((item) => item.provider === currentProvider);
+						if (activeProfile !== void 0 && activeProfile.model !== currentModel) setModel(activeProfile.model);
+						setComparisonProviders((current) => current.filter((selectedProvider) => payload.providers.some((item) => item.provider === selectedProvider && item.configured)));
+						return;
+					}
 					const initial = payload.providers.find((item) => item.provider === payload.activeProvider) ?? payload.providers[0];
 					if (initial !== void 0) {
 						applyProvider(initial);
 						setComparisonProviders(initialComparisonProviders(payload.providers, initial.provider));
 					}
 				} catch (fetchError) {
-					if (!controller.signal.aborted) setConfigError(messageOf(fetchError));
+					if (!silent && !controller.signal.aborted) setConfigError(messageOf(fetchError));
 				} finally {
-					setConfigLoading(false);
+					if (!silent) setConfigLoading(false);
 				}
 			}, []);
 			(0, react.useEffect)(() => {
 				loadConfig();
 			}, [loadConfig]);
+			(0, react.useEffect)(() => {
+				if (credentialEvents === void 0) return;
+				return credentialEvents.listen(() => {
+					window.setTimeout(() => {
+						loadConfig({ silent: true });
+					}, 1e3);
+				});
+			}, [credentialEvents, loadConfig]);
 			(0, react.useEffect)(() => {
 				let mounted = true;
 				const load = () => void getGalleryItems().then((next) => {
@@ -116535,6 +116624,8 @@ img.ProseMirror-separator {
 			}, []);
 			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 apiConfiguredCount = config?.providers.filter((item) => item.configured && !isSubscriptionProvider(item.provider)).length ?? 0;
+			const subscriptionSignedInCount = config?.providers.filter((item) => item.configured && isSubscriptionProvider(item.provider)).length ?? 0;
 			const displayItems = (0, react.useMemo)(() => items.slice(0, visibleLimit), [items, visibleLimit]);
 			const comparisonProfiles = (0, react.useMemo)(() => (config?.providers ?? []).filter((item) => item.configured && (mode === "generate" || item.supportsEditing)), [config, mode]);
 			const comparisonTargets = (0, react.useMemo)(() => buildComparisonTargets(comparisonProfiles, comparisonProviders, ratio, quality), [
@@ -117130,7 +117221,10 @@ img.ProseMirror-separator {
 															(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")
+																children: configuredCount > 0 ? subscriptionSignedInCount > 0 ? t("configuredSplit", {
+																	api: String(apiConfiguredCount),
+																	sub: String(subscriptionSignedInCount)
+																}) : t("configuredCount", { count: String(apiConfiguredCount) }) : t("unconfiguredStatus")
 															}),
 															(0, react_jsx_runtime.jsx)(ChevronDown, {
 																size: 11,
@@ -117151,7 +117245,7 @@ img.ProseMirror-separator {
 																	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")
+																	children: isSubscriptionProvider(p.provider) ? p.configured ? t("subSignedIn") : t("subSignedOut") : p.configured ? t("configured") : t("unconfigured")
 																})]
 															}, p.provider))
 														})]
@@ -117214,6 +117308,12 @@ img.ProseMirror-separator {
 											(0, react_jsx_runtime.jsxs)("div", {
 												className: "dsh-ig-canvas-toolbar-right",
 												children: [
+													canvasSurface === "infinite" && (0, react_jsx_runtime.jsxs)("button", {
+														type: "button",
+														onClick: () => setShowClearCanvasModal(true),
+														title: t("clearCanvas"),
+														children: [(0, react_jsx_runtime.jsx)(Trash2, { size: 14 }), (0, react_jsx_runtime.jsx)("span", { children: t("clearCanvas") })]
+													}),
 													canvasSurface === "preview" && selected !== null && (0, react_jsx_runtime.jsxs)("button", {
 														type: "button",
 														onClick: startNew,
@@ -117591,7 +117691,26 @@ img.ProseMirror-separator {
 												}),
 												(0, react_jsx_runtime.jsx)("p", { children: t("compareParameterHint") })
 											]
-										}), (0, react_jsx_runtime.jsxs)("div", {
+										}), comparisonSelectionsAllSubscription ? (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsh-ig-field-grid",
+											children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
+												label: t("ratio"),
+												value: "auto",
+												onChange: () => {},
+												options: [{
+													value: "auto",
+													label: lang === "en" ? "Channel default" : "通道默认"
+												}]
+											}), (0, react_jsx_runtime.jsx)(FieldSelect, {
+												label: t("quality"),
+												value: "auto",
+												onChange: () => {},
+												options: [{
+													value: "auto",
+													label: lang === "en" ? "Channel default" : "通道默认"
+												}]
+											})]
+										}) : (0, react_jsx_runtime.jsxs)("div", {
 											className: "dsh-ig-field-grid",
 											children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
 												label: t("ratio"),
@@ -117625,7 +117744,26 @@ img.ProseMirror-separator {
 													}]
 												})]
 											}),
-											(0, react_jsx_runtime.jsxs)("div", {
+											singleProviderIsSubscription ? (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsh-ig-field-grid",
+												children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
+													label: t("ratio"),
+													value: "auto",
+													onChange: () => {},
+													options: [{
+														value: "auto",
+														label: lang === "en" ? "Channel default" : "通道默认"
+													}]
+												}), (0, react_jsx_runtime.jsx)(FieldSelect, {
+													label: t("quality"),
+													value: "auto",
+													onChange: () => {},
+													options: [{
+														value: "auto",
+														label: lang === "en" ? "Channel default" : "通道默认"
+													}]
+												})]
+											}) : (0, react_jsx_runtime.jsxs)("div", {
 												className: "dsh-ig-field-grid",
 												children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
 													label: t("ratio"),
@@ -117820,6 +117958,57 @@ img.ProseMirror-separator {
 							})
 						]
 					}),
+					showClearCanvasModal && (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-ig-workbench-modal-backdrop",
+						onClick: () => setShowClearCanvasModal(false),
+						children: (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-ig-workbench-modal-box",
+							role: "dialog",
+							"aria-modal": "true",
+							"aria-label": t("clearCanvas"),
+							onClick: (event) => event.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("clearCanvas") })]
+								}),
+								(0, react_jsx_runtime.jsx)("p", {
+									className: "dsh-ig-workbench-modal-desc",
+									children: t("clearCanvasDescription")
+								}),
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-ig-workbench-modal-actions",
+									children: [(0, react_jsx_runtime.jsx)("button", {
+										autoFocus: true,
+										type: "button",
+										className: "dsh-ig-workbench-modal-cancel",
+										onClick: () => setShowClearCanvasModal(false),
+										children: t("cancel")
+									}), (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-ig-workbench-modal-danger",
+										onClick: () => {
+											try {
+												if (!clearStudioTlCanvases()) {
+													flash(t("loading"));
+													return;
+												}
+												setShowClearCanvasModal(false);
+												flash(t("canvasCleared"));
+											} catch (error) {
+												setError(messageOf(error));
+												setShowClearCanvasModal(false);
+											}
+										},
+										children: t("clearCanvas")
+									})]
+								})
+							]
+						})
+					}),
 					showDeleteModal && selected !== null && (0, react_jsx_runtime.jsx)("div", {
 						className: "dsh-ig-workbench-modal-backdrop",
 						onClick: () => setShowDeleteModal(false),
@@ -119427,7 +119616,7 @@ img.ProseMirror-separator {
 			return "1:1";
 		}
 		const GalleryViewTab = (props) => {
-			const { locale, sessionId, useSessions, useWorkspaces, inSidebar, defaultTab, initialCanvasSurface } = props;
+			const { locale, sessionId, useSessions, useWorkspaces, credentialEvents, inSidebar, defaultTab, initialCanvasSurface } = props;
 			const [activeTab, setActiveTab] = (0, react.useState)(defaultTab ?? "gallery");
 			const [studioDraft, setStudioDraft] = (0, react.useState)(void 0);
 			const [items, setItems] = (0, react.useState)([]);
@@ -120184,6 +120373,7 @@ img.ProseMirror-separator {
 							onUsePrompt: useInspirationPrompt
 						}) : (0, react_jsx_runtime.jsx)(StudioView, {
 							locale,
+							credentialEvents,
 							workspace: activeWorkspace,
 							initialPrompt: studioDraft,
 							initialCanvasSurface,
@@ -120709,6 +120899,266 @@ img.ProseMirror-separator {
 			if (fromBlockContent?.type === "image") return fromBlockContent.attachment;
 		}
 		//#endregion
+		//#region lib/types/client/image-result-node.js
+		const IMAGE_RESULT_NODE_KIND = "dsh-image-result";
+		/**
+		* One image result row per Turn, anchored at its own tool/result position while
+		* the Turn runs, then optionally re-anchored beside the final answer once the
+		* Turn closes (only needed under the folding Compact transcript view).
+		*/
+		function createImageResultDefinition(options = {}) {
+			return {
+				kind: IMAGE_RESULT_NODE_KIND,
+				target: "chat",
+				match: (event) => {
+					if (event.type === "tool/ptc-dispatch") {
+						const subCallId = event.data.subCallId;
+						if (typeof subCallId !== "string" || subCallId === "") return null;
+						return imageResultFromPtcDispatch(event) === void 0 ? null : {
+							id: `ptc:${subCallId}`,
+							role: "start"
+						};
+					}
+					const turn = eventTurn(event);
+					if (turn === void 0) return null;
+					if (event.type === "turn/start") return {
+						id: String(turn),
+						role: "start"
+					};
+					if (event.type === "turn/end") return {
+						id: String(turn),
+						role: "update"
+					};
+					if (event.type === "assistant/message") return {
+						id: String(turn),
+						role: "update"
+					};
+					if (event.type === "tool/result" && imageResultFromMeta(event.data.meta) !== void 0) return {
+						id: String(turn),
+						role: "update"
+					};
+					return null;
+				},
+				start: (_context, match) => {
+					if (match.event.type === "tool/ptc-dispatch") {
+						const result = imageResultFromPtcDispatch(match.event);
+						if (result === void 0) throw new Error("dsh-image-result start requires a plugin image dispatch");
+						return { results: [{
+							...result,
+							seq: match.event.seq
+						}] };
+					}
+					const turn = eventTurn(match.event);
+					if (match.event.type !== "turn/start" || turn === void 0) throw new Error("dsh-image-result start requires turn/start");
+					return {
+						turn,
+						results: []
+					};
+				},
+				update: (context, match) => {
+					if (match.event.type === "turn/end") return {
+						...context.state,
+						endSeq: match.event.seq
+					};
+					if (match.event.type === "assistant/message") return {
+						...context.state,
+						answerSeq: match.event.seq
+					};
+					if (match.event.type === "tool/ptc-dispatch") {
+						const result = imageResultFromPtcDispatch(match.event);
+						return result === void 0 ? context.state : appendResult(context.state, result, match.event.seq);
+					}
+					if (match.event.type !== "tool/result") return context.state;
+					const result = imageResultFromMeta(match.event.data.meta);
+					if (result === void 0) return context.state;
+					return appendResult(context.state, result, match.event.seq);
+				},
+				buildViewNode: (context) => {
+					const state = context.state;
+					const last = state?.results.at(-1);
+					if (state === void 0 || last === void 0) return null;
+					const location = context.matches.at(-1)?.location ?? context.start?.location ?? { kind: "unresolved" };
+					return {
+						key: context.key,
+						kind: IMAGE_RESULT_NODE_KIND,
+						id: context.id,
+						target: "chat",
+						anchorSeq: state.endSeq !== void 0 && compactTranscript(options) ? state.answerSeq ?? state.endSeq ?? last.seq : last.seq,
+						location,
+						visibility: "visible",
+						data: {
+							...state.turn !== void 0 ? { turn: state.turn } : {},
+							results: state.results.map(({ seq: _seq, ...result }) => result)
+						}
+					};
+				}
+			};
+		}
+		/** Append a parsed result unless its attachment is already collected. */
+		function appendResult(state, result, seq) {
+			if (state.results.some((candidate) => candidate.attachment.attachmentId === result.attachment.attachmentId)) return state;
+			return {
+				...state,
+				results: [...state.results, {
+					...result,
+					seq
+				}]
+			};
+		}
+		function compactTranscript(options) {
+			try {
+				return options.isCompactTranscript?.() ?? true;
+			} catch {
+				return true;
+			}
+		}
+		/** Parse the plugin-owned durable presentation metadata from a Tool result event. */
+		function imageResultFromMeta(value) {
+			const meta = record(value);
+			if (meta?.kind !== "dsh-image-gen") return void 0;
+			const attachment = imageAttachment(meta.attachment);
+			if (attachment === void 0) return void 0;
+			return {
+				attachment,
+				prompt: stringValue(meta.prompt, "Generated Image"),
+				provider: stringValue(meta.provider, "google"),
+				model: stringValue(meta.model, ""),
+				output: stringValue(meta.output, ""),
+				...typeof meta.savedTo === "string" ? { savedTo: meta.savedTo } : {},
+				...typeof meta.seed === "number" ? { seed: meta.seed } : {}
+			};
+		}
+		function eventTurn(event) {
+			const turn = event.data.turn;
+			return typeof turn === "number" && Number.isSafeInteger(turn) && turn >= 0 ? turn : void 0;
+		}
+		/** Plugin tools whose PTC (run_code) dispatch results are image results. */
+		const PTC_IMAGE_TOOL_NAMES = /* @__PURE__ */ new Set(["generate_image", "edit_image"]);
+		/**
+		* Fixed summary text rendered by the tools' imageOutput(). PTC dispatch events
+		* carry no presentationMeta, so provider/model/output are recovered from this
+		* template rather than parsed out of natural language.
+		*/
+		const PTC_SUMMARY_PATTERN = /^(?:Generated|Edited) one image with ([^/\s]+)\/(\S+) \((.+)\)\. Attachment ID: /;
+		const PTC_SAVED_TO_PATTERN = / It was also saved to the workspace as (.+)\. (?:(?:Saving it to the workspace failed)|(?:It has no local file path)|(?:Respond to the user))/;
+		/**
+		* Parse a plugin image result from a tool/ptc-dispatch event (#38). PTC
+		* run_code sub-calls carry neither a turn nor presentationMeta, so the result
+		* is rebuilt from the dispatch payload itself: the image content block for the
+		* attachment, arguments for the prompt (and edit source ids), and the tool's
+		* fixed-format summary text for provider/model/output. Returns undefined for
+		* anything that is not a successful image result from our own image tools.
+		*/
+		function imageResultFromPtcDispatch(event) {
+			if (event.type !== "tool/ptc-dispatch") return void 0;
+			const data = event.data;
+			if (data.isError === true) return void 0;
+			if (typeof data.name !== "string" || !PTC_IMAGE_TOOL_NAMES.has(data.name)) return void 0;
+			const content = Array.isArray(data.content) ? data.content : [];
+			let attachment;
+			let summaryText = "";
+			for (const block of content) {
+				const candidate = record(block);
+				if (candidate === void 0) continue;
+				if (candidate.type === "image" && attachment === void 0) attachment = imageAttachment(candidate.attachment);
+				else if (candidate.type === "text" && summaryText === "" && typeof candidate.text === "string") summaryText = candidate.text;
+			}
+			if (attachment === void 0) return void 0;
+			const summary = PTC_SUMMARY_PATTERN.exec(summaryText);
+			const savedTo = PTC_SAVED_TO_PATTERN.exec(summaryText)?.[1];
+			const args = record(data.arguments);
+			const sourceIds = sourceAttachmentIds(args);
+			return {
+				attachment,
+				prompt: stringValue(args?.prompt, "Generated Image"),
+				provider: summary?.[1] ?? "",
+				model: summary?.[2] ?? "",
+				output: summary?.[3] ?? "",
+				...savedTo !== void 0 ? { savedTo } : {},
+				...sourceIds !== void 0 ? { sourceAttachmentIds: sourceIds } : {}
+			};
+		}
+		/** Collect edit_image source attachment ids (single or list form) from dispatch arguments. */
+		function sourceAttachmentIds(args) {
+			if (args === void 0) return void 0;
+			const single = typeof args.source_attachment_id === "string" ? [args.source_attachment_id] : void 0;
+			const list = Array.isArray(args.source_attachment_ids) ? args.source_attachment_ids.filter((id) => typeof id === "string") : void 0;
+			const ids = single ?? list;
+			return ids !== void 0 && ids.length > 0 ? ids : void 0;
+		}
+		function imageAttachment(value) {
+			const candidate = record(value);
+			if (candidate === void 0 || typeof candidate.attachmentId !== "string" || !isImageMediaType(candidate.mediaType) || !positiveInteger(candidate.bytes) || !positiveInteger(candidate.width) || !positiveInteger(candidate.height)) return void 0;
+			const original = record(candidate.originalDimensions);
+			if (candidate.originalDimensions !== void 0 && (original === void 0 || !positiveInteger(original.width) || !positiveInteger(original.height))) return void 0;
+			return {
+				attachmentId: candidate.attachmentId,
+				mediaType: candidate.mediaType,
+				bytes: candidate.bytes,
+				width: candidate.width,
+				height: candidate.height,
+				...typeof candidate.name === "string" ? { name: candidate.name } : {},
+				...original === void 0 ? {} : { originalDimensions: {
+					width: original.width,
+					height: original.height
+				} }
+			};
+		}
+		function isImageMediaType(value) {
+			return value === "image/png" || value === "image/jpeg" || value === "image/webp" || value === "image/gif";
+		}
+		function positiveInteger(value) {
+			return typeof value === "number" && Number.isSafeInteger(value) && value > 0;
+		}
+		function stringValue(value, fallback) {
+			return typeof value === "string" ? value : fallback;
+		}
+		function record(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
+		}
+		//#endregion
+		//#region lib/types/client/tl/conversation-landings.js
+		/** Subscribe to live additions, never to card rendering or history replay. */
+		function startConversationLandings(sessions) {
+			let source;
+			let stopEvents;
+			const followCurrent = () => {
+				const id = sessions.list.getSnapshot().current;
+				const next = id === void 0 ? void 0 : sessions.binding(id)?.eventSource;
+				if (next === source) return;
+				stopEvents?.();
+				source = next;
+				if (next === void 0) return;
+				let lastSeq = next.getSnapshot().entries.reduce((seq, entry) => Math.max(seq, entry.event.seq), -1);
+				stopEvents = next.subscribe(() => {
+					const change = next.getSnapshot().change;
+					for (const entry of change.entries ?? []) {
+						if (entry.type !== "event") continue;
+						const { event } = entry;
+						const isNew = event.seq > lastSeq;
+						lastSeq = Math.max(lastSeq, event.seq);
+						if (change.kind !== "append" || !isNew) continue;
+						const result = event.type === "tool/result" ? imageResultFromMeta(event.data.meta) : imageResultFromPtcDispatch(event);
+						if (result === void 0) continue;
+						pushTlLandingsLive([{
+							galleryId: String(result.attachment.attachmentId),
+							attachment: result.attachment,
+							fromConversation: true,
+							prompt: result.prompt,
+							provider: result.provider,
+							model: result.model
+						}]);
+					}
+				});
+			};
+			const stopList = sessions.list.subscribe(followCurrent);
+			followCurrent();
+			return () => {
+				stopList();
+				stopEvents?.();
+			};
+		}
+		//#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}
@@ -121050,224 +121500,6 @@ img.ProseMirror-separator {
 .dsh-ig-inspiration-lightbox{position:fixed;inset:0;z-index:10000;background:rgba(8,12,22,.88);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.dsh-ig-inspiration-lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.dsh-ig-inspiration-lightbox-img-wrap{max-width:85vw;max-height:82vh;border-radius:10px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.7);background:#05070d}.dsh-ig-inspiration-lightbox-img-wrap img{width:auto;height:auto;max-width:85vw;max-height:82vh;object-fit:contain;display:block}.dsh-ig-inspiration-lightbox-close{position:absolute;top:-16px;right:-16px;width:34px;height:34px;border-radius:50%;background:#1e293b;color:#fff;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:grid;place-items:center;transition:background .15s,transform .15s;z-index:10}.dsh-ig-inspiration-lightbox-close:hover{background:#334155;transform:scale(1.1)}.dsh-ig-inspiration-lightbox-caption{margin-top:12px;color:rgba(255,255,255,.9);font-size:13px;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.6)}
 @media(max-width:980px){.dsh-ig-inspiration-layout{grid-template-columns:1fr}.dsh-ig-inspiration-inspector{position:relative;top:auto}.dsh-ig-inspiration-inspector-empty{min-height:150px}.dsh-ig-inspiration-inspector-image{max-height:290px}.dsh-ig-inspiration-inspector-image img{object-fit:contain;background:#f1f4fa}}@media(max-width:700px){.dsh-ig-inspiration{padding:14px}.dsh-ig-inspiration-head{align-items:center}.dsh-ig-inspiration-toolbar{grid-template-columns:1fr 1fr}.dsh-ig-inspiration-search{grid-column:1/-1}.dsh-ig-inspiration-fav-filter{grid-column:1/-1}.dsh-ig-inspiration-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px}}@media(max-width:420px){.dsh-ig-inspiration-toolbar{grid-template-columns:1fr}.dsh-ig-inspiration-search{grid-column:auto}}
 `;
-		//#endregion
-		//#region lib/types/client/image-result-node.js
-		const IMAGE_RESULT_NODE_KIND = "dsh-image-result";
-		/**
-		* One image result row per Turn, anchored at its own tool/result position while
-		* the Turn runs, then optionally re-anchored beside the final answer once the
-		* Turn closes (only needed under the folding Compact transcript view).
-		*/
-		function createImageResultDefinition(options = {}) {
-			return {
-				kind: IMAGE_RESULT_NODE_KIND,
-				target: "chat",
-				match: (event) => {
-					if (event.type === "tool/ptc-dispatch") {
-						const subCallId = event.data.subCallId;
-						if (typeof subCallId !== "string" || subCallId === "") return null;
-						return imageResultFromPtcDispatch(event) === void 0 ? null : {
-							id: `ptc:${subCallId}`,
-							role: "start"
-						};
-					}
-					const turn = eventTurn(event);
-					if (turn === void 0) return null;
-					if (event.type === "turn/start") return {
-						id: String(turn),
-						role: "start"
-					};
-					if (event.type === "turn/end") return {
-						id: String(turn),
-						role: "update"
-					};
-					if (event.type === "assistant/message") return {
-						id: String(turn),
-						role: "update"
-					};
-					if (event.type === "tool/result" && imageResultFromMeta(event.data.meta) !== void 0) return {
-						id: String(turn),
-						role: "update"
-					};
-					return null;
-				},
-				start: (_context, match) => {
-					if (match.event.type === "tool/ptc-dispatch") {
-						const result = imageResultFromPtcDispatch(match.event);
-						if (result === void 0) throw new Error("dsh-image-result start requires a plugin image dispatch");
-						return { results: [{
-							...result,
-							seq: match.event.seq
-						}] };
-					}
-					const turn = eventTurn(match.event);
-					if (match.event.type !== "turn/start" || turn === void 0) throw new Error("dsh-image-result start requires turn/start");
-					return {
-						turn,
-						results: []
-					};
-				},
-				update: (context, match) => {
-					if (match.event.type === "turn/end") return {
-						...context.state,
-						endSeq: match.event.seq
-					};
-					if (match.event.type === "assistant/message") return {
-						...context.state,
-						answerSeq: match.event.seq
-					};
-					if (match.event.type === "tool/ptc-dispatch") {
-						const result = imageResultFromPtcDispatch(match.event);
-						return result === void 0 ? context.state : appendResult(context.state, result, match.event.seq);
-					}
-					if (match.event.type !== "tool/result") return context.state;
-					const result = imageResultFromMeta(match.event.data.meta);
-					if (result === void 0) return context.state;
-					return appendResult(context.state, result, match.event.seq);
-				},
-				buildViewNode: (context) => {
-					const state = context.state;
-					const last = state?.results.at(-1);
-					if (state === void 0 || last === void 0) return null;
-					const location = context.matches.at(-1)?.location ?? context.start?.location ?? { kind: "unresolved" };
-					return {
-						key: context.key,
-						kind: IMAGE_RESULT_NODE_KIND,
-						id: context.id,
-						target: "chat",
-						anchorSeq: state.endSeq !== void 0 && compactTranscript(options) ? state.answerSeq ?? state.endSeq ?? last.seq : last.seq,
-						location,
-						visibility: "visible",
-						data: {
-							...state.turn !== void 0 ? { turn: state.turn } : {},
-							results: state.results.map(({ seq: _seq, ...result }) => result)
-						}
-					};
-				}
-			};
-		}
-		/** Append a parsed result unless its attachment is already collected. */
-		function appendResult(state, result, seq) {
-			if (state.results.some((candidate) => candidate.attachment.attachmentId === result.attachment.attachmentId)) return state;
-			return {
-				...state,
-				results: [...state.results, {
-					...result,
-					seq
-				}]
-			};
-		}
-		function compactTranscript(options) {
-			try {
-				return options.isCompactTranscript?.() ?? true;
-			} catch {
-				return true;
-			}
-		}
-		/** Parse the plugin-owned durable presentation metadata from a Tool result event. */
-		function imageResultFromMeta(value) {
-			const meta = record(value);
-			if (meta?.kind !== "dsh-image-gen") return void 0;
-			const attachment = imageAttachment(meta.attachment);
-			if (attachment === void 0) return void 0;
-			return {
-				attachment,
-				prompt: stringValue(meta.prompt, "Generated Image"),
-				provider: stringValue(meta.provider, "google"),
-				model: stringValue(meta.model, ""),
-				output: stringValue(meta.output, ""),
-				...typeof meta.savedTo === "string" ? { savedTo: meta.savedTo } : {},
-				...typeof meta.seed === "number" ? { seed: meta.seed } : {}
-			};
-		}
-		function eventTurn(event) {
-			const turn = event.data.turn;
-			return typeof turn === "number" && Number.isSafeInteger(turn) && turn >= 0 ? turn : void 0;
-		}
-		/** Plugin tools whose PTC (run_code) dispatch results are image results. */
-		const PTC_IMAGE_TOOL_NAMES = /* @__PURE__ */ new Set(["generate_image", "edit_image"]);
-		/**
-		* Fixed summary text rendered by the tools' imageOutput(). PTC dispatch events
-		* carry no presentationMeta, so provider/model/output are recovered from this
-		* template rather than parsed out of natural language.
-		*/
-		const PTC_SUMMARY_PATTERN = /^(?:Generated|Edited) one image with ([^/\s]+)\/(\S+) \((.+)\)\. Attachment ID: /;
-		const PTC_SAVED_TO_PATTERN = / It was also saved to the workspace as (.+)\. (?:(?:Saving it to the workspace failed)|(?:It has no local file path)|(?:Respond to the user))/;
-		/**
-		* Parse a plugin image result from a tool/ptc-dispatch event (#38). PTC
-		* run_code sub-calls carry neither a turn nor presentationMeta, so the result
-		* is rebuilt from the dispatch payload itself: the image content block for the
-		* attachment, arguments for the prompt (and edit source ids), and the tool's
-		* fixed-format summary text for provider/model/output. Returns undefined for
-		* anything that is not a successful image result from our own image tools.
-		*/
-		function imageResultFromPtcDispatch(event) {
-			if (event.type !== "tool/ptc-dispatch") return void 0;
-			const data = event.data;
-			if (data.isError === true) return void 0;
-			if (typeof data.name !== "string" || !PTC_IMAGE_TOOL_NAMES.has(data.name)) return void 0;
-			const content = Array.isArray(data.content) ? data.content : [];
-			let attachment;
-			let summaryText = "";
-			for (const block of content) {
-				const candidate = record(block);
-				if (candidate === void 0) continue;
-				if (candidate.type === "image" && attachment === void 0) attachment = imageAttachment(candidate.attachment);
-				else if (candidate.type === "text" && summaryText === "" && typeof candidate.text === "string") summaryText = candidate.text;
-			}
-			if (attachment === void 0) return void 0;
-			const summary = PTC_SUMMARY_PATTERN.exec(summaryText);
-			const savedTo = PTC_SAVED_TO_PATTERN.exec(summaryText)?.[1];
-			const args = record(data.arguments);
-			const sourceIds = sourceAttachmentIds(args);
-			return {
-				attachment,
-				prompt: stringValue(args?.prompt, "Generated Image"),
-				provider: summary?.[1] ?? "",
-				model: summary?.[2] ?? "",
-				output: summary?.[3] ?? "",
-				...savedTo !== void 0 ? { savedTo } : {},
-				...sourceIds !== void 0 ? { sourceAttachmentIds: sourceIds } : {}
-			};
-		}
-		/** Collect edit_image source attachment ids (single or list form) from dispatch arguments. */
-		function sourceAttachmentIds(args) {
-			if (args === void 0) return void 0;
-			const single = typeof args.source_attachment_id === "string" ? [args.source_attachment_id] : void 0;
-			const list = Array.isArray(args.source_attachment_ids) ? args.source_attachment_ids.filter((id) => typeof id === "string") : void 0;
-			const ids = single ?? list;
-			return ids !== void 0 && ids.length > 0 ? ids : void 0;
-		}
-		function imageAttachment(value) {
-			const candidate = record(value);
-			if (candidate === void 0 || typeof candidate.attachmentId !== "string" || !isImageMediaType(candidate.mediaType) || !positiveInteger(candidate.bytes) || !positiveInteger(candidate.width) || !positiveInteger(candidate.height)) return void 0;
-			const original = record(candidate.originalDimensions);
-			if (candidate.originalDimensions !== void 0 && (original === void 0 || !positiveInteger(original.width) || !positiveInteger(original.height))) return void 0;
-			return {
-				attachmentId: candidate.attachmentId,
-				mediaType: candidate.mediaType,
-				bytes: candidate.bytes,
-				width: candidate.width,
-				height: candidate.height,
-				...typeof candidate.name === "string" ? { name: candidate.name } : {},
-				...original === void 0 ? {} : { originalDimensions: {
-					width: original.width,
-					height: original.height
-				} }
-			};
-		}
-		function isImageMediaType(value) {
-			return value === "image/png" || value === "image/jpeg" || value === "image/webp" || value === "image/gif";
-		}
-		function positiveInteger(value) {
-			return typeof value === "number" && Number.isSafeInteger(value) && value > 0;
-		}
-		function stringValue(value, fallback) {
-			return typeof value === "string" ? value : fallback;
-		}
-		function record(value) {
-			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:";
@@ -121330,7 +121562,7 @@ img.ProseMirror-separator {
 		function isRevision(value) {
 			if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
 			const candidate = value;
-			return isAttachment(candidate.attachment) && typeof candidate.provider === "string" && CLOUD_IMAGE_PROVIDERS.includes(candidate.provider) && 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";
+			return isAttachment(candidate.attachment) && typeof candidate.provider === "string" && STUDIO_PROVIDERS.includes(candidate.provider) && 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;
@@ -121375,19 +121607,36 @@ img.ProseMirror-separator {
 				switchFailed: "Switch failed"
 			}
 		};
-		/** Short row labels; the settings card keeps the longer descriptive names. */
+		/** Provider row names, per locale. Brand words stay untranslated; only the
+		* qualifier ("订阅" / "Sub") localizes, so the pill and the menu agree with the
+		* settings card in both languages. */
 		const PILL_PROVIDER_LABELS = {
-			google: "Gemini",
-			openai: "OpenAI",
-			"openai-compat": "OpenAI 兼容",
-			seedream: "Seedream",
-			dashscope: "DashScope",
-			xai: "Grok",
-			zhipu: "智谱 GLM",
-			comfyui: "ComfyUI",
-			"chatgpt-sub": "ChatGPT 订阅",
-			"grok-sub": "Grok 订阅",
-			"google-sub": "Google 订阅"
+			zh: {
+				google: "Gemini",
+				openai: "OpenAI",
+				"openai-compat": "OpenAI 兼容",
+				seedream: "Seedream",
+				dashscope: "DashScope",
+				xai: "Grok",
+				zhipu: "智谱 GLM",
+				comfyui: "ComfyUI",
+				"chatgpt-sub": "ChatGPT 订阅",
+				"grok-sub": "Grok 订阅",
+				"google-sub": "Google 订阅"
+			},
+			en: {
+				google: "Gemini",
+				openai: "OpenAI",
+				"openai-compat": "OpenAI Compatible",
+				seedream: "Seedream",
+				dashscope: "DashScope",
+				xai: "Grok",
+				zhipu: "Zhipu GLM",
+				comfyui: "ComfyUI",
+				"chatgpt-sub": "ChatGPT Sub",
+				"grok-sub": "Grok Sub",
+				"google-sub": "Google Sub"
+			}
 		};
 		/** Compute the fixed-position anchor from the pill button: open upward when
 		* the chat pane leaves room above the composer, drop down otherwise. */
@@ -121639,7 +121888,7 @@ img.ProseMirror-separator {
 						}),
 						(0, react_jsx_runtime.jsx)("span", {
 							className: "dsh-ig-pill-provider",
-							children: PILL_PROVIDER_LABELS[current]
+							children: PILL_PROVIDER_LABELS[lang][current]
 						}),
 						(0, react_jsx_runtime.jsx)("span", {
 							className: `dsh-ig-pill-caret${open ? " dsh-ig-pill-caret-open" : ""}`,
@@ -121685,7 +121934,7 @@ img.ProseMirror-separator {
 									className: "dsh-ig-pill-option-text",
 									children: [(0, react_jsx_runtime.jsx)("span", {
 										className: "dsh-ig-pill-option-name",
-										children: PILL_PROVIDER_LABELS[provider]
+										children: PILL_PROVIDER_LABELS[lang][provider]
 									}), (0, react_jsx_runtime.jsx)("span", {
 										className: "dsh-ig-pill-option-sub",
 										children: subtitleOf(provider)
@@ -121723,16 +121972,20 @@ img.ProseMirror-separator {
 		}
 		/** Styles for the pill and its fixed-position menu; injected by the client entry. */
 		const PROVIDER_PILL_STYLE = `
-.dsh-ig-pill-root{position:relative;display:inline-flex;align-items:center;height:26px}
-.dsh-ig-pill-button{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px 0 7px;border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:13px;background:var(--dsw-alias-bg-layer-3,#fff);color:var(--dsw-alias-label-secondary,#4b5563);font:inherit;font-size:12px;line-height:1;cursor:pointer;transition:border-color .15s,background .15s,color .15s;-webkit-user-select:none;user-select:none}
+.dsh-ig-pill-root{position:relative;display:inline-flex;align-items:center;height:28px}
+.dsh-ig-pill-button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px 0 8px;border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:14px;background:var(--dsw-alias-bg-layer-3,#fff);color:var(--dsw-alias-label-secondary,#4b5563);font:inherit;font-size:13px;line-height:20px;cursor:pointer;transition:border-color .15s,background .15s,color .15s;-webkit-user-select:none;user-select:none}
 .dsh-ig-pill-button:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed,#9ca3af);color:var(--dsw-alias-label-primary,#111827)}
 .dsh-ig-pill-button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#4c78ff);outline-offset:1px}
 .dsh-ig-pill-button:disabled{opacity:.5;cursor:not-allowed}
 .dsh-ig-pill-button-open{border-color:var(--dsw-alias-brand-primary,#4c78ff);color:var(--dsw-alias-label-primary,#111827)}
 .dsh-ig-pill-icon{flex:none;color:var(--dsw-alias-brand-primary,#4c78ff)}
-.dsh-ig-pill-provider{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dsh-ig-pill-provider{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .dsh-ig-pill-caret{display:inline-flex;flex:none;transition:transform .15s}
 .dsh-ig-pill-caret-open{transform:rotate(180deg)}
+@container (max-width:700px){
+  .dsh-ig-pill-caret{display:none}
+  .dsh-ig-pill-button{padding:0 7px 0 6px}
+}
 .dsh-ig-pill-menu{position:fixed;z-index:1000;min-width:264px;max-width:min(320px,calc(100vw - 24px));padding:6px;border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:12px;background:var(--dsw-alias-bg-layer-3,#fff);box-shadow:0 12px 32px rgba(0,0,0,.16),0 2px 8px rgba(0,0,0,.08);max-height:min(320px,calc(100vh - 48px));overflow-y:auto}
 .dsh-ig-pill-menu-title{padding:6px 8px 4px;font-size:11px;font-weight:600;color:var(--dsw-alias-label-tertiary,#6b7280)}
 .dsh-ig-pill-option{display:flex;width:100%;align-items:center;gap:9px;padding:7px 8px;border:0;border-radius:8px;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
@@ -121752,7 +122005,7 @@ img.ProseMirror-separator {
 `;
 		//#endregion
 		//#region lib/types/client/index.js
-		console.info(`[dsh-image-gen] canvas bundle 2026-09-14T00:33:35.649Z`);
+		console.info(`[dsh-image-gen] canvas bundle 2026-09-14T15:26:26.831Z`);
 		/** 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. */
@@ -121791,8 +122044,8 @@ img.ProseMirror-separator {
 				subLoginOk: "登录成功",
 				subModelLabel: "订阅模型",
 				subModelHint: "由订阅通道固定，不可更改。",
-				subEditUnsupported: "订阅通道暂不支持图生图（编辑图片），仅支持文字生图。",
-				subDefaultHint: "订阅 Provider 只能生成，不能编辑图片；需要编辑时请切换到 API Key Provider。",
+				subEditCapability: "订阅生图 · 图生图：支持。对话 edit_image、Studio 图生图与多模型对比均可上传参考图（最多 5 张）。",
+				subDefaultHint: "订阅 Provider 已支持文字生图与图生图；图生图使用各订阅渠道默认参数。",
 				apiKeyLabel: "{provider} API Key",
 				apiKeyPlaceholder: "留空即可保留已配置的 Key",
 				apiKeyHint: "安全保存为 {key}；页面不会读回明文。",
@@ -121920,8 +122173,8 @@ img.ProseMirror-separator {
 				subLoginOk: "Signed in",
 				subModelLabel: "Subscription model",
 				subModelHint: "Fixed by the subscription channel; not changeable.",
-				subEditUnsupported: "The subscription channel does not support image editing yet; text-to-image only.",
-				subDefaultHint: "Subscription providers can only generate; switch to an API-key provider for editing.",
+				subEditCapability: "Subscription image editing is now supported: edit_image in chats, Studio and multi-model compare all accept reference images (up to 5).",
+				subDefaultHint: "Subscription providers support both text-to-image and image editing; edits use each channel's default parameters.",
 				apiKeyLabel: "{provider} API Key",
 				apiKeyPlaceholder: "Leave empty to keep configured key",
 				apiKeyHint: "Securely saved as {key}; never read back in plaintext.",
@@ -122319,6 +122572,11 @@ img.ProseMirror-separator {
 			const isCompactTranscript = () => chatScope.getSnapshot().value?.transcriptView !== "normal";
 			const locale = ctx.get("locale");
 			const promotion = { enabled: false };
+			ctx.inject(["sessions"], (owner) => {
+				const sessions = owner.get("sessions");
+				if (typeof sessions?.binding !== "function" || typeof sessions.list?.subscribe !== "function") return;
+				owner.effect(() => startConversationLandings(sessions), "dsh-image-gen: live canvas images");
+			});
 			ctx.effect(() => {
 				const style = document.createElement("style");
 				style.dataset.plugin = "dsh-image-gen";
@@ -122444,7 +122702,10 @@ img.ProseMirror-separator {
 				label: () => {
 					return (locale?.getSnapshot?.()?.active)?.startsWith("en") ? "Gallery" : "画廊";
 				},
-				inject: () => ({ locale })
+				inject: () => ({
+					locale,
+					credentialEvents
+				})
 			}, GalleryViewTab));
 			ctx.inject(["sidebarRightTabs"], (owner) => {
 				const sidebarTabs = owner.get("sidebarRightTabs");
@@ -122467,6 +122728,7 @@ img.ProseMirror-separator {
 					key: SIDEBAR_STUDIO_TAB_ID,
 					inject: () => ({
 						locale,
+						credentialEvents,
 						inSidebar: true,
 						defaultTab: "studio",
 						initialCanvasSurface: "infinite"
@@ -123718,8 +123980,8 @@ img.ProseMirror-separator {
 							(0, react_jsx_runtime.jsx)("div", {
 								className: "dsh-ig-field",
 								children: (0, react_jsx_runtime.jsx)("span", {
-									className: "dsh-ig-label",
-									children: t("subEditUnsupported")
+									className: "dsh-ig-hint",
+									children: t("subEditCapability")
 								})
 							}),
 							(0, react_jsx_runtime.jsxs)("div", {
@@ -124037,14 +124299,6 @@ img.ProseMirror-separator {
 			};
 			(0, react.useEffect)(() => {
 				if (result === void 0) return;
-				pushTlLandings([{
-					galleryId: result.attachment.attachmentId,
-					attachment: result.attachment,
-					fromConversation: true,
-					prompt: result.prompt,
-					provider: result.provider,
-					model: result.model
-				}]);
 				saveGalleryItem({
 					id: result.attachment.attachmentId,
 					attachment: result.attachment,