dsh-vscode-workbench 0.2.4 → 0.2.5

package/lib/client.js

@@ -44,9 +44,310 @@ window.__ModuleLoader__.load({
 			enumerable: true
 		}) : target, mod));
 		//#endregion
+		let _deepseek_ai_dsh_api_terminal_controller_client = require("@deepseek-ai/dsh-api-terminal-controller/client");
 		let react = require("react");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let react_dom = require("react-dom");
+		//#region src/client/terminal.ts
+		const STORAGE_PREFIX = "dvw:native-terminal-tab:v1:";
+		/** Own workbench membership without overwriting the official sidebar's terminal inventory. */
+		var TerminalWorkspaces = class {
+			models;
+			workspaces = /* @__PURE__ */ new Map();
+			saved = Object.create(null);
+			constructor(models) {
+				this.models = models;
+				try {
+					this.saved = this.readSaved();
+				} catch {}
+				this.retain();
+				window.addEventListener("storage", this.onStorage);
+			}
+			get(sessionId) {
+				let workspace = this.workspaces.get(sessionId);
+				if (workspace === void 0) {
+					workspace = new TerminalWorkspaceController(this, sessionId, this.saved[sessionId] ?? []);
+					this.workspaces.set(sessionId, workspace);
+				}
+				return workspace;
+			}
+			save(sessionId, ids) {
+				const previous = this.saved[sessionId] ?? [];
+				try {
+					for (const id of ids) if (!previous.includes(id)) localStorage.setItem(STORAGE_PREFIX + JSON.stringify([sessionId, id]), "open");
+					for (const id of previous) if (!ids.includes(id)) localStorage.removeItem(STORAGE_PREFIX + JSON.stringify([sessionId, id]));
+					this.sync(this.readSaved());
+				} catch {
+					this.saved[sessionId] = ids;
+					this.retain();
+				}
+			}
+			readSaved() {
+				const saved = Object.create(null);
+				for (let index = 0; index < localStorage.length; index++) {
+					const key = localStorage.key(index);
+					if (!key?.startsWith(STORAGE_PREFIX)) continue;
+					try {
+						const value = JSON.parse(key.slice(27));
+						if (!Array.isArray(value) || value.length !== 2) continue;
+						const [sessionId, id] = value;
+						if (typeof sessionId !== "string" || typeof id !== "string" || !id.startsWith("dvw-terminal:")) continue;
+						(saved[sessionId] ??= []).push(id);
+					} catch {}
+				}
+				return saved;
+			}
+			sync(saved) {
+				this.saved = saved;
+				for (const [sessionId, workspace] of this.workspaces) workspace.reconcile(saved[sessionId] ?? []);
+				this.retain();
+			}
+			onStorage = (event) => {
+				if (event.storageArea !== localStorage || event.key !== null && !event.key.startsWith(STORAGE_PREFIX)) return;
+				this.sync(this.readSaved());
+			};
+			retain() {
+				this.models.retainTabs(Object.entries(this.saved).flatMap(([sessionId, ids]) => ids.map((id) => ({
+					sessionId,
+					tabId: id,
+					contentId: id
+				}))));
+			}
+			dispose() {
+				window.removeEventListener("storage", this.onStorage);
+				for (const workspace of this.workspaces.values()) workspace.dispose();
+				this.models.retainTabs([]);
+			}
+		};
+		/** Layout only; the official model owns processes, stream ordering, recovery and input control. */
+		var TerminalWorkspaceController = class {
+			owner;
+			sessionId;
+			closeFailures;
+			snapshot;
+			listeners = /* @__PURE__ */ new Set();
+			views = /* @__PURE__ */ new Map();
+			constructor(owner, sessionId, ids) {
+				this.owner = owner;
+				this.sessionId = sessionId;
+				this.closeFailures = owner.models.closeFailures;
+				this.snapshot = {
+					terminals: ids.map((id) => ({
+						id,
+						title: "终端"
+					})),
+					loading: false
+				};
+			}
+			view(id) {
+				const existing = this.views.get(id);
+				if (existing !== void 0) return existing.model;
+				const model = this.owner.models.view(this.sessionId, id, id);
+				const unsubscribe = model.state.subscribe(() => this.updateTitles());
+				this.views.set(id, {
+					model,
+					unsubscribe
+				});
+				this.updateTitles();
+				return model;
+			}
+			async refresh() {
+				this.set({
+					...this.snapshot,
+					loading: true,
+					error: void 0
+				});
+				try {
+					await Promise.all(this.snapshot.terminals.map((entry) => this.view(entry.id).refresh()));
+					this.set({
+						...this.snapshot,
+						loading: false
+					});
+					return true;
+				} catch (error) {
+					this.fail(error);
+					return false;
+				}
+			}
+			async create() {
+				const entry = {
+					id: `dvw-terminal:${crypto.randomUUID()}`,
+					title: "终端"
+				};
+				this.set({
+					terminals: [...this.snapshot.terminals, entry],
+					loading: false
+				});
+				this.save();
+				await this.view(entry.id).refresh();
+				return this.snapshot.terminals.find((row) => row.id === entry.id) ?? entry;
+			}
+			close(id) {
+				this.owner.models.close(this.sessionId, id, id);
+				this.views.get(id)?.unsubscribe();
+				this.views.delete(id);
+				this.set({
+					...this.snapshot,
+					terminals: this.snapshot.terminals.filter((entry) => entry.id !== id)
+				});
+				this.save();
+			}
+			async rename(id, title) {
+				try {
+					await this.view(id).rename(title);
+				} catch (error) {
+					this.fail(error);
+				}
+			}
+			retryClose(id) {
+				this.owner.models.retryClose(id);
+			}
+			reconcile(ids) {
+				const entries = new Map(this.snapshot.terminals.map((entry) => [entry.id, entry]));
+				for (const [id, view] of this.views) if (!ids.includes(id)) {
+					view.unsubscribe();
+					this.views.delete(id);
+				}
+				this.set({
+					...this.snapshot,
+					terminals: ids.map((id) => entries.get(id) ?? {
+						id,
+						title: "终端"
+					})
+				});
+			}
+			getSnapshot = () => this.snapshot;
+			subscribe = (listener) => {
+				this.listeners.add(listener);
+				return () => this.listeners.delete(listener);
+			};
+			dispose() {
+				for (const view of this.views.values()) view.unsubscribe();
+				this.views.clear();
+			}
+			save() {
+				this.owner.save(this.sessionId, this.snapshot.terminals.map((entry) => entry.id));
+			}
+			updateTitles() {
+				this.set({
+					...this.snapshot,
+					terminals: this.snapshot.terminals.map((entry) => ({
+						...entry,
+						title: this.views.get(entry.id)?.model.state.getSnapshot().title ?? entry.title
+					}))
+				});
+			}
+			fail(error) {
+				this.set({
+					...this.snapshot,
+					loading: false,
+					error: error instanceof Error ? error.message : String(error)
+				});
+			}
+			set(snapshot) {
+				this.snapshot = snapshot;
+				for (const listener of this.listeners) listener();
+			}
+		};
+		function terminalIssue(state) {
+			return state.issue === void 0 ? state.error ?? state.info?.error : {
+				missingTerminal: "此终端已不存在，请关闭后新建终端。",
+				inputFull: "终端输入缓冲已满，请重新连接。",
+				attachmentEnded: "终端连接已结束，请重新连接。",
+				invalidOutput: "终端输出无法解析，请重新连接。",
+				terminalLimit: "终端数量已达上限，请关闭不用的终端。"
+			}[state.issue];
+		}
+		//#endregion
+		//#region src/client/browser.ts
+		/** Navigate official browser tabs; their controller, renderer and persistence stay with DSH. */
+		var NativeBrowser = class {
+			ctx;
+			snapshot = {
+				available: false,
+				tabs: []
+			};
+			listeners = /* @__PURE__ */ new Set();
+			lifetime = new AbortController();
+			disposers;
+			constructor(ctx) {
+				this.ctx = ctx;
+				this.disposers = [ctx.sidebarRight.openTabs.subscribe(() => this.update()), ctx.sidebarRightTabs.subscribe(() => this.update())];
+				this.update();
+			}
+			getSnapshot = () => this.snapshot;
+			subscribe = (listener) => {
+				this.listeners.add(listener);
+				return () => this.listeners.delete(listener);
+			};
+			async open(sessionId, request) {
+				const signal = request === void 0 ? this.lifetime.signal : AbortSignal.any([request, this.lifetime.signal]);
+				signal.throwIfAborted();
+				if (!this.snapshot.available) throw new Error("官方浏览器尚未启用，请重新加载 Harness。");
+				const ready = () => this.ctx.sidebarRight.mounted.getSnapshot() === sessionId && [...document.querySelectorAll("[data-sidebar-right-session]")].some((node) => node.getAttribute("data-sidebar-right-session") === sessionId);
+				if (!ready()) await new Promise((resolve, reject) => {
+					const clean = () => {
+						clearTimeout(timer);
+						unsubscribe();
+						observer.disconnect();
+						signal.removeEventListener("abort", abort);
+					};
+					const abort = () => {
+						clean();
+						reject(signal.reason);
+					};
+					const timer = setTimeout(() => {
+						clean();
+						reject(/* @__PURE__ */ new Error("工作区尚未就绪，请稍后重试。"));
+					}, 1e4);
+					const check = () => {
+						if (ready()) {
+							clean();
+							resolve();
+						}
+					};
+					const unsubscribe = this.ctx.sidebarRight.mounted.subscribe(check);
+					const observer = new MutationObserver(check);
+					observer.observe(document.body, {
+						childList: true,
+						subtree: true
+					});
+					signal.addEventListener("abort", abort, { once: true });
+				});
+				signal.throwIfAborted();
+				const before = new Set(this.ctx.sidebarRight.tabsIn(sessionId).map((tab) => tab.id));
+				this.ctx.sidebarRight.openTabIn(sessionId, "browser", { revealIfOpened: false });
+				const tab = this.ctx.sidebarRight.tabsIn(sessionId).find((tab) => tab.kind === "browser" && !before.has(tab.id));
+				if (tab === void 0) throw new Error("浏览器页面未能打开，请重试。");
+				this.update();
+				return tab.id;
+			}
+			focus(id) {
+				this.ctx.sidebarRight.focus(id);
+				if (!this.ctx.sidebarRight.isExpanded()) this.ctx.sidebarRight.toggleExpanded();
+			}
+			close(sessionId, id) {
+				this.ctx.sidebarRight.closeIn(sessionId, id);
+				this.update();
+			}
+			dispose() {
+				this.lifetime.abort();
+				for (const dispose of this.disposers) dispose();
+				this.listeners.clear();
+			}
+			update() {
+				this.snapshot = {
+					available: this.ctx.sidebarRightTabs.get("browser") !== void 0,
+					tabs: this.ctx.sidebarRight.openTabs.getSnapshot().filter((tab) => tab.kind === "browser").map((tab) => ({
+						id: tab.tabId,
+						sessionId: tab.sessionId,
+						title: this.ctx.sidebarRight.tabsIn(tab.sessionId).find((record) => record.id === tab.tabId)?.title ?? "浏览器"
+					}))
+				};
+				for (const listener of this.listeners) listener();
+			}
+		};
+		//#endregion
 		//#region src/client/service.ts
 		const SNAPSHOT_KEY = "dvw:workbench:snapshot:v1";
 		const DEFAULT_SNAPSHOT = {
@@ -7409,273 +7710,6 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region src/client/api.ts
-		var ApiError = class extends Error {
-			code;
-			constructor(code, message) {
-				super(message);
-				this.code = code;
-			}
-		};
-		/** Back off while DSH publishes the current session after startup; every view shares this retry. */
-		function sessionRetryDelay(error, attempt) {
-			if (!(error instanceof ApiError) || error.code !== "session-not-found" || attempt >= 10) return void 0;
-			return Math.min(250 * (attempt + 1), 1e3);
-		}
-		function wait(ms, signal) {
-			return new Promise((resolve, reject) => {
-				const abort = () => {
-					clearTimeout(timer);
-					reject(signal?.reason ?? /* @__PURE__ */ new Error("aborted"));
-				};
-				const timer = setTimeout(() => {
-					signal?.removeEventListener("abort", abort);
-					resolve();
-				}, ms);
-				if (signal?.aborted === true) {
-					abort();
-					return;
-				}
-				signal?.addEventListener("abort", abort, { once: true });
-			});
-		}
-		async function request$2(method, body, signal) {
-			const response = await fetch(`/dsh-vscode/api/${method}`, {
-				method: "POST",
-				headers: { "content-type": "application/json" },
-				body: JSON.stringify(body),
-				signal
-			});
-			const answer = await response.json();
-			if (!response.ok || !answer.ok) throw new ApiError(answer.error?.code ?? "request-failed", answer.error?.message ?? `request failed (${response.status})`);
-			return answer.value;
-		}
-		async function api(method, body, signal) {
-			return withSessionRetry(() => request$2(method, body, signal), signal);
-		}
-		/** Retry an operation while DSH is still publishing the selected session. */
-		async function withSessionRetry(operation, signal) {
-			for (let attempt = 0;; attempt++) try {
-				return await operation();
-			} catch (error) {
-				const delay = sessionRetryDelay(error, attempt);
-				if (delay === void 0) throw error;
-				await wait(delay, signal);
-			}
-		}
-		//#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$1(method, body) {
-			const response = await fetch(`/dsh-vscode-terminal/api/${method}`, {
-				method: "POST",
-				headers: { "content-type": "application/json" },
-				body: JSON.stringify(body)
-			});
-			const text = await response.text();
-			let answer;
-			try {
-				answer = JSON.parse(text);
-			} catch {
-				throw new Error(`terminal request returned invalid JSON (${response.status})`);
-			}
-			if (!response.ok || answer.ok !== true) throw new ApiError(answer.error?.code ?? "terminal-request-failed", answer.error?.message ?? "terminal request failed");
-			return answer.value;
-		}
-		var SocketConnection = class {
-			socket;
-			listeners = /* @__PURE__ */ new Set();
-			errorListeners = /* @__PURE__ */ new Set();
-			closed = false;
-			queue = [];
-			constructor(sessionId, 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));
-						if (typeof value.sequence !== "number" || typeof value.data !== "string") return;
-						for (const listener of this.listeners) listener({
-							sequence: value.sequence,
-							data: value.data,
-							replay: value.type === "replay"
-						});
-					} catch {}
-				};
-			}
-			send(value) {
-				const text = JSON.stringify(value);
-				if (this.socket.readyState === WebSocket.OPEN) this.socket.send(text);
-				else this.queue.push(text);
-			}
-			write(data) {
-				this.send({
-					type: "input",
-					data
-				});
-			}
-			resize(cols, rows) {
-				this.send({
-					type: "resize",
-					cols,
-					rows
-				});
-			}
-			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) {
-			return /^\x1b\](?:10|11|12);(?:rgb:[\da-f]{4}\/[\da-f]{4}\/[\da-f]{4}|#[\da-f]{6})(?:\x07|\x1b\\)$/i.test(data) || /^\x1b\[\??[\d;]*[cR]$/.test(data);
-		}
-		/** Maintain one terminal collection for a DSH session. */
-		var TerminalWorkspaceController = class {
-			sessionId;
-			snapshot = {
-				terminals: [],
-				loading: false
-			};
-			listeners = /* @__PURE__ */ new Set();
-			constructor(sessionId) {
-				this.sessionId = sessionId;
-			}
-			async refresh() {
-				this.set({
-					...this.snapshot,
-					loading: true,
-					error: void 0
-				});
-				try {
-					this.set({
-						terminals: await withSessionRetry(() => request$1("list", { sessionId: this.sessionId })),
-						loading: false
-					});
-					return true;
-				} catch (error) {
-					this.set({
-						...this.snapshot,
-						loading: false,
-						error: error instanceof Error ? error.message : String(error)
-					});
-					return false;
-				}
-			}
-			async create(title) {
-				try {
-					const terminal = await withSessionRetry(() => request$1("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 withSessionRetry(() => request$1("close", {
-					sessionId: this.sessionId,
-					id
-				}));
-				await this.refresh();
-			}
-			async rename(id, title) {
-				await withSessionRetry(() => request$1("rename", {
-					sessionId: this.sessionId,
-					id,
-					title
-				}));
-				await this.refresh();
-			}
-			connect(id) {
-				return new SocketConnection(this.sessionId, id);
-			}
-			getSnapshot() {
-				return this.snapshot;
-			}
-			subscribe(listener) {
-				this.listeners.add(listener);
-				return () => this.listeners.delete(listener);
-			}
-			set(snapshot) {
-				this.snapshot = snapshot;
-				for (const listener of this.listeners) listener();
-			}
-		};
-		//#endregion
 		//#region src/client/TerminalPanel.tsx
 		const LIGHT_ANSI = {
 			black: "#000000",
@@ -7710,102 +7744,109 @@ window.__ModuleLoader__.load({
 			};
 		}
 		function XtermView({ workspace, id, colorScheme }) {
+			const model = workspace.view(id);
+			const state = (0, react.useSyncExternalStore)(model.state.subscribe, model.state.getSnapshot);
 			const root = (0, react.useRef)(null);
-			const terminalRef = (0, react.useRef)();
-			const replaying = (0, react.useRef)(false);
-			const replayGuard = (0, react.useRef)();
-			const [error, setError] = (0, react.useState)();
-			(0, react.useEffect)(() => {
+			const screen = (0, react.useRef)();
+			const fit = (0, react.useRef)();
+			const revision = (0, react.useRef)(0);
+			const current = (0, react.useRef)(state);
+			current.current = state;
+			const measure = () => {
+				const node = root.current;
+				const dimensions = fit.current?.proposeDimensions();
+				if (!node?.clientWidth || !node.clientHeight || !current.current.writable || dimensions === void 0) return;
+				const cols = Math.min(dimensions.cols, current.current.environment?.maxCols ?? 500);
+				const rows = Math.min(dimensions.rows, current.current.environment?.maxRows ?? 200);
+				if (cols < 2 || rows < 1) return;
+				screen.current?.resize(cols, rows);
+				model.resize(cols, rows);
+			};
+			(0, react.useLayoutEffect)(() => {
 				if (root.current === null) return;
-				const background = root.current === null ? void 0 : getComputedStyle(root.current).backgroundColor;
 				const terminal = new import_xterm.Terminal({
-					convertEol: false,
 					cursorBlink: true,
 					fontFamily: "ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
 					fontSize: 13,
 					minimumContrastRatio: 4.5,
 					theme: {
 						...terminalTheme(colorScheme),
-						...background === void 0 ? {} : { background }
-					}
+						background: getComputedStyle(root.current).backgroundColor
+					},
+					scrollback: 1e3
 				});
-				terminalRef.current = terminal;
-				const fit = new import_addon_fit.FitAddon();
-				terminal.loadAddon(fit);
+				const addon = new import_addon_fit.FitAddon();
+				terminal.loadAddon(addon);
 				terminal.open(root.current);
-				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;
-						clearTimeout(replayGuard.current);
-					}
-					terminal.write(value.data, () => {
-						if (value.replay) replayGuard.current = setTimeout(() => {
-							replaying.current = false;
-						}, 250);
-					});
-				});
-				const connectionError = connection.subscribeError(setError);
-				const input = terminal.onData((data) => {
-					if (!replaying.current || !isTerminalProtocolReply(data)) connection.write(data);
-				});
-				const resize = terminal.onResize(({ cols, rows }) => connection.resize(cols, rows));
-				const observer = new ResizeObserver(() => {
-					try {
-						fit.fit();
-					} catch {}
-				});
+				terminal.textarea?.setAttribute("aria-label", "终端输入");
+				screen.current = terminal;
+				fit.current = addon;
+				revision.current = 0;
+				const input = terminal.onData((data) => model.write(data));
+				const observer = new ResizeObserver(measure);
 				observer.observe(root.current);
-				try {
-					fit.fit();
-					terminal.focus();
-				} catch (exception) {
-					setError(exception instanceof Error ? exception.message : String(exception));
-				}
 				return () => {
-					terminalRef.current = void 0;
-					clearTimeout(replayGuard.current);
 					observer.disconnect();
-					connectionError();
 					input.dispose();
-					resize.dispose();
-					output();
-					connection.close();
 					terminal.dispose();
+					screen.current = void 0;
+					fit.current = void 0;
 				};
-			}, [workspace, id]);
+			}, [model]);
+			(0, react.useEffect)(() => model.mount(), [model]);
+			(0, react.useLayoutEffect)(() => {
+				const terminal = screen.current;
+				const render = state.render;
+				if (terminal === void 0 || render === void 0 || render.revision <= revision.current) return;
+				revision.current = render.revision;
+				if (render.frame.type === "snapshot") {
+					terminal.reset();
+					terminal.resize(render.frame.info.cols, render.frame.info.rows);
+				}
+				terminal.write(render.frame.type === "snapshot" ? render.frame.screen : render.frame.data, () => model.acknowledge(render.revision));
+			}, [state.render, model]);
+			(0, react.useLayoutEffect)(() => {
+				if (screen.current === void 0) return;
+				screen.current.options.disableStdin = !state.writable;
+				if (state.writable) {
+					measure();
+					screen.current.focus();
+				} else if (state.info !== void 0) screen.current.resize(state.info.cols, state.info.rows);
+			}, [
+				state.writable,
+				state.info?.cols,
+				state.info?.rows,
+				model
+			]);
 			(0, react.useEffect)(() => {
-				if (terminalRef.current === void 0) return;
-				const background = root.current === null ? void 0 : getComputedStyle(root.current).backgroundColor;
-				terminalRef.current.options.theme = {
+				if (screen.current !== void 0) screen.current.options.theme = {
 					...terminalTheme(colorScheme),
-					...background === void 0 ? {} : { background }
+					...root.current === null ? {} : { background: getComputedStyle(root.current).backgroundColor }
 				};
 			}, [colorScheme]);
-			return error === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				ref: root,
-				className: "dvw-terminal-host"
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "dvw-terminal-error",
-				children: error
+			const error = terminalIssue(state);
+			const retry = state.phase === "failed" || state.phase === "disconnected";
+			const readOnly = state.phase === "connected" && state.info?.state === "running" && !state.writable;
+			const ended = state.info?.state === "exited";
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dvw-terminal-pane",
+				children: [(error || retry || readOnly || ended || state.info === void 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dvw-terminal-notice",
+					role: "status",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: error ?? (ended ? `进程已退出（${state.info?.exitCode ?? "—"}）` : readOnly ? "其他页面正在控制此终端" : retry ? "终端连接已断开" : "正在启动终端…") }), (retry || readOnly) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						onClick: () => state.info === void 0 ? void model.refresh() : model.connect(),
+						children: readOnly ? "接管输入" : "重新连接"
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					ref: root,
+					className: "dvw-terminal-host"
+				})]
 			});
 		}
-		/** Render interactive terminal tabs in the workbench bottom panel. */
-		function TerminalPanel({ sessionId, colorScheme }) {
-			const workspaceRef = (0, react.useRef)();
-			if (workspaceRef.current?.sessionId !== sessionId) workspaceRef.current = {
-				sessionId,
-				value: new TerminalWorkspaceController(sessionId)
-			};
-			const workspace = workspaceRef.current.value;
-			const snapshot = (0, react.useSyncExternalStore)(workspace.subscribe.bind(workspace), workspace.getSnapshot.bind(workspace));
+		/** Keep the incumbent terminal layout while using the official process and stream models. */
+		function TerminalPanel({ workspace, colorScheme }) {
+			const snapshot = (0, react.useSyncExternalStore)(workspace.subscribe, workspace.getSnapshot);
+			const closeFailures = (0, react.useSyncExternalStore)(workspace.closeFailures.subscribe, workspace.closeFailures.getSnapshot);
 			const [active, setActive] = (0, react.useState)();
 			const [context, setContext] = (0, react.useState)();
 			const [renaming, setRenaming] = (0, react.useState)();
@@ -7872,18 +7913,34 @@ window.__ModuleLoader__.load({
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "dvw-terminal-main",
-						children: [snapshot.error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dvw-terminal-error",
-							children: snapshot.error
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dvw-terminal-panes",
-							"data-split": shown.length > 1 || void 0,
-							children: shown.map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(XtermView, {
-								workspace,
-								id,
-								colorScheme
-							}, id))
-						})]
+						children: [
+							snapshot.error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dvw-terminal-error",
+								children: snapshot.error
+							}),
+							closeFailures.map((failure) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dvw-terminal-notice",
+								role: "alert",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+									"终端“",
+									failure.title,
+									"”未能关闭：",
+									failure.message
+								] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									onClick: () => workspace.retryClose(failure.id),
+									children: "重试关闭"
+								})]
+							}, failure.id)),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dvw-terminal-panes",
+								"data-split": shown.length > 1 || void 0,
+								children: shown.map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(XtermView, {
+									workspace,
+									id,
+									colorScheme
+								}, id))
+							})
+						]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "dvw-terminal-resizer",
@@ -7992,6 +8049,61 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/api.ts
+		var ApiError = class extends Error {
+			code;
+			constructor(code, message) {
+				super(message);
+				this.code = code;
+			}
+		};
+		/** Back off while DSH publishes the current session after startup; every view shares this retry. */
+		function sessionRetryDelay(error, attempt) {
+			if (!(error instanceof ApiError) || error.code !== "session-not-found" || attempt >= 10) return void 0;
+			return Math.min(250 * (attempt + 1), 1e3);
+		}
+		function wait(ms, signal) {
+			return new Promise((resolve, reject) => {
+				const abort = () => {
+					clearTimeout(timer);
+					reject(signal?.reason ?? /* @__PURE__ */ new Error("aborted"));
+				};
+				const timer = setTimeout(() => {
+					signal?.removeEventListener("abort", abort);
+					resolve();
+				}, ms);
+				if (signal?.aborted === true) {
+					abort();
+					return;
+				}
+				signal?.addEventListener("abort", abort, { once: true });
+			});
+		}
+		async function request$1(method, body, signal) {
+			const response = await fetch(`/dsh-vscode/api/${method}`, {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify(body),
+				signal
+			});
+			const answer = await response.json();
+			if (!response.ok || !answer.ok) throw new ApiError(answer.error?.code ?? "request-failed", answer.error?.message ?? `request failed (${response.status})`);
+			return answer.value;
+		}
+		async function api(method, body, signal) {
+			return withSessionRetry(() => request$1(method, body, signal), signal);
+		}
+		/** Retry an operation while DSH is still publishing the selected session. */
+		async function withSessionRetry(operation, signal) {
+			for (let attempt = 0;; attempt++) try {
+				return await operation();
+			} catch (error) {
+				const delay = sessionRetryDelay(error, attempt);
+				if (delay === void 0) throw error;
+				await wait(delay, signal);
+			}
+		}
+		//#endregion
 		//#region node_modules/.pnpm/vscode-icons-js@11.6.1/node_modules/vscode-icons-js/dist/generated/FileExtensions1ToIcon.js
 		var require_FileExtensions1ToIcon = /* @__PURE__ */ __commonJSMin(((exports) => {
 			Object.defineProperty(exports, "__esModule", { value: true });
@@ -14683,6 +14795,196 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			});
 		}
 		//#endregion
+		//#region src/client/dshPanels.ts
+		/** Locate the central panel DSH renders when a global panel (Plugins, market…) is open. */
+		function findDshGlobalPanel(documentRoot = document) {
+			return documentRoot.querySelector("[data-global-panel]");
+		}
+		const DSH_PANEL_TITLES = {
+			plugins: "插件",
+			"dsh-market": "插件市场",
+			automations: "自动化任务",
+			ssh: "SSH"
+		};
+		/** Tab-style label for an embedded DSH panel; unknown ids keep their own name. */
+		function dshPanelLabel(id) {
+			return DSH_PANEL_TITLES[id] ?? id;
+		}
+		//#endregion
+		//#region src/client/DshPanelPage.tsx
+		/**
+		* Pin a DSH global panel over the workbench editor while its tab is active.
+		* The official page keeps its own DOM and state; switching to a file only
+		* hides it, so returning to the tab does not rebuild the page.
+		*/
+		function DshPanelPage({ panelId, active }) {
+			const activeRef = (0, react.useRef)(active);
+			activeRef.current = active;
+			(0, react.useLayoutEffect)(() => {
+				let panel = null;
+				let frame = 0;
+				const clear = (node) => {
+					node.removeAttribute("data-dvw-dsh-page");
+					node.removeAttribute("data-dvw-dsh-hidden");
+					for (const property of [
+						"left",
+						"top",
+						"width",
+						"height"
+					]) node.style.removeProperty(property);
+				};
+				const place = () => {
+					const next = findDshGlobalPanel();
+					if (next !== panel) {
+						if (panel !== null) clear(panel);
+						panel = next;
+						panel?.setAttribute("data-dvw-dsh-page", "");
+					}
+					if (panel === null) return;
+					panel.toggleAttribute("data-dvw-dsh-hidden", !activeRef.current);
+					if (!activeRef.current) return;
+					const editor = document.querySelector(".dvw-editor");
+					if (editor === null) return;
+					const rect = editor.getBoundingClientRect();
+					if (rect.width <= 0 || rect.height <= 0) return;
+					panel.style.setProperty("left", `${Math.round(rect.left)}px`);
+					panel.style.setProperty("top", `${Math.round(rect.top)}px`);
+					panel.style.setProperty("width", `${Math.round(rect.width)}px`);
+					panel.style.setProperty("height", `${Math.round(rect.height)}px`);
+				};
+				const schedule = () => {
+					if (frame !== 0) return;
+					frame = requestAnimationFrame(() => {
+						frame = 0;
+						place();
+					});
+				};
+				place();
+				const resize = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(schedule);
+				const editor = document.querySelector(".dvw-editor");
+				if (editor !== null) resize?.observe(editor);
+				window.addEventListener("resize", schedule);
+				const observer = new MutationObserver((records) => {
+					if (records.every((record) => record.target instanceof Element && record.target.closest(".dvw-overlay") !== null)) return;
+					schedule();
+				});
+				observer.observe(document.body, {
+					childList: true,
+					subtree: true
+				});
+				return () => {
+					observer.disconnect();
+					resize?.disconnect();
+					cancelAnimationFrame(frame);
+					window.removeEventListener("resize", schedule);
+					if (panel !== null) clear(panel);
+				};
+			}, [panelId, active]);
+			return null;
+		}
+		//#endregion
+		//#region src/client/DshBrowserPage.tsx
+		/** Present the original browser DOM without moving React-owned nodes or rebuilding webviews. */
+		const PALETTE = {
+			"--dsw-alias-bg-base": "--dvw-surface-1",
+			"--dsw-alias-bg-layer-1": "--dvw-surface-2",
+			"--dsw-alias-bg-layer-2": "--dvw-surface-3",
+			"--dsw-alias-label-primary": "--dvw-text",
+			"--dsw-alias-label-secondary": "--dvw-text-2",
+			"--dsw-alias-label-tertiary": "--dvw-text-3",
+			"--dsw-alias-border-l2": "--dvw-border",
+			"--dsw-alias-border-l3": "--dvw-border-soft",
+			"--dsw-alias-interactive-bg-hover": "--dvw-hover",
+			"--dsw-alias-interactive-bg-active": "--dvw-active"
+		};
+		function DshBrowserPage({ sessionId, tabId, active, colorScheme }) {
+			(0, react.useLayoutEffect)(() => {
+				let page;
+				let restore;
+				let frame = 0;
+				const place = () => {
+					const next = [...document.querySelectorAll("div[data-sidebar-right-tab]")].find((node) => node.dataset.sidebarRightTab === tabId && node.closest("[data-sidebar-right-session]")?.getAttribute("data-sidebar-right-session") === sessionId);
+					if (next !== page) {
+						restore?.();
+						page = next;
+						if (page !== void 0) {
+							const node = page;
+							const popover = node.getAttribute("popover");
+							const styles = [
+								"left",
+								"top",
+								"width",
+								"height",
+								"color-scheme",
+								...Object.keys(PALETTE)
+							].map((property) => [
+								property,
+								node.style.getPropertyValue(property),
+								node.style.getPropertyPriority(property)
+							]);
+							node.setAttribute("popover", "manual");
+							node.setAttribute("data-dvw-browser-page", "");
+							restore = () => {
+								if (node.matches(":popover-open")) node.hidePopover();
+								if (popover === null) node.removeAttribute("popover");
+								else node.setAttribute("popover", popover);
+								node.removeAttribute("data-dvw-browser-page");
+								for (const [property, value, priority] of styles) node.style.setProperty(property, value, priority);
+							};
+						}
+					}
+					if (page === void 0) return;
+					const rect = document.querySelector(".dvw-editor")?.getBoundingClientRect();
+					if (!(active && rect !== void 0 && rect.width > 0 && rect.height > 0)) {
+						if (page.matches(":popover-open")) page.hidePopover();
+						return;
+					}
+					for (const [property, value] of Object.entries({
+						left: rect.left,
+						top: rect.top,
+						width: rect.width,
+						height: rect.height
+					})) page.style.setProperty(property, `${Math.round(value)}px`, "important");
+					const overlay = document.querySelector(".dvw-overlay");
+					if (overlay !== null) {
+						const palette = getComputedStyle(overlay);
+						for (const [alias, token] of Object.entries(PALETTE)) page.style.setProperty(alias, palette.getPropertyValue(token));
+					}
+					page.style.setProperty("color-scheme", colorScheme === "dark" ? "dark" : "light");
+					if (!page.matches(":popover-open")) page.showPopover();
+				};
+				const schedule = () => {
+					if (frame === 0) frame = requestAnimationFrame(() => {
+						frame = 0;
+						place();
+					});
+				};
+				place();
+				const resize = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(schedule);
+				const editor = document.querySelector(".dvw-editor");
+				if (editor !== null) resize?.observe(editor);
+				const observer = new MutationObserver(schedule);
+				observer.observe(document.body, {
+					childList: true,
+					subtree: true
+				});
+				window.addEventListener("resize", schedule);
+				return () => {
+					observer.disconnect();
+					resize?.disconnect();
+					window.removeEventListener("resize", schedule);
+					cancelAnimationFrame(frame);
+					restore?.();
+				};
+			}, [
+				sessionId,
+				tabId,
+				active,
+				colorScheme
+			]);
+			return null;
+		}
+		//#endregion
 		//#region src/client/ActivityBar.tsx
 		/** Keep known ids in saved order, appending newly added views at the end. */
 		function normalizeActivityOrder(value, known) {
@@ -15077,6 +15379,54 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			}), document.body);
 		}
 		//#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/lsp.ts
 		/** Minimal Language Server Protocol client that rides a WebSocket bridge to a host-spawned server. */
 		/** LSP CompletionItemKind and SymbolKind share the numeric layout 1–25; Monaco's enums differ, so map explicitly. */
@@ -49735,6 +50085,14 @@ section.${c}>footer { z-index: 1; }
 			} else workbench.toggleBottomPanel("terminal");
 			return true;
 		}
+		/** Match the official desktop browser shortcut while the workbench owns focus. */
+		function handleBrowserShortcut(event, workbench) {
+			if (!workbench.getSnapshot().visible || event.isComposing || !(event.ctrlKey || event.metaKey) || event.altKey || event.shiftKey || event.code !== "KeyT") return false;
+			event.preventDefault();
+			event.stopImmediatePropagation();
+			window.dispatchEvent(new Event("dvw-browser-new"));
+			return true;
+		}
 		//#endregion
 		//#region src/client/workspaceState.ts
 		/** Remove editor state that belongs to the previous workspace. */
@@ -51565,7 +51923,7 @@ section.${c}>footer { z-index: 1; }
 		const ExplorerView = (0, react.memo)(Explorer);
 		const SearchView = (0, react.memo)(Search);
 		const GitView = (0, react.memo)(Git);
-		function Workbench({ service, sessionId, cwd, navigation }) {
+		function Workbench({ service, browser, sessionId, cwd, navigation, dshPanelId: hostDshPanelId, onOpenDshPanel, onRestoreConversation, onCloseDshPanel }) {
 			const [snapshot, setSnapshot] = (0, react.useState)(() => service.getSnapshot());
 			const [panels, setPanels] = (0, react.useState)(() => service.getPanels());
 			(0, react.useEffect)(() => service.subscribe(() => {
@@ -51575,6 +51933,9 @@ section.${c}>footer { z-index: 1; }
 			const [workspace, setWorkspace] = (0, react.useState)();
 			const [tabs, setTabs] = (0, react.useState)([]);
 			const [active, setActive] = (0, react.useState)();
+			const [dshTabActive, setDshTabActive] = (0, react.useState)(hostDshPanelId !== void 0);
+			const [dshTabId, setDshTabId] = (0, react.useState)(hostDshPanelId);
+			const dshPanelId = dshTabId;
 			const [error, setError] = (0, react.useState)();
 			const [panelHeight, setPanelHeight] = (0, react.useState)(260);
 			const [sideWidth, setSideWidth] = (0, react.useState)(210);
@@ -51595,8 +51956,96 @@ section.${c}>footer { z-index: 1; }
 				return Number.isFinite(saved) && saved >= 11 && saved <= 20 ? saved : 14;
 			});
 			const [tabMenu, setTabMenu] = (0, react.useState)();
+			const [browserSnapshot, setBrowserSnapshot] = (0, react.useState)(() => browser?.getSnapshot() ?? {
+				available: false,
+				tabs: []
+			});
+			const [browserId, setBrowserId] = (0, react.useState)();
+			const browserTabs = browserSnapshot.tabs.filter((tab) => tab.sessionId === sessionId);
+			const previousBrowserIds = (0, react.useRef)(new Set(browserTabs.map((tab) => tab.id)));
+			(0, react.useEffect)(() => {
+				if (browser === void 0) return;
+				setBrowserSnapshot(browser.getSnapshot());
+				return browser.subscribe(() => setBrowserSnapshot(browser.getSnapshot()));
+			}, [browser]);
+			(0, react.useEffect)(() => {
+				const next = new Set(browserTabs.map((tab) => tab.id));
+				const added = browserTabs.find((tab) => !previousBrowserIds.current.has(tab.id));
+				previousBrowserIds.current = next;
+				if (added !== void 0 && snapshot.visible) {
+					setBrowserId(added.id);
+					setDshTabActive(false);
+				} else if (browserId !== void 0 && !next.has(browserId)) setBrowserId(void 0);
+			}, [
+				browserSnapshot,
+				sessionId,
+				browserId,
+				snapshot.visible
+			]);
+			const browserRequest = (0, react.useRef)();
+			(0, react.useEffect)(() => () => browserRequest.current?.abort(), [
+				browser,
+				sessionId,
+				snapshot.visible
+			]);
+			const newBrowser = async () => {
+				if (browser === void 0 || sessionId === void 0) return;
+				setDshTabActive(false);
+				onRestoreConversation?.();
+				browserRequest.current?.abort();
+				const request = new AbortController();
+				browserRequest.current = request;
+				try {
+					setBrowserId(await browser.open(sessionId, request.signal));
+				} catch (error) {
+					if (!request.signal.aborted) setError(error instanceof Error ? error.message : String(error));
+				}
+			};
+			(0, react.useEffect)(() => {
+				if (browserId !== void 0 && !dshTabActive) browser?.focus(browserId);
+			}, [
+				browser,
+				browserId,
+				dshTabActive
+			]);
+			(0, react.useEffect)(() => {
+				if (!snapshot.visible) return;
+				const open = () => void newBrowser();
+				window.addEventListener("dvw-browser-new", open);
+				return () => window.removeEventListener("dvw-browser-new", open);
+			}, [
+				browser,
+				sessionId,
+				snapshot.visible
+			]);
+			(0, react.useEffect)(() => {
+				if (hostDshPanelId !== void 0) setBrowserId(void 0);
+			}, [hostDshPanelId]);
 			const tabsRef = (0, react.useRef)(tabs);
 			tabsRef.current = tabs;
+			const dshTabActiveRef = (0, react.useRef)(dshTabActive);
+			dshTabActiveRef.current = dshTabActive;
+			const dshTabIdRef = (0, react.useRef)(dshTabId);
+			dshTabIdRef.current = dshTabId;
+			const hostDshPanelIdRef = (0, react.useRef)(hostDshPanelId);
+			hostDshPanelIdRef.current = hostDshPanelId;
+			const openDshPanelRef = (0, react.useRef)(onOpenDshPanel);
+			openDshPanelRef.current = onOpenDshPanel;
+			const restoreConversationRef = (0, react.useRef)(onRestoreConversation);
+			restoreConversationRef.current = onRestoreConversation;
+			const leaveDshPanel = (0, react.useCallback)(() => {
+				setBrowserId(void 0);
+				const wasActive = dshTabActiveRef.current;
+				setDshTabActive(false);
+				if (wasActive) restoreConversationRef.current?.();
+			}, []);
+			(0, react.useCallback)(() => {
+				setBrowserId(void 0);
+				const id = dshTabIdRef.current;
+				if (id === void 0) return;
+				setDshTabActive(true);
+				if (hostDshPanelIdRef.current !== id) openDshPanelRef.current?.(id);
+			}, []);
 			const [settingsSection, setSettingsSection] = (0, react.useState)("appearance");
 			const tabListRef = (0, react.useRef)(null);
 			const workspaceRequests = (0, react.useRef)(new WorkspaceRequestScope());
@@ -51645,6 +52094,28 @@ section.${c}>footer { z-index: 1; }
 			(0, react.useEffect)(() => localStorage.setItem("dvw:primary-side-visible", primarySideVisible ? "open" : "closed"), [primarySideVisible]);
 			(0, react.useEffect)(() => localStorage.setItem("dvw:status-bar-visible", statusVisible ? "open" : "closed"), [statusVisible]);
 			(0, react.useEffect)(() => localStorage.setItem("dvw:font-size", String(fontSize)), [fontSize]);
+			(0, react.useEffect)(() => {
+				if (hostDshPanelId !== void 0) {
+					setDshTabId(hostDshPanelId);
+					setDshTabActive(true);
+					return;
+				}
+				if (dshTabActiveRef.current) setDshTabId(void 0);
+			}, [hostDshPanelId]);
+			(0, react.useEffect)(() => {
+				if (dshTabActive || dshTabId === void 0 || hostDshPanelId === void 0) return;
+				restoreConversationRef.current?.();
+			}, [
+				dshTabActive,
+				dshTabId,
+				hostDshPanelId
+			]);
+			(0, react.useEffect)(() => {
+				if (!dshTabActive) return;
+				const id = dshTabIdRef.current;
+				if (id === void 0 || hostDshPanelId === id) return;
+				openDshPanelRef.current?.(id);
+			}, [dshTabActive, hostDshPanelId]);
 			(0, react.useEffect)(() => {
 				if (tabMenu === void 0) return;
 				const close = () => setTabMenu(void 0);
@@ -51704,6 +52175,7 @@ section.${c}>footer { z-index: 1; }
 					highlight,
 					...line !== void 0 ? { preview: false } : {}
 				}]);
+				leaveDshPanel();
 				setActive(path);
 			};
 			(0, react.useEffect)(() => {
@@ -52129,8 +52601,9 @@ section.${c}>footer { z-index: 1; }
 					diffMode: "inline",
 					diffSourcePath: source
 				}]);
+				leaveDshPanel();
 				setActive(key);
-			}, [openPath]);
+			}, [openPath, leaveDshPanel]);
 			(0, react.useEffect)(() => {
 				const listener = (event) => void open(event.detail);
 				window.addEventListener("dvw-open-workspace-path", listener);
@@ -52209,6 +52682,7 @@ section.${c}>footer { z-index: 1; }
 				"search",
 				"git",
 				"terminal",
+				"browser",
 				"chat"
 			];
 			const [activityOrder, setActivityOrder] = (0, react.useState)(() => normalizeActivityOrder(readActivityJSON("dvw:activity-order"), ACTIVITY_IDS));
@@ -52257,6 +52731,17 @@ section.${c}>footer { z-index: 1; }
 					] })
 				})]
 			});
+			const showingDshPanel = dshTabId !== void 0 && dshTabActive && !settingsOpen;
+			const closeDshPanel = () => {
+				setDshTabActive(false);
+				setDshTabId(void 0);
+				onCloseDshPanel?.();
+			};
+			const openFromView = (path, line, column, highlight) => {
+				leaveDshPanel();
+				openPath(path, line, column, highlight);
+			};
+			const chatShown = chatVisible && !settingsOpen && !showingDshPanel;
 			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 ?? "");
 			const markdownPreview = markdown || diffMarkdown && activeTab?.preview === true;
@@ -52265,7 +52750,7 @@ section.${c}>footer { z-index: 1; }
 				className: "dvw-overlay",
 				"data-dvw-theme": colorScheme,
 				"data-dvw-theme-name": theme,
-				"data-dvw-chat": chatVisible || void 0,
+				"data-dvw-chat": chatShown || void 0,
 				"data-dvw-primary-side": primarySideVisible || void 0,
 				"data-dvw-status": statusVisible || void 0,
 				"data-dvw-bottom-panel": snapshot.bottomPanel || void 0,
@@ -52280,17 +52765,21 @@ section.${c}>footer { z-index: 1; }
 				onDropCapture: suppressAttachmentDrop,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(WorkbenchTitlebar, { name: workspace?.name }),
+					dshTabId !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DshPanelPage, {
+						panelId: dshTabId,
+						active: showingDshPanel
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DshConversationPanel, {
-						visible: chatVisible && !settingsOpen,
+						visible: chatShown,
 						width: chatWidth,
 						statusHeight: statusVisible ? 30 : 6
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DshConversationTheme, {
-						visible: chatVisible,
+						visible: chatShown,
 						colorScheme,
 						followDsh: false
 					}),
-					chatVisible && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+					chatShown && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
 						className: "dvw-chat",
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PanelResizer, {
@@ -52595,6 +53084,14 @@ section.${c}>footer { z-index: 1; }
 								disabled: !terminalAvailable,
 								onActivate: () => toggleTerminal(service)
 							},
+							{
+								id: "browser",
+								label: "新建浏览器",
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "globe" }),
+								active: browserId !== void 0,
+								disabled: !browserSnapshot.available || sessionId === void 0,
+								onActivate: () => void newBrowser()
+							},
 							{
 								id: "chat",
 								label: chatVisible ? "关闭 DSH 对话栏 (Ctrl+Alt+B)" : "显示 DSH 对话栏 (Ctrl+Alt+B)",
@@ -52636,19 +53133,22 @@ section.${c}>footer { z-index: 1; }
 								sessionId,
 								cwd: workspace.cwd,
 								selected: active,
-								onOpen: openPath,
+								onOpen: openFromView,
 								onAddToDsh: addEntryToDsh
 							}),
 							" ",
 							snapshot.view === "search" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchView, {
 								sessionId,
-								onOpen: openPath
+								onOpen: openFromView
 							}),
 							" ",
 							snapshot.view === "git" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GitView, {
 								sessionId,
 								preferences: commitPreferences,
-								onDiff: openDiff
+								onDiff: (path, diff, title, source) => {
+									leaveDshPanel();
+									openDiff(path, diff, title, source);
+								}
 							})
 						]
 					}),
@@ -52681,57 +53181,113 @@ section.${c}>footer { z-index: 1; }
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "dvw-tabs",
-								"data-empty": tabs.length === 0 || void 0,
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								"data-empty": tabs.length === 0 && dshPanelId === void 0 && browserTabs.length === 0 || void 0,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "dvw-tab-list",
 									ref: tabListRef,
-									children: tabs.map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-										className: "dvw-tab",
-										"data-active": tab.path === active,
-										title: tab.diffSourcePath ?? tab.path,
-										onClick: () => setActive(tab.path),
-										onAuxClick: (event) => {
-											if (event.button === 1) {
-												event.preventDefault();
-												close(tab);
-											}
-										},
-										onMouseDown: (event) => {
-											if (event.button === 1) event.preventDefault();
-										},
-										onContextMenu: (event) => {
-											event.preventDefault();
-											setActive(tab.path);
-											setTabMenu({
-												x: event.clientX,
-												y: event.clientY,
-												path: tab.path
-											});
-										},
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileIcon, {
-												name: tabLabel(tab),
-												className: "dvw-tab-icon"
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-												className: "dvw-tab-name",
-												children: [tab.dirty ? "● " : "", tabLabel(tab)]
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dvw-tab-close",
-												onClick: (event) => {
-													event.stopPropagation();
+									children: [
+										browserTabs.map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											className: "dvw-tab",
+											"data-dvw-browser-tab": tab.id,
+											"data-active": browserId === tab.id && !dshTabActive,
+											title: tab.title,
+											onClick: () => {
+												leaveDshPanel();
+												setBrowserId(tab.id);
+											},
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "globe" }),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dvw-tab-name",
+													children: tab.title
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dvw-tab-close",
+													onClick: (event) => {
+														event.stopPropagation();
+														browser?.close(tab.sessionId, tab.id);
+													},
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "close" })
+												})
+											]
+										}, tab.id)),
+										dshPanelId !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											className: "dvw-tab",
+											"data-active": dshTabActive,
+											"data-dvw-dsh-tab": "",
+											title: `${dshPanelLabel(dshPanelId)}（DSH 官方页面）`,
+											onClick: () => setDshTabActive(true),
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "dvw-dsh-tab-mark" }),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dvw-tab-name",
+													children: dshPanelLabel(dshPanelId)
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dvw-tab-close",
+													onClick: (event) => {
+														event.stopPropagation();
+														closeDshPanel();
+													},
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "close" })
+												})
+											]
+										}),
+										tabs.map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											className: "dvw-tab",
+											"data-active": tab.path === active && !dshTabActive && browserId === void 0,
+											title: tab.diffSourcePath ?? tab.path,
+											onClick: () => {
+												setBrowserId(void 0);
+												setDshTabActive(false);
+												setActive(tab.path);
+											},
+											onAuxClick: (event) => {
+												if (event.button === 1) {
+													event.preventDefault();
 													close(tab);
-												},
-												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "close" })
-											})
-										]
-									}, tab.path))
+												}
+											},
+											onMouseDown: (event) => {
+												if (event.button === 1) event.preventDefault();
+											},
+											onContextMenu: (event) => {
+												event.preventDefault();
+												setBrowserId(void 0);
+												setDshTabActive(false);
+												setActive(tab.path);
+												setTabMenu({
+													x: event.clientX,
+													y: event.clientY,
+													path: tab.path
+												});
+											},
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileIcon, {
+													name: tabLabel(tab),
+													className: "dvw-tab-icon"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: "dvw-tab-name",
+													children: [tab.dirty ? "● " : "", tabLabel(tab)]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dvw-tab-close",
+													onClick: (event) => {
+														event.stopPropagation();
+														close(tab);
+													},
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "close" })
+												})
+											]
+										}, tab.path))
+									]
 								})
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dvw-editor",
 								"data-outline": markdownPreview && outlineVisible && headings.length > 0,
+								"data-browser-active": browserId !== void 0 || void 0,
 								children: [
 									error && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "dvw-error",
@@ -52830,7 +53386,22 @@ section.${c}>footer { z-index: 1; }
 											children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "DSH Workbench" }),
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("br", {}),
-												"从资源管理器或搜索结果打开文件"
+												"从资源管理器或搜索结果打开文件",
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "dvw-start-tools",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+														onClick: () => {
+															if (snapshot.bottomPanel !== "terminal") service.toggleBottomPanel("terminal");
+															queueMicrotask(() => service.runCommand("terminal.new"));
+														},
+														disabled: !terminalAvailable,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "terminal" }), "新建终端"]
+													}), browser !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+														onClick: () => void newBrowser(),
+														disabled: !browserSnapshot.available,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "globe" }), "浏览器"]
+													})]
+												})
 											] })
 										}) : activeTab.diff ? diffMarkdown && activeTab.preview ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarkdownPreview, {
 											source: activeTab.diff.modified,
@@ -52947,6 +53518,12 @@ section.${c}>footer { z-index: 1; }
 							})
 						]
 					}),
+					sessionId !== void 0 && browserTabs.map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DshBrowserPage, {
+						sessionId,
+						tabId: tab.id,
+						colorScheme,
+						active: browserId === tab.id && !dshTabActive && !settingsOpen && !switcherOpen && snapshot.visible
+					}, tab.id)),
 					snapshot.bottomPanel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 						className: "dvw-bottom",
 						style: { height: panelHeight },
@@ -53037,8 +53614,8 @@ body[data-ds-dark-theme] .dvw-overlay,.dvw-overlay[data-dvw-theme=dark]{color-sc
 .dvw-overlay[data-dvw-theme=dark]{--dvw-base:#191a1b;--dvw-surface-1:#121314;--dvw-surface-2:#202122;--dvw-surface-3:#252526;--dvw-side:#191a1b;--dvw-tab-active:#2a2b2c;--dvw-gutter:#191a1b;--dvw-graph-ref:#3794ff;--dvw-text:#bfbfbf;--dvw-text-2:#8c8c8c;--dvw-text-3:#6e6e6e;--dvw-border:#2a2b2c;--dvw-border-soft:#242526;--dvw-hover:#ffffff12;--dvw-active:#ffffff1f;--dvw-accent:#307e9f;--dvw-error:#e06c75;--dvw-success:#98c379;--dvw-warn:#e5c07b}
 .dvw-overlay[data-dvw-theme=light]{--dvw-base:#f9fafb;--dvw-surface-1:#fff;--dvw-surface-2:#fff;--dvw-surface-3:#fff;--dvw-side:#f9fafb;--dvw-tab-active:#e8e8e8;--dvw-gutter:#f9fafb;--dvw-graph-ref:#0063d3;--dvw-text:#1f1f1f;--dvw-text-2:#616161;--dvw-text-3:#8a8a8a;--dvw-border:#e5e5e5;--dvw-border-soft:#ececec;--dvw-hover:#0000000d;--dvw-active:#00000014;--dvw-accent:#0078d4;--dvw-error:#e51400;--dvw-success:#388a34;--dvw-warn:#bf8803;color-scheme:light}
 .dvw-overlay *{box-sizing:border-box}.dvw-overlay ::-webkit-scrollbar{width:10px;height:10px}.dvw-overlay ::-webkit-scrollbar-track{background:transparent}.dvw-overlay ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--dvw-text) 20%,transparent);border:2px solid transparent;background-clip:padding-box;border-radius:6px}.dvw-overlay ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--dvw-text) 32%,transparent);background-clip:padding-box}.dvw-overlay ::-webkit-scrollbar-corner{background:transparent}.dvw-activity{grid-row:1/3;background:var(--dvw-base);border:1px solid var(--dvw-border);border-radius:8px 0 0 8px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.dvw-activity-menu{min-width:220px}.dvw-activity-empty{flex:1}.dvw-activity-bottom{width:100%;margin-top:auto;display:flex;flex-direction:column;align-items:center}.dvw-menu-separator{height:1px;margin:4px 0;background:var(--dvw-border-soft)}.dvw-menu-check{display:inline-block;width:14px;flex:none;color:var(--dvw-text)}.dvw-act{touch-action:none;user-select:none}.dvw-act[data-dragging=true]{opacity:.35}.dvw-activity-ghost{position:fixed;z-index:120;width:48px;height:48px;display:grid;place-items:center;pointer-events:none;border-radius:8px;background:var(--dvw-tab-active);color:var(--dvw-text);font-size:22px;box-shadow:0 8px 22px rgba(0,0,0,.3);transform:translate(-50%,-50%) scale(1.08);opacity:.95}.dvw-activity-ghost .codicon{font-size:18px}.dvw-act{position:relative;width:48px;height:48px;padding:0;border:0;background:transparent;color:var(--dvw-text-3);font-size:22px;cursor:pointer;display:grid;place-items:center}.dvw-act::before{content:"";position:absolute;left:50%;top:50%;width:32px;height:32px;border-radius:6px;background:transparent;transform:translate(-50%,-50%)}.dvw-act .codicon,.dvw-act svg{position:relative;z-index:1}.dvw-act .codicon{font-size:18px}.dvw-act:hover,.dvw-act[data-active=true]{color:var(--dvw-text)}.dvw-act:hover::before{background:var(--dvw-hover)}.dvw-act[data-active=true]::before{background:var(--dvw-tab-active)}.dvw-act.dsh{margin-top:auto}.dvw-side{grid-column:2;grid-row:1/3;min-width:0;width:100%;background:var(--dvw-side);border-top:1px solid var(--dvw-border);border-bottom:1px solid var(--dvw-border);border-right:1px solid var(--dvw-border);border-top-right-radius:8px;border-bottom-right-radius:8px;overflow:hidden;display:flex;flex-direction:column}.dvw-side-resizer{grid-column:2;grid-row:1/3;justify-self:end;width:4px;height:100%;z-index:4;cursor:ew-resize;transform:translateX(2px);touch-action:none}.dvw-side-resizer:hover,.dvw-side-resizer:focus-visible,.dvw-side-resizer[data-dragging=true]{background:var(--dvw-accent)}.dvw-side-head{height:35px;display:flex;align-items:center;padding:0 12px;text-transform:uppercase;font-size:11px;letter-spacing:.4px}.dvw-toolbar{margin-left:auto;display:flex;gap:2px}.dvw-icon{border:0;background:transparent;color:var(--dvw-text-2);border-radius:4px;min-width:24px;height:24px;display:inline-grid;place-items:center;cursor:pointer}.dvw-icon:hover{background:var(--dvw-hover);color:var(--dvw-text)}.dvw-icon:disabled{opacity:.45;cursor:default}.dvw-file-picker{display:none}.dvw-tree,.dvw-results,.dvw-git{overflow:auto;flex:1}.dvw-tree[data-drop-target=true]{outline:1px dashed var(--dvw-accent);outline-offset:-3px}.dvw-tree-row{display:flex;align-items:center;height:22px;padding-right:6px;cursor:pointer;white-space:nowrap}.dvw-tree-row:hover{background:var(--dvw-hover)}.dvw-tree-row[data-selected=true],.dvw-tree-row[data-drop-target=true]{background:var(--dvw-active)}.dvw-chevron{width:16px;flex:none;text-align:center;color:var(--dvw-text-3)}.dvw-file-icon{width:16px;height:16px;flex:none;display:block;object-fit:contain;color:var(--dvw-text-2)}.dvw-file-icon.folder{color:var(--dvw-accent)}.dvw-tree-name{overflow:hidden;text-overflow:ellipsis}.dvw-tree-rename,.dvw-tree-create-input{min-width:0;flex:1;height:20px;border:1px solid var(--dvw-accent);border-radius:2px;background:var(--dvw-surface-1);color:var(--dvw-text);padding:0 3px;font:inherit;letter-spacing:0;outline:0}.dvw-tree-create-row{cursor:text}.dvw-tree-create-row:hover{background:transparent}.dvw-tree-create-input::placeholder{color:var(--dvw-text-3)}.dvw-tree-create-input[aria-invalid=true]{border-color:var(--dvw-error)}.dvw-tree-create-error{min-height:20px;padding-top:2px;padding-right:6px;padding-bottom:3px;color:var(--dvw-error);font-size:11px;line-height:15px;white-space:normal;overflow-wrap:anywhere}.dvw-tree-status{margin-left:auto;padding-left:6px;font-size:11px;font-weight:600;color:var(--dvw-warn)}.dvw-tree-status[data-status=M]{color:var(--dvw-warn)}.dvw-tree-status[data-status=A]{color:var(--dvw-success)}.dvw-tree-status[data-status=D]{color:var(--dvw-error)}.dvw-context-menu{position:fixed;z-index:40;min-width:148px;padding:4px;border:1px solid var(--dvw-border);border-radius:5px;background:var(--dvw-surface-3);box-shadow:0 6px 20px rgba(0,0,0,.3)}.dvw-context-menu button{width:100%;height:28px;border:0;border-radius:3px;background:transparent;color:var(--dvw-text);display:flex;align-items:center;gap:8px;padding:0 8px;text-align:left;font:inherit;cursor:pointer}.dvw-context-menu button:hover{background:var(--dvw-hover)}.dvw-context-menu .dvw-context-delete{color:var(--dvw-error)}.dvw-tab-menu{min-width:220px}.dvw-tab-menu button{justify-content:space-between;gap:24px}.dvw-tab-menu button span{color:var(--dvw-text-3);font-size:11px}.dvw-tab-menu button:disabled{opacity:.45;cursor:default}.dvw-tab-menu button:disabled:hover{background:transparent}
-.dvw-main{grid-column:3;grid-row:1;position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;background:var(--dvw-surface-1);border-left:1px solid var(--dvw-border);border-top:1px solid var(--dvw-border);border-right:1px solid var(--dvw-border);border-bottom:1px solid var(--dvw-border);border-radius:8px;margin-left:4px;overflow:hidden}.dvw-tabs{height:35px;background:linear-gradient(to top,var(--dvw-border) 0 1px,var(--dvw-base) 1px 100%);display:flex;overflow:hidden}.dvw-tabs[data-empty]{display:none}.dvw-tab{position:relative;height:35px;margin:0;min-width:110px;max-width:260px;border:0;border-right:1px solid var(--dvw-border-soft);border-radius:8px 8px 0 0;background:transparent;color:var(--dvw-text-2);padding:0 8px 0 12px;display:flex;align-items:center;gap:6px;cursor:pointer;flex:none;white-space:nowrap}.dvw-tab:hover{background:var(--dvw-hover)}.dvw-tab[data-active=true]{background:var(--dvw-surface-1);color:var(--dvw-text);border-top:1px solid var(--dvw-border);border-right:1px solid var(--dvw-border)}.dvw-tab-icon{width:16px;height:16px;flex:none;object-fit:contain}.dvw-tab-close{width:16px;height:16px;flex:none;display:grid;place-items:center;border-radius:3px;opacity:0}.dvw-tab-close:hover{background:var(--dvw-hover);color:var(--dvw-text)}.dvw-tab[data-active=true] .dvw-tab-close,.dvw-tab:hover .dvw-tab-close{opacity:1}.dvw-tab-name{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;text-align:left;white-space:nowrap}.dvw-editor{position:relative;flex:1;min-height:0}.dvw-editor-toolbar{position:absolute;z-index:3;top:0;right:0;left:0;height:35px;display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:0 10px;border-bottom:1px solid var(--dvw-border-soft);background:var(--dvw-surface-1)}.dvw-editor-body{position:absolute;inset:0;min-height:0}.dvw-editor-body[data-toolbar=true]{top:35px}.dvw-mode-button{height:27px;padding:0 10px;display:flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--dvw-text-2);cursor:pointer}.dvw-mode-button:hover{background:var(--dvw-hover)}.dvw-mode-button[data-active=true]{border-color:var(--dvw-border);background:var(--dvw-active);color:var(--dvw-text)}.dvw-empty{height:100%;display:grid;place-items:center;color:var(--dvw-text-3);text-align:center}.dvw-empty strong{font-size:24px;color:var(--dvw-text-2)}.dvw-message{padding:12px;color:var(--dvw-warn)}.dvw-message button{margin-left:10px;padding:2px 10px;border:1px solid var(--dvw-border);border-radius:4px;background:var(--dvw-surface-2);color:var(--dvw-text);font:inherit;cursor:pointer}.dvw-message button:hover{background:var(--dvw-hover)}
-.dvw-bottom-resizer{height:4px;cursor:ns-resize}.dvw-bottom-resizer:hover{background:var(--dvw-accent)}.dvw-bottom-reveal{position:absolute;left:0;right:0;bottom:0;height:6px;z-index:4;cursor:ns-resize}.dvw-bottom-reveal::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}.dvw-bottom-reveal:hover::after{background:var(--dvw-accent)}.dvw-bottom{grid-column:3;grid-row:2;height:260px;min-height:120px;border-top:1px solid var(--dvw-border);border-left:1px solid var(--dvw-border);border-right:1px solid var(--dvw-border);border-bottom:1px solid var(--dvw-border);border-radius:8px;margin-top:4px;margin-left:4px;background:var(--dvw-base);display:flex;flex-direction:column}.dvw-bottom-head{height:35px;display:flex;align-items:center;gap:14px;padding:0 12px}.dvw-bottom-title{border:0;border-bottom:1px solid var(--dvw-text);background:transparent;color:var(--dvw-text);height:35px}.dvw-bottom-body{flex:1;min-height:0}.dvw-status{grid-column:1/4;grid-row:3;background:var(--dvw-base);color:var(--dvw-text);display:flex;align-items:center;padding:6px 8px 0;gap:18px;font-size:12px}.dvw-theme-control{position:relative;margin-left:auto}.dvw-theme-trigger{height:22px;min-width:112px;display:flex;align-items:center;gap:7px;padding:0 8px;border:0;border-radius:5px;background:color-mix(in srgb,#000 17%,transparent);color:#fff;cursor:pointer}.dvw-theme-trigger:hover{background:color-mix(in srgb,#000 27%,transparent)}.dvw-theme-orb{width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:linear-gradient(90deg,#191a1b 50%,#fff 50%)}.dvw-theme-orb.dark{background:#191a1b}.dvw-theme-orb.light{background:#fff}.dvw-theme-menu{position:absolute;right:0;bottom:29px;width:224px;padding:6px;border:1px solid var(--dvw-border);border-radius:10px;background:var(--dvw-surface-3);box-shadow:0 10px 35px rgba(0,0,0,.28);color:var(--dvw-text)}.dvw-theme-menu button{width:100%;min-height:48px;border:0;border-radius:7px;background:transparent;color:inherit;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;text-align:left;padding:6px;cursor:pointer}.dvw-theme-menu button:hover,.dvw-theme-menu button[aria-checked=true]{background:var(--dvw-hover)}.dvw-theme-menu strong,.dvw-theme-menu small{display:block}.dvw-theme-menu small{color:var(--dvw-text-3);margin-top:2px}.dvw-theme-swatch{width:22px;height:22px;border-radius:6px;border:1px solid var(--dvw-border);background:linear-gradient(135deg,#191a1b 0 50%,#fff 50%)}.dvw-theme-swatch.dark{background:#191a1b}.dvw-theme-swatch.light{background:#fff}
+.dvw-main{grid-column:3;grid-row:1;position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;background:var(--dvw-surface-1);border-left:1px solid var(--dvw-border);border-top:1px solid var(--dvw-border);border-right:1px solid var(--dvw-border);border-bottom:1px solid var(--dvw-border);border-radius:8px;margin-left:3px;overflow:hidden}.dvw-tabs{height:35px;background:linear-gradient(to top,var(--dvw-border) 0 1px,var(--dvw-base) 1px 100%);display:flex;overflow:hidden}.dvw-tabs[data-empty]{display:none}.dvw-tab{position:relative;height:35px;margin:0;min-width:110px;max-width:260px;border:0;border-right:1px solid var(--dvw-border-soft);border-radius:8px 8px 0 0;background:transparent;color:var(--dvw-text-2);padding:0 8px 0 12px;display:flex;align-items:center;gap:6px;cursor:pointer;flex:none;white-space:nowrap}.dvw-tab:hover{background:var(--dvw-hover)}.dvw-tab[data-active=true]{background:var(--dvw-surface-1);color:var(--dvw-text);border-top:1px solid var(--dvw-border);border-right:1px solid var(--dvw-border)}.dvw-tab-icon{width:16px;height:16px;flex:none;object-fit:contain}.dvw-tab-close{width:16px;height:16px;flex:none;display:grid;place-items:center;border-radius:3px;opacity:0}.dvw-tab-close:hover{background:var(--dvw-hover);color:var(--dvw-text)}.dvw-tab[data-active=true] .dvw-tab-close,.dvw-tab:hover .dvw-tab-close{opacity:1}.dvw-tab-name{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;text-align:left;white-space:nowrap}.dvw-editor{position:relative;flex:1;min-height:0}.dvw-editor-toolbar{position:absolute;z-index:3;top:0;right:0;left:0;height:35px;display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:0 10px;border-bottom:1px solid var(--dvw-border-soft);background:var(--dvw-surface-1)}.dvw-editor-body{position:absolute;inset:0;min-height:0}.dvw-editor-body[data-toolbar=true]{top:35px}.dvw-mode-button{height:27px;padding:0 10px;display:flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--dvw-text-2);cursor:pointer}.dvw-mode-button:hover{background:var(--dvw-hover)}.dvw-mode-button[data-active=true]{border-color:var(--dvw-border);background:var(--dvw-active);color:var(--dvw-text)}.dvw-empty{height:100%;display:grid;place-items:center;color:var(--dvw-text-3);text-align:center}.dvw-empty strong{font-size:24px;color:var(--dvw-text-2)}.dvw-message{padding:12px;color:var(--dvw-warn)}.dvw-message button{margin-left:10px;padding:2px 10px;border:1px solid var(--dvw-border);border-radius:4px;background:var(--dvw-surface-2);color:var(--dvw-text);font:inherit;cursor:pointer}.dvw-message button:hover{background:var(--dvw-hover)}
+.dvw-bottom-resizer{height:4px;cursor:ns-resize}.dvw-bottom-resizer:hover{background:var(--dvw-accent)}.dvw-bottom-reveal{position:absolute;left:0;right:0;bottom:0;height:6px;z-index:4;cursor:ns-resize}.dvw-bottom-reveal::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}.dvw-bottom-reveal:hover::after{background:var(--dvw-accent)}.dvw-bottom{grid-column:3;grid-row:2;height:260px;min-height:120px;border-top:1px solid var(--dvw-border);border-left:1px solid var(--dvw-border);border-right:1px solid var(--dvw-border);border-bottom:1px solid var(--dvw-border);border-radius:8px;margin-top:4px;margin-left:3px;background:var(--dvw-base);display:flex;flex-direction:column}.dvw-bottom-head{height:35px;display:flex;align-items:center;gap:14px;padding:0 12px}.dvw-bottom-title{border:0;border-bottom:1px solid var(--dvw-text);background:transparent;color:var(--dvw-text);height:35px}.dvw-bottom-body{flex:1;min-height:0}.dvw-status{grid-column:1/4;grid-row:3;background:var(--dvw-base);color:var(--dvw-text);display:flex;align-items:center;padding:6px 8px 0;gap:18px;font-size:12px}.dvw-theme-control{position:relative;margin-left:auto}.dvw-theme-trigger{height:22px;min-width:112px;display:flex;align-items:center;gap:7px;padding:0 8px;border:0;border-radius:5px;background:color-mix(in srgb,#000 17%,transparent);color:#fff;cursor:pointer}.dvw-theme-trigger:hover{background:color-mix(in srgb,#000 27%,transparent)}.dvw-theme-orb{width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:linear-gradient(90deg,#191a1b 50%,#fff 50%)}.dvw-theme-orb.dark{background:#191a1b}.dvw-theme-orb.light{background:#fff}.dvw-theme-menu{position:absolute;right:0;bottom:29px;width:224px;padding:6px;border:1px solid var(--dvw-border);border-radius:10px;background:var(--dvw-surface-3);box-shadow:0 10px 35px rgba(0,0,0,.28);color:var(--dvw-text)}.dvw-theme-menu button{width:100%;min-height:48px;border:0;border-radius:7px;background:transparent;color:inherit;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;text-align:left;padding:6px;cursor:pointer}.dvw-theme-menu button:hover,.dvw-theme-menu button[aria-checked=true]{background:var(--dvw-hover)}.dvw-theme-menu strong,.dvw-theme-menu small{display:block}.dvw-theme-menu small{color:var(--dvw-text-3);margin-top:2px}.dvw-theme-swatch{width:22px;height:22px;border-radius:6px;border:1px solid var(--dvw-border);background:linear-gradient(135deg,#191a1b 0 50%,#fff 50%)}.dvw-theme-swatch.dark{background:#191a1b}.dvw-theme-swatch.light{background:#fff}
 .dvw-search-form{padding:8px;display:grid;gap:6px}.dvw-input,.dvw-textarea,.dvw-select{width:100%;border:1px solid var(--dvw-border);border-radius:2px;background:var(--dvw-surface-2);color:var(--dvw-text);padding:3px 7px;outline:none}.dvw-input:focus,.dvw-textarea:focus,.dvw-select:focus{border-color:var(--dvw-accent)}.dvw-options{display:flex;align-items:center;gap:8px;font-size:11px}.dvw-result-file{height:22px;display:flex;align-items:center;gap:4px;padding:0 8px;font-weight:600}.dvw-result{height:22px;align-items:center;padding:0 8px 0 20px;cursor:pointer;display:flex;gap:8px}.dvw-result:hover{background:var(--dvw-hover)}.dvw-line{color:var(--dvw-text-3);min-width:30px;text-align:right}.dvw-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dvw-search-hit{background:color-mix(in srgb,var(--dvw-accent) 28%,transparent);border-radius:2px}
 .dvw-git-head{padding:7px 10px;border-bottom:1px solid var(--dvw-border);display:flex;align-items:center;gap:8px;position:relative}.dvw-branch{min-width:0;border:0;background:transparent;color:var(--dvw-text);font:inherit;font-weight:600;display:flex;align-items:center;gap:5px;cursor:pointer}.dvw-branch-caret{margin-left:2px;font-size:14px;color:var(--dvw-text-3)}.dvw-branch-menu{position:absolute;z-index:12;top:calc(100% + 2px);left:6px;right:6px;padding:4px;border:1px solid var(--dvw-border);border-radius:8px;background:var(--dvw-surface-2);box-shadow:0 10px 28px rgba(0,0,0,.28);color:var(--dvw-text)}.dvw-branch-current{padding:4px 8px;color:var(--dvw-text-3);font-size:11px}.dvw-branch-list{max-height:min(300px,45vh);overflow:auto}.dvw-branch-list button{width:100%;height:26px;display:flex;align-items:center;gap:6px;border:0;border-radius:4px;background:transparent;color:var(--dvw-text);padding:0 8px;text-align:left;font:inherit;cursor:pointer}.dvw-branch-list button:hover{background:var(--dvw-hover)}.dvw-branch-list button[data-active=true]{background:var(--dvw-active)}.dvw-branch-list button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dvw-branch-worktree{margin-left:auto;flex:none;padding:1px 5px;border-radius:8px;background:var(--dvw-surface-3);color:var(--dvw-text-3);font-size:10px;line-height:14px}.dvw-branch-create{display:flex;gap:4px;align-items:center;margin-top:4px;padding-top:6px;border-top:1px solid var(--dvw-border-soft)}.dvw-branch-create .dvw-input{flex:1;min-width:0}.dvw-branch-create-button{flex:none;width:24px;min-width:24px;height:24px;border:1px solid var(--dvw-border);border-radius:4px}.dvw-commit{display:flex;flex-direction:column;gap:6px;padding:9px}.dvw-commit-actions{display:grid;grid-template-columns:1fr auto;gap:6px}.dvw-commit-button{height:31px;border:0;border-radius:6px;background:color-mix(in srgb,var(--dvw-accent) 24%,var(--dvw-surface-2));color:var(--dvw-text);display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.dvw-commit-button:hover{background:color-mix(in srgb,var(--dvw-accent) 34%,var(--dvw-surface-2))}.dvw-commit-button:disabled{opacity:.45;cursor:default}.dvw-commit-ai{height:31px;border:1px solid var(--dvw-border);border-radius:6px;background:var(--dvw-surface-2);color:var(--dvw-text-2);display:flex;align-items:center;justify-content:center;gap:6px;font:inherit;cursor:pointer}.dvw-commit-ai:hover:not(:disabled){background:var(--dvw-hover);color:var(--dvw-text)}.dvw-commit-ai:disabled{opacity:.45;cursor:default}.dvw-group-head{height:30px;display:flex;align-items:center;gap:5px;padding:0 6px 0 9px;font-weight:600;position:sticky;top:0;background:var(--dvw-side);z-index:1}.dvw-group-head:hover{background:var(--dvw-hover)}.dvw-group-head .dvw-count{margin-left:auto;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;background:var(--dvw-surface-3);color:var(--dvw-text-2);font-size:11px}.dvw-change{display:flex;align-items:center;height:22px;padding:0 5px 0 19px;gap:5px;cursor:pointer}.dvw-change:hover{background:var(--dvw-hover)}.dvw-change .dvw-icon{opacity:0}.dvw-change:hover .dvw-icon,.dvw-change:focus-within .dvw-icon{opacity:1}.dvw-change-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.dvw-badge{font-size:11px;color:var(--dvw-warn)}.dvw-graph{border-top:1px solid var(--dvw-border-soft);margin-top:8px;padding-top:3px}.dvw-graph-list{padding-bottom:8px}.dvw-graph-row{width:100%;height:38px;border:0;background:transparent;color:var(--dvw-text);display:flex;align-items:center;padding:0 7px;text-align:left;cursor:pointer;overflow:hidden}.dvw-graph-row:hover{background:var(--dvw-hover)}.dvw-graph-svg{flex:none;align-self:stretch}.dvw-graph-line{fill:none;stroke-width:1px;stroke-linecap:round;vector-effect:non-scaling-stroke}.dvw-graph-node{stroke:var(--dvw-side);stroke-width:2px;fill:var(--dvw-side)}.dvw-graph-copy{display:flex;min-width:0;flex:1;flex-direction:column;justify-content:center}.dvw-graph-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dvw-graph-meta{font-size:11px;color:var(--dvw-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dvw-ref{max-width:82px;margin-left:4px;padding:1px 5px;border:1px solid color-mix(in srgb,var(--dvw-accent) 50%,transparent);border-radius:9px;color:var(--dvw-accent);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dvw-error{padding:8px;color:var(--dvw-error);white-space:pre-wrap}.dvw-diff{margin:0;height:100%;overflow:auto;padding:8px 0;background:var(--dvw-surface-1);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}.dvw-diff-line{display:block;min-height:18px;padding:0 14px}.dvw-diff-line.add{background:color-mix(in srgb,var(--dvw-success) 15%,transparent);color:var(--dvw-success)}.dvw-diff-line.remove{background:color-mix(in srgb,var(--dvw-error) 13%,transparent);color:var(--dvw-error)}.dvw-diff-line.hunk{background:color-mix(in srgb,var(--dvw-accent) 12%,transparent);color:var(--dvw-accent)}.dvw-diff-line.meta{color:var(--dvw-text-3)}.dvw-diff-empty{padding:24px;color:var(--dvw-text-3)}
 .dvw-tab-list{display:flex;min-width:0;flex:1;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.dvw-tab-list::-webkit-scrollbar{display:none}.dvw-monaco-diff{position:absolute;inset:0}.dvw-diff-toolbar{justify-content:flex-end}.dvw-group-head{gap:2px;padding-left:2px}.dvw-group-toggle{min-width:0;height:30px;flex:1;border:0;border-radius:5px;background:transparent;color:var(--dvw-text);font:inherit;font-weight:600;display:flex;align-items:center;gap:5px;padding:0 7px;cursor:pointer;text-align:left}.dvw-group-toggle:hover{background:var(--dvw-hover)}.dvw-graph-entry[data-expanded=true]{background:color-mix(in srgb,var(--dvw-accent) 5%,transparent)}.dvw-commit-files{padding:1px 0 5px 26px}.dvw-commit-file{width:100%;height:22px;border:0;background:transparent;color:var(--dvw-text);display:flex;align-items:center;gap:6px;padding:0 7px;text-align:left;cursor:pointer}.dvw-commit-file:hover{background:var(--dvw-hover)}.dvw-commit-file-name{white-space:nowrap}.dvw-commit-file-dir{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dvw-text-3);font-size:11px}
@@ -53051,7 +53628,7 @@ body[data-ds-dark-theme] .dvw-overlay,.dvw-overlay[data-dvw-theme=dark]{color-sc
 .dvw-overlay[data-dvw-chat=true]:not([data-dvw-primary-side=true]){grid-template-columns:48px 0 minmax(0,1fr) var(--dvw-chat-width)}
 .dvw-overlay:not([data-dvw-primary-side=true]) .dvw-side{visibility:hidden;border-right:0}.dvw-overlay:not([data-dvw-primary-side=true]) .dvw-activity{border-radius:8px}.dvw-overlay:not([data-dvw-primary-side=true]) .dvw-side-resizer{display:none}
 .dvw-overlay:not([data-dvw-status=true]){grid-template-rows:minmax(0,1fr) auto 6px}.dvw-overlay:not([data-dvw-status=true]) .dvw-status{display:none}
-.dvw-overlay[data-dvw-chat=true] .dvw-status{grid-column:1/-1;padding-right:calc(var(--dvw-chat-width) + 8px)}
+.dvw-overlay[data-dvw-chat=true] .dvw-status{grid-column:1/-1;padding-right:calc(var(--dvw-chat-width) + 6px)}
 .dvw-chat{grid-column:4;grid-row:1/3;min-width:0;background:var(--dvw-gutter);border-left:1px solid var(--dvw-border);position:relative}
 .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)}
@@ -53067,7 +53644,7 @@ body[data-ds-dark-theme] .dvw-overlay,.dvw-overlay[data-dvw-theme=dark]{color-sc
 .dvw-chat{border-left-color:transparent!important}
 .dvw-side-resizer::after,.dvw-chat-resizer::after{background:transparent;left:3px;width:4px}
 .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)}
-[data-dvw-conversation-panel]{position:fixed!important;top:calc(var(--dvw-titlebar-height) + 6px)!important;right:4px!important;bottom:var(--dvw-status-height,30px)!important;left:auto!important;width:calc(var(--dvw-chat-width) - 8px)!important;height:auto!important;min-width:0!important;z-index:21!important;border:1px solid var(--dsw-alias-border-l2)!important;border-radius:8px!important;overflow:hidden!important;box-shadow:none!important}
+[data-dvw-conversation-panel]{position:fixed!important;top:calc(var(--dvw-titlebar-height) + 6px)!important;right:3px!important;bottom:var(--dvw-status-height,30px)!important;left:auto!important;width:calc(var(--dvw-chat-width) - 6px)!important;height:auto!important;min-width:0!important;z-index:21!important;border:1px solid var(--dsw-alias-border-l2)!important;border-radius:8px!important;overflow:hidden!important;box-shadow:none!important}
 html[data-platform=darwin] [data-dvw-conversation-panel]{top:var(--dvw-titlebar-height)!important}
 body[data-dvw-palette=light] [data-dvw-conversation-panel]{--dsw-alias-bg-base:#f9fafb;--dsw-specific-sidebar-fill:#f9fafb;--dsw-alias-border-l2:#e5e5e5;background:#f9fafb!important}body[data-dvw-palette=dark] [data-dvw-conversation-panel]{--dsw-alias-bg-base:#191a1b;--dsw-specific-sidebar-fill:#191a1b;--dsw-alias-bg-layer-1:#202122;--dsw-alias-bg-layer-2:#252526;--dsw-alias-bg-layer-3:#2a2b2c;--dsw-alias-label-primary:#bfbfbf;--dsw-alias-label-secondary:#8c8c8c;--dsw-alias-label-tertiary:#6e6e6e;--dsw-alias-border-l2:#2a2b2c;--dsw-alias-border-l3:#303132;--dsw-alias-interactive-bg-hover:#ffffff12;--dsw-alias-interactive-bg-active:#ffffff1f}
 body[data-dvw-workbench-active] [data-sidebar-right-expand],body[data-dvw-conversation-active] [data-sidebar-right-expand]{display:none!important}
@@ -53089,7 +53666,7 @@ body[data-dvw-workbench-active] [data-sidebar-toggle]{display:none!important}
 .dvw-settings-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dvw-settings-themes button{height:56px;display:grid;grid-template-columns:28px 1fr 18px;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--dvw-border);border-radius:7px;background:var(--dvw-base);color:var(--dvw-text);text-align:left;cursor:pointer}.dvw-settings-themes button:hover{background:var(--dvw-hover)}.dvw-settings-themes button[data-active=true]{border-color:var(--dvw-accent);background:color-mix(in srgb,var(--dvw-accent) 10%,var(--dvw-base))}
 .dvw-setting-check{height:36px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--dvw-border-soft);cursor:pointer}.dvw-setting-check input{accent-color:var(--dvw-accent)}.dvw-setting-range{display:grid;grid-template-columns:145px 1fr 52px;align-items:center;gap:10px;min-height:42px}.dvw-setting-range input{accent-color:var(--dvw-accent)}.dvw-setting-range output{text-align:right;color:var(--dvw-text-3);font-variant-numeric:tabular-nums}
 .dvw-setting-choice{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:10px;min-height:42px}.dvw-setting-choice>span{color:var(--dvw-text-2);font-size:12px}.dvw-setting-segment{display:inline-flex;justify-self:start;padding:2px;border:1px solid var(--dvw-border);border-radius:6px;background:var(--dvw-base)}.dvw-setting-segment button{min-width:64px;height:26px;border:0;border-radius:4px;background:transparent;color:var(--dvw-text-2);font:inherit;font-size:12px;cursor:pointer}.dvw-setting-segment button:hover{background:var(--dvw-hover);color:var(--dvw-text)}.dvw-setting-segment button[data-active=true]{background:var(--dvw-active);color:var(--dvw-text)}
-@media(max-width:900px){.dvw-overlay[data-dvw-chat=true]{--dvw-chat-effective:max(440px,min(var(--dvw-chat-width),calc(100vw - 254px)));grid-template-columns:44px min(210px,var(--dvw-side-width),max(0px,calc(100vw - 164px - var(--dvw-chat-effective)))) minmax(0,1fr) var(--dvw-chat-effective)}.dvw-overlay[data-dvw-chat=true] .dvw-status{padding-right:calc(var(--dvw-chat-effective) + 8px)}.dvw-chat-resizer{right:calc(var(--dvw-chat-effective) - 5px)}[data-dvw-conversation-panel]{width:calc(max(440px,min(var(--dvw-chat-width),calc(100vw - 254px))) - 8px)!important}}
+@media(max-width:900px){.dvw-overlay[data-dvw-chat=true]{--dvw-chat-effective:max(440px,min(var(--dvw-chat-width),calc(100vw - 254px)));grid-template-columns:44px min(210px,var(--dvw-side-width),max(0px,calc(100vw - 164px - var(--dvw-chat-effective)))) minmax(0,1fr) var(--dvw-chat-effective)}.dvw-overlay[data-dvw-chat=true] .dvw-status{padding-right:calc(var(--dvw-chat-effective) + 6px)}.dvw-chat-resizer{right:calc(var(--dvw-chat-effective) - 5px)}[data-dvw-conversation-panel]{width:calc(max(440px,min(var(--dvw-chat-width),calc(100vw - 254px))) - 6px)!important}}
 .dvw-setting-textarea{width:100%;min-height:84px;resize:vertical;padding:8px 10px;border:1px solid var(--dvw-border);border-radius:6px;background:var(--dvw-base);color:var(--dvw-text);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
 .dvw-setting-textarea:focus{outline:none;border-color:var(--dvw-accent)}
 .dvw-setting-extension{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--dvw-border);border-radius:7px;background:var(--dvw-base)}.dvw-setting-extension>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.dvw-setting-extension span{color:var(--dvw-text-3);font-size:12px}.dvw-setting-extension button{height:26px;padding:0 14px;border:1px solid var(--dvw-border);border-radius:4px;background:transparent;color:var(--dvw-text);font:inherit;cursor:pointer}.dvw-setting-extension button:hover{background:var(--dvw-hover)}.dvw-setting-extension button.dvw-primary-button{border-color:var(--dvw-accent);background:var(--dvw-accent);color:#fff}.dvw-setting-hint{margin:8px 0 0;color:var(--dvw-text-3);font-size:11px;line-height:1.5}
@@ -53114,9 +53691,10 @@ body[data-dvw-workbench-active] [data-sidebar-toggle]{display:none!important}
 .dvw-tab{border-radius:10px 10px 0 0;border-right:0}
 .dvw-tabs{background:color-mix(in srgb,var(--dvw-text) 4%,var(--dvw-base))}
 .dvw-tab[data-active=true]{border-top:0;border-right-color:transparent}
+.dvw-tab:hover:not([data-active=true]){background:color-mix(in srgb,var(--dvw-text) 3%,transparent)}
 .dvw-tab[data-active=true]::before,.dvw-tab[data-active=true]::after{content:"";position:absolute;bottom:0;width:10px;height:10px;background:var(--dvw-surface-1);pointer-events:none}
-.dvw-tab[data-active=true]::before{left:-10px;-webkit-mask:radial-gradient(circle 10px at 0 0,transparent 9px,#000 9.6px);mask:radial-gradient(circle 10px at 0 0,transparent 9px,#000 9.6px)}
-.dvw-tab[data-active=true]::after{right:-10px;-webkit-mask:radial-gradient(circle 10px at 100% 0,transparent 9px,#000 9.6px);mask:radial-gradient(circle 10px at 100% 0,transparent 9px,#000 9.6px)}
+.dvw-tab[data-active=true]::before{left:-10px;clip-path:path("M10 0C10 5.5 5.5 10 0 10L10 10Z")}
+.dvw-tab[data-active=true]::after{right:-10px;clip-path:path("M0 0C0 5.5 4.5 10 10 10L0 10Z")}
 .dvw-commit-box{position:relative;display:flex;align-items:stretch}
 .dvw-commit-input{width:100%;min-height:30px;max-height:96px;field-sizing:content;resize:none;padding:5px 32px 5px 8px;line-height:18px}
 .dvw-commit-ai{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:24px;min-width:24px;height:24px;border:0;background:transparent;color:var(--dvw-text-3)}
@@ -53208,6 +53786,16 @@ body[data-dvw-palette=eyecare] [data-dvw-conversation-panel]{--dsw-alias-bg-base
 .dvw-workspace-switcher>footer button{height:32px;border-radius:9px;padding:0 16px}
 .dvw-workspace-switcher .dvw-icon{border-radius:9px}
 @media(max-width:760px){.dvw-settings-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.dvw-settings-nav{grid-column:1;grid-row:1;flex-direction:row;border-right:0;border-bottom:1px solid var(--dvw-border-soft);padding:8px}.dvw-settings-nav button{flex:none}.dvw-settings-body>section{grid-column:1;grid-row:2;padding:16px 18px 24px}}
+.dvw-dsh-tab-mark{width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:${DSH_MARK_MASK} center/contain no-repeat;mask:${DSH_MARK_MASK} center/contain no-repeat}
+.codicon-globe:before{content:"\eb01"}
+.dvw-terminal-pane{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column}.dvw-terminal-panes[data-split=true]>.dvw-terminal-pane+.dvw-terminal-pane{border-left:1px solid var(--dvw-border)}
+.dvw-terminal-notice{display:flex;align-items:center;gap:8px;padding:4px 10px;color:var(--dvw-text-2);font-size:12px}.dvw-terminal-notice button,.dvw-start-tools button{border:1px solid var(--dvw-border);border-radius:4px;background:var(--dvw-surface-2);color:var(--dvw-text);font:inherit;cursor:pointer}.dvw-terminal-notice button:hover,.dvw-start-tools button:hover{background:var(--dvw-hover)}
+.dvw-start-tools{display:flex;justify-content:center;gap:10px;margin-top:20px}.dvw-start-tools button{display:flex;align-items:center;gap:8px;padding:8px 16px}.dvw-start-tools button:disabled{opacity:.45;cursor:default}
+.dvw-editor[data-browser-active]>.dvw-editor-body,.dvw-editor[data-browser-active]>.dvw-editor-toolbar,.dvw-editor[data-browser-active]>.dvw-outline{visibility:hidden}
+[data-dvw-browser-page]:popover-open{position:fixed!important;inset:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-sizing:border-box!important;overflow:hidden!important;background:var(--dsw-alias-bg-base,#fff)!important;color:var(--dsw-alias-label-primary,#171717)!important;display:flex!important;flex-direction:column!important}
+[data-dvw-browser-page]::backdrop{background:transparent;pointer-events:none}
+[data-dvw-dsh-page]{position:fixed!important;z-index:106!important;margin:0!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;overflow:hidden!important;background:var(--dsw-alias-bg-base,#fff)!important;border:0!important;border-radius:0!important;box-shadow:none!important;--dsh-frame-top-clearance:0px;--dsh-frame-chrome-top:0px}
+[data-dvw-dsh-page][data-dvw-dsh-hidden]{display:none!important}
 `;
 		function installStyles() {
 			const id = "dsh-vscode-workbench/styles";
@@ -53284,14 +53872,21 @@ body[data-dvw-palette=eyecare] [data-dvw-conversation-panel]{--dsw-alias-bg-base
 		}
 		//#endregion
 		//#region src/client/index.tsx
-		const Overlay = ({ service, useSessions, navigation }) => {
+		const Overlay = ({ service, browser, useSessions, usePanelInfo, navigation, openDshPanel, restoreConversation, closeDshPanel }) => {
 			const session = useSessions(mainViewSession);
 			const cwd = session?.projectionValues?.workingDirectory ?? session?.cwd;
+			const activePanelId = usePanelInfo((info) => info.activePanelId);
+			const dshPanelId = activePanelId === null || activePanelId === WORKBENCH_PANEL_ID ? void 0 : activePanelId;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Workbench, {
 				service,
+				browser,
 				sessionId: session?.id,
 				cwd,
-				navigation
+				navigation,
+				dshPanelId,
+				onOpenDshPanel: openDshPanel,
+				onRestoreConversation: restoreConversation,
+				onCloseDshPanel: closeDshPanel
 			}, cwd ?? "no-workspace");
 		};
 		const WORKBENCH_PANEL_ID = "vscode-workbench";
@@ -53313,9 +53908,20 @@ body[data-dvw-palette=eyecare] [data-dvw-conversation-panel]{--dsw-alias-bg-base
 			}, [service, restoreConversation]);
 			return null;
 		}
-		const inject = ["slots", "layout"];
+		const inject = [
+			"slots",
+			"layout",
+			"remote",
+			"remote.terminal",
+			"sidebarRight",
+			"sidebarRightTabs"
+		];
 		function apply(ctx) {
 			const service = new WorkbenchController();
+			const browser = new NativeBrowser(ctx);
+			ctx.effect(() => () => browser.dispose(), "dsh-vscode-workbench: browser");
+			const terminals = new TerminalWorkspaces(new _deepseek_ai_dsh_api_terminal_controller_client.ClientTerminals(ctx.isolate("webTerminals"), ctx.remote.terminal));
+			ctx.effect(() => () => terminals.dispose(), "dsh-vscode-workbench: terminal membership");
 			const navigation = createDshNavigation((name) => ctx.get?.(name));
 			ctx.effect(() => installStyles(), "dsh-vscode-workbench: styles");
 			ctx.effect(() => {
@@ -53327,7 +53933,10 @@ body[data-dvw-palette=eyecare] [data-dvw-conversation-panel]{--dsw-alias-bg-base
 			ctx.effect(() => service.registerBottomPanel({
 				id: "terminal",
 				title: "终端",
-				component: TerminalPanel
+				component: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TerminalPanel, {
+					...props,
+					workspace: terminals.get(props.sessionId)
+				}, props.sessionId)
 			}), "dsh-vscode-workbench: terminal panel");
 			ctx.effect(() => service.registerCommand({
 				id: "terminal.new",
@@ -53338,6 +53947,14 @@ body[data-dvw-palette=eyecare] [data-dvw-conversation-panel]{--dsw-alias-bg-base
 			const restoreConversation = () => {
 				ctx.layout?.selectPanel(null);
 			};
+			const openDshPanel = (panelId) => {
+				try {
+					ctx.layout?.selectPanel(panelId);
+				} catch {}
+			};
+			const closeDshPanel = () => {
+				ctx.layout?.selectPanel(null);
+			};
 			ctx.slots.inject("main", () => ctx.slots.inject("sidebar.panellist", () => {
 				const disposeMain = ctx.slots.register({
 					name: "main",
@@ -53363,12 +53980,17 @@ body[data-dvw-palette=eyecare] [data-dvw-conversation-panel]{--dsw-alias-bg-base
 				id: "dsh-vscode-workbench-overlay",
 				inject: () => ({
 					service,
-					navigation
+					browser,
+					navigation,
+					openDshPanel,
+					restoreConversation,
+					closeDshPanel
 				})
 			}, Overlay));
 			ctx.effect(() => {
 				const onKey = (event) => {
 					if (handleTerminalShortcut(event, service)) return;
+					if (handleBrowserShortcut(event, service)) return;
 					if (event.isComposing || !event.ctrlKey || event.altKey) return;
 					const view = event.shiftKey && event.code === "KeyE" ? "explorer" : event.shiftKey && event.code === "KeyF" ? "search" : event.shiftKey && event.code === "KeyG" ? "git" : void 0;
 					if (view !== void 0) {