dsh-image-gen 0.1.5 → 0.1.7

package/README.en.md

@@ -122,11 +122,12 @@ Click the **`[Gallery]`** Tab in the top navigation bar to browse and search all
 ## ✨ Key Features
 
 - 💬 **In-Chat Image Generation**: Tell your Agent what you want to draw without switching tabs or tools.
-- 🖼️ **Native Image Gallery**: Dedicated "Gallery" tab automatically collecting all generated images with keyword search, provider filtering, and quick copy/download.
+- 🖼️ **Native Image Gallery**: Dedicated "Gallery" tab automatically collecting all generated images with keyword search, provider filtering, single-item deletion (with confirmation and persistent tombstones), and quick copy/download.
 - 🔍 **Interactive Image Tools**: High-res fullscreen preview, one-click copy to clipboard, local download, and open in new tab.
 - 🎨 **Multi-Provider Support**: Supports Google Gemini, OpenAI Images, OpenAI Compatible API, ByteDance Seedream / Volcengine Ark, and Aliyun DashScope (Wanx / Qwen-Image).
 - 🔑 **BYOK (Bring Your Own Key)**: Uses your own API keys managed securely by DSH credentials service with write-only protection.
 - 🖼️ **Durable Session Persistence**: Images integrate with DSH Attachment and conversation lifecycle, preserved across reloads.
+- 💾 **Workspace File Output**: By default each generated image is also written as a file into the current session workspace (`dsh-image-gen/` subfolder); the tool result carries the absolute file path. Can be disabled or re-pointed in settings.
 - ⚙️ **Native Web Settings**: Configure providers, keys, models, and endpoints directly in DSH settings.
 
 ---

package/README.md

@@ -122,11 +122,12 @@ pnpm dsh plugin --profile web add ./dsh-image-gen
 ## ✨ 主要能力
 
 - 💬 **对话中直接生图**：不需要切换到其他网站，也不需要手动复制 Prompt，直接告诉 Agent 你想画什么即可。
-- 🖼️ **历史生图画廊**：顶栏自带「画廊」Tab，自动汇总所有历史生成的图片，支持关键词搜索、厂商筛选与一键复制/下载。
+- 🖼️ **历史生图画廊**：顶栏自带「画廊」Tab，自动汇总所有历史生成的图片，支持关键词搜索、厂商筛选、单张删除（带防误触确认与持久化墓碑）与一键复制/下载。
 - 🔍 **交互式图片工具**：支持点击全屏大图预览、一键复制图片到剪贴板、本地下载与新标签页打开。
 - 🎨 **多 Provider 支持**：支持 Google Gemini、OpenAI Images、OpenAI Compatible API、ByteDance Seedream / 火山方舟以及阿里云 DashScope（通义万相 / Qwen-Image）。Provider、模型和 Endpoint 均可在设置中自由定制。
 - 🔑 **BYOK (自带 Key)**：插件使用你自己的 API Key。API Key 通过 DeepSeek Harness 的 `credentials` 服务管理，采用写保护隔离，不需要写进项目源码或配置文件，前端不存明文。
 - 🖼️ **图片跟随会话保存**：生成结果会接入 DeepSeek Harness 的 Attachment / Conversation 体系，重新打开历史会话后，仍然可以看到之前生成的图片。
+- 💾 **生成图片自动落盘到工作区**：默认在每次生成后把图片文件保存到当前会话工作区（`dsh-image-gen/` 子目录），工具结果会返回文件的绝对路径；可在设置中关闭或修改保存目录。
 - ⚙️ **原生设置界面**：Provider、API Key、模型和 Endpoint 都可以直接在 DSH Web 设置中修改，不需要手动编辑配置文件。
 
 ---

package/README.zh-CN.md

@@ -122,11 +122,12 @@ pnpm dsh plugin --profile web add ./dsh-image-gen
 ## ✨ 主要能力
 
 - 💬 **对话中直接生图**：不需要切换到其他网站，也不需要手动复制 Prompt，直接告诉 Agent 你想画什么即可。
-- 🖼️ **历史生图画廊**：顶栏自带「画廊」Tab，自动汇总所有历史生成的图片，支持关键词搜索、厂商筛选与一键复制/下载。
+- 🖼️ **历史生图画廊**：顶栏自带「画廊」Tab，自动汇总所有历史生成的图片，支持关键词搜索、厂商筛选、单张删除（带防误触确认与持久化墓碑）与一键复制/下载。
 - 🔍 **交互式图片工具**：支持点击全屏大图预览、一键复制图片到剪贴板、本地下载与新标签页打开。
 - 🎨 **多 Provider 支持**：支持 Google Gemini、OpenAI Images、OpenAI Compatible API、ByteDance Seedream / 火山方舟以及阿里云 DashScope（通义万相 / Qwen-Image）。Provider、模型和 Endpoint 均可在设置中自由定制。
 - 🔑 **BYOK (自带 Key)**：插件使用你自己的 API Key。API Key 通过 DeepSeek Harness 的 `credentials` 服务管理，采用写保护隔离，不需要写进项目源码或配置文件，前端不存明文。
 - 🖼️ **图片跟随会话保存**：生成结果会接入 DeepSeek Harness 的 Attachment / Conversation 体系，重新打开历史会话后，仍然可以看到之前生成的图片。
+- 💾 **生成图片自动落盘到工作区**：默认在每次生成后把图片文件保存到当前会话工作区（`dsh-image-gen/` 子目录），工具结果会返回文件的绝对路径；可在设置中关闭或修改保存目录。
 - ⚙️ **原生设置界面**：Provider、API Key、模型和 Endpoint 都可以直接在 DSH Web 设置中修改，不需要手动编辑配置文件。
 
 ---

package/lib/client.js

@@ -32,9 +32,11 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/types/client/gallery-store.js
 		const DB_NAME = "dsh_image_gen_db";
-		const DB_VERSION = 1;
+		const DB_VERSION = 2;
 		const STORE_NAME = "gallery_history";
+		const TOMBSTONE_STORE = "gallery_tombstones";
 		let dbPromise = null;
+		let tombstonesCache = null;
 		function getDB() {
 			if (dbPromise) return dbPromise;
 			dbPromise = new Promise((resolve, reject) => {
@@ -46,6 +48,7 @@ window.__ModuleLoader__.load({
 				request.onupgradeneeded = (event) => {
 					const db = event.target.result;
 					if (!db.objectStoreNames.contains(STORE_NAME)) db.createObjectStore(STORE_NAME, { keyPath: "id" }).createIndex("createdAt", "createdAt", { unique: false });
+					if (!db.objectStoreNames.contains(TOMBSTONE_STORE)) db.createObjectStore(TOMBSTONE_STORE, { keyPath: "id" });
 				};
 				request.onsuccess = () => {
 					resolve(request.result);
@@ -56,6 +59,30 @@ window.__ModuleLoader__.load({
 			});
 			return dbPromise;
 		}
+		async function loadTombstones(db) {
+			if (tombstonesCache) return tombstonesCache;
+			return new Promise((resolve) => {
+				if (!db.objectStoreNames.contains(TOMBSTONE_STORE)) {
+					tombstonesCache = /* @__PURE__ */ new Set();
+					resolve(tombstonesCache);
+					return;
+				}
+				try {
+					const req = db.transaction(TOMBSTONE_STORE, "readonly").objectStore(TOMBSTONE_STORE).getAllKeys();
+					req.onsuccess = () => {
+						tombstonesCache = new Set(req.result.map(String));
+						resolve(tombstonesCache);
+					};
+					req.onerror = () => {
+						tombstonesCache = /* @__PURE__ */ new Set();
+						resolve(tombstonesCache);
+					};
+				} catch {
+					tombstonesCache = /* @__PURE__ */ new Set();
+					resolve(tombstonesCache);
+				}
+			});
+		}
 		const listeners = /* @__PURE__ */ new Set();
 		function notifyListeners() {
 			for (const listener of listeners) try {
@@ -75,10 +102,12 @@ window.__ModuleLoader__.load({
 		}
 		/**
 		* Save or update a gallery record by attachmentId.
+		* Skipped if the item was previously deleted (tombstoned).
 		*/
 		async function saveGalleryItem(item) {
 			try {
 				const db = await getDB();
+				if ((await loadTombstones(db)).has(item.id)) return;
 				const record = {
 					...item,
 					createdAt: item.createdAt ?? Date.now()
@@ -116,6 +145,30 @@ window.__ModuleLoader__.load({
 				return [];
 			}
 		}
+		/**
+		* Delete a single gallery record by ID and record a tombstone.
+		*/
+		async function deleteGalleryItem(id) {
+			try {
+				const db = await getDB();
+				(await loadTombstones(db)).add(id);
+				await new Promise((resolve, reject) => {
+					const tx = db.transaction([STORE_NAME, TOMBSTONE_STORE], "readwrite");
+					const store = tx.objectStore(STORE_NAME);
+					const tombstoneStore = tx.objectStore(TOMBSTONE_STORE);
+					store.delete(id);
+					tombstoneStore.put({
+						id,
+						deletedAt: Date.now()
+					});
+					tx.oncomplete = () => resolve();
+					tx.onerror = () => reject(tx.error);
+				});
+				notifyListeners();
+			} catch (err) {
+				console.warn("[dsh-image-gen] Failed to delete gallery item from IndexedDB:", err);
+			}
+		}
 		//#endregion
 		//#region lib/types/client/gallery-view.js
 		/**
@@ -130,6 +183,7 @@ window.__ModuleLoader__.load({
 				filterGoogle: "Google Gemini",
 				filterOpenAI: "OpenAI / 中转站",
 				filterSeedream: "字节 Seedream",
+				filterDashScope: "阿里 DashScope",
 				emptyTitle: "暂无生图记录",
 				emptyDesc: "在对话中让 Agent 生图后，生成的图片会自动收录到这里。",
 				noMatchTitle: "未找到匹配结果",
@@ -141,6 +195,9 @@ window.__ModuleLoader__.load({
 				download: "下载图片",
 				copyImg: "复制图片",
 				copyPpt: "复制 Prompt",
+				delete: "从画廊删除",
+				confirmDelete: "确定要从画廊中删除这张图片吗？（不会影响原聊天记录）",
+				deleted: "已从画廊删除",
 				model: "模型",
 				prompt: "Prompt",
 				close: "关闭 (Esc)"
@@ -152,6 +209,7 @@ window.__ModuleLoader__.load({
 				filterGoogle: "Google Gemini",
 				filterOpenAI: "OpenAI / Relay",
 				filterSeedream: "ByteDance Seedream",
+				filterDashScope: "Aliyun DashScope",
 				emptyTitle: "No images generated yet",
 				emptyDesc: "Images generated during conversations will automatically appear here.",
 				noMatchTitle: "No matching images",
@@ -163,6 +221,9 @@ window.__ModuleLoader__.load({
 				download: "Download",
 				copyImg: "Copy Image",
 				copyPpt: "Copy Prompt",
+				delete: "Delete from gallery",
+				confirmDelete: "Are you sure you want to remove this image from the gallery? (Chat history will not be affected)",
+				deleted: "Deleted from gallery",
 				model: "Model",
 				prompt: "Prompt",
 				close: "Close (Esc)"
@@ -312,6 +373,10 @@ window.__ModuleLoader__.load({
 									(0, react_jsx_runtime.jsx)("option", {
 										value: "seedream",
 										children: t("filterSeedream")
+									}),
+									(0, react_jsx_runtime.jsx)("option", {
+										value: "dashscope",
+										children: t("filterDashScope")
 									})
 								]
 							})]
@@ -527,6 +592,45 @@ window.__ModuleLoader__.load({
 													})
 												]
 											}), (0, react_jsx_runtime.jsx)("span", { children: t("download") })]
+										}),
+										(0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: "dsh-ig-lightbox-btn dsh-ig-lightbox-btn-danger",
+											title: t("delete"),
+											onClick: async () => {
+												if (!window.confirm(t("confirmDelete"))) return;
+												await deleteGalleryItem(previewItem.id);
+												setPreviewItem(null);
+												setPreviewUrl(null);
+												setPreviewBlob(null);
+												showToast(t("deleted"));
+											},
+											children: [(0, react_jsx_runtime.jsxs)("svg", {
+												width: "14",
+												height: "14",
+												viewBox: "0 0 24 24",
+												fill: "none",
+												stroke: "currentColor",
+												strokeWidth: "2",
+												strokeLinecap: "round",
+												strokeLinejoin: "round",
+												children: [
+													(0, react_jsx_runtime.jsx)("polyline", { points: "3 6 5 6 21 6" }),
+													(0, react_jsx_runtime.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
+													(0, react_jsx_runtime.jsx)("line", {
+														x1: "10",
+														y1: "11",
+														x2: "10",
+														y2: "17"
+													}),
+													(0, react_jsx_runtime.jsx)("line", {
+														x1: "14",
+														y1: "11",
+														x2: "14",
+														y2: "17"
+													})
+												]
+											}), (0, react_jsx_runtime.jsx)("span", { children: t("delete") })]
 										})
 									]
 								})]
@@ -694,6 +798,43 @@ window.__ModuleLoader__.load({
 											ry: "1"
 										})]
 									})
+								}),
+								(0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dsh-ig-tool-btn dsh-ig-tool-btn-danger",
+									title: t("delete"),
+									onClick: async (e) => {
+										e.stopPropagation();
+										if (!window.confirm(t("confirmDelete"))) return;
+										await deleteGalleryItem(item.id);
+										onToast(t("deleted"));
+									},
+									children: (0, react_jsx_runtime.jsxs)("svg", {
+										width: "14",
+										height: "14",
+										viewBox: "0 0 24 24",
+										fill: "none",
+										stroke: "currentColor",
+										strokeWidth: "2",
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										children: [
+											(0, react_jsx_runtime.jsx)("polyline", { points: "3 6 5 6 21 6" }),
+											(0, react_jsx_runtime.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
+											(0, react_jsx_runtime.jsx)("line", {
+												x1: "10",
+												y1: "11",
+												x2: "10",
+												y2: "17"
+											}),
+											(0, react_jsx_runtime.jsx)("line", {
+												x1: "14",
+												y1: "11",
+												x2: "14",
+												y2: "17"
+											})
+										]
+									})
 								})
 							]
 						})
@@ -776,9 +917,14 @@ window.__ModuleLoader__.load({
 				endpointHintSeedream: "火山方舟兼容的 /api/v3 地址。",
 				endpointHintDashScope: "阿里云百炼 DashScope 官方接口地址。",
 				model: "模型",
+				saveToWorkspace: "保存到工作区",
+				saveToWorkspaceHint: "每次生成后，把图片文件保存到当前会话工作区。",
+				folder: "工作区文件夹",
+				folderHint: "相对当前会话工作区的子目录；留空表示工作区根目录。",
 				saving: "保存中…",
 				save: "保存",
 				saved: "已保存",
+				savedToPath: "已保存到",
 				checkingKey: "正在检查 API Key…",
 				keyConfigured: "已配置 API Key",
 				keyNotConfigured: "尚未配置 API Key",
@@ -811,9 +957,14 @@ window.__ModuleLoader__.load({
 				endpointHintSeedream: "Volcengine Ark compatible /api/v3 base URL.",
 				endpointHintDashScope: "Official Aliyun DashScope endpoint.",
 				model: "Model",
+				saveToWorkspace: "Save to workspace",
+				saveToWorkspaceHint: "Write each generated image as a file into the session workspace.",
+				folder: "Workspace folder",
+				folderHint: "Subdirectory of the session workspace; empty means the workspace root.",
 				saving: "Saving…",
 				save: "Save",
 				saved: "Saved",
+				savedToPath: "Saved to",
 				checkingKey: "Checking API Key…",
 				keyConfigured: "API Key configured",
 				keyNotConfigured: "API Key not configured",
@@ -849,6 +1000,9 @@ window.__ModuleLoader__.load({
 .dsh-ig-btn-reset:hover{background:var(--dsw-alias-bg-layer-2,#edf0f3);border-color:var(--dsw-alias-label-dimmed,#9ca3af)}
 .dsh-ig-hint,.dsh-ig-status{margin:0;color:var(--dsw-alias-label-tertiary,#7b818b);font-size:12px;line-height:1.4}
 .dsh-ig-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--dsw-alias-border-l2,#eee)}
+.dsh-ig-check-row{display:flex;align-items:center;gap:8px;cursor:pointer}
+.dsh-ig-check-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--dsw-alias-brand-primary,#4c78ff);margin:0}
+.dsh-ig-savedto{font-size:12px;line-height:1.5;color:var(--dsw-alias-label-tertiary,#7b818b);word-break:break-all}
 .dsh-ig-save{appearance:none;border:0;border-radius:8px;padding:6px 16px;background:var(--dsw-alias-label-primary,#111827);color:var(--dsw-alias-bg-layer-3,#fff);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s}
 .dsh-ig-save:disabled{opacity:.4;cursor:default}
 
@@ -857,8 +1011,9 @@ window.__ModuleLoader__.load({
 .dsh-ig-container{position:relative;display:inline-block;width:fit-content;max-width:100%;justify-self:start;border-radius:12px;overflow:hidden;line-height:0}
 .dsh-ig-container:hover .dsh-ig-toolbar{opacity:1;pointer-events:auto}
 .dsh-ig-toolbar{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:5px;padding:3px 5px;border-radius:8px;background:rgba(0,0,0,0.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:10;line-height:1}
-.dsh-ig-tool-btn{appearance:none;border:0;background:transparent;color:#fff;padding:5px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}
+.dsh-ig-tool-btn{appearance:none;border:0;background:transparent;color:#fff;padding:5px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
 .dsh-ig-tool-btn:hover{background:rgba(255,255,255,0.25)}
+.dsh-ig-tool-btn-danger:hover{background:rgba(239,68,68,0.75)!important;color:#fff!important}
 .dsh-ig-toast{position:absolute;top:100%;left:0;margin-top:5px;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,0.85);color:#fff;font-size:11px;white-space:nowrap;pointer-events:none;z-index:20}
 .dsh-ig-image{display:block;max-width:100%;max-height:520px;border-radius:12px;background:#f2f3f5;cursor:pointer}
 @keyframes dsh-ig-fade{from{opacity:0}to{opacity:1}}
@@ -911,8 +1066,10 @@ window.__ModuleLoader__.load({
 .dsh-ig-lightbox-bottombar{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(90vw,640px);background:rgba(20,22,26,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.15);border-radius:14px;padding:10px 16px;display:flex;flex-direction:column;gap:8px;color:#fff;box-shadow:0 16px 40px rgba(0,0,0,0.5);cursor:default}
 .dsh-ig-lightbox-prompt-text{font-size:13px;line-height:1.4;color:rgba(255,255,255,0.92);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
 .dsh-ig-lightbox-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;border-top:1px solid rgba(255,255,255,0.1);padding-top:8px}
-.dsh-ig-lightbox-btn{appearance:none;border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.08);color:#fff;border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .15s}
+.dsh-ig-lightbox-btn{appearance:none;border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.08);color:#fff;border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .15s,border-color .15s,color .15s}
 .dsh-ig-lightbox-btn:hover{background:rgba(255,255,255,0.22)}
+.dsh-ig-lightbox-btn-danger{border-color:rgba(239,68,68,0.4);color:#fca5a5}
+.dsh-ig-lightbox-btn-danger:hover{background:rgba(239,68,68,0.35)!important;color:#fff!important;border-color:rgba(239,68,68,0.7)!important}
 .dsh-ig-gallery-page-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.85);color:#fff;padding:6px 14px;border-radius:8px;font-size:13px;z-index:99999;animation:dsh-ig-fade .15s}
 
 /* Hide floating chat composer when gallery page is active */
@@ -973,6 +1130,8 @@ window.__ModuleLoader__.load({
 			const [provider, setProvider] = (0, react.useState)("google");
 			const [model, setModel] = (0, react.useState)("");
 			const [baseURL, setBaseURL] = (0, react.useState)("");
+			const [saveToWorkspace, setSaveToWorkspace] = (0, react.useState)(true);
+			const [workspaceFolder, setWorkspaceFolder] = (0, react.useState)("dsh-image-gen");
 			const [key, setKey] = (0, react.useState)("");
 			const [configured, setConfigured] = (0, react.useState)();
 			const [saving, setSaving] = (0, react.useState)(false);
@@ -1002,6 +1161,8 @@ window.__ModuleLoader__.load({
 				setProvider(next);
 				setModel(modelOf(next, value));
 				setBaseURL(baseURLOf(next, value));
+				setSaveToWorkspace(value?.saveToWorkspace ?? true);
+				setWorkspaceFolder(value?.workspaceFolder ?? "dsh-image-gen");
 			}, [snapshot]);
 			(0, react.useEffect)(() => {
 				let active = true;
@@ -1022,6 +1183,8 @@ window.__ModuleLoader__.load({
 					await props.scope.set("provider", provider);
 					await props.scope.set(provider === "google" ? "googleModel" : provider === "openai" ? "openaiModel" : provider === "seedream" ? "seedreamModel" : "dashscopeModel", model);
 					await props.scope.set(provider === "google" ? "googleEndpoint" : provider === "openai" ? "openaiBaseURL" : provider === "seedream" ? "seedreamBaseURL" : "dashscopeEndpoint", baseURL);
+					await props.scope.set("saveToWorkspace", saveToWorkspace);
+					await props.scope.set("workspaceFolder", workspaceFolder.trim());
 					if (key.trim().length > 0) {
 						const response = await props.credentials.set({
 							ref: KEY_REF[provider],
@@ -1190,6 +1353,46 @@ window.__ModuleLoader__.load({
 								required: true
 							})]
 						}),
+						(0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-ig-field",
+							children: [(0, react_jsx_runtime.jsxs)("label", {
+								className: "dsh-ig-check-row",
+								children: [(0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: saveToWorkspace,
+									onChange: (event) => {
+										setSaveToWorkspace(event.target.checked);
+									}
+								}), (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ig-label",
+									children: t("saveToWorkspace")
+								})]
+							}), (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-ig-hint",
+								children: t("saveToWorkspaceHint")
+							})]
+						}),
+						saveToWorkspace ? (0, react_jsx_runtime.jsxs)("label", {
+							className: "dsh-ig-field",
+							children: [
+								(0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ig-label",
+									children: t("folder")
+								}),
+								(0, react_jsx_runtime.jsx)("input", {
+									className: "dsh-ig-input",
+									value: workspaceFolder,
+									onChange: (event) => {
+										setWorkspaceFolder(event.target.value);
+									},
+									placeholder: "dsh-image-gen"
+								}),
+								(0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ig-hint",
+									children: t("folderHint")
+								})
+							]
+						}) : null,
 						(0, react_jsx_runtime.jsxs)("div", {
 							className: "dsh-ig-actions",
 							children: [(0, react_jsx_runtime.jsx)("p", {
@@ -1210,6 +1413,7 @@ window.__ModuleLoader__.load({
 		/** Render the durable attachment referenced by a completed image tool call. */
 		function GeneratedImageCard(props) {
 			const attachment = imageRef(props.block);
+			const savedTo = imageSavedTo(props.block);
 			const [url, setUrl] = (0, react.useState)();
 			const [blob, setBlob] = (0, react.useState)();
 			const [error, setError] = (0, react.useState)();
@@ -1313,6 +1517,14 @@ window.__ModuleLoader__.load({
 						className: "dsh-ig-result-title",
 						children: t("generatedTitle")
 					}),
+					savedTo !== void 0 ? (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ig-savedto",
+						children: [
+							t("savedToPath"),
+							": ",
+							savedTo
+						]
+					}) : null,
 					error !== void 0 ? (0, react_jsx_runtime.jsx)("div", {
 						className: "dsh-ig-error",
 						children: error
@@ -1451,6 +1663,12 @@ window.__ModuleLoader__.load({
 			const image = block.resultView.content?.find((item) => item.type === "image");
 			return image?.type === "image" ? image.attachment : void 0;
 		}
+		/** The workspace file path a completed image call saved, when the result meta carries one. */
+		function imageSavedTo(block) {
+			if (!("kind" in block)) return void 0;
+			const meta = block.meta ?? block.resultView?.meta;
+			return typeof meta?.savedTo === "string" ? meta.savedTo : void 0;
+		}
 		//#endregion
 		exports.GeneratedImageCard = GeneratedImageCard;
 		exports.ImageGenerationSettingsCard = ImageGenerationSettingsCard;