dsh-image-gen 0.6.5 → 0.6.7

package/lib/client.js

@@ -343,9 +343,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 +355,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 +1440,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 +76047,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 +78675,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 +80949,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 +81508,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 +81967,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 +82201,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 +82433,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 +84002,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 +108123,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 +108143,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 +108175,7 @@ img.ProseMirror-separator {
 				});
 			};
 			img.onerror = () => {
-				pending$1.delete(key);
+				pending$2.delete(key);
 			};
 			img.src = url;
 		}
@@ -115622,43 +115627,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 +115676,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 +115710,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 +115789,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 +115797,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 +115840,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 +115866,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 +115962,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 +115978,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 +116006,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 +116014,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 +116024,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 +116065,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 +116076,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 +116104,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;
 						};
 					}
 				})
@@ -116227,7 +116261,10 @@ img.ProseMirror-separator {
 				expandGenerate: "展开生成面板",
 				generatePanel: "生成面板",
 				findInspiration: "找灵感",
-				infiniteCanvasHint: "无限画布与侧边栏会话联动，才是完整功能。打开 DSH 右侧边栏的「图像工作台」即可解锁。"
+				infiniteCanvasHint: "无限画布与侧边栏会话联动，才是完整功能。打开 DSH 右侧边栏的「图像工作台」即可解锁。",
+				clearCanvas: "清空画布",
+				clearCanvasDescription: "将永久清空所有画布页面的内容、图片资产和撤销历史。画廊已保存的卡片及原图不受影响，此操作无法撤销。",
+				canvasCleared: "画布已清空，画廊不受影响"
 			},
 			en: {
 				title: "Cloud Image Studio",
@@ -116329,7 +116366,10 @@ img.ProseMirror-separator {
 				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. */
@@ -116377,6 +116417,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);
@@ -117214,6 +117263,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,
@@ -117820,6 +117875,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),
@@ -120709,6 +120815,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 +121416,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:";
@@ -121752,7 +121900,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-14T07:49:16.664Z`);
 		/** 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. */
@@ -122319,6 +122467,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";
@@ -124037,14 +124190,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,