dsh-vscode-workbench 0.2.0 → 0.2.3

package/lib/client.js

@@ -46,6 +46,7 @@ window.__ModuleLoader__.load({
 		//#endregion
 		let react = require("react");
 		let react_jsx_runtime = require("react/jsx-runtime");
+		let react_dom = require("react-dom");
 		//#region src/client/service.ts
 		const SNAPSHOT_KEY = "dvw:workbench:snapshot:v1";
 		const DEFAULT_SNAPSHOT = {
@@ -7408,6 +7409,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$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:",
@@ -7457,7 +7513,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/terminal.ts
-		async function request$2(method, body) {
+		async function request$1(method, body) {
 			const response = await fetch(`/dsh-vscode-terminal/api/${method}`, {
 				method: "POST",
 				headers: { "content-type": "application/json" },
@@ -7470,7 +7526,7 @@ window.__ModuleLoader__.load({
 			} catch {
 				throw new Error(`terminal request returned invalid JSON (${response.status})`);
 			}
-			if (!response.ok || answer.ok !== true) throw new Error(answer.error?.message ?? "terminal request failed");
+			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 {
@@ -7559,23 +7615,25 @@ window.__ModuleLoader__.load({
 				});
 				try {
 					this.set({
-						terminals: await request$2("list", { sessionId: this.sessionId }),
+						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 request$2("create", {
+					const terminal = await withSessionRetry(() => request$1("create", {
 						sessionId: this.sessionId,
 						...title === void 0 ? {} : { title }
-					});
+					}));
 					await this.refresh();
 					return terminal;
 				} catch (error) {
@@ -7588,18 +7646,18 @@ window.__ModuleLoader__.load({
 				}
 			}
 			async close(id) {
-				await request$2("close", {
+				await withSessionRetry(() => request$1("close", {
 					sessionId: this.sessionId,
 					id
-				});
+				}));
 				await this.refresh();
 			}
 			async rename(id, title) {
-				await request$2("rename", {
+				await withSessionRetry(() => request$1("rename", {
 					sessionId: this.sessionId,
 					id,
 					title
-				});
+				}));
 				await this.refresh();
 			}
 			connect(id) {
@@ -7755,11 +7813,11 @@ window.__ModuleLoader__.load({
 			const [sideWidth, setSideWidth] = (0, react.useState)(220);
 			(0, react.useEffect)(() => {
 				let cancelled = false;
-				workspace.refresh().then(() => {
-					if (!cancelled && workspace.getSnapshot().terminals.length === 0) workspace.create().then((value) => {
+				workspace.refresh().then((ready) => {
+					if (!cancelled && ready && workspace.getSnapshot().terminals.length === 0) workspace.create().then((value) => {
 						if (!cancelled) setActive(value.id);
 					}).catch(() => void 0);
-				}).catch(() => void 0);
+				});
 				return () => {
 					cancelled = true;
 				};
@@ -7934,57 +7992,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$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) {
-			for (let attempt = 0;; attempt++) try {
-				return await request$1(method, body, signal);
-			} 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 });
@@ -14134,6 +14141,18 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				horizontalScrollbarSize: 10
 			}
 		};
+		/** macOS reports Control-click as a secondary click, so Monaco only navigates with Cmd-click there. */
+		function isMacPlatform(userAgent = navigator.userAgent) {
+			return /Macintosh|Mac OS X/.test(userAgent);
+		}
+		/**
+		* Whether a mouse press should jump to the definition. On macOS, Control-click is a common
+		* Windows/Linux habit but arrives as a context-menu gesture (sometimes as a right-button
+		* press); treat it as Cmd-click instead.
+		*/
+		function isMacDefinitionClick(event) {
+			return (event.button === 0 || event.button === 2) && event.ctrlKey && !event.metaKey;
+		}
 		/** Monaco theme aligned with the workbench dark palette. */
 		const DARK_THEME = "dvw-dark";
 		const DARK_RULES = [
@@ -14225,6 +14244,36 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			"scrollbarSlider.hoverBackground": "#646464b3",
 			"scrollbarSlider.activeBackground": "#bfbfbf66"
 		};
+		/** Eye-care palette: the editor shares the workbench's warm yellow surface. */
+		const EYE_THEME = "dvw-eyecare";
+		const EYE_COLORS = {
+			"editor.background": "#f7ebc8",
+			"editor.foreground": "#3b3324",
+			"editorLineNumber.foreground": "#92856a",
+			"editorLineNumber.activeForeground": "#5c4a2a",
+			"editor.selectionBackground": "#e6d294",
+			"editor.inactiveSelectionBackground": "#ecdcae",
+			"editor.lineHighlightBackground": "#efe1b4",
+			"editorCursor.foreground": "#6b5320",
+			"editorWidget.background": "#f7ebc8",
+			"editorWidget.border": "#e0cf9f",
+			"editorSuggestWidget.background": "#f7ebc8",
+			"editorSuggestWidget.border": "#e0cf9f",
+			"editorSuggestWidget.selectedBackground": "#f0e0ae",
+			"editorHoverWidget.background": "#f7ebc8",
+			"editorHoverWidget.border": "#e0cf9f",
+			"editorGutter.background": "#f7ebc8",
+			"diffEditor.insertedTextBackground": "#b7d7a8aa",
+			"diffEditor.removedTextBackground": "#e8b4ad88",
+			"diffEditor.border": "#e0cf9f",
+			"diffEditor.diagonalFill": "#eadcb6",
+			"scrollbarSlider.background": "#92856a55",
+			"scrollbarSlider.hoverBackground": "#92856a88",
+			"scrollbarSlider.activeBackground": "#5c4a2a66"
+		};
+		function monacoThemeFor(theme) {
+			return theme === "dark" ? DARK_THEME : theme === "eyecare" ? EYE_THEME : "vs";
+		}
 		function defineWorkbenchThemes(monaco) {
 			monaco.editor.defineTheme(DARK_THEME, {
 				base: "vs-dark",
@@ -14232,6 +14281,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				rules: DARK_RULES,
 				colors: DARK_COLORS
 			});
+			monaco.editor.defineTheme(EYE_THEME, {
+				base: "vs",
+				inherit: true,
+				rules: [],
+				colors: EYE_COLORS
+			});
 		}
 		/**
 		* Bootstrap source for Monaco's AMD web workers. Workers resolve module paths against their own
@@ -14291,7 +14346,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						automaticLayout: true,
 						readOnly: true,
 						renderSideBySide: props.mode === "split",
-						theme: props.theme === "dark" ? DARK_THEME : "vs",
+						useInlineViewWhenSpaceIsLimited: false,
+						theme: monacoThemeFor(props.theme),
 						fontSize: props.fontSize ?? 14,
 						...WORKBENCH_EDITOR_CHROME,
 						originalEditable: false,
@@ -14319,13 +14375,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				if (value.modified.getValue() !== props.modified) value.modified.setValue(props.modified);
 			}, [props.original, props.modified]);
 			(0, react.useEffect)(() => {
-				editor.current?.updateOptions({ renderSideBySide: props.mode === "split" });
+				const value = editor.current;
+				if (value === void 0) return;
+				value.updateOptions({ renderSideBySide: props.mode === "split" });
+				const frame = requestAnimationFrame(() => value.layout());
+				return () => cancelAnimationFrame(frame);
 			}, [props.mode]);
 			(0, react.useEffect)(() => {
 				editor.current?.updateOptions({ fontSize: props.fontSize ?? 14 });
 			}, [props.fontSize]);
 			(0, react.useEffect)(() => {
-				if (window.monaco !== void 0) window.monaco.editor.setTheme(props.theme === "dark" ? DARK_THEME : "vs");
+				if (window.monaco !== void 0) window.monaco.editor.setTheme(monacoThemeFor(props.theme));
 			}, [props.theme]);
 			return error === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "dvw-diff dvw-monaco-diff",
@@ -14383,6 +14443,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			const root = (0, react.useRef)(null);
 			const editor = (0, react.useRef)();
 			const decorations = (0, react.useRef)();
+			const cleanupListeners = (0, react.useRef)(void 0);
 			const latest = (0, react.useRef)(props);
 			latest.current = props;
 			const [error, setError] = (0, react.useState)();
@@ -14435,7 +14496,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					const instance = monaco.editor.create(root.current, {
 						model: null,
 						automaticLayout: true,
-						theme: props.theme === "dark" ? DARK_THEME : "vs",
+						theme: monacoThemeFor(props.theme),
 						fontSize: props.fontSize ?? 14,
 						...WORKBENCH_EDITOR_CHROME,
 						wordWrap: "off"
@@ -14451,10 +14512,41 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyMod.Alt | monaco.KeyCode.KeyK],
 						run: () => latest.current.onAddToDsh?.(editorSelection(instance))
 					});
+					const mac = isMacPlatform();
+					let jumpedAt = -Infinity;
+					const jumpToDefinition = (clientX, clientY) => {
+						const position = instance.getTargetAtClientPoint(clientX, clientY)?.position;
+						if (position === null || position === void 0) return false;
+						jumpedAt = performance.now();
+						instance.setPosition(position);
+						instance.focus();
+						instance.trigger("dvw.definitionClick", "editor.action.revealDefinition", null);
+						return true;
+					};
+					const onMouseDown = (event) => {
+						if (!mac || !isMacDefinitionClick(event)) return;
+						event.preventDefault();
+						event.stopPropagation();
+						jumpToDefinition(event.clientX, event.clientY);
+					};
+					const onContextMenu = (event) => {
+						if (!mac || !event.ctrlKey || event.metaKey) return;
+						event.preventDefault();
+						event.stopPropagation();
+						if (performance.now() - jumpedAt > 500) jumpToDefinition(event.clientX, event.clientY);
+					};
+					root.current.addEventListener("mousedown", onMouseDown, true);
+					root.current.addEventListener("contextmenu", onContextMenu, true);
+					cleanupListeners.current = () => {
+						root.current?.removeEventListener("mousedown", onMouseDown, true);
+						root.current?.removeEventListener("contextmenu", onContextMenu, true);
+					};
 					attach(monaco, instance);
 				}).catch((error) => setError(error instanceof Error ? error.message : String(error)));
 				return () => {
 					disposed = true;
+					cleanupListeners.current?.();
+					cleanupListeners.current = void 0;
 					const instance = editor.current;
 					const model = instance?.getModel();
 					const state = instance?.saveViewState();
@@ -14473,7 +14565,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				if (model !== null && model !== void 0 && model.getValue() !== props.value) model.setValue(props.value);
 			}, [props.value]);
 			(0, react.useEffect)(() => {
-				if (window.monaco !== void 0) window.monaco.editor.setTheme(props.theme === "dark" ? DARK_THEME : "vs");
+				if (window.monaco !== void 0) window.monaco.editor.setTheme(monacoThemeFor(props.theme));
 			}, [props.theme]);
 			(0, react.useEffect)(() => {
 				editor.current?.updateOptions({ fontSize: props.fontSize ?? 14 });
@@ -14574,18 +14666,18 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 		//#endregion
 		//#region src/client/DshMark.tsx
 		/** Bundled DSH fish logo — self-contained, no dependence on host DOM. */
-		const WHALE_VIEWBOX = "0 0 23.16 17.04";
-		const WHALE_PATH = "M22.9168 1.43018C22.6713 1.31018 22.5658 1.53918 22.4223 1.65519C22.3733 1.69269 22.3318 1.74169 22.2903 1.78669C21.9317 2.1697 21.5127 2.42121 20.9657 2.39121C20.1657 2.34621 19.4827 2.59771 18.8787 3.20973C18.7502 2.45521 18.3236 2.0047 17.6746 1.71569C17.3351 1.56568 16.9916 1.41518 16.7536 1.08867C16.5876 0.856163 16.5421 0.597155 16.4591 0.341647C16.4061 0.187643 16.3536 0.0301382 16.1761 0.00363739C15.9836 -0.0263635 15.9081 0.135141 15.8326 0.270145C15.5306 0.822162 15.4136 1.43018 15.4251 2.0462C15.4516 3.43174 16.0366 4.53527 17.1991 5.3203C17.3311 5.4103 17.3651 5.5003 17.3236 5.63181C17.2441 5.90231 17.1501 6.16482 17.0671 6.43533C17.0141 6.60784 16.9351 6.64584 16.7501 6.57033C16.1121 6.30383 15.5611 5.90931 15.074 5.4328C14.2475 4.63328 13.5 3.75075 12.568 3.05973C12.349 2.89822 12.13 2.74822 11.9034 2.60522C10.9524 1.68169 12.028 0.923165 12.277 0.833162C12.5375 0.739159 12.3675 0.41615 11.5259 0.42015C10.6844 0.42365 9.91439 0.705658 8.93286 1.08117C8.78935 1.13767 8.63835 1.17867 8.48384 1.21267C7.59332 1.04367 6.66829 1.00617 5.70226 1.11517C3.88321 1.31768 2.43016 2.1777 1.36213 3.64575C0.0790928 5.4103 -0.222916 7.41536 0.146595 9.50642C0.535106 11.7105 1.66014 13.535 3.38869 14.9616C5.18125 16.4406 7.24581 17.1657 9.60138 17.0266C11.0319 16.9441 12.6245 16.7526 14.421 15.2321C14.874 15.4576 15.3496 15.5476 16.1381 15.6151C16.7456 15.6716 17.3306 15.5851 17.7836 15.4911C18.4931 15.3411 18.4441 14.6841 18.1876 14.5636C16.1081 13.595 16.5646 13.9891 16.1496 13.67C17.2061 12.42 18.8202 10.1979 19.3182 7.17235C19.3672 6.83834 19.4297 6.36783 19.4222 6.09732C19.4182 5.93231 19.4562 5.86831 19.6447 5.84931C20.1657 5.78931 20.6712 5.64681 21.1357 5.3913C22.4833 4.65528 23.0268 3.44624 23.1548 1.9972C23.1738 1.77569 23.1508 1.54668 22.9168 1.43018ZM11.1749 14.4736C9.15936 12.889 8.18184 12.3675 7.77832 12.39C7.40081 12.4125 7.46881 12.8445 7.55182 13.126C7.63882 13.404 7.75182 13.5955 7.91033 13.8396C8.01983 14.0011 8.09533 14.2411 7.80083 14.4216C7.15181 14.8231 6.02327 14.2866 5.97027 14.2601C4.65673 13.4865 3.5587 12.4655 2.78467 11.069C2.03715 9.72493 1.60314 8.28289 1.53164 6.74384C1.51264 6.37233 1.62214 6.24082 1.99215 6.17332C2.47916 6.08332 2.98118 6.06432 3.46769 6.13582C5.52476 6.43633 7.27581 7.35586 8.74385 8.8129C9.58188 9.64243 10.2159 10.634 10.8689 11.6025C11.5634 12.631 12.3105 13.611 13.262 14.4146C13.598 14.6961 13.866 14.9101 14.1225 15.0681C13.349 15.1546 12.058 15.1731 11.1749 14.4746L11.1749 14.4736ZM12.141 8.25988C12.141 8.09488 12.273 7.96338 12.439 7.96338C12.4765 7.96338 12.5105 7.97088 12.541 7.98188C12.5825 7.99688 12.6205 8.01938 12.6505 8.05338C12.7035 8.10588 12.7335 8.18088 12.7335 8.25988C12.7335 8.42489 12.6015 8.55639 12.4355 8.55639C12.2695 8.55639 12.141 8.42489 12.141 8.25988ZM15.1415 9.79893C14.949 9.87793 14.7565 9.94544 14.5715 9.95294C14.2845 9.96794 13.9715 9.85143 13.8015 9.70893C13.5375 9.48742 13.3485 9.36342 13.2695 8.97691C13.2355 8.8119 13.2545 8.55639 13.2845 8.40989C13.3525 8.09438 13.277 7.89187 13.0545 7.70787C12.8735 7.55786 12.643 7.51636 12.39 7.51636C12.2955 7.51636 12.209 7.47486 12.1445 7.44136C12.039 7.38886 11.9519 7.25735 12.035 7.09585C12.0615 7.04335 12.19 6.91584 12.22 6.89334C12.5635 6.69784 12.9595 6.76184 13.326 6.90834C13.6655 7.04735 13.9225 7.30236 14.292 7.66287C14.6695 8.09838 14.7375 8.21838 14.9525 8.54539C15.1225 8.8009 15.277 9.06341 15.3831 9.36392C15.4471 9.55142 15.3641 9.70493 15.1415 9.79893Z";
+		const DSH_MARK_VIEWBOX = "0 0 23.16 17.04";
+		const DSH_MARK_PATH = "M22.9168 1.43018C22.6713 1.31018 22.5658 1.53918 22.4223 1.65519C22.3733 1.69269 22.3318 1.74169 22.2903 1.78669C21.9317 2.1697 21.5127 2.42121 20.9657 2.39121C20.1657 2.34621 19.4827 2.59771 18.8787 3.20973C18.7502 2.45521 18.3236 2.0047 17.6746 1.71569C17.3351 1.56568 16.9916 1.41518 16.7536 1.08867C16.5876 0.856163 16.5421 0.597155 16.4591 0.341647C16.4061 0.187643 16.3536 0.0301382 16.1761 0.00363739C15.9836 -0.0263635 15.9081 0.135141 15.8326 0.270145C15.5306 0.822162 15.4136 1.43018 15.4251 2.0462C15.4516 3.43174 16.0366 4.53527 17.1991 5.3203C17.3311 5.4103 17.3651 5.5003 17.3236 5.63181C17.2441 5.90231 17.1501 6.16482 17.0671 6.43533C17.0141 6.60784 16.9351 6.64584 16.7501 6.57033C16.1121 6.30383 15.5611 5.90931 15.074 5.4328C14.2475 4.63328 13.5 3.75075 12.568 3.05973C12.349 2.89822 12.13 2.74822 11.9034 2.60522C10.9524 1.68169 12.028 0.923165 12.277 0.833162C12.5375 0.739159 12.3675 0.41615 11.5259 0.42015C10.6844 0.42365 9.91439 0.705658 8.93286 1.08117C8.78935 1.13767 8.63835 1.17867 8.48384 1.21267C7.59332 1.04367 6.66829 1.00617 5.70226 1.11517C3.88321 1.31768 2.43016 2.1777 1.36213 3.64575C0.0790928 5.4103 -0.222916 7.41536 0.146595 9.50642C0.535106 11.7105 1.66014 13.535 3.38869 14.9616C5.18125 16.4406 7.24581 17.1657 9.60138 17.0266C11.0319 16.9441 12.6245 16.7526 14.421 15.2321C14.874 15.4576 15.3496 15.5476 16.1381 15.6151C16.7456 15.6716 17.3306 15.5851 17.7836 15.4911C18.4931 15.3411 18.4441 14.6841 18.1876 14.5636C16.1081 13.595 16.5646 13.9891 16.1496 13.67C17.2061 12.42 18.8202 10.1979 19.3182 7.17235C19.3672 6.83834 19.4297 6.36783 19.4222 6.09732C19.4182 5.93231 19.4562 5.86831 19.6447 5.84931C20.1657 5.78931 20.6712 5.64681 21.1357 5.3913C22.4833 4.65528 23.0268 3.44624 23.1548 1.9972C23.1738 1.77569 23.1508 1.54668 22.9168 1.43018ZM11.1749 14.4736C9.15936 12.889 8.18184 12.3675 7.77832 12.39C7.40081 12.4125 7.46881 12.8445 7.55182 13.126C7.63882 13.404 7.75182 13.5955 7.91033 13.8396C8.01983 14.0011 8.09533 14.2411 7.80083 14.4216C7.15181 14.8231 6.02327 14.2866 5.97027 14.2601C4.65673 13.4865 3.5587 12.4655 2.78467 11.069C2.03715 9.72493 1.60314 8.28289 1.53164 6.74384C1.51264 6.37233 1.62214 6.24082 1.99215 6.17332C2.47916 6.08332 2.98118 6.06432 3.46769 6.13582C5.52476 6.43633 7.27581 7.35586 8.74385 8.8129C9.58188 9.64243 10.2159 10.634 10.8689 11.6025C11.5634 12.631 12.3105 13.611 13.262 14.4146C13.598 14.6961 13.866 14.9101 14.1225 15.0681C13.349 15.1546 12.058 15.1731 11.1749 14.4746L11.1749 14.4736ZM12.141 8.25988C12.141 8.09488 12.273 7.96338 12.439 7.96338C12.4765 7.96338 12.5105 7.97088 12.541 7.98188C12.5825 7.99688 12.6205 8.01938 12.6505 8.05338C12.7035 8.10588 12.7335 8.18088 12.7335 8.25988C12.7335 8.42489 12.6015 8.55639 12.4355 8.55639C12.2695 8.55639 12.141 8.42489 12.141 8.25988ZM15.1415 9.79893C14.949 9.87793 14.7565 9.94544 14.5715 9.95294C14.2845 9.96794 13.9715 9.85143 13.8015 9.70893C13.5375 9.48742 13.3485 9.36342 13.2695 8.97691C13.2355 8.8119 13.2545 8.55639 13.2845 8.40989C13.3525 8.09438 13.277 7.89187 13.0545 7.70787C12.8735 7.55786 12.643 7.51636 12.39 7.51636C12.2955 7.51636 12.209 7.47486 12.1445 7.44136C12.039 7.38886 11.9519 7.25735 12.035 7.09585C12.0615 7.04335 12.19 6.91584 12.22 6.89334C12.5635 6.69784 12.9595 6.76184 13.326 6.90834C13.6655 7.04735 13.9225 7.30236 14.292 7.66287C14.6695 8.09838 14.7375 8.21838 14.9525 8.54539C15.1225 8.8009 15.277 9.06341 15.3831 9.36392C15.4471 9.55142 15.3641 9.70493 15.1415 9.79893Z";
 		function DshMark({ size = 18 }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 				className: "dvw-dsh-mark",
 				width: size,
 				height: size * 17.04 / 23.16,
-				viewBox: WHALE_VIEWBOX,
+				viewBox: DSH_MARK_VIEWBOX,
 				fill: "none",
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					d: WHALE_PATH,
+					d: DSH_MARK_PATH,
 					fill: "currentColor"
 				})
 			});
@@ -14608,16 +14700,26 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 		function toggleActivityHidden(hidden, id) {
 			return hidden.includes(id) ? hidden.filter((value) => value !== id) : [...hidden, id];
 		}
-		/** VS Code-style activity bar: pointer drag with a floating ghost and live reordering, right-click hide. */
+		/**
+		* VS Code-style activity bar: every view can be dragged into a new slot while `fixed` actions stay pinned on
+		* top and `bottom` actions stay pinned at the foot. Reordering is computed from pointer position so it keeps
+		* working when the DOM shifts under a fast drag.
+		*/
 		function ActivityBar({ views, fixed, bottom = [], order, hidden, onOrderChange, onHiddenChange }) {
 			const [menu, setMenu] = (0, react.useState)();
 			const drag = (0, react.useRef)();
+			const draggingRef = (0, react.useRef)(false);
 			const nodes = (0, react.useRef)(/* @__PURE__ */ new Map());
 			const flip = (0, react.useRef)();
-			const suppressClick = (0, react.useRef)(false);
+			const didDrag = (0, react.useRef)(false);
 			const [draggingId, setDraggingId] = (0, react.useState)();
 			const [ghost, setGhost] = (0, react.useState)();
 			const [preview, setPreview] = (0, react.useState)();
+			const previewRef = (0, react.useRef)();
+			const orderRef = (0, react.useRef)(order);
+			const visibleRef = (0, react.useRef)([]);
+			previewRef.current = preview;
+			orderRef.current = order;
 			(0, react.useEffect)(() => {
 				if (menu === void 0) return;
 				const close = () => setMenu(void 0);
@@ -14635,6 +14737,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				const before = flip.current;
 				flip.current = void 0;
 				if (before === void 0) return;
+				if (draggingRef.current) return;
 				for (const [id, element] of nodes.current) {
 					const previous = before.get(id);
 					if (previous === void 0) continue;
@@ -14647,69 +14750,97 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				}
 			});
 			const visible = views.filter((view) => !hidden.includes(view.id));
-			const currentOrder = preview ?? order;
-			const ordered = currentOrder.flatMap((id) => visible.filter((view) => view.id === id));
+			visibleRef.current = visible;
+			const ordered = (preview ?? order).flatMap((id) => visible.filter((view) => view.id === id));
 			const toggled = (id) => onHiddenChange(toggleActivityHidden(hidden, id));
 			const target = menu?.target === void 0 ? void 0 : views.find((view) => view.id === menu.target);
 			const capturePositions = () => {
 				flip.current = new Map([...nodes.current].map(([id, element]) => [id, element.getBoundingClientRect().top]));
 			};
-			const beginDrag = (event, id) => {
-				if (event.button !== 0) return;
-				drag.current = {
-					id,
-					x: event.clientX,
-					y: event.clientY,
-					active: false
-				};
-				event.currentTarget.setPointerCapture?.(event.pointerId);
-			};
-			const moveDrag = (event, id) => {
+			const moveDrag = (clientX, clientY) => {
 				const state = drag.current;
-				if (state === void 0 || state.id !== id) return;
+				if (state === void 0) return;
 				if (!state.active) {
-					if (Math.abs(event.clientX - state.x) + Math.abs(event.clientY - state.y) < 5) return;
+					if (Math.abs(clientX - state.x) + Math.abs(clientY - state.y) < 5) return;
 					state.active = true;
-					setDraggingId(id);
+					draggingRef.current = true;
+					setDraggingId(state.id);
 				}
 				setGhost({
-					x: event.clientX,
-					y: event.clientY
+					x: clientX,
+					y: clientY
 				});
-				const element = document.elementFromPoint(event.clientX, event.clientY)?.closest("[data-act-id]");
-				if (element === null || element === void 0) return;
-				const targetId = element.dataset.actId;
-				if (targetId === void 0 || targetId === id || !visible.some((view) => view.id === targetId)) return;
-				const rect = element.getBoundingClientRect();
-				const ids = currentOrder.filter((value) => visible.some((view) => view.id === value));
-				const index = ids.indexOf(targetId);
-				if (index < 0) return;
-				const next = moveActivity(currentOrder, id, event.clientY > rect.top + rect.height / 2 ? ids[index + 1] : targetId);
-				if (next.join("|") === currentOrder.join("|")) return;
+				const base = previewRef.current ?? orderRef.current;
+				const visibleIds = new Set(visibleRef.current.map((view) => view.id));
+				const slots = base.filter((id) => visibleIds.has(id) && id !== state.id);
+				let index = 0;
+				for (const id of slots) {
+					const element = nodes.current.get(id);
+					if (element === void 0) continue;
+					const rect = element.getBoundingClientRect();
+					if (clientY > rect.top + rect.height / 2) index += 1;
+				}
+				const next = moveActivity(base, state.id, slots[index]);
+				if (next.join("|") === base.join("|")) return;
 				capturePositions();
+				previewRef.current = next;
 				setPreview(next);
 			};
-			const endDrag = (event) => {
+			const endDrag = () => {
 				const state = drag.current;
 				drag.current = void 0;
 				if (state?.active) {
-					suppressClick.current = true;
-					window.setTimeout(() => {
-						suppressClick.current = false;
-					}, 0);
-					if (preview !== void 0) onOrderChange(preview);
+					didDrag.current = true;
+					const next = previewRef.current;
+					if (next !== void 0) onOrderChange(next);
 				}
-				event.currentTarget.releasePointerCapture?.(event.pointerId);
+				draggingRef.current = false;
+				previewRef.current = void 0;
 				setDraggingId(void 0);
 				setGhost(void 0);
 				setPreview(void 0);
 			};
 			const cancelDrag = () => {
 				drag.current = void 0;
+				draggingRef.current = false;
+				previewRef.current = void 0;
 				setDraggingId(void 0);
 				setGhost(void 0);
 				setPreview(void 0);
 			};
+			const handlers = (0, react.useRef)({
+				moveDrag,
+				endDrag,
+				cancelDrag
+			});
+			handlers.current = {
+				moveDrag,
+				endDrag,
+				cancelDrag
+			};
+			(0, react.useEffect)(() => {
+				const move = (event) => handlers.current.moveDrag(event.clientX, event.clientY);
+				const up = () => handlers.current.endDrag();
+				const cancel = () => handlers.current.cancelDrag();
+				window.addEventListener("pointermove", move);
+				window.addEventListener("pointerup", up);
+				window.addEventListener("pointercancel", cancel);
+				return () => {
+					window.removeEventListener("pointermove", move);
+					window.removeEventListener("pointerup", up);
+					window.removeEventListener("pointercancel", cancel);
+				};
+			}, []);
+			const beginDrag = (event, id) => {
+				if (event.button !== 0) return;
+				didDrag.current = false;
+				drag.current = {
+					id,
+					x: event.clientX,
+					y: event.clientY,
+					active: false
+				};
+			};
 			const renderView = (view) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				ref: (element) => {
 					if (element === null) nodes.current.delete(view.id);
@@ -14722,11 +14853,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				disabled: view.disabled,
 				title: view.label,
 				onPointerDown: (event) => beginDrag(event, view.id),
-				onPointerMove: (event) => moveDrag(event, view.id),
-				onPointerUp: (event) => endDrag(event),
-				onPointerCancel: cancelDrag,
 				onClick: () => {
-					if (!suppressClick.current) view.onActivate();
+					if (didDrag.current) {
+						didDrag.current = false;
+						return;
+					}
+					view.onActivate();
 				},
 				onContextMenu: (event) => {
 					event.preventDefault();
@@ -14750,10 +14882,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						});
 					},
 					children: [
-						ordered.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "dvw-activity-empty",
-							"aria-hidden": "true"
-						}) : ordered.map(renderView),
 						fixed.map((view) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							className: "dvw-act",
 							"data-act-id": view.id,
@@ -14763,6 +14891,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 							onClick: view.onActivate,
 							children: view.icon
 						}, view.id)),
+						ordered.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dvw-activity-empty",
+							"aria-hidden": "true"
+						}) : ordered.map(renderView),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "dvw-activity-bottom",
 							children: bottom.map((view) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -14837,7 +14969,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 		//#endregion
 		//#region src/client/WorkspaceSwitcher.tsx
 		/** Centered switcher: existing workspaces, their sessions, and a new-workspace action. */
-		function WorkspaceSwitcher({ choices, activeSessionId, unavailable, busy, error, onCreate, onSwitch, onOpenWorkspace, onClose }) {
+		function WorkspaceSwitcher({ choices, activeSessionId, unavailable, busy, error, theme, onCreate, onSwitch, onOpenWorkspace, onClose }) {
 			const current = choices.find((workspace) => workspace.sessions.some((session) => session.id === activeSessionId))?.id;
 			const [expanded, setExpanded] = (0, react.useState)(current ?? choices[0]?.id);
 			(0, react.useEffect)(() => {
@@ -14847,98 +14979,102 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				window.addEventListener("keydown", escape);
 				return () => window.removeEventListener("keydown", escape);
 			}, [onClose]);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "dvw-confirm-backdrop",
-				role: "presentation",
-				onMouseDown: onClose,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-					className: "dvw-workspace-switcher",
-					role: "dialog",
-					"aria-modal": "true",
-					"aria-label": "打开工作区",
-					onMouseDown: (event) => event.stopPropagation(),
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: "打开工作区" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							className: "dvw-icon",
-							title: "关闭",
-							onClick: onClose,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "close" })
-						})] }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dvw-workspace-list",
-							children: unavailable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dvw-workspace-empty",
-								children: "无法读取 DSH 的工作区列表，请重启 DSH 后再试。"
-							}) : choices.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dvw-workspace-empty",
-								children: "还没有工作区，先新建一个。"
-							}) : choices.map((workspace) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dvw-workspace-group",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dvw-workspace-row",
-									"data-expanded": expanded === workspace.id,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-										className: "dvw-workspace-toggle",
-										"aria-expanded": expanded === workspace.id,
-										onClick: () => setExpanded((value) => value === workspace.id ? void 0 : workspace.id),
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "folder-opened" }),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dvw-workspace-title",
-												children: workspace.title
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dvw-workspace-path",
-												children: workspace.path
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: expanded === workspace.id ? "chevron-down" : "chevron-right" })
-										]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										className: "dvw-icon dvw-workspace-enter",
-										title: "进入此工作区",
-										onClick: () => onOpenWorkspace(workspace.id),
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "arrow-right" })
+			return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dvw-overlay dvw-workspace-layer",
+				"data-dvw-theme": theme,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dvw-workspace-backdrop",
+					role: "presentation",
+					onMouseDown: onClose,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "dvw-workspace-switcher",
+						role: "dialog",
+						"aria-modal": "true",
+						"aria-label": "打开工作区",
+						onMouseDown: (event) => event.stopPropagation(),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: "打开工作区" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: "dvw-icon",
+								title: "关闭",
+								onClick: onClose,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "close" })
+							})] }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dvw-workspace-list",
+								children: unavailable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dvw-workspace-empty",
+									children: "无法读取 DSH 的工作区列表，请重启 DSH 后再试。"
+								}) : choices.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dvw-workspace-empty",
+									children: "还没有工作区，先新建一个。"
+								}) : choices.map((workspace) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dvw-workspace-group",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dvw-workspace-row",
+										"data-expanded": expanded === workspace.id,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											className: "dvw-workspace-toggle",
+											"aria-expanded": expanded === workspace.id,
+											onClick: () => setExpanded((value) => value === workspace.id ? void 0 : workspace.id),
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "folder-opened" }),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dvw-workspace-title",
+													children: workspace.title
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dvw-workspace-path",
+													children: workspace.path
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: expanded === workspace.id ? "chevron-down" : "chevron-right" })
+											]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											className: "dvw-icon dvw-workspace-enter",
+											title: "进入此工作区",
+											onClick: () => onOpenWorkspace(workspace.id),
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "arrow-right" })
+										})]
+									}), expanded === workspace.id && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dvw-workspace-sessions",
+										children: workspace.sessions.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dvw-workspace-empty",
+											children: "此工作区还没有会话"
+										}) : workspace.sessions.map((session) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											className: "dvw-workspace-session",
+											"data-active": session.id === activeSessionId,
+											onClick: () => onSwitch(session.id),
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "comment-discussion" }),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dvw-workspace-session-title",
+													children: session.title
+												}),
+												session.id === activeSessionId && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dvw-workspace-current",
+													children: "当前"
+												})
+											]
+										}, session.id))
 									})]
-								}), expanded === workspace.id && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "dvw-workspace-sessions",
-									children: workspace.sessions.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dvw-workspace-empty",
-										children: "此工作区还没有会话"
-									}) : workspace.sessions.map((session) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-										className: "dvw-workspace-session",
-										"data-active": session.id === activeSessionId,
-										onClick: () => onSwitch(session.id),
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "comment-discussion" }),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dvw-workspace-session-title",
-												children: session.title
-											}),
-											session.id === activeSessionId && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dvw-workspace-current",
-												children: "当前"
-											})
-										]
-									}, session.id))
-								})]
-							}, workspace.id))
-						}),
-						error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: "dvw-workspace-error",
-							children: error
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							className: "dvw-primary-button",
-							disabled: busy,
-							onClick: onCreate,
-							children: busy ? "正在打开…" : "新建工作区…"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							onClick: onClose,
-							children: "取消"
-						})] })
-					]
+								}, workspace.id))
+							}),
+							error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dvw-workspace-error",
+								children: error
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: "dvw-primary-button",
+								disabled: busy,
+								onClick: onCreate,
+								children: busy ? "正在打开…" : "新建工作区…"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								onClick: onClose,
+								children: "取消"
+							})] })
+						]
+					})
 				})
-			});
+			}), document.body);
 		}
 		//#endregion
 		//#region src/client/lsp.ts
@@ -15336,53 +15472,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				for (const id of [...this.connections.keys()]) this.stop(id);
 			}
 		};
-		/** Language server that handles a workspace path, derived from its extension or well-known filename. */
-		function languageServerIdForPath(path) {
-			const name = path.split("/").at(-1)?.toLowerCase() ?? "";
-			if (name === "dockerfile" || name.startsWith("dockerfile.")) return "dockerfile";
-			const extension = name.includes(".") ? name.split(".").at(-1) : void 0;
-			if (extension === void 0) return void 0;
-			if ([
-				"ts",
-				"tsx",
-				"js",
-				"jsx",
-				"mjs",
-				"cjs",
-				"mts",
-				"cts"
-			].includes(extension)) return "typescript";
-			if (extension === "py" || extension === "pyi") return "python";
-			if (extension === "php") return "php";
-			if ([
-				"sh",
-				"bash",
-				"zsh",
-				"ksh"
-			].includes(extension)) return "shell";
-			if (extension === "yaml" || extension === "yml") return "yaml";
-			if (extension === "json" || extension === "jsonc") return "json";
-			if ([
-				"css",
-				"scss",
-				"less"
-			].includes(extension)) return "css";
-			if (extension === "html" || extension === "htm") return "html";
-			if (extension === "go") return "go";
-			if (extension === "rs") return "rust";
-			if ([
-				"c",
-				"h",
-				"cc",
-				"cpp",
-				"cxx",
-				"hpp",
-				"hxx"
-			].includes(extension)) return "cpp";
-			if (extension === "java") return "java";
-			if (extension === "cs") return "csharp";
-			if (extension === "lua") return "lua";
-		}
 		/** True for the add-to-DSH chord; Monaco binds it separately, so this covers the Explorer. */
 		function isAddToDshShortcut(event) {
 			return !event.isComposing && (event.ctrlKey || event.metaKey) && event.altKey && !event.shiftKey && event.code === "KeyK";
@@ -49679,6 +49768,12 @@ section.${c}>footer { z-index: 1; }
 		};
 		//#endregion
 		//#region src/client/Workbench.tsx
+		const MARKDOWN_DEFAULT_VIEW_KEY = "dvw:markdown-default-view";
+		/** Keep persisted or dragged widths inside the range the DSH composer can lay out cleanly. */
+		function clampChatWidth(width) {
+			if (!Number.isFinite(width)) return 440;
+			return Math.max(440, Math.min(720, Math.round(width)));
+		}
 		/** Calculate a panel width from a horizontal pointer movement. */
 		function resizedPanelWidth(startWidth, startX, nextX, direction, min, max) {
 			return Math.max(min, Math.min(max, Math.round(startWidth + (nextX - startX) * direction)));
@@ -49751,6 +49846,14 @@ section.${c}>footer { z-index: 1; }
 				}
 			});
 		}
+		/** Read the saved Markdown default without depending on browser storage during unit tests. */
+		function markdownDefaultView() {
+			try {
+				return localStorage.getItem("dvw:markdown-default-view") === "source" ? "source" : "preview";
+			} catch {
+				return "preview";
+			}
+		}
 		function unloadedTab(path) {
 			return {
 				instance: Symbol(path),
@@ -49763,7 +49866,7 @@ section.${c}>footer { z-index: 1; }
 				tooLarge: false,
 				dirty: false,
 				loaded: false,
-				preview: /\.md$/i.test(path)
+				preview: /\.md$/i.test(path) ? markdownDefaultView() === "preview" : void 0
 			};
 		}
 		function WorkbenchTitlebar({ name }) {
@@ -50932,6 +51035,8 @@ section.${c}>footer { z-index: 1; }
 			const [branches, setBranches] = (0, react.useState)([]);
 			const [newBranch, setNewBranch] = (0, react.useState)("");
 			const [branchError, setBranchError] = (0, react.useState)();
+			const [generating, setGenerating] = (0, react.useState)(false);
+			const [commitMenu, setCommitMenu] = (0, react.useState)(false);
 			const refresh = (0, react.useCallback)(() => {
 				Promise.all([api("git.status", { sessionId: props.sessionId }), api("git.action", {
 					sessionId: props.sessionId,
@@ -50988,6 +51093,19 @@ section.${c}>footer { z-index: 1; }
 					window.removeEventListener("keydown", escape);
 				};
 			}, [branchMenu]);
+			(0, react.useEffect)(() => {
+				if (!commitMenu) return;
+				const close = () => setCommitMenu(false);
+				const escape = (event) => {
+					if (event.key === "Escape") close();
+				};
+				window.addEventListener("pointerdown", close);
+				window.addEventListener("keydown", escape);
+				return () => {
+					window.removeEventListener("pointerdown", close);
+					window.removeEventListener("keydown", escape);
+				};
+			}, [commitMenu]);
 			const openBranchMenu = async () => {
 				if (branchMenu) {
 					setBranchMenu(false);
@@ -51084,6 +51202,23 @@ section.${c}>footer { z-index: 1; }
 					setBusy(false);
 				}
 			};
+			const generateMessage = async () => {
+				if (generating) return;
+				setGenerating(true);
+				setError(void 0);
+				try {
+					const result = await api("git.commitMessage", {
+						sessionId: props.sessionId,
+						detail: props.preferences.detail,
+						language: props.preferences.language
+					});
+					setMessage(result.message);
+				} catch (error) {
+					setError(error instanceof ApiError ? error.message : String(error));
+				} finally {
+					setGenerating(false);
+				}
+			};
 			const staged = status?.changes.filter((change) => change.index !== "." && change.index !== "?") ?? [];
 			const changed = status?.changes.filter((change) => change.worktree !== "." || change.untracked) ?? [];
 			const renderChange = (change, group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -51217,19 +51352,89 @@ section.${c}>footer { z-index: 1; }
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "dvw-commit",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-							className: "dvw-input",
-							value: message,
-							onChange: (event) => setMessage(event.target.value),
-							onKeyDown: (event) => {
-								if (event.ctrlKey && event.key === "Enter" && message.trim()) action("commit", void 0, message).then(() => setMessage(""));
-							},
-							placeholder: `消息 (Ctrl+Enter 在“${status.branch}”提交)`
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-							className: "dvw-commit-button",
-							disabled: busy || !message.trim(),
-							onClick: () => void action("commit", void 0, message).then(() => setMessage("")),
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "check" }), " 提交"]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dvw-commit-box",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								className: "dvw-textarea dvw-commit-input",
+								rows: 1,
+								value: message,
+								onChange: (event) => setMessage(event.target.value),
+								onKeyDown: (event) => {
+									if ((event.ctrlKey || event.metaKey) && event.key === "Enter" && message.trim()) action("commit", void 0, message).then(() => setMessage(""));
+								},
+								placeholder: `消息 (${isMacPlatform() ? "⌘" : "Ctrl+"}Enter 在“${status.branch}”提交)`
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: "dvw-commit-ai",
+								disabled: busy || generating || status.changes.length === 0,
+								title: generating ? "正在生成提交信息" : "根据当前更改生成提交信息",
+								"aria-label": "生成提交信息",
+								onClick: () => void generateMessage(),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "sparkle" })
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dvw-commit-actions",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									className: "dvw-commit-button",
+									disabled: busy || !message.trim() || status.changes.length === 0,
+									title: "提交暂存的更改",
+									onClick: () => void action("commit", void 0, message).then(() => setMessage("")),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "check" }), " 提交"]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "dvw-commit-more",
+									disabled: busy || !message.trim() || status.changes.length === 0,
+									"aria-haspopup": "menu",
+									"aria-expanded": commitMenu,
+									title: "更多提交操作",
+									"aria-label": "更多提交操作",
+									onClick: () => setCommitMenu((value) => !value),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "chevron-down" })
+								}),
+								commitMenu && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dvw-commit-menu",
+									role: "menu",
+									onPointerDown: (event) => event.stopPropagation(),
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											role: "menuitem",
+											onClick: () => {
+												setCommitMenu(false);
+												action("commit", void 0, message).then(() => setMessage(""));
+											},
+											children: "提交"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											role: "menuitem",
+											onClick: () => {
+												setCommitMenu(false);
+												action("commit.amend", void 0, message).then(() => setMessage(""));
+											},
+											children: "提交（修改）"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "dvw-commit-menu-sep",
+											role: "separator"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											role: "menuitem",
+											onClick: () => {
+												setCommitMenu(false);
+												action("commit", void 0, message).then(() => action("push")).then(() => setMessage(""));
+											},
+											children: "提交和推送"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											role: "menuitem",
+											onClick: () => {
+												setCommitMenu(false);
+												action("commit", void 0, message).then(() => action("sync")).then(() => setMessage(""));
+											},
+											children: "提交和同步"
+										})
+									]
+								})
+							]
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -51376,14 +51581,12 @@ section.${c}>footer { z-index: 1; }
 			const [primarySideVisible, setPrimarySideVisible] = (0, react.useState)(() => localStorage.getItem("dvw:primary-side-visible") !== "closed");
 			const [statusVisible, setStatusVisible] = (0, react.useState)(() => localStorage.getItem("dvw:status-bar-visible") === "open");
 			const [settingsOpen, setSettingsOpen] = (0, react.useState)(false);
-			const [chatWidth, setChatWidth] = (0, react.useState)(() => Math.max(400, Math.min(720, Math.round(Number(localStorage.getItem("dvw:dsh-chat-width")) || 420))));
+			const [chatWidth, setChatWidth] = (0, react.useState)(() => clampChatWidth(Number(localStorage.getItem("dvw:dsh-chat-width")) || 440));
 			const [chatVisible, setChatVisible] = (0, react.useState)(() => localStorage.getItem("dvw:dsh-chat-visible") !== "closed");
 			const [outlineVisible, setOutlineVisible] = (0, react.useState)(() => localStorage.getItem("dvw:outline") !== "closed");
 			const [tsIntellisense, setTsIntellisense] = (0, react.useState)(tsIntellisenseEnabled);
 			const [tsIndex, setTsIndex] = (0, react.useState)({ state: "idle" });
 			const [lspServers, setLspServers] = (0, react.useState)([]);
-			const [lspPrompt, setLspPrompt] = (0, react.useState)();
-			const dismissedLsp = (0, react.useRef)(/* @__PURE__ */ new Set());
 			const [lspBusy, setLspBusy] = (0, react.useState)();
 			const [lspError, setLspError] = (0, react.useState)("");
 			const lspManager = (0, react.useRef)();
@@ -51394,6 +51597,7 @@ section.${c}>footer { z-index: 1; }
 			const [tabMenu, setTabMenu] = (0, react.useState)();
 			const tabsRef = (0, react.useRef)(tabs);
 			tabsRef.current = tabs;
+			const [settingsSection, setSettingsSection] = (0, react.useState)("appearance");
 			const tabListRef = (0, react.useRef)(null);
 			const workspaceRequests = (0, react.useRef)(new WorkspaceRequestScope());
 			const loadedWorkspaceCwd = (0, react.useRef)();
@@ -51401,10 +51605,26 @@ section.${c}>footer { z-index: 1; }
 			const dshDark = useDshDarkTheme();
 			const [theme, setTheme] = (0, react.useState)(() => {
 				const saved = localStorage.getItem("dvw:theme");
-				return saved === "dark" || saved === "light" ? saved : "dsh";
+				return saved === "dark" || saved === "light" || saved === "white" || saved === "eyecare" ? saved : "dsh";
+			});
+			const [markdownView, setMarkdownView] = (0, react.useState)(() => markdownDefaultView());
+			const [commitDetail, setCommitDetail] = (0, react.useState)(() => {
+				const saved = localStorage.getItem("dvw:commit-detail");
+				return saved === "concise" || saved === "detailed" ? saved : "standard";
+			});
+			const [commitLanguage, setCommitLanguage] = (0, react.useState)(() => {
+				const saved = localStorage.getItem("dvw:commit-language");
+				return saved === "zh" || saved === "en" ? saved : "auto";
 			});
 			const colorScheme = theme === "dsh" ? dshDark ? "dark" : "light" : theme;
+			const commitPreferences = (0, react.useMemo)(() => ({
+				detail: commitDetail,
+				language: commitLanguage
+			}), [commitDetail, commitLanguage]);
 			(0, react.useEffect)(() => localStorage.setItem("dvw:theme", theme), [theme]);
+			(0, react.useEffect)(() => localStorage.setItem(MARKDOWN_DEFAULT_VIEW_KEY, markdownView), [markdownView]);
+			(0, react.useEffect)(() => localStorage.setItem("dvw:commit-detail", commitDetail), [commitDetail]);
+			(0, react.useEffect)(() => localStorage.setItem("dvw:commit-language", commitLanguage), [commitLanguage]);
 			(0, react.useEffect)(() => {
 				if (!snapshot.visible || theme === "dsh") return;
 				const body = document.body;
@@ -51412,7 +51632,7 @@ section.${c}>footer { z-index: 1; }
 				const wasDark = body.hasAttribute("data-ds-dark-theme");
 				const previousColorScheme = root.style.colorScheme;
 				body.toggleAttribute("data-ds-dark-theme", theme === "dark");
-				root.style.colorScheme = theme;
+				root.style.colorScheme = theme === "dark" ? "dark" : "light";
 				return () => {
 					body.toggleAttribute("data-ds-dark-theme", wasDark);
 					if (previousColorScheme === "") root.style.removeProperty("color-scheme");
@@ -51482,7 +51702,7 @@ section.${c}>footer { z-index: 1; }
 					line,
 					column,
 					highlight,
-					preview: line !== void 0 ? false : void 0
+					...line !== void 0 ? { preview: false } : {}
 				}]);
 				setActive(path);
 			};
@@ -51707,51 +51927,6 @@ section.${c}>footer { z-index: 1; }
 			const openRef = (0, react.useRef)(open);
 			openRef.current = open;
 			const openPath = (0, react.useCallback)((path, line, column, highlight) => openRef.current(path, line, column, highlight), []);
-			(0, react.useEffect)(() => {
-				if (active === void 0 || active.startsWith("diff:")) return;
-				const id = languageServerIdForPath(active);
-				if (id === void 0 || dismissedLsp.current.has(id)) return;
-				if (id === "typescript") {
-					if (!tsIntellisense) setLspPrompt({
-						id: "typescript",
-						name: "TypeScript / JavaScript",
-						builtin: true,
-						installable: true
-					});
-					return;
-				}
-				const server = lspServers.find((value) => value.id === id);
-				if (server === void 0 || server.installed) return;
-				setLspPrompt({
-					id: server.id,
-					name: server.name,
-					builtin: false,
-					installable: server.installable,
-					hint: server.hint
-				});
-			}, [
-				active,
-				lspServers,
-				tsIntellisense
-			]);
-			const dismissLspPrompt = () => {
-				if (lspPrompt !== void 0) dismissedLsp.current.add(lspPrompt.id);
-				setLspPrompt(void 0);
-			};
-			const installLspPrompt = async () => {
-				const prompt = lspPrompt;
-				if (prompt === void 0) return;
-				setLspPrompt(void 0);
-				if (prompt.builtin) {
-					setTsIntellisense(true);
-					return;
-				}
-				if (!prompt.installable) {
-					setSettingsOpen(true);
-					return;
-				}
-				await changeLsp(prompt.id, "install");
-			};
 			const [switcherOpen, setSwitcherOpen] = (0, react.useState)(false);
 			const [switcherChoices, setSwitcherChoices] = (0, react.useState)([]);
 			const [switcherBusy, setSwitcherBusy] = (0, react.useState)(false);
@@ -51845,6 +52020,13 @@ section.${c}>footer { z-index: 1; }
 				workspace,
 				refreshLsp
 			]);
+			(0, react.useEffect)(() => {
+				if (settingsOpen && settingsSection === "language") refreshLsp();
+			}, [
+				settingsOpen,
+				settingsSection,
+				refreshLsp
+			]);
 			(0, react.useEffect)(() => () => {
 				lspManager.current?.dispose();
 			}, []);
@@ -51855,18 +52037,12 @@ section.${c}>footer { z-index: 1; }
 			}, [tsIntellisense]);
 			(0, react.useEffect)(() => {
 				if (!snapshot.visible || sessionId === void 0 || workspace === void 0) return;
-				if (!tsIntellisense) {
-					if (window.monaco !== void 0) disposeTypeScriptProject(window.monaco);
-					setTsIndex({ state: "idle" });
-					return;
-				}
 				let cancelled = false;
-				const cwd = workspace.cwd;
-				const disposables = [];
+				let disposable;
 				loadMonaco().then((monaco) => {
 					if (cancelled) return;
-					setTsIndex({ state: "loading" });
-					disposables.push(monaco.editor.registerEditorOpener({ openCodeEditor: (_source, resource, selection) => {
+					const cwd = workspace.cwd;
+					disposable = monaco.editor.registerEditorOpener({ openCodeEditor: (_source, resource, selection) => {
 						const path = workspacePathFromModel(cwd, resource.toString());
 						if (path === void 0) return false;
 						const position = selection === void 0 ? void 0 : "startLineNumber" in selection ? {
@@ -51878,7 +52054,31 @@ section.${c}>footer { z-index: 1; }
 						};
 						openPath(path, position?.line, position?.column);
 						return true;
-					} }));
+					} });
+				});
+				return () => {
+					cancelled = true;
+					disposable?.dispose();
+				};
+			}, [
+				snapshot.visible,
+				sessionId,
+				workspace,
+				openPath
+			]);
+			(0, react.useEffect)(() => {
+				if (!snapshot.visible || sessionId === void 0 || workspace === void 0) return;
+				if (!tsIntellisense) {
+					if (window.monaco !== void 0) disposeTypeScriptProject(window.monaco);
+					setTsIndex({ state: "idle" });
+					return;
+				}
+				let cancelled = false;
+				const cwd = workspace.cwd;
+				const disposables = [];
+				loadMonaco().then((monaco) => {
+					if (cancelled) return;
+					setTsIndex({ state: "loading" });
 					const changed = (event) => {
 						const paths = event.detail;
 						if (Array.isArray(paths)) refreshIndexedFiles(monaco, sessionId, cwd, paths);
@@ -51905,8 +52105,7 @@ section.${c}>footer { z-index: 1; }
 				snapshot.visible,
 				sessionId,
 				workspace,
-				tsIntellisense,
-				openPath
+				tsIntellisense
 			]);
 			const openDiff = (0, react.useCallback)((path, diff, title, diffSourcePath) => {
 				const key = `diff:${path}`;
@@ -52044,6 +52243,7 @@ section.${c}>footer { z-index: 1; }
 			if (sessionId === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dvw-overlay",
 				"data-dvw-theme": colorScheme,
+				"data-dvw-theme-name": theme,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(WorkbenchTitlebar, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "dvw-empty",
 					style: { gridColumn: "1/4" },
@@ -52064,6 +52264,7 @@ section.${c}>footer { z-index: 1; }
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dvw-overlay",
 				"data-dvw-theme": colorScheme,
+				"data-dvw-theme-name": theme,
 				"data-dvw-chat": chatVisible || void 0,
 				"data-dvw-primary-side": primarySideVisible || void 0,
 				"data-dvw-status": statusVisible || void 0,
@@ -52096,9 +52297,9 @@ section.${c}>footer { z-index: 1; }
 								className: "dvw-chat-resizer",
 								label: "拖动调整 DSH 对话栏宽度",
 								width: chatWidth,
-								min: 400,
+								min: 440,
 								max: 720,
-								defaultWidth: 420,
+								defaultWidth: 440,
 								direction: -1,
 								hideBelow: 200,
 								onHide: () => setChatVisible(false),
@@ -52116,40 +52317,13 @@ section.${c}>footer { z-index: 1; }
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "dvw-chat-body" })
 						]
 					}),
-					lspPrompt !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "dvw-confirm-backdrop",
-						role: "presentation",
-						onMouseDown: dismissLspPrompt,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-							className: "dvw-confirm",
-							role: "alertdialog",
-							"aria-modal": "true",
-							"aria-label": "语言未安装",
-							onMouseDown: (event) => event.stopPropagation(),
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: "语言未安装" }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", { children: [lspPrompt.name, " 的语言服务尚未安装。"] }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dvw-confirm-note",
-									children: lspPrompt.installable ? "安装后才能使用转到定义、查找引用、Peek、智能补全和签名帮助。" : lspPrompt.hint ?? "该语言服务器需要手动安装。"
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									onClick: dismissLspPrompt,
-									children: "以后再说"
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									className: "dvw-primary-button",
-									onClick: () => void installLspPrompt(),
-									children: lspPrompt.installable ? "安装" : "打开设置"
-								})] })
-							]
-						})
-					}),
 					switcherOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WorkspaceSwitcher, {
 						choices: switcherChoices,
 						activeSessionId: sessionId,
 						unavailable: navigation?.available === false,
 						busy: switcherBusy,
 						error: switcherError,
+						theme: colorScheme,
 						onCreate: () => void createWorkspace(),
 						onSwitch: switchSession,
 						onOpenWorkspace: enterWorkspace,
@@ -52172,7 +52346,38 @@ section.${c}>footer { z-index: 1; }
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "close" })
 							})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dvw-settings-body",
+								"data-section": settingsSection,
 								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+										className: "dvw-settings-nav",
+										"aria-label": "设置分类",
+										children: [
+											[
+												"appearance",
+												"外观",
+												"color-mode"
+											],
+											[
+												"layout",
+												"布局",
+												"layout-sidebar-right"
+											],
+											[
+												"commit",
+												"提交信息",
+												"sparkle"
+											],
+											[
+												"language",
+												"语言智能",
+												"code"
+											]
+										].map(([value, label, icon]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											"data-active": settingsSection === value,
+											onClick: () => setSettingsSection(value),
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: icon }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
+										}, value))
+									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", { children: [
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: "外观" }),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", { children: "颜色主题" }),
@@ -52181,7 +52386,9 @@ section.${c}>footer { z-index: 1; }
 											children: [
 												["dsh", "跟随 DSH"],
 												["dark", "深色"],
-												["light", "浅色"]
+												["light", "浅色"],
+												["white", "纯白"],
+												["eyecare", "护眼"]
 											].map(([value, label]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 												"data-active": theme === value,
 												onClick: () => setTheme(value),
@@ -52244,14 +52451,62 @@ section.${c}>footer { z-index: 1; }
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "DSH 对话栏宽度" }),
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 													type: "range",
-													min: "400",
-													max: "720",
+													min: 440,
+													max: 720,
 													step: "1",
 													value: Math.round(chatWidth),
-													onChange: (event) => setChatWidth(Math.max(400, Math.round(Number(event.target.value))))
+													onChange: (event) => setChatWidth(clampChatWidth(Number(event.target.value)))
 												}),
 												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("output", { children: [chatWidth, "px"] })
 											]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dvw-setting-choice",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Markdown 默认视图" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: "dvw-setting-segment",
+												children: [["preview", "预览"], ["source", "源码"]].map(([value, label]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													"data-active": markdownView === value,
+													onClick: () => setMarkdownView(value),
+													children: label
+												}, value))
+											})]
+										})
+									] }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", { children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: "提交信息" }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dvw-setting-choice",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "详细程度" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: "dvw-setting-segment",
+												children: [
+													["concise", "简洁"],
+													["standard", "标准"],
+													["detailed", "详细"]
+												].map(([value, label]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													"data-active": commitDetail === value,
+													onClick: () => setCommitDetail(value),
+													children: label
+												}, value))
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dvw-setting-choice",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "语言" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: "dvw-setting-segment",
+												children: [
+													["auto", "跟随最近提交"],
+													["zh", "中文"],
+													["en", "English"]
+												].map(([value, label]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													"data-active": commitLanguage === value,
+													onClick: () => setCommitLanguage(value),
+													children: label
+												}, value))
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dvw-setting-hint",
+											children: "详细模式会生成标题和 2–4 条说明；简洁模式限制标题长度，标准模式保持单行约定式提交。"
 										})
 									] }),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", { children: [
@@ -52266,19 +52521,39 @@ section.${c}>footer { z-index: 1; }
 										}),
 										lspServers.map((server) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 											className: "dvw-setting-extension",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: server.name }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [server.installed ? "已安装" : server.installable ? "点击安装" : "需要手动安装", !server.installed && server.hint ? ` · ${server.hint}` : ""] })] }), server.installable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: server.name }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dvw-lsp-status",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dvw-lsp-chip",
+														"data-installed": server.language === void 0 || server.language.installed,
+														"data-action": server.language !== void 0 && !server.language.installed,
+														children: server.language === void 0 ? "语言：无需安装" : server.language.installed ? "语言：已安装" : "安装语言"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dvw-lsp-chip",
+														"data-installed": server.installed,
+														children: server.installed ? "LSP：已安装" : "LSP：未安装"
+													}),
+													!server.installed && server.hint !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dvw-lsp-hint",
+														children: server.hint
+													})
+												]
+											})] }), server.language !== void 0 && !server.language.installed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												disabled: true,
+												title: "先安装语言工具链，再安装 LSP",
+												children: "等待"
+											}) : server.installable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 												disabled: lspBusy === server.id,
 												className: server.installed ? void 0 : "dvw-primary-button",
 												onClick: () => void changeLsp(server.id, server.installed ? "uninstall" : "install"),
-												children: lspBusy === server.id ? "处理中…" : server.installed ? "卸载" : "安装"
-											}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-												onClick: () => void refreshLsp(),
-												children: "重新检测"
+												children: lspBusy === server.id ? "处理中…" : server.installed ? "卸载 LSP" : "安装 LSP"
 											})]
 										}, server.id)),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 											className: "dvw-setting-hint",
-											children: "每种语言使用该生态里最活跃的语言服务器，安装只写入本插件的私有目录。安装后在编辑器中 F12 转到定义、Shift+F12 查找引用、Alt+F12 速览、Ctrl+Space 补全，并显示诊断。"
+											children: "每种语言使用该生态里最活跃的语言服务器；能自动安装的会装进本插件的私有目录，需要手动安装的会分别检查语言工具链和服务器本身。"
 										}),
 										lspError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 											className: "dvw-setting-hint",
@@ -52323,7 +52598,7 @@ section.${c}>footer { z-index: 1; }
 							{
 								id: "chat",
 								label: chatVisible ? "关闭 DSH 对话栏 (Ctrl+Alt+B)" : "显示 DSH 对话栏 (Ctrl+Alt+B)",
-								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DshMark, { size: 18 }),
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DshMark, { size: 22 }),
 								active: chatVisible,
 								onActivate: () => setChatVisible((value) => !value)
 							}
@@ -52372,6 +52647,7 @@ section.${c}>footer { z-index: 1; }
 							" ",
 							snapshot.view === "git" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GitView, {
 								sessionId,
+								preferences: commitPreferences,
 								onDiff: openDiff
 							})
 						]
@@ -52745,6 +53021,8 @@ section.${c}>footer { z-index: 1; }
 		}
 		//#endregion
 		//#region src/client/styles.ts
+		/** The bundled DSH whale as a CSS mask, so the empty state stays in sync with the logo component. */
+		const DSH_MARK_MASK = `url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="${DSH_MARK_VIEWBOX}"><path d="${DSH_MARK_PATH}" fill="#000"/></svg>`)}")`;
 		const CSS$1 = String.raw`
 @font-face{font-family:codicon;font-display:block;src:url('/dsh-vscode/codicons/codicon.ttf') format('truetype')}
 :root{--dvw-titlebar-height:0px}html[data-platform=darwin]{--dvw-titlebar-height:var(--dsh-frame-top-clearance,48px)}html[data-windows-titlebar]{--dvw-titlebar-height:var(--dsh-frame-top-clearance,40px)}
@@ -52754,6 +53032,7 @@ section.${c}>footer { z-index: 1; }
 .dvw-overlay{--dvw-side-width:210px;--dvw-graph-ref:#3794ff;--dvw-base:var(--dsw-alias-bg-base,#181818);--dvw-surface-1:var(--dsw-alias-bg-layer-1,#1e1e1e);--dvw-surface-2:var(--dsw-alias-bg-layer-2,#252526);--dvw-surface-3:var(--dsw-alias-bg-layer-3,#2d2d30);--dvw-side:var(--dvw-surface-1);--dvw-tab-active:var(--dvw-surface-2);--dvw-gutter:var(--dvw-base);--dvw-text:var(--dsw-alias-label-primary,#ccc);--dvw-text-2:var(--dsw-alias-label-secondary,#aaa);--dvw-text-3:var(--dsw-alias-label-tertiary,#858585);--dvw-border:var(--dsw-alias-border-l2,#333);--dvw-border-soft:var(--dsw-alias-border-l3,#292929);--dvw-hover:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.08));--dvw-active:var(--dsw-alias-interactive-bg-active,rgba(255,255,255,.14));--dvw-accent:var(--dsw-alias-state-business-primary,#3b82f6);--dvw-error:var(--dsw-alias-state-error-primary,#f48771);--dvw-success:var(--dsw-alias-state-success-primary,#73c991);--dvw-warn:var(--dsw-alias-state-warn-primary,#d7ba7d);position:absolute;inset:0;z-index:100;display:grid;grid-template-columns:48px var(--dvw-side-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto 30px;box-sizing:border-box;padding-top:calc(var(--dvw-titlebar-height) + 6px);background:var(--dvw-gutter);color:var(--dvw-text);pointer-events:auto;font:13px/1.4 var(--dsw-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);overflow:hidden;color-scheme:light}
 .dvw-titlebar{display:none}html[data-platform=darwin] .dvw-titlebar{position:absolute;top:0;right:0;left:0;z-index:6;display:flex;align-items:center;gap:8px;height:var(--dvw-titlebar-height);padding:0 12px 0 84px;border-bottom:1px solid var(--dvw-border-soft);background:var(--dvw-base);color:var(--dvw-text-3);font-size:12px;-webkit-app-region:drag;user-select:none}.dvw-titlebar strong{flex:none;font-weight:600;color:var(--dvw-text-2)}.dvw-titlebar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html[data-windows-titlebar] .dvw-overlay{top:var(--dvw-titlebar-height);padding-top:6px}
+html[data-platform=darwin] .dvw-overlay{padding-top:var(--dvw-titlebar-height)}
 body[data-ds-dark-theme] .dvw-overlay,.dvw-overlay[data-dvw-theme=dark]{color-scheme:dark}
 .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}
@@ -52761,7 +53040,7 @@ body[data-ds-dark-theme] .dvw-overlay,.dvw-overlay[data-dvw-theme=dark]{color-sc
 .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-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:grid;grid-template-columns:1fr auto;gap:6px;padding:9px}.dvw-commit .dvw-input{grid-column:1/3}.dvw-commit-button{grid-column:1/3;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-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-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}
 .dvw-outline{flex:none;max-height:38%;display:flex;flex-direction:column;border-bottom:1px solid var(--dvw-border)}.dvw-outline-head{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 5px 0 10px;font-weight:600}.dvw-outline-head>span{display:flex;align-items:center;gap:6px}.dvw-outline-list{overflow:auto;padding-bottom:5px}.dvw-outline-item{display:block;width:100%;height:22px;border:0;background:transparent;color:var(--dvw-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;cursor:pointer}.dvw-outline-item:hover{background:var(--dvw-hover);color:var(--dvw-text)}.dvw-image-preview{position:absolute;inset:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:repeating-conic-gradient(var(--dvw-surface-2) 0 25%,var(--dvw-surface-1) 0 50%) 0/20px 20px}.dvw-image-preview img{max-width:100%;max-height:calc(100% - 32px);object-fit:contain;box-shadow:0 4px 24px rgba(0,0,0,.22)}.dvw-image-preview span{max-width:100%;padding:3px 8px;border-radius:5px;background:var(--dvw-surface-1);color:var(--dvw-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .dvw-pdf-preview{position:absolute;inset:0;display:flex;min-height:0;flex-direction:column;background:var(--dvw-base);color:var(--dvw-text)}.dvw-pdf-toolbar{height:30px;flex:none;display:flex;align-items:center;justify-content:center;gap:2px;padding:0 8px;border-bottom:1px solid var(--dvw-border);background:var(--dvw-surface-1);font-variant-numeric:tabular-nums}.dvw-pdf-toolbar .dvw-icon{font-size:18px}.dvw-pdf-zoom{min-width:52px;height:24px;border:0;border-radius:4px;background:var(--dvw-active);color:var(--dvw-text);font:inherit;cursor:pointer}.dvw-pdf-zoom:hover{background:var(--dvw-hover)}.dvw-pdf-separator{width:1px;height:18px;margin:0 4px;background:var(--dvw-border)}.dvw-pdf-page{min-height:0;flex:1;overflow:auto;display:flex;justify-content:center;padding:8px;background:var(--dvw-base)}.dvw-pdf-page canvas{flex:none;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.28)}.dvw-sheet-preview{position:absolute;inset:0;display:flex;min-height:0;flex-direction:column;background:var(--dvw-base);color:var(--dvw-text)}.dvw-sheet-tabs{flex:none;display:flex;gap:2px;padding:6px 8px;overflow:auto;border-bottom:1px solid var(--dvw-border)}.dvw-sheet-tabs button{height:24px;padding:0 10px;border:0;border-radius:3px;background:transparent;color:var(--dvw-text-2);font:inherit;cursor:pointer;white-space:nowrap}.dvw-sheet-tabs button:hover{background:var(--dvw-hover)}.dvw-sheet-tabs button[data-active=true]{background:var(--dvw-active);color:var(--dvw-text)}.dvw-sheet-scroll{flex:1;min-height:0;overflow:auto;padding:10px}.dvw-sheet-table{border-collapse:collapse;font-size:12px}.dvw-sheet-table td{max-width:360px;padding:2px 8px;border:1px solid var(--dvw-border);white-space:pre;overflow:hidden;text-overflow:ellipsis}.dvw-sheet-table tr:first-child td{background:var(--dvw-hover);font-weight:600}.dvw-slides-preview{position:absolute;inset:0;overflow:auto;padding:16px;background:var(--dvw-base)}.dvw-docx-preview{position:absolute;inset:0;overflow:auto;padding:28px;background:var(--dvw-base);color:#222}.dvw-docx-preview .docx-wrapper{margin:auto;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.2)}.dvw-document-error,.dvw-document-download{height:100%;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;color:var(--dvw-text-2);text-align:center}.dvw-document-download a{color:var(--dvw-accent);text-decoration:none}.dvw-document-download a:hover{text-decoration:underline}
@@ -52789,6 +53068,7 @@ body[data-ds-dark-theme] .dvw-overlay,.dvw-overlay[data-dvw-theme=dark]{color-sc
 .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}
+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}
 body[data-dvw-workbench-active] [data-shell-leading]{display:none!important}
@@ -52808,10 +53088,126 @@ body[data-dvw-workbench-active] [data-sidebar-toggle]{display:none!important}
 .dvw-settings-body{overflow:auto;padding:8px 20px 20px}.dvw-settings-body section+section{margin-top:20px;padding-top:12px;border-top:1px solid var(--dvw-border-soft)}.dvw-settings-body h3{margin:8px 0 12px;font-size:13px}.dvw-settings-body>section>label:not(.dvw-setting-check):not(.dvw-setting-range){display:block;margin-bottom:7px;color:var(--dvw-text-2);font-size:12px}
 .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}
-@media(max-width:900px){.dvw-overlay[data-dvw-chat=true]{grid-template-columns:44px min(210px,var(--dvw-side-width)) minmax(0,1fr) min(400px,var(--dvw-chat-width))}[data-dvw-conversation-panel]{width:min(400px,var(--dvw-chat-width))!important}}
+.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}}
 .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}
+/* Slightly larger explorer rows for comfortable reading without shrinking the file list. */
+.dvw-tree-row{height:24px;font-size:13px}
+/* Keep a single focus surface: hovering another row clears the selected row's fill. */
+.dvw-tree:has(.dvw-tree-row:hover) .dvw-tree-row[data-selected=true]:not(:hover){background:transparent}
+.dvw-chevron{width:18px}
+.dvw-file-icon{width:18px;height:18px}
+.dvw-tree-rename,.dvw-tree-create-input{height:22px}
+/* Branded empty state: a soft accent tile with the DSH whale. */
+.dvw-empty>div{position:relative}
+.dvw-empty>div::before{content:"";display:block;width:96px;height:96px;margin:0 auto 20px;border-radius:24px;background:color-mix(in srgb,var(--dvw-accent) 12%,var(--dvw-surface-1))}
+.dvw-empty>div::after{content:"";position:absolute;top:26px;left:50%;width:60px;height:44px;transform:translateX(-50%);background:var(--dvw-accent);-webkit-mask:${DSH_MARK_MASK} center/contain no-repeat;mask:${DSH_MARK_MASK} center/contain no-repeat}
+/* Activity bar glyphs sized like VS Code's 24px icons in a 48px slot. */
+.dvw-act::before{width:40px;height:40px;border-radius:8px}
+/* Host styles set the codicon base size later in the cascade, so the rail needs the extra weight. */
+.dvw-act .codicon,.dvw-activity-ghost .codicon{font-size:20px!important}
+/* Inline SVGs otherwise sit on the text baseline and drift against the font glyphs. */
+.dvw-act svg,.dvw-activity-ghost svg{display:block}
+/* VS Code-like tab shape: rounded shoulders on the active tab blending into the editor, no separators between tabs. */
+.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[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-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)}
+.dvw-commit-ai:hover:not(:disabled){background:var(--dvw-hover);color:var(--dvw-text)}
+/* VS Code-style split commit button: primary action plus a narrow dropdown for commit variants. */
+.dvw-commit .dvw-commit-actions{display:flex;gap:0;position:relative}
+.dvw-commit .dvw-commit-button{flex:1;min-width:0;height:30px;border:0;border-radius:6px 0 0 6px;background:var(--dvw-accent);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font:inherit;cursor:pointer}
+.dvw-commit .dvw-commit-button:hover:not(:disabled){background:color-mix(in srgb,var(--dvw-accent) 88%,#fff)}
+.dvw-commit .dvw-commit-button:disabled{opacity:.45;cursor:default}
+.dvw-commit .dvw-commit-more{flex:none;width:30px;height:30px;border:0;border-left:1px solid rgba(255,255,255,.3);border-radius:0 6px 6px 0;background:var(--dvw-accent);color:#fff;display:grid;place-items:center;cursor:pointer}
+.dvw-commit .dvw-commit-more:hover:not(:disabled){background:color-mix(in srgb,var(--dvw-accent) 88%,#fff)}
+.dvw-commit .dvw-commit-more:disabled{opacity:.45;cursor:default}
+.dvw-commit .dvw-commit-menu{position:absolute;z-index:12;top:calc(100% + 4px);right:0;min-width:180px;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)}
+.dvw-commit .dvw-commit-menu button{width:100%;height:26px;border:0;border-radius:4px;background:transparent;color:var(--dvw-text);padding:0 8px;text-align:left;font:inherit;cursor:pointer}
+.dvw-commit .dvw-commit-menu button:hover{background:var(--dvw-hover)}
+/* Pure-white theme: every chrome surface uses the editor's white background. */
+.dvw-overlay[data-dvw-theme=white]{--dvw-base:#fff;--dvw-surface-1:#fff;--dvw-surface-2:#fff;--dvw-surface-3:#fff;--dvw-side:#fff;--dvw-tab-active:#fff;--dvw-gutter:#fff;--dvw-graph-ref:#0063d3;--dvw-text:#171717;--dvw-text-2:#5c5c5c;--dvw-text-3:#8c8c8c;--dvw-border:#e2e2e2;--dvw-border-soft:#efefef;--dvw-hover:#0000000c;--dvw-active:#00000014;--dvw-accent:#0066cc;--dvw-error:#d13438;--dvw-success:#2e7d32;--dvw-warn:#8a6100;color-scheme:light}
+.dvw-overlay[data-dvw-theme=white] .dvw-tabs{background:#fff}
+.dvw-overlay[data-dvw-theme=white] .dvw-act[data-active=true]::before{background:#00000010}
+/* Eye-care theme: a warm paper-yellow surface shared by every panel and the editor. */
+.dvw-overlay[data-dvw-theme=eyecare]{--dvw-base:#f7ebc8;--dvw-surface-1:#f7ebc8;--dvw-surface-2:#f7ebc8;--dvw-surface-3:#f7ebc8;--dvw-side:#f7ebc8;--dvw-tab-active:#ecdcae;--dvw-gutter:#f7ebc8;--dvw-graph-ref:#9c6b1e;--dvw-text:#3b3324;--dvw-text-2:#6b604a;--dvw-text-3:#92856a;--dvw-border:#e0cf9f;--dvw-border-soft:#eadcb6;--dvw-hover:#0000000c;--dvw-active:#00000014;--dvw-accent:#9c6b1e;--dvw-error:#b03a2e;--dvw-success:#4c7a34;--dvw-warn:#8a5a00;color-scheme:light}
+.dvw-overlay[data-dvw-theme=eyecare] .dvw-tabs{background:#f7ebc8}
+.dvw-overlay[data-dvw-theme=eyecare] .dvw-act[data-active=true]::before{background:#00000016}
+.dvw-theme-swatch.white{background:#fff}
+.dvw-theme-swatch.eyecare{background:#f7ebc8}
+.dvw-settings-themes{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}
+body[data-dvw-palette=white] [data-dvw-conversation-panel]{--dsw-alias-bg-base:#fff;--dsw-specific-sidebar-fill:#fff;--dsw-alias-bg-layer-1:#fff;--dsw-alias-bg-layer-2:#fff;--dsw-alias-bg-layer-3:#fff;--dsw-alias-border-l2:#e2e2e2;--dsw-alias-border-l3:#efefef;background:#fff!important}
+body[data-dvw-palette=eyecare] [data-dvw-conversation-panel]{--dsw-alias-bg-base:#f7ebc8;--dsw-specific-sidebar-fill:#f7ebc8;--dsw-alias-bg-layer-1:#f7ebc8;--dsw-alias-bg-layer-2:#f1e2b8;--dsw-alias-bg-layer-3:#ecdcae;--dsw-alias-bg-layer-4:#ecdcae;--dsw-specific-input-major:#f7ebc8;--dsw-specific-login-input:#f1e2b8;--dsw-menu-surface-fill:#f7ebc8;--dsw-alias-label-primary:#3b3324;--dsw-alias-label-secondary:#6b604a;--dsw-alias-label-tertiary:#92856a;--dsw-alias-border-l2:#e0cf9f;--dsw-alias-border-l3:#eadcb6;--dsw-alias-interactive-bg-hover:#0000000c;--dsw-alias-interactive-bg-active:#00000014;background:#f7ebc8!important}
+/* Settings dialog: left navigation rail with aligned label/control rows, mirroring DSH settings. */
+.dvw-settings{width:min(880px,calc(100vw - 40px));height:min(680px,calc(100vh - 40px));max-height:none;border-radius:18px}
+.dvw-settings>header{height:52px;padding:0 14px 0 20px;font-size:15px}
+.dvw-settings-body{flex:1;min-height:0;display:grid;grid-template-columns:190px minmax(0,1fr);gap:0;padding:0;overflow:hidden}
+.dvw-settings-nav{grid-column:1;display:flex;flex-direction:column;gap:4px;padding:12px 10px;border-right:1px solid var(--dvw-border-soft);background:var(--dvw-surface-1);overflow:auto}
+.dvw-settings-nav button{height:36px;border:0;border-radius:11px;background:transparent;color:var(--dvw-text-2);display:flex;align-items:center;gap:10px;padding:0 12px;font:inherit;text-align:left;cursor:pointer}
+.dvw-settings-nav button .codicon{font-size:16px}
+.dvw-settings-nav button:hover{background:var(--dvw-hover);color:var(--dvw-text)}
+.dvw-settings-nav button[data-active=true]{background:var(--dvw-active);color:var(--dvw-text);font-weight:600}
+.dvw-settings-body>section{grid-column:2;min-height:0;overflow:auto;padding:20px 26px 30px;border-left:0}
+.dvw-settings-body>section+section{margin-top:0;padding-top:20px;border-top:0}
+.dvw-settings-body[data-section=appearance]>section:not(:nth-of-type(1)){display:none}
+.dvw-settings-body[data-section=layout]>section:not(:nth-of-type(2)){display:none}
+.dvw-settings-body[data-section=commit]>section:not(:nth-of-type(3)){display:none}
+.dvw-settings-body[data-section=language]>section:not(:nth-of-type(4)){display:none}
+.dvw-settings-body h3{margin:0 0 4px;font-size:16px;font-weight:600}
+.dvw-settings-body>section>label:not(.dvw-setting-check):not(.dvw-setting-range){display:block;margin:14px 0 9px;color:var(--dvw-text-2);font-size:12px}
+.dvw-setting-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,240px) 48px;align-items:center;gap:16px;min-height:52px;border-bottom:1px solid var(--dvw-border-soft)}
+.dvw-setting-range>span{color:var(--dvw-text);font-size:13px;font-weight:500}
+.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:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:52px;border-bottom:1px solid var(--dvw-border-soft)}
+.dvw-setting-choice>span{color:var(--dvw-text);font-size:13px;font-weight:500}
+.dvw-setting-check{height:auto;min-height:52px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--dvw-border-soft);cursor:pointer;font-size:13px;font-weight:500}
+.dvw-setting-check input{appearance:none;flex:none;width:38px;height:22px;margin:0;border-radius:11px;background:color-mix(in srgb,var(--dvw-text) 22%,transparent);position:relative;cursor:pointer;transition:background .15s}
+.dvw-setting-check input::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}
+.dvw-setting-check input:checked{background:var(--dvw-accent)}
+.dvw-setting-check input:checked::after{transform:translateX(16px)}
+.dvw-settings-themes{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 10px}
+.dvw-settings-themes button{position:relative;height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:10px;text-align:center;border-radius:14px;background:var(--dvw-base)}
+.dvw-settings-themes button[data-active=true]{border-color:var(--dvw-accent);box-shadow:inset 0 0 0 1px var(--dvw-accent);background:color-mix(in srgb,var(--dvw-accent) 8%,var(--dvw-base))}
+.dvw-settings-themes .dvw-theme-swatch{width:26px;height:26px;border-radius:8px;flex:none}
+.dvw-settings-themes button>.codicon{position:absolute;top:8px;right:8px;font-size:13px;color:var(--dvw-accent)}
+.dvw-settings-body .dvw-setting-extension{border:0;border-bottom:1px solid var(--dvw-border-soft);border-radius:0;background:transparent;padding:14px 0}
+.dvw-settings-body .dvw-setting-extension strong{font-size:13px}
+.dvw-settings-body .dvw-setting-extension button{height:28px;border-radius:9px;padding:0 16px;background:var(--dvw-surface-3)}
+.dvw-settings-body .dvw-setting-extension button.dvw-primary-button{border-color:var(--dvw-accent);background:var(--dvw-accent);color:#fff}
+.dvw-setting-extension .dvw-lsp-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:2px}
+.dvw-setting-extension .dvw-lsp-chip{padding:1px 8px;border:1px solid var(--dvw-border);border-radius:999px;font-size:11px;line-height:18px;color:var(--dvw-text-3)}
+.dvw-setting-extension .dvw-lsp-chip[data-installed=true]{border-color:color-mix(in srgb,var(--dvw-success) 42%,transparent);color:var(--dvw-success)}
+.dvw-setting-extension .dvw-lsp-chip[data-action=true]{border-color:color-mix(in srgb,var(--dvw-accent) 45%,transparent);color:var(--dvw-accent)}
+.dvw-setting-extension .dvw-lsp-hint{flex-basis:100%;font-size:11px;line-height:1.45;color:var(--dvw-text-3)}
+.dvw-setting-extension button:disabled{opacity:.55;cursor:default}
+.dvw-settings .dvw-setting-segment{border-radius:10px;padding:3px}
+.dvw-settings .dvw-setting-segment button{border-radius:7px}
+.dvw-settings .dvw-icon{border-radius:9px}
+/* Monaco owns diff scrolling; an outer scroller changes the width as scrollbars appear and makes split mode oscillate. */
+.dvw-editor{min-width:0;overflow:hidden}
+.dvw-editor-body{min-width:0;overflow:hidden}
+.dvw-monaco-diff{height:auto;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;white-space:normal}
+/* Keep the workspace switcher in the same elevated surface family as workbench settings. */
+.dvw-workspace-layer{position:fixed!important;inset:0!important;z-index:1000!important;display:block!important;padding:0!important;background:transparent!important;overflow:hidden!important}
+.dvw-workspace-backdrop{position:absolute;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.34);backdrop-filter:blur(3px)}
+.dvw-workspace-switcher{width:min(640px,calc(100vw - 48px));height:min(680px,calc(100vh - 48px));max-height:none;border-radius:18px;overflow:hidden;box-shadow:0 16px 50px rgba(0,0,0,.32)}
+.dvw-workspace-switcher>header{height:52px;padding:0 12px 0 20px;font-size:15px}
+.dvw-workspace-list{padding:10px}
+.dvw-workspace-row{border-radius:11px}
+.dvw-workspace-toggle{height:40px;padding:0 12px}
+.dvw-workspace-sessions{gap:3px;padding:4px 0 8px 32px}
+.dvw-workspace-session{height:34px;padding:0 12px;border-radius:11px}
+.dvw-workspace-switcher>footer{padding:12px 16px}
+.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}}
 `;
 		function installStyles() {
 			const id = "dsh-vscode-workbench/styles";