dsh-vscode-workbench 0.1.11 → 0.1.12

package/lib/client.js

@@ -7471,6 +7471,54 @@ window.__ModuleLoader__.load({
 			return "file";
 		}
 		//#endregion
+		//#region src/client/websocket.ts
+		const WEB_PAGE_PROTOCOLS = /* @__PURE__ */ new Set([
+			"http:",
+			"https:",
+			"blob:",
+			"data:",
+			"about:",
+			"filesystem:"
+		]);
+		/** Parse a shell-published base only when it is a credential-free HTTP(S) origin. */
+		function networkBase(value) {
+			if (typeof value !== "string" || value === "") return void 0;
+			let url;
+			try {
+				url = new URL(value);
+			} catch {
+				return;
+			}
+			if (url.protocol !== "http:" && url.protocol !== "https:") return void 0;
+			if (url.username !== "" || url.password !== "" || url.host === "") return void 0;
+			return {
+				protocol: url.protocol,
+				host: url.host
+			};
+		}
+		/** Read the Host origin published by the DSH Desktop shell before application boot. */
+		function transportStreamBaseUrl(globals = globalThis) {
+			const transport = globals.__DSH_TRANSPORT__;
+			return typeof transport?.streamBaseUrl === "string" ? transport.streamBaseUrl : void 0;
+		}
+		/**
+		* Resolve an absolute workbench route to a WebSocket URL.
+		*
+		* Network pages keep their own origin. Application-delivered pages such as
+		* `dsh-app://app/` have no WebSocket transport of their own, so they must use
+		* the local Host origin published by the desktop shell.
+		*/
+		function websocketUrl(path, location = globalThis.location, streamBaseUrl = transportStreamBaseUrl()) {
+			const route = path.startsWith("/") ? path : `/${path}`;
+			if (WEB_PAGE_PROTOCOLS.has(location.protocol)) {
+				if (location.host === "") return void 0;
+				return `${location.protocol === "https:" ? "wss" : "ws"}://${location.host}${route}`;
+			}
+			const base = networkBase(streamBaseUrl);
+			if (base === void 0) return void 0;
+			return `${base.protocol === "https:" ? "wss" : "ws"}://${base.host}${route}`;
+		}
+		//#endregion
 		//#region src/client/terminal.ts
 		async function request(method, body) {
 			const response = await fetch(`/dsh-vscode-terminal/api/${method}`, {
@@ -7491,14 +7539,23 @@ window.__ModuleLoader__.load({
 		var SocketConnection = class {
 			socket;
 			listeners = /* @__PURE__ */ new Set();
+			errorListeners = /* @__PURE__ */ new Set();
+			closed = false;
 			queue = [];
 			constructor(sessionId, id) {
-				const protocol = location.protocol === "https:" ? "wss" : "ws";
-				this.socket = new WebSocket(`${protocol}://${location.host}/dsh-vscode-terminal/ws?sessionId=${encodeURIComponent(sessionId)}&id=${encodeURIComponent(id)}`);
+				const url = websocketUrl(`/dsh-vscode-terminal/ws?sessionId=${encodeURIComponent(sessionId)}&id=${encodeURIComponent(id)}`);
+				if (url === void 0) throw new Error("无法连接终端：桌面端没有发布本地 Host 地址");
+				this.socket = new WebSocket(url);
 				this.socket.onopen = () => {
 					for (const value of this.queue) this.socket.send(value);
 					this.queue = [];
 				};
+				this.socket.onerror = () => {
+					for (const listener of this.errorListeners) listener("终端 WebSocket 连接失败");
+				};
+				this.socket.onclose = () => {
+					if (!this.closed) for (const listener of this.errorListeners) listener("终端 WebSocket 连接已断开");
+				};
 				this.socket.onmessage = (event) => {
 					try {
 						const value = JSON.parse(String(event.data));
@@ -7530,12 +7587,17 @@ window.__ModuleLoader__.load({
 				});
 			}
 			close() {
+				this.closed = true;
 				this.socket.close();
 			}
 			subscribe(listener) {
 				this.listeners.add(listener);
 				return () => this.listeners.delete(listener);
 			}
+			subscribeError(listener) {
+				this.errorListeners.add(listener);
+				return () => this.errorListeners.delete(listener);
+			}
 		};
 		/** Identify automatic terminal-emulator replies that must not be echoed during replay. */
 		function isTerminalProtocolReply(data) {
@@ -7572,12 +7634,21 @@ window.__ModuleLoader__.load({
 				}
 			}
 			async create(title) {
-				const terminal = await request("create", {
-					sessionId: this.sessionId,
-					...title === void 0 ? {} : { title }
-				});
-				await this.refresh();
-				return terminal;
+				try {
+					const terminal = await request("create", {
+						sessionId: this.sessionId,
+						...title === void 0 ? {} : { title }
+					});
+					await this.refresh();
+					return terminal;
+				} catch (error) {
+					this.set({
+						...this.snapshot,
+						loading: false,
+						error: error instanceof Error ? error.message : String(error)
+					});
+					throw error;
+				}
 			}
 			async close(id) {
 				await request("close", {
@@ -7643,7 +7714,14 @@ window.__ModuleLoader__.load({
 				const fit = new import_addon_fit.FitAddon();
 				terminal.loadAddon(fit);
 				terminal.open(root.current);
-				const connection = workspace.connect(id);
+				let connection;
+				try {
+					connection = workspace.connect(id);
+				} catch (exception) {
+					setError(exception instanceof Error ? exception.message : String(exception));
+					terminal.dispose();
+					return;
+				}
 				const output = connection.subscribe((value) => {
 					if (value.replay) {
 						replaying.current = true;
@@ -7655,6 +7733,7 @@ window.__ModuleLoader__.load({
 						}, 250);
 					});
 				});
+				const connectionError = connection.subscribeError(setError);
 				const input = terminal.onData((data) => {
 					if (!replaying.current || !isTerminalProtocolReply(data)) connection.write(data);
 				});
@@ -7675,6 +7754,7 @@ window.__ModuleLoader__.load({
 					terminalRef.current = void 0;
 					clearTimeout(replayGuard.current);
 					observer.disconnect();
+					connectionError();
 					input.dispose();
 					resize.dispose();
 					output();
@@ -7712,8 +7792,8 @@ window.__ModuleLoader__.load({
 				workspace.refresh().then(() => {
 					if (!cancelled && workspace.getSnapshot().terminals.length === 0) workspace.create().then((value) => {
 						if (!cancelled) setActive(value.id);
-					});
-				});
+					}).catch(() => void 0);
+				}).catch(() => void 0);
 				return () => {
 					cancelled = true;
 				};
@@ -7723,7 +7803,7 @@ window.__ModuleLoader__.load({
 			}, [snapshot.terminals, active]);
 			(0, react.useEffect)(() => {
 				const create = () => {
-					workspace.create().then((value) => setActive(value.id));
+					workspace.create().then((value) => setActive(value.id)).catch(() => void 0);
 				};
 				window.addEventListener("dvw-terminal-new", create);
 				return () => window.removeEventListener("dvw-terminal-new", create);
@@ -7756,7 +7836,7 @@ window.__ModuleLoader__.load({
 				workspace.create().then((value) => {
 					setSplit((current) => [...current?.includes(first) ? current : [first], value.id]);
 					setActive(value.id);
-				});
+				}).catch(() => void 0);
 			};
 			const shown = (split ?? (active === void 0 ? [] : [active])).filter((id) => snapshot.terminals.some((value) => value.id === id));
 			const selectTerminal = (id) => {
@@ -12086,6 +12166,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					attached?.style.setProperty("--dvw-status-height", `${statusHeight}px`);
 				};
 				attach();
+				document.body.setAttribute("data-dvw-conversation-active", "");
 				const observer = new MutationObserver(attach);
 				observer.observe(document.body, {
 					childList: true,
@@ -12093,6 +12174,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				});
 				return () => {
 					observer.disconnect();
+					document.body.removeAttribute("data-dvw-conversation-active");
 					attached?.removeAttribute("data-dvw-conversation-panel");
 					attached?.style.removeProperty("--dvw-chat-width");
 					attached?.style.removeProperty("--dvw-status-height");
@@ -46216,6 +46298,11 @@ section.${c}>footer { z-index: 1; }
 		function resizedPanelWidth(startWidth, startX, nextX, direction, min, max) {
 			return Math.max(min, Math.min(max, Math.round(startWidth + (nextX - startX) * direction)));
 		}
+		/** Retry a workspace lookup that raced the Host publishing its session after startup. */
+		function workspaceRetryDelay(error, attempt) {
+			if (!(error instanceof ApiError) || error.code !== "session-not-found" || attempt >= 10) return void 0;
+			return Math.min(250 * (attempt + 1), 1e3);
+		}
 		function PanelResizer({ className, label, width, min, max, defaultWidth, direction, onWidth }) {
 			const [dragging, setDragging] = (0, react.useState)(false);
 			const stopDragging = (0, react.useRef)(() => {});
@@ -46281,6 +46368,7 @@ section.${c}>footer { z-index: 1; }
 		}
 		function unloadedTab(path) {
 			return {
+				instance: Symbol(path),
 				path,
 				content: "",
 				draft: "",
@@ -46293,6 +46381,12 @@ section.${c}>footer { z-index: 1; }
 				preview: /\.md$/i.test(path)
 			};
 		}
+		function WorkbenchTitlebar({ name }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dvw-titlebar",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "DSH Workbench" }), name !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: name })]
+			});
+		}
 		/** Restore tab headers without reading their file contents. */
 		function restoreTabPaths(paths) {
 			return [...new Set(paths)].map(unloadedTab);
@@ -46345,13 +46439,16 @@ section.${c}>footer { z-index: 1; }
 				api("fs.list", {
 					sessionId,
 					path
-				}).then(setRows).catch((error) => setError(String(error)));
+				}).then((value) => {
+					setRows(value);
+					setError(void 0);
+				}).catch((error) => setError(String(error)));
 			}, [sessionId, path]);
 			(0, react.useEffect)(load, [load]);
 			(0, react.useEffect)(() => {
 				const handler = (event) => {
 					const paths = event.detail;
-					if (paths === void 0 || directoryAffected(path, paths)) load();
+					if (!Array.isArray(paths) || directoryAffected(path, paths)) load();
 				};
 				window.addEventListener("dvw-files-changed", handler);
 				return () => window.removeEventListener("dvw-files-changed", handler);
@@ -47515,7 +47612,7 @@ section.${c}>footer { z-index: 1; }
 			const tabsRef = (0, react.useRef)(tabs);
 			tabsRef.current = tabs;
 			const workspaceRequests = (0, react.useRef)(new WorkspaceRequestScope());
-			const loadingTabs = (0, react.useRef)(/* @__PURE__ */ new Set());
+			const loadingTabs = (0, react.useRef)(/* @__PURE__ */ new Map());
 			const dshDark = useDshDarkTheme();
 			const [theme, setTheme] = (0, react.useState)(() => {
 				const saved = localStorage.getItem("dvw:theme");
@@ -47528,6 +47625,11 @@ section.${c}>footer { z-index: 1; }
 			(0, react.useEffect)(() => localStorage.setItem("dvw:dsh-chat-width", String(Math.round(chatWidth))), [chatWidth]);
 			(0, react.useEffect)(() => localStorage.setItem("dvw:primary-side-visible", primarySideVisible ? "open" : "closed"), [primarySideVisible]);
 			(0, react.useEffect)(() => localStorage.setItem("dvw:status-visible", statusVisible ? "open" : "closed"), [statusVisible]);
+			(0, react.useEffect)(() => {
+				if (!snapshot.visible) return;
+				document.body.setAttribute("data-dvw-workbench-active", "");
+				return () => document.body.removeAttribute("data-dvw-workbench-active");
+			}, [snapshot.visible]);
 			(0, react.useEffect)(() => {
 				if (!snapshot.visible) return;
 				const onKey = (event) => {
@@ -47552,7 +47654,7 @@ section.${c}>footer { z-index: 1; }
 				setActive(path);
 			};
 			(0, react.useEffect)(() => {
-				if (!snapshot.visible || sessionId === void 0) return;
+				if (sessionId === void 0) return;
 				const epoch = workspaceRequests.current.begin();
 				const cleared = resetWorkspaceDocuments();
 				loadingTabs.current.clear();
@@ -47562,113 +47664,177 @@ section.${c}>footer { z-index: 1; }
 				setActive(cleared.active);
 				setError(cleared.error);
 				const controller = new AbortController();
-				api("workspace", { sessionId }, controller.signal).then((value) => {
-					if (!workspaceRequests.current.isCurrent(epoch)) return;
-					setWorkspace(value);
-					const saved = localStorage.getItem(`dvw:${value.cwd}`);
-					if (saved) try {
-						const parsed = JSON.parse(saved);
-						if (parsed.view) service.show(parsed.view);
-						if (typeof parsed.panelHeight === "number") setPanelHeight(parsed.panelHeight);
-						if (typeof parsed.sideWidth === "number") setSideWidth(Math.max(210, Math.min(640, Math.round(parsed.sideWidth))));
-						const restored = restoreTabPaths(parsed.paths ?? []);
+				const load = async () => {
+					for (let attempt = 0;; attempt++) try {
+						const value = await api("workspace", { sessionId }, controller.signal);
+						if (!workspaceRequests.current.isCurrent(epoch)) return;
+						setWorkspace(value);
+						let restored = [];
+						let selected;
+						try {
+							const parsed = JSON.parse(localStorage.getItem(`dvw:${value.cwd}`) ?? "{}");
+							if (parsed.view && service.getSnapshot().visible) service.show(parsed.view);
+							if (typeof parsed.panelHeight === "number") setPanelHeight(parsed.panelHeight);
+							if (typeof parsed.sideWidth === "number") setSideWidth(Math.max(210, Math.min(640, Math.round(parsed.sideWidth))));
+							restored = restoreTabPaths(parsed.paths ?? []);
+							selected = parsed.active;
+							const drafts = JSON.parse(localStorage.getItem(`dvw:drafts:${sessionId}:${value.cwd}`) ?? "[]");
+							if (Array.isArray(drafts)) for (const draft of drafts) {
+								if (!draft || typeof draft.path !== "string" || typeof draft.content !== "string" || typeof draft.draft !== "string" || typeof draft.revision !== "string" || draft.path.startsWith("diff:")) continue;
+								const tab = {
+									...unloadedTab(draft.path),
+									content: draft.content,
+									draft: draft.draft,
+									revision: draft.revision,
+									dirty: draft.draft !== draft.content,
+									loaded: true
+								};
+								restored = [...restored.filter((row) => row.path !== tab.path), tab];
+							}
+						} catch {}
 						setTabs(restored);
-						setActive(restored.some((tab) => tab.path === parsed.active) ? parsed.active : restored.at(-1)?.path);
-					} catch {}
-				}).catch((error) => {
-					if (!controller.signal.aborted && workspaceRequests.current.isCurrent(epoch)) setError(String(error));
-				});
+						setActive(restored.some((tab) => tab.path === selected) ? selected : restored.at(-1)?.path);
+						return;
+					} catch (error) {
+						if (controller.signal.aborted || !workspaceRequests.current.isCurrent(epoch)) return;
+						const delay = workspaceRetryDelay(error, attempt);
+						if (delay === void 0) {
+							setError(String(error));
+							return;
+						}
+						await new Promise((resolve) => setTimeout(resolve, delay));
+						if (controller.signal.aborted || !workspaceRequests.current.isCurrent(epoch)) return;
+					}
+				};
+				load();
 				return () => {
 					controller.abort();
 					loadingTabs.current.clear();
 					workspaceRequests.current.invalidate(epoch);
 				};
-			}, [snapshot.visible, sessionId]);
+			}, [sessionId, cwd]);
 			(0, react.useEffect)(() => {
-				if (workspace) localStorage.setItem(`dvw:${workspace.cwd}`, JSON.stringify({
-					view: snapshot.view,
-					paths: tabs.filter((t) => !t.path.startsWith("diff:")).map((t) => t.path),
-					active,
-					panelHeight,
-					sideWidth
-				}));
+				if (!workspace || sessionId === void 0) return;
+				try {
+					localStorage.setItem(`dvw:${workspace.cwd}`, JSON.stringify({
+						view: snapshot.view,
+						paths: tabs.filter((t) => !t.path.startsWith("diff:")).map((t) => t.path),
+						active,
+						panelHeight,
+						sideWidth
+					}));
+					localStorage.setItem(`dvw:drafts:${sessionId}:${workspace.cwd}`, JSON.stringify(tabs.filter((tab) => tab.dirty).map(({ path, content, draft, revision }) => ({
+						path,
+						content,
+						draft,
+						revision
+					}))));
+				} catch {
+					setError("无法保存工作区草稿，请在离开页面前保存文件。");
+				}
 			}, [
 				workspace,
+				sessionId,
 				snapshot.view,
 				tabs,
 				active,
 				panelHeight,
 				sideWidth
 			]);
-			(0, react.useEffect)(() => {
-				if (!snapshot.visible || sessionId === void 0) return;
-				const protocol = location.protocol === "https:" ? "wss" : "ws";
-				const ws = new WebSocket(`${protocol}://${location.host}/dsh-vscode/ws/files?sessionId=${encodeURIComponent(sessionId)}`);
-				ws.onmessage = (event) => {
-					let paths = [];
-					try {
-						paths = JSON.parse(String(event.data)).paths ?? [];
-					} catch {}
-					window.dispatchEvent(new CustomEvent("dvw-files-changed", { detail: paths }));
-					setTabs((current) => current.map((tab) => tab.dirty ? {
-						...tab,
-						external: true
-					} : tab));
-				};
-				return () => ws.close();
-			}, [snapshot.visible, sessionId]);
-			(0, react.useEffect)(() => {
-				if (sessionId === void 0 || active === void 0) return;
-				const tab = tabsRef.current.find((row) => row.path === active);
-				if (tab === void 0 || tab.loaded !== false || loadingTabs.current.has(active)) return;
+			const loadTab = (0, react.useCallback)((path) => {
+				if (sessionId === void 0) return;
 				const epoch = workspaceRequests.current.current();
-				loadingTabs.current.add(active);
-				const documentPreview = documentPreviewKind(active);
-				if (documentPreview !== void 0) {
-					const documentUrl = `/dsh-vscode/file?sessionId=${encodeURIComponent(sessionId)}&path=${encodeURIComponent(active)}`;
-					setTabs((rows) => rows.map((row) => row.path === active ? {
+				const token = Symbol(path);
+				loadingTabs.current.set(path, token);
+				const current = () => workspaceRequests.current.isCurrent(epoch) && loadingTabs.current.get(path) === token;
+				const documentPreview = documentPreviewKind(path);
+				const image = /\.(?:avif|bmp|gif|ico|jpe?g|png|svg|webp)$/i.test(path);
+				if (documentPreview !== void 0 || image) {
+					const url = `/dsh-vscode/file?sessionId=${encodeURIComponent(sessionId)}&path=${encodeURIComponent(path)}&v=${Date.now()}`;
+					setTabs((rows) => rows.map((row) => row.path === path ? {
 						...row,
 						loaded: true,
-						documentPreview,
-						documentUrl
-					} : row));
-					loadingTabs.current.delete(active);
-					return;
-				}
-				if (/\.(?:avif|bmp|gif|ico|jpe?g|png|svg|webp)$/i.test(active)) {
-					const imageUrl = `/dsh-vscode/file?sessionId=${encodeURIComponent(sessionId)}&path=${encodeURIComponent(active)}`;
-					setTabs((rows) => rows.map((row) => row.path === active ? {
-						...row,
-						loaded: true,
-						imageUrl
+						...image ? { imageUrl: url } : {
+							documentPreview,
+							documentUrl: url
+						}
 					} : row));
-					loadingTabs.current.delete(active);
+					loadingTabs.current.delete(path);
 					return;
 				}
 				api("fs.read", {
 					sessionId,
-					path: active
+					path
 				}).then((doc) => {
-					if (!workspaceRequests.current.isCurrent(epoch)) return;
+					if (!current()) return;
 					if (doc.binary || doc.tooLarge) {
-						setTabs((rows) => rows.filter((row) => row.path !== active));
-						setActive((current) => current === active ? void 0 : current);
-						setError(doc.binary ? "二进制文件不能在文本编辑器中打开" : `文件超过 5 MiB：${active}`);
+						setTabs((rows) => rows.map((row) => row.path === path ? {
+							...row,
+							loaded: true,
+							...row.dirty ? {} : {
+								binary: doc.binary,
+								tooLarge: doc.tooLarge
+							},
+							external: true
+						} : row));
 						return;
 					}
-					setTabs((rows) => rows.map((row) => row.path === active ? {
+					setTabs((rows) => rows.map((row) => row.path !== path ? row : row.dirty ? {
+						...row,
+						external: row.revision !== doc.revision
+					} : {
 						...row,
 						...doc,
 						draft: doc.content,
-						loaded: true
-					} : row));
+						loaded: true,
+						external: false
+					}));
 				}).catch((error) => {
-					if (workspaceRequests.current.isCurrent(epoch)) setError(String(error));
-				}).finally(() => loadingTabs.current.delete(active));
+					if (current()) setError(String(error));
+				}).finally(() => {
+					if (current()) loadingTabs.current.delete(path);
+				});
+			}, [sessionId]);
+			(0, react.useEffect)(() => {
+				if (!snapshot.visible || sessionId === void 0 || workspace === void 0) return;
+				const url = websocketUrl(`/dsh-vscode/ws/files?sessionId=${encodeURIComponent(sessionId)}`);
+				if (url === void 0) return;
+				const ws = new WebSocket(url);
+				let closed = false;
+				const refresh = (paths) => {
+					if (closed) return;
+					window.dispatchEvent(new CustomEvent("dvw-files-changed", { detail: paths }));
+					for (const tab of tabsRef.current) {
+						if (tab.path.startsWith("diff:") || tab.loaded === false) continue;
+						if (paths === void 0 || paths.some((path) => tab.path === path || tab.path.startsWith(`${path}/`))) loadTab(tab.path);
+					}
+				};
+				ws.onopen = () => refresh();
+				ws.onmessage = (event) => {
+					try {
+						const value = JSON.parse(String(event.data));
+						if (Array.isArray(value.paths) && value.paths.every((path) => typeof path === "string")) refresh(value.paths);
+					} catch {}
+				};
+				return () => {
+					closed = true;
+					ws.close();
+				};
+			}, [
+				snapshot.visible,
+				sessionId,
+				workspace,
+				loadTab
+			]);
+			(0, react.useEffect)(() => {
+				if (sessionId === void 0 || active === void 0 || workspace === void 0) return;
+				if (tabsRef.current.find((row) => row.path === active)?.loaded === false && !loadingTabs.current.has(active)) loadTab(active);
 			}, [
 				active,
 				sessionId,
-				tabs
+				workspace,
+				tabs,
+				loadTab
 			]);
 			const open = (path, line, column) => {
 				if (sessionId !== void 0) openForWorkspace(path, line, column);
@@ -47678,8 +47844,12 @@ section.${c}>footer { z-index: 1; }
 				window.addEventListener("dvw-open-workspace-path", listener);
 				return () => window.removeEventListener("dvw-open-workspace-path", listener);
 			}, [sessionId, tabs]);
+			const savingTabs = (0, react.useRef)(/* @__PURE__ */ new Set());
 			const save = async (tab) => {
-				if (sessionId === void 0 || !tab.dirty) return;
+				if (sessionId === void 0 || !tab.dirty || savingTabs.current.has(tab.path)) return;
+				const epoch = workspaceRequests.current.current();
+				savingTabs.current.add(tab.path);
+				loadingTabs.current.delete(tab.path);
 				try {
 					const doc = await api("fs.save", {
 						sessionId,
@@ -47687,27 +47857,34 @@ section.${c}>footer { z-index: 1; }
 						content: tab.draft,
 						revision: tab.revision
 					});
-					setTabs((rows) => rows.map((row) => row.path === tab.path ? {
+					if (!workspaceRequests.current.isCurrent(epoch)) return;
+					loadingTabs.current.delete(tab.path);
+					setTabs((rows) => rows.map((row) => row.path === tab.path && row.instance === tab.instance ? {
 						...row,
 						...doc,
-						draft: doc.content,
-						dirty: false,
+						draft: row.draft,
+						dirty: row.draft !== doc.content,
 						external: false
 					} : row));
 				} catch (error) {
-					setError(String(error));
+					if (workspaceRequests.current.isCurrent(epoch)) setError(String(error));
+				} finally {
+					savingTabs.current.delete(tab.path);
 				}
 			};
 			const close = (tab) => {
 				if (tab.dirty && !confirm(`${tab.path} 有未保存更改，确定关闭？`)) return;
+				loadingTabs.current.delete(tab.path);
 				setTabs((rows) => rows.filter((row) => row.path !== tab.path));
 				if (active === tab.path) setActive(tabs.filter((row) => row.path !== tab.path).at(-1)?.path);
 			};
 			const closeAll = () => {
 				const dirty = tabs.filter((tab) => tab.dirty);
 				if (dirty.length > 0 && !confirm(`有 ${dirty.length} 个文件包含未保存更改，确定全部关闭？`)) return;
+				loadingTabs.current.clear();
 				setTabs([]);
 				setActive(void 0);
+				setError(void 0);
 			};
 			const activeTab = tabs.find((tab) => tab.path === active);
 			const Panel = panels.find((panel) => panel.id === snapshot.bottomPanel)?.component;
@@ -47737,10 +47914,10 @@ section.${c}>footer { z-index: 1; }
 				}
 			};
 			if (!snapshot.visible) return null;
-			if (sessionId === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			if (sessionId === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dvw-overlay",
 				"data-dvw-theme": theme === "dsh" ? void 0 : theme,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(WorkbenchTitlebar, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "dvw-empty",
 					style: { gridColumn: "1/4" },
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
@@ -47751,7 +47928,7 @@ section.${c}>footer { z-index: 1; }
 							children: "返回 DSH"
 						})
 					] })
-				})
+				})]
 			});
 			const markdown = activeTab !== void 0 && !activeTab.path.startsWith("diff:") && /\.md$/i.test(activeTab.path);
 			const diffMarkdown = activeTab?.diff !== void 0 && /\.md$/i.test(activeTab.diffSourcePath ?? "");
@@ -47773,6 +47950,7 @@ section.${c}>footer { z-index: 1; }
 				onDragOverCapture: suppressAttachmentDrop,
 				onDropCapture: suppressAttachmentDrop,
 				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(WorkbenchTitlebar, { name: workspace?.name }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DshConversationPanel, {
 						visible: chatVisible && !settingsOpen,
 						width: chatWidth,
@@ -47961,9 +48139,9 @@ section.${c}>footer { z-index: 1; }
 						className: "dvw-side",
 						"data-side-width": sideWidth,
 						children: [
-							snapshot.view === "explorer" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Explorer, {
+							snapshot.view === "explorer" && workspace !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Explorer, {
 								sessionId,
-								cwd: workspace?.cwd,
+								cwd: workspace.cwd,
 								selected: active,
 								onOpen: (path) => void open(path)
 							}),
@@ -48164,6 +48342,12 @@ section.${c}>footer { z-index: 1; }
 										source: activeTab.draft,
 										sessionId,
 										path: activeTab.path
+									}) : activeTab.binary || activeTab.tooLarge ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dvw-message",
+										children: activeTab.binary ? "二进制文件不能在文本编辑器中打开" : `文件超过 5 MiB：${activeTab.path}`
+									}) : activeTab.loaded === false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dvw-message",
+										children: "正在加载文件…"
 									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MonacoEditor, {
 										uri: `${workspace?.cwd ?? ""}/${activeTab.path}`,
 										value: activeTab.draft,
@@ -48257,11 +48441,13 @@ section.${c}>footer { z-index: 1; }
 		//#region src/client/styles.ts
 		const CSS$1 = String.raw`
 @font-face{font-family:codicon;font-display:block;src:url('/dsh-vscode/codicons/codicon.ttf') format('truetype')}
+:root{--dvw-titlebar-height:0px}html[data-platform=darwin]{--dvw-titlebar-height:var(--dsh-frame-top-clearance,48px)}
 .codicon{display:inline-block;font:normal normal normal 16px/1 codicon;text-align:center;text-decoration:none;text-rendering:auto;-webkit-font-smoothing:antialiased;user-select:none}
 .codicon-add:before{content:"\ea60"}.codicon-git-branch:before,.codicon-source-control:before{content:"\ea68"}.codicon-search:before{content:"\ea6d"}.codicon-edit:before{content:"\ea73"}.codicon-close:before{content:"\ea76"}.codicon-close-all:before{content:"\eac1"}.codicon-cloud-upload:before{content:"\eac3"}.codicon-file:before{content:"\ea7b"}.codicon-new-file:before{content:"\ea7f"}.codicon-new-folder:before{content:"\ea80"}.codicon-folder:before{content:"\ea83"}.codicon-trash:before{content:"\ea81"}.codicon-code:before{content:"\eac4"}.codicon-check:before{content:"\eab2"}.codicon-chevron-down:before{content:"\eab4"}.codicon-chevron-right:before{content:"\eab6"}.codicon-color-mode:before{content:"\eac6"}.codicon-diff:before,.codicon-diff-sidebyside:before{content:"\eae1"}.codicon-diff-single:before{content:"\ec22"}.codicon-discard:before{content:"\eae2"}.codicon-file-code:before{content:"\eae9"}.codicon-file-media:before{content:"\eaea"}.codicon-file-pdf:before{content:"\eaeb"}.codicon-file-zip:before{content:"\eaef"}.codicon-files:before{content:"\eaf0"}.codicon-folder-opened:before{content:"\eaf7"}.codicon-git-commit:before{content:"\eafc"}.codicon-graph:before{content:"\eb03"}.codicon-home:before{content:"\eb06"}.codicon-list-tree:before{content:"\eb86"}.codicon-preview:before{content:"\eb2f"}.codicon-refresh:before{content:"\eb37"}.codicon-remove:before{content:"\eb3b"}.codicon-check-all:before{content:"\ebb1"}
 .codicon-layout-sidebar-right:before{content:"\ebf4"}.codicon-layout-sidebar-right-off:before{content:"\ec00"}.codicon-settings:before{content:"\eb51"}.codicon-sparkle:before{content:"\ec10"}.codicon-split-horizontal:before{content:"\eb56"}.codicon-terminal:before{content:"\ea85"}
 .dvw-launch{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--dsw-alias-label-secondary,#aaa);cursor:pointer;font:inherit}.dvw-launch:hover{background:var(--dsw-alias-interactive-bg-hover,#292929);color:var(--dsw-alias-label-primary,#fff)}.dvw-launcher-mount{position:fixed;z-index:20;right:16px;bottom:16px}.dvw-launcher-mount .dvw-launch{width:auto;height:32px;padding:0 12px;justify-content:center;border:1px solid var(--dsw-alias-border-l3,#e5e7eb);border-radius:6px;background:var(--dsw-alias-bg-layer-1,#fff);box-shadow:0 1px 2px rgba(0,0,0,.06);color:var(--dsw-alias-label-primary,#333)}body[data-ds-dark-theme] .dvw-launcher-mount .dvw-launch{color:var(--dsw-alias-label-primary,#ddd)}@media(max-width:640px){.dvw-launcher-mount{right:8px;bottom:8px}.dvw-launcher-mount .dvw-launch{height:30px;padding:0 10px;font-size:12px}}
-.dvw-overlay{--dvw-side-width:210px;--dvw-base:var(--dsw-alias-bg-base,#181818);--dvw-surface-1:var(--dsw-alias-bg-layer-1,#1e1e1e);--dvw-surface-2:var(--dsw-alias-bg-layer-2,#252526);--dvw-surface-3:var(--dsw-alias-bg-layer-3,#2d2d30);--dvw-text:var(--dsw-alias-label-primary,#ccc);--dvw-text-2:var(--dsw-alias-label-secondary,#aaa);--dvw-text-3:var(--dsw-alias-label-tertiary,#858585);--dvw-border:var(--dsw-alias-border-l2,#333);--dvw-border-soft:var(--dsw-alias-border-l3,#292929);--dvw-hover:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.08));--dvw-active:var(--dsw-alias-interactive-bg-active,rgba(255,255,255,.14));--dvw-accent:var(--dsw-alias-state-business-primary,#3b82f6);--dvw-error:var(--dsw-alias-state-error-primary,#f48771);--dvw-success:var(--dsw-alias-state-success-primary,#73c991);--dvw-warn:var(--dsw-alias-state-warn-primary,#d7ba7d);position:absolute;inset:0;z-index:100;display:grid;grid-template-columns:48px var(--dvw-side-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto 24px;background:var(--dvw-base);color:var(--dvw-text);pointer-events:auto;font:13px/1.4 var(--dsw-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);overflow:hidden;color-scheme:light}
+.dvw-overlay{--dvw-side-width:210px;--dvw-base:var(--dsw-alias-bg-base,#181818);--dvw-surface-1:var(--dsw-alias-bg-layer-1,#1e1e1e);--dvw-surface-2:var(--dsw-alias-bg-layer-2,#252526);--dvw-surface-3:var(--dsw-alias-bg-layer-3,#2d2d30);--dvw-text:var(--dsw-alias-label-primary,#ccc);--dvw-text-2:var(--dsw-alias-label-secondary,#aaa);--dvw-text-3:var(--dsw-alias-label-tertiary,#858585);--dvw-border:var(--dsw-alias-border-l2,#333);--dvw-border-soft:var(--dsw-alias-border-l3,#292929);--dvw-hover:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.08));--dvw-active:var(--dsw-alias-interactive-bg-active,rgba(255,255,255,.14));--dvw-accent:var(--dsw-alias-state-business-primary,#3b82f6);--dvw-error:var(--dsw-alias-state-error-primary,#f48771);--dvw-success:var(--dsw-alias-state-success-primary,#73c991);--dvw-warn:var(--dsw-alias-state-warn-primary,#d7ba7d);position:absolute;inset:0;z-index:100;display:grid;grid-template-columns:48px var(--dvw-side-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto 24px;box-sizing:border-box;padding-top:var(--dvw-titlebar-height);background:var(--dvw-base);color:var(--dvw-text);pointer-events:auto;font:13px/1.4 var(--dsw-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);overflow:hidden;color-scheme:light}
+.dvw-titlebar{display:none}html[data-platform=darwin] .dvw-titlebar{position:absolute;top:0;right:0;left:0;z-index:6;display:flex;align-items:center;gap:8px;height:var(--dvw-titlebar-height);padding:0 12px 0 84px;border-bottom:1px solid var(--dvw-border-soft);background:var(--dvw-base);color:var(--dvw-text-3);font-size:12px;-webkit-app-region:drag;user-select:none}.dvw-titlebar strong{flex:none;font-weight:600;color:var(--dvw-text-2)}.dvw-titlebar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body[data-ds-dark-theme] .dvw-overlay,.dvw-overlay[data-dvw-theme=dark]{color-scheme:dark}
 .dvw-overlay[data-dvw-theme=dark]{--dvw-base:#151517;--dvw-surface-1:#232324;--dvw-surface-2:#2c2c2e;--dvw-surface-3:#353638;--dvw-text:#f9fafb;--dvw-text-2:#cfd3d6;--dvw-text-3:#adb2b8;--dvw-border:#ffffff1f;--dvw-border-soft:#ffffff29;--dvw-hover:#ffffff14;--dvw-active:#ffffff24;--dvw-accent:#679efe;--dvw-error:#f25a5a;--dvw-success:#22c55e;--dvw-warn:#f59e0b}
 .dvw-overlay[data-dvw-theme=light]{--dvw-base:#fff;--dvw-surface-1:#fff;--dvw-surface-2:#fff;--dvw-surface-3:#fff;--dvw-text:#0f1115;--dvw-text-2:#61666b;--dvw-text-3:#81858c;--dvw-border:#0000001a;--dvw-border-soft:#0000001f;--dvw-hover:#2631480f;--dvw-active:#2631481a;--dvw-accent:#4176e6;--dvw-error:#ec1313;--dvw-success:#22c55e;--dvw-warn:#f59e0b;color-scheme:light}
@@ -48285,11 +48471,11 @@ body[data-ds-dark-theme] .dvw-overlay,.dvw-overlay[data-dvw-theme=dark]{color-sc
 .dvw-chat-head{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 12px;border-bottom:1px solid var(--dvw-border);background:var(--dvw-base);font-weight:600}
 .dvw-chat-head>span{display:flex;align-items:center;gap:7px}.dvw-chat-body{height:calc(100% - 36px);background:var(--dvw-base)}
 .dvw-dsh-mark{display:block}
-.dvw-chat-resizer{position:fixed;top:36px;right:calc(var(--dvw-chat-width) - 2px);bottom:0;width:4px;z-index:4;cursor:ew-resize;touch-action:none}
+.dvw-chat-resizer{position:fixed;top:var(--dvw-titlebar-height);right:calc(var(--dvw-chat-width) - 2px);bottom:0;width:4px;z-index:4;cursor:ew-resize;touch-action:none}
 .dvw-chat-resizer:hover,.dvw-chat-resizer:focus-visible,.dvw-chat-resizer[data-dragging=true]{background:var(--dvw-accent)}
 .dvw-side-resizer,.dvw-chat-resizer{width:10px;cursor:ew-resize;touch-action:none;background:transparent}
 .dvw-side-resizer{position:relative;transform:translateX(5px);z-index:22}
-.dvw-chat-resizer{position:fixed;top:36px;right:calc(var(--dvw-chat-width) - 5px);z-index:22}
+.dvw-chat-resizer{position:fixed;top:var(--dvw-titlebar-height);right:calc(var(--dvw-chat-width) - 5px);z-index:22}
 .dvw-side-resizer::after,.dvw-chat-resizer::after{content:"";position:absolute;top:0;bottom:0;left:4px;width:2px;background:var(--dvw-border)}
 .dvw-chat-resizer::after{left:1px;width:6px}
 .dvw-side-resizer:hover,.dvw-side-resizer:focus-visible,.dvw-side-resizer[data-dragging=true],.dvw-chat-resizer:hover,.dvw-chat-resizer:focus-visible,.dvw-chat-resizer[data-dragging=true]{background:transparent}
@@ -48299,7 +48485,10 @@ body[data-ds-dark-theme] .dvw-overlay,.dvw-overlay[data-dvw-theme=dark]{color-sc
 .dvw-side-resizer:hover::after,.dvw-side-resizer:focus-visible::after,.dvw-side-resizer[data-dragging=true]::after,.dvw-chat-resizer:hover::after,.dvw-chat-resizer:focus-visible::after,.dvw-chat-resizer[data-dragging=true]::after{background:var(--dvw-accent)}
 .dvw-chat-toggle{position:absolute;z-index:5;top:6px;right:6px;border:1px solid var(--dvw-border);background:var(--dvw-base)}
 .dvw-overlay:not([data-dvw-chat=true]) .dvw-tabs{padding-right:36px}
-[data-dvw-conversation-panel]{position:fixed!important;top:36px!important;right:0!important;bottom:var(--dvw-status-height,24px)!important;left:auto!important;width:var(--dvw-chat-width)!important;height:auto!important;min-width:0!important;z-index:21!important;border-left:1px solid var(--dsw-alias-border-l2)!important;box-shadow:none!important}
+[data-dvw-conversation-panel]{position:fixed!important;top:var(--dvw-titlebar-height)!important;right:0!important;bottom:var(--dvw-status-height,24px)!important;left:auto!important;width:var(--dvw-chat-width)!important;height:auto!important;min-width:0!important;z-index:21!important;border-left:1px solid var(--dsw-alias-border-l2)!important;box-shadow:none!important}
+body[data-dvw-workbench-active] [data-sidebar-right-expand],body[data-dvw-conversation-active] [data-sidebar-right-expand]{display:none!important}
+body[data-dvw-workbench-active] [data-shell-leading]{display:none!important}
+body[data-dvw-workbench-active] [data-sidebar-toggle]{display:none!important}
 .dvw-confirm-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.38)}.dvw-confirm{width:min(380px,calc(100vw - 48px));border:1px solid var(--dvw-border);border-radius:7px;background:var(--dvw-surface-1);box-shadow:0 12px 36px rgba(0,0,0,.34);padding:18px}.dvw-confirm h2{margin:0 0 12px;font-size:15px}.dvw-confirm p{margin:0;color:var(--dvw-text)}.dvw-confirm-note{margin-top:8px!important;color:var(--dvw-text-3)!important;font-size:12px}.dvw-confirm footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.dvw-confirm footer button{height:28px;border:1px solid var(--dvw-border);border-radius:4px;background:var(--dvw-surface-2);color:var(--dvw-text);padding:0 12px;font:inherit;cursor:pointer}.dvw-confirm footer button:hover{background:var(--dvw-hover)}.dvw-confirm footer .dvw-danger-button{border-color:color-mix(in srgb,var(--dvw-error) 65%,var(--dvw-border));background:var(--dvw-error);color:#fff}.dvw-confirm footer .dvw-danger-button:hover{background:color-mix(in srgb,var(--dvw-error) 82%,#000)}
 .dvw-tree[data-dvw-native-drop-target=true]{outline:1px dashed var(--dvw-accent);outline-offset:-3px}.dvw-tree-row[data-dvw-native-drop-target=true]{background:var(--dvw-active)}
 .dvw-act:disabled{opacity:.4;cursor:not-allowed}