dsh-vscode-workbench 0.2.1 → 0.2.4

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 = {
@@ -14243,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",
@@ -14250,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
@@ -14309,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,
@@ -14337,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",
@@ -14454,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"
@@ -14523,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 });
@@ -14658,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);
@@ -14685,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;
@@ -14697,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);
@@ -14772,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();
@@ -14800,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,
@@ -14813,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", {
@@ -14887,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)(() => {
@@ -14897,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
@@ -49680,6 +49766,9 @@ section.${c}>footer { z-index: 1; }
 				return epoch === this.epoch;
 			}
 		};
+		//#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;
@@ -49757,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),
@@ -49769,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 }) {
@@ -50938,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,
@@ -50994,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);
@@ -51090,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", {
@@ -51223,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", {
@@ -51398,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)();
@@ -51405,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;
@@ -51416,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");
@@ -51486,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);
 			};
@@ -51804,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();
 			}, []);
@@ -52020,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" },
@@ -52040,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,
@@ -52098,6 +52323,7 @@ section.${c}>footer { z-index: 1; }
 						unavailable: navigation?.available === false,
 						busy: switcherBusy,
 						error: switcherError,
+						theme: colorScheme,
 						onCreate: () => void createWorkspace(),
 						onSwitch: switchSession,
 						onOpenWorkspace: enterWorkspace,
@@ -52120,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: "颜色主题" }),
@@ -52129,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),
@@ -52200,6 +52459,54 @@ section.${c}>footer { z-index: 1; }
 												}),
 												/* @__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: [
@@ -52214,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",
@@ -52320,6 +52647,7 @@ section.${c}>footer { z-index: 1; }
 							" ",
 							snapshot.view === "git" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GitView, {
 								sessionId,
+								preferences: commitPreferences,
 								onDiff: openDiff
 							})
 						]
@@ -52712,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}
@@ -52760,12 +53088,15 @@ 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}
+.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}
@@ -52786,6 +53117,97 @@ body[data-dvw-workbench-active] [data-sidebar-toggle]{display:none!important}
 .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";