dsh-vscode-workbench 0.1.2 → 0.1.4

package/lib/client.js

@@ -4487,9 +4487,13 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			}, []);
 			return dark;
 		}
-		function Tree({ sessionId, path, depth, expanded, selected, onToggle, onOpen, onChange }) {
+		function Tree({ sessionId, path, depth, expanded, selected, selectedDirectory, statuses, onToggle, onSelectDirectory, onOpen, onChange, onUpload }) {
 			const [rows, setRows] = (0, react.useState)([]);
 			const [error, setError] = (0, react.useState)();
+			const [dropTarget, setDropTarget] = (0, react.useState)(false);
+			const [context, setContext] = (0, react.useState)();
+			const [renaming, setRenaming] = (0, react.useState)();
+			const [pendingDelete, setPendingDelete] = (0, react.useState)();
 			const load = (0, react.useCallback)(() => {
 				api("fs.list", {
 					sessionId,
@@ -4502,72 +4506,223 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				window.addEventListener("dvw-files-changed", handler);
 				return () => window.removeEventListener("dvw-files-changed", handler);
 			}, [load]);
-			const menu = async (entry) => {
-				const action = prompt(`操作 ${entry.name}: rename / delete / new-file / new-folder`);
+			(0, react.useEffect)(() => {
+				if (context === void 0) return;
+				const close = () => setContext(void 0);
+				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);
+				};
+			}, [context]);
+			(0, react.useEffect)(() => {
+				if (pendingDelete === void 0) return;
+				const escape = (event) => {
+					if (event.key === "Escape") setPendingDelete(void 0);
+				};
+				window.addEventListener("keydown", escape);
+				return () => window.removeEventListener("keydown", escape);
+			}, [pendingDelete]);
+			const rename = async (entry) => {
+				const value = renaming?.path === entry.path ? renaming.value.trim() : "";
+				setRenaming(void 0);
+				if (value === "" || value === entry.name) return;
 				try {
-					if (action === "rename") {
-						const name = prompt("新名称", entry.name);
-						if (name) await api("fs.rename", {
-							sessionId,
-							path: entry.path,
-							nextPath: [...entry.path.split("/").slice(0, -1), name].filter(Boolean).join("/")
-						});
-					}
-					if (action === "delete" && confirm(`确定删除 ${entry.path}？`)) await api("fs.delete", {
+					await api("fs.rename", {
+						sessionId,
+						path: entry.path,
+						nextPath: renamedPath(entry.path, value)
+					});
+					load();
+					onChange();
+				} catch (error) {
+					alert(error instanceof Error ? error.message : String(error));
+				}
+			};
+			const remove = async () => {
+				if (pendingDelete === void 0) return;
+				const entry = pendingDelete;
+				setPendingDelete(void 0);
+				try {
+					await api("fs.delete", {
 						sessionId,
 						path: entry.path
 					});
-					if (action === "new-file" || action === "new-folder") {
-						const name = prompt("名称");
-						if (name) await api("fs.create", {
-							sessionId,
-							path: `${entry.kind === "directory" ? entry.path : entry.path.split("/").slice(0, -1).join("/")}/${name}`.replace(/^\//, ""),
-							kind: action === "new-folder" ? "directory" : "file"
-						});
-					}
 					load();
 					onChange();
 				} catch (error) {
 					alert(error instanceof Error ? error.message : String(error));
 				}
 			};
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "dvw-error",
-				children: error
-			}), rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "dvw-tree-row",
-				"data-selected": selected === row.path,
-				style: { paddingLeft: 6 + depth * 13 },
-				onClick: () => row.kind === "directory" ? onToggle(row.path) : onOpen(row.path),
-				onContextMenu: (event) => {
-					event.preventDefault();
-					menu(row);
-				},
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "dvw-chevron",
-						children: row.kind === "directory" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: expanded.has(row.path) ? "chevron-down" : "chevron-right" })
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
-						name: row.kind === "directory" ? expanded.has(row.path) ? "folder-opened" : "folder" : fileIcon(row.name),
-						className: `dvw-file-icon ${row.kind === "directory" ? "folder" : ""}`
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: row.name })
-				]
-			}), row.kind === "directory" && expanded.has(row.path) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tree, {
-				sessionId,
-				path: row.path,
-				depth: depth + 1,
-				expanded,
-				selected,
-				onToggle,
-				onOpen,
-				onChange
-			})] }, row.path))] });
+			const drop = (event, directory) => {
+				event.preventDefault();
+				event.stopPropagation();
+				setDropTarget(false);
+				if (event.dataTransfer.files.length > 0) onUpload(directory, event.dataTransfer.files);
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dvw-error",
+					children: error
+				}),
+				rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dvw-tree-row",
+					"data-dvw-upload-directory": row.kind === "directory" ? row.path : void 0,
+					"data-selected": selected === row.path || selectedDirectory === row.path,
+					"data-drop-target": dropTarget && row.kind === "directory",
+					style: { paddingLeft: 6 + depth * 13 },
+					onClick: () => row.kind === "directory" ? (onSelectDirectory(row.path), onToggle(row.path)) : onOpen(row.path),
+					onContextMenu: (event) => {
+						event.preventDefault();
+						if (row.kind === "directory") onSelectDirectory(row.path);
+						setContext({
+							entry: row,
+							x: event.clientX,
+							y: event.clientY
+						});
+					},
+					onDragEnter: (event) => {
+						if (row.kind === "directory" && event.dataTransfer.types.includes("Files")) {
+							event.preventDefault();
+							event.stopPropagation();
+							setDropTarget(true);
+						}
+					},
+					onDragOver: (event) => {
+						if (row.kind === "directory" && event.dataTransfer.types.includes("Files")) {
+							event.preventDefault();
+							event.stopPropagation();
+							setDropTarget(true);
+						}
+					},
+					onDragLeave: () => setDropTarget(false),
+					onDrop: (event) => row.kind === "directory" && drop(event, row.path),
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dvw-chevron",
+							children: row.kind === "directory" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: expanded.has(row.path) ? "chevron-down" : "chevron-right" })
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+							name: row.kind === "directory" ? expanded.has(row.path) ? "folder-opened" : "folder" : fileIcon(row.name),
+							className: `dvw-file-icon ${row.kind === "directory" ? "folder" : ""}`
+						}),
+						renaming?.path === row.path ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: "dvw-tree-rename",
+							value: renaming.value,
+							autoFocus: true,
+							onClick: (event) => event.stopPropagation(),
+							onChange: (event) => setRenaming({
+								path: row.path,
+								value: event.target.value
+							}),
+							onKeyDown: (event) => {
+								if (event.key === "Enter") rename(row);
+								if (event.key === "Escape") setRenaming(void 0);
+							},
+							onBlur: () => setRenaming(void 0)
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dvw-tree-name",
+							children: row.name
+						}),
+						row.kind === "file" && statuses.has(row.path) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dvw-tree-status",
+							"data-status": statuses.get(row.path),
+							children: statuses.get(row.path)
+						})
+					]
+				}), row.kind === "directory" && expanded.has(row.path) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tree, {
+					sessionId,
+					path: row.path,
+					depth: depth + 1,
+					expanded,
+					selected,
+					selectedDirectory,
+					statuses,
+					onToggle,
+					onSelectDirectory,
+					onOpen,
+					onChange,
+					onUpload
+				})] }, row.path)),
+				context && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dvw-context-menu",
+					role: "menu",
+					style: {
+						left: context.x,
+						top: context.y
+					},
+					onPointerDown: (event) => event.stopPropagation(),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						role: "menuitem",
+						onClick: () => {
+							setRenaming({
+								path: context.entry.path,
+								value: context.entry.name
+							});
+							setContext(void 0);
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "edit" }), "重命名"]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						className: "dvw-context-delete",
+						role: "menuitem",
+						onClick: () => {
+							setPendingDelete(context.entry);
+							setContext(void 0);
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "trash" }), "删除"]
+					})]
+				}),
+				pendingDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dvw-confirm-backdrop",
+					role: "presentation",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "dvw-confirm",
+						role: "alertdialog",
+						"aria-modal": "true",
+						"aria-labelledby": "dvw-delete-title",
+						"aria-describedby": "dvw-delete-message",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
+								id: "dvw-delete-title",
+								children: ["删除 ", pendingDelete.kind === "directory" ? "文件夹" : "文件"]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								id: "dvw-delete-message",
+								children: [
+									"是否删除“",
+									pendingDelete.name,
+									"”？"
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dvw-confirm-note",
+								children: "此操作无法撤销。"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								autoFocus: true,
+								onClick: () => setPendingDelete(void 0),
+								children: "取消"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: "dvw-danger-button",
+								onClick: () => void remove(),
+								children: "删除"
+							})] })
+						]
+					})
+				})
+			] });
 		}
 		function Explorer(props) {
 			const [expanded, setExpanded] = (0, react.useState)(/* @__PURE__ */ new Set());
 			const [revision, setRevision] = (0, react.useState)(0);
+			const [statuses, setStatuses] = (0, react.useState)(/* @__PURE__ */ new Map());
+			const [dropTarget, setDropTarget] = (0, react.useState)(false);
+			const [selectedDirectory, setSelectedDirectory] = (0, react.useState)("");
+			const picker = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
 				if (props.cwd) try {
 					setExpanded(new Set(JSON.parse(localStorage.getItem(`dvw:tree:${props.cwd}`) ?? "[]")));
@@ -4578,6 +4733,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			(0, react.useEffect)(() => {
 				if (props.cwd) localStorage.setItem(`dvw:tree:${props.cwd}`, JSON.stringify([...expanded]));
 			}, [props.cwd, expanded]);
+			const refreshStatus = (0, react.useCallback)(() => {
+				api("git.status", { sessionId: props.sessionId }).then((status) => setStatuses(new Map(status.changes.map((change) => [change.path, gitStatusCode(change)])))).catch(() => setStatuses(/* @__PURE__ */ new Map()));
+			}, [props.sessionId]);
+			(0, react.useEffect)(() => {
+				refreshStatus();
+				const handler = () => refreshStatus();
+				window.addEventListener("dvw-files-changed", handler);
+				return () => window.removeEventListener("dvw-files-changed", handler);
+			}, [refreshStatus]);
 			const create = async (kind) => {
 				const path = prompt(kind === "file" ? "新文件路径" : "新目录路径");
 				if (!path) return;
@@ -4593,11 +4757,111 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					alert(String(error));
 				}
 			};
+			const upload = (0, react.useCallback)(async (directory, files) => {
+				try {
+					await Promise.all([...files].map(async (file) => {
+						const query = new URLSearchParams({
+							sessionId: props.sessionId,
+							directory,
+							name: file.name
+						});
+						const response = await fetch(`/dsh-vscode/upload?${query}`, {
+							method: "POST",
+							headers: { "content-type": file.type || "application/octet-stream" },
+							body: file
+						});
+						const answer = await response.json();
+						if (!response.ok || !answer.ok) throw new Error(answer.error?.message ?? "upload failed");
+					}));
+					setRevision((value) => value + 1);
+					window.dispatchEvent(new Event("dvw-files-changed"));
+				} catch (error) {
+					alert(error instanceof Error ? error.message : String(error));
+				}
+			}, [props.sessionId]);
+			(0, react.useEffect)(() => {
+				let activeTarget;
+				const filesDragged = (event) => Array.from(event.dataTransfer?.types ?? []).includes("Files");
+				const targetDirectory = (event) => event.target instanceof Element ? event.target.closest("[data-dvw-upload-directory]") : null;
+				const clearTarget = () => {
+					activeTarget?.removeAttribute("data-dvw-native-drop-target");
+					activeTarget = void 0;
+				};
+				const intercept = (event) => {
+					if (!filesDragged(event)) return;
+					const target = targetDirectory(event);
+					if (!target) return;
+					event.preventDefault();
+					event.stopImmediatePropagation();
+					if (event.type === "dragleave") {
+						if (!(event.relatedTarget instanceof Node && target.contains(event.relatedTarget))) clearTarget();
+						return;
+					}
+					clearTarget();
+					activeTarget = target;
+					target.dataset.dvwNativeDropTarget = "true";
+					if (event.type === "drop" && event.dataTransfer?.files.length) {
+						const files = event.dataTransfer.files;
+						clearTarget();
+						window.dispatchEvent(new CustomEvent("dvw-upload-files", { detail: {
+							directory: target.dataset.dvwUploadDirectory ?? "",
+							files
+						} }));
+					}
+				};
+				document.addEventListener("dragenter", intercept, true);
+				document.addEventListener("dragover", intercept, true);
+				document.addEventListener("dragleave", intercept, true);
+				document.addEventListener("drop", intercept, true);
+				const uploadFiles = (event) => {
+					const detail = event.detail;
+					if (detail?.files?.length) upload(detail.directory, detail.files);
+				};
+				window.addEventListener("dvw-upload-files", uploadFiles);
+				return () => {
+					clearTarget();
+					document.removeEventListener("dragenter", intercept, true);
+					document.removeEventListener("dragover", intercept, true);
+					document.removeEventListener("dragleave", intercept, true);
+					document.removeEventListener("drop", intercept, true);
+					window.removeEventListener("dvw-upload-files", uploadFiles);
+				};
+			}, [upload]);
+			const drop = (event) => {
+				event.preventDefault();
+				setDropTarget(false);
+				if (event.dataTransfer.files.length > 0) upload("", event.dataTransfer.files);
+			};
+			const destination = uploadDestination(selectedDirectory);
+			const treeDrag = (event) => {
+				if (event.dataTransfer.types.includes("Files")) {
+					event.preventDefault();
+					event.stopPropagation();
+					setDropTarget(true);
+				}
+			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dvw-side-head",
 				children: ["资源管理器", /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "dvw-toolbar",
 					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							ref: picker,
+							className: "dvw-file-picker",
+							type: "file",
+							accept: "*/*",
+							multiple: true,
+							onChange: (event) => {
+								if (event.currentTarget.files) upload(destination, event.currentTarget.files);
+								event.currentTarget.value = "";
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: "dvw-icon",
+							title: `上传文件到 ${destination || "工作区根目录"}`,
+							onClick: () => picker.current?.click(),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "cloud-upload" })
+						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							className: "dvw-icon",
 							title: "新建文件",
@@ -4623,22 +4887,45 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				})]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "dvw-tree",
+				"data-dvw-upload-directory": "",
+				"data-drop-target": dropTarget,
+				onDragEnter: treeDrag,
+				onDragOver: treeDrag,
+				onDragLeave: () => setDropTarget(false),
+				onDrop: drop,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tree, {
 					sessionId: props.sessionId,
 					path: "",
 					depth: 0,
 					expanded,
 					selected: props.selected,
+					selectedDirectory,
+					statuses,
 					onToggle: (path) => setExpanded((current) => {
 						const next = new Set(current);
 						next.has(path) ? next.delete(path) : next.add(path);
 						return next;
 					}),
+					onSelectDirectory: setSelectedDirectory,
 					onOpen: props.onOpen,
-					onChange: () => setRevision((x) => x + 1)
+					onChange: () => setRevision((x) => x + 1),
+					onUpload: (directory, files) => void upload(directory, files)
 				})
 			}, revision)] });
 		}
+		/** Return the workspace-relative directory used by the file picker. */
+		function uploadDestination(selectedDirectory) {
+			return selectedDirectory ?? "";
+		}
+		/** Replace the final path component while preserving its workspace-relative directory. */
+		function renamedPath(path, name) {
+			return [...path.split("/").slice(0, -1), name].filter(Boolean).join("/");
+		}
+		function gitStatusCode(change) {
+			if (change.untracked) return "A";
+			const code = change.worktree !== "." ? change.worktree : change.index;
+			return code === "?" ? "A" : code;
+		}
 		function MarkdownOutline({ headings, onClose, onHeading }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
 				className: "dvw-outline dvw-editor-outline",
@@ -4794,20 +5081,33 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 		}
 		function graphRows(commits) {
 			const visible = new Set(commits.map((commit) => commit.hash));
-			let lanes = commits[0] ? [commits[0].hash] : [];
+			let nextColor = 0;
+			let lanes = commits[0] ? [{
+				hash: commits[0].hash,
+				color: nextColor++
+			}] : [];
 			return commits.map((commit) => {
-				let lane = lanes.indexOf(commit.hash);
+				let lane = lanes.findIndex((track) => track.hash === commit.hash);
 				if (lane < 0) {
-					lanes = [commit.hash, ...lanes];
+					lanes = [{
+						hash: commit.hash,
+						color: nextColor++
+					}, ...lanes];
 					lane = 0;
 				}
 				const before = [...lanes];
-				const after = before.filter((hash) => hash !== commit.hash);
+				const current = before[lane];
+				const after = before.filter((track) => track.hash !== commit.hash);
 				const parents = commit.parents.filter((parent) => visible.has(parent));
 				parents.forEach((parent, index) => {
-					if (!after.includes(parent)) after.splice(Math.min(lane + index, after.length), 0, parent);
+					if (after.some((track) => track.hash === parent)) return;
+					const color = index === 0 ? current.color : nextColor++;
+					after.splice(Math.min(lane + index, after.length), 0, {
+						hash: parent,
+						color
+					});
 				});
-				const parentLanes = parents.map((parent) => after.indexOf(parent)).filter((index) => index >= 0);
+				const parentLanes = parents.map((parent) => after.findIndex((track) => track.hash === parent)).filter((index) => index >= 0);
 				lanes = after;
 				return {
 					commit,
@@ -4825,15 +5125,23 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			"#d9a441",
 			"#9b7bea"
 		];
-		function graphColor(lane) {
-			return GRAPH_COLORS[lane % GRAPH_COLORS.length];
+		function graphColor(color) {
+			return GRAPH_COLORS[color % GRAPH_COLORS.length];
 		}
 		function graphWidth(row) {
 			return Math.max(row.before.length, row.after.length, row.lane + 1, 1) * 14 + 8;
 		}
+		/** Draw a fixed-radius, orthogonal transition between two graph lanes. */
+		function graphTrackPath(from, to, startY, endY, bendY) {
+			if (from === to) return `M ${from} ${startY} V ${endY}`;
+			const direction = Math.sign(to - from);
+			const radius = Math.min(5, Math.abs(to - from) / 2, Math.abs(bendY - startY), Math.abs(endY - bendY));
+			return `M ${from} ${startY} V ${bendY - radius} Q ${from} ${bendY} ${from + direction * radius} ${bendY} H ${to - direction * radius} Q ${to} ${bendY} ${to} ${bendY + radius} V ${endY}`;
+		}
 		function GraphTracks({ row }) {
 			const width = graphWidth(row);
 			const x = row.lane * 14 + 8;
+			const current = row.before[row.lane];
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 				className: "dvw-graph-svg",
 				width,
@@ -4841,41 +5149,44 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				viewBox: `0 0 ${width} 38`,
 				"aria-hidden": "true",
 				children: [
-					row.before.map((hash, lane) => {
-						if (hash === row.commit.hash) return null;
-						const target = row.after.indexOf(hash);
+					row.before.map((track, lane) => {
+						if (track.hash === row.commit.hash) return null;
+						const target = row.after.findIndex((next) => next.hash === track.hash);
 						const nextLane = target >= 0 ? target : lane;
-						const next = nextLane * 14 + 8;
-						const start = lane * 14 + 8;
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-							d: `M ${start} 0 C ${start} 14 ${next} 24 ${next} 38`,
+							d: graphTrackPath(lane * 14 + 8, nextLane * 14 + 8, 0, 38, 19),
 							fill: "none",
-							stroke: graphColor(nextLane),
-							strokeWidth: "2"
-						}, `continue-${hash}`);
+							stroke: graphColor(track.color),
+							strokeWidth: "2",
+							vectorEffect: "non-scaling-stroke"
+						}, `continue-${track.hash}`);
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 						d: `M ${x} 0 V 19`,
 						fill: "none",
-						stroke: graphColor(row.lane),
-						strokeWidth: "2"
+						stroke: graphColor(current.color),
+						strokeWidth: "2",
+						vectorEffect: "non-scaling-stroke"
 					}),
 					row.parentLanes.map((parent, index) => {
 						const target = parent * 14 + 8;
+						const track = row.after[parent];
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-							d: `M ${x} 19 C ${x} 27 ${target} 30 ${target} 38`,
+							d: graphTrackPath(x, target, 19, 38, 29),
 							fill: "none",
-							stroke: graphColor(parent),
-							strokeWidth: "2"
-						}, `parent-${parent}-${index}`);
+							stroke: graphColor(track.color),
+							strokeWidth: "2",
+							vectorEffect: "non-scaling-stroke"
+						}, `parent-${track.hash}-${index}`);
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
 						cx: x,
 						cy: "19",
 						r: "5",
 						fill: "var(--dvw-surface-1)",
-						stroke: graphColor(row.lane),
-						strokeWidth: "2"
+						stroke: graphColor(current.color),
+						strokeWidth: "2",
+						vectorEffect: "non-scaling-stroke"
 					})
 				]
 			});
@@ -4889,15 +5200,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				viewBox: `0 0 ${width} 100`,
 				preserveAspectRatio: "none",
 				"aria-hidden": "true",
-				children: row.after.map((hash, lane) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+				children: row.after.map((track, lane) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
 					x1: lane * 14 + 8,
 					y1: "0",
 					x2: lane * 14 + 8,
 					y2: "100",
-					stroke: graphColor(lane),
+					stroke: graphColor(track.color),
 					strokeWidth: "2",
 					vectorEffect: "non-scaling-stroke"
-				}, hash))
+				}, track.hash))
 			});
 		}
 		function CommitGraph({ commits, expanded, files, onToggle, onOpenFile }) {
@@ -5243,15 +5554,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				] })
 			] });
 		}
-		function Launcher({ wide, service }) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		function Launcher({ service }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				className: "dvw-launch",
 				title: "打开 VS Code 工作台",
 				onClick: () => service.show(),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
-					name: "files",
-					className: "dvw-launch-icon"
-				}), wide && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "VS Code 工作台" })]
+				children: "VS Code 工作台"
 			});
 		}
 		function Workbench({ service, useSessions }) {
@@ -5465,6 +5773,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				} : tab));
 				window.setTimeout(() => window.dispatchEvent(new CustomEvent("dvw-markdown-heading", { detail: index })), 50);
 			};
+			const suppressAttachmentDrop = (event) => {
+				if (!event.dataTransfer.types.includes("Files")) return;
+				const target = event.target;
+				if (!(target instanceof Element && target.closest(".dvw-tree") !== null)) {
+					event.preventDefault();
+					event.stopPropagation();
+				}
+			};
 			if (!snapshot.visible) return null;
 			if (sessionId === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "dvw-overlay",
@@ -5498,6 +5814,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				},
 				role: "dialog",
 				"aria-label": "VS Code 工作台",
+				onDragEnterCapture: suppressAttachmentDrop,
+				onDragOverCapture: suppressAttachmentDrop,
+				onDropCapture: suppressAttachmentDrop,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DshConversationPanel, {
 						visible: chatVisible && !settingsOpen,
@@ -5975,20 +6294,20 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 		const CSS = String.raw`
 @font-face{font-family:codicon;font-display:block;src:url('/dsh-vscode/codicons/codicon.ttf') format('truetype')}
 .codicon{display:inline-block;font:normal normal normal 16px/1 codicon;text-align:center;text-decoration:none;text-rendering:auto;-webkit-font-smoothing:antialiased;user-select:none}
-.codicon-add:before{content:"\ea60"}.codicon-git-branch:before,.codicon-source-control:before{content:"\ea68"}.codicon-search:before{content:"\ea6d"}.codicon-close:before{content:"\ea76"}.codicon-close-all:before{content:"\eac1"}.codicon-file:before{content:"\ea7b"}.codicon-new-file:before{content:"\ea7f"}.codicon-new-folder:before{content:"\ea80"}.codicon-folder:before{content:"\ea83"}.codicon-trash:before{content:"\ea81"}.codicon-code:before{content:"\eac4"}.codicon-check:before{content:"\eab2"}.codicon-chevron-down:before{content:"\eab4"}.codicon-chevron-right:before{content:"\eab6"}.codicon-color-mode:before{content:"\eac6"}.codicon-diff:before,.codicon-diff-sidebyside:before{content:"\eae1"}.codicon-diff-single:before{content:"\ec22"}.codicon-discard:before{content:"\eae2"}.codicon-file-code:before{content:"\eae9"}.codicon-file-media:before{content:"\eaea"}.codicon-file-pdf:before{content:"\eaeb"}.codicon-file-zip:before{content:"\eaef"}.codicon-files:before{content:"\eaf0"}.codicon-folder-opened:before{content:"\eaf7"}.codicon-git-commit:before{content:"\eafc"}.codicon-graph:before{content:"\eb03"}.codicon-home:before{content:"\eb06"}.codicon-list-tree:before{content:"\eb86"}.codicon-preview:before{content:"\eb2f"}.codicon-refresh:before{content:"\eb37"}.codicon-remove:before{content:"\eb3b"}.codicon-check-all:before{content:"\ebb1"}
+.codicon-add:before{content:"\ea60"}.codicon-git-branch:before,.codicon-source-control:before{content:"\ea68"}.codicon-search:before{content:"\ea6d"}.codicon-edit:before{content:"\ea73"}.codicon-close:before{content:"\ea76"}.codicon-close-all:before{content:"\eac1"}.codicon-cloud-upload:before{content:"\eac3"}.codicon-file:before{content:"\ea7b"}.codicon-new-file:before{content:"\ea7f"}.codicon-new-folder:before{content:"\ea80"}.codicon-folder:before{content:"\ea83"}.codicon-trash:before{content:"\ea81"}.codicon-code:before{content:"\eac4"}.codicon-check:before{content:"\eab2"}.codicon-chevron-down:before{content:"\eab4"}.codicon-chevron-right:before{content:"\eab6"}.codicon-color-mode:before{content:"\eac6"}.codicon-diff:before,.codicon-diff-sidebyside:before{content:"\eae1"}.codicon-diff-single:before{content:"\ec22"}.codicon-discard:before{content:"\eae2"}.codicon-file-code:before{content:"\eae9"}.codicon-file-media:before{content:"\eaea"}.codicon-file-pdf:before{content:"\eaeb"}.codicon-file-zip:before{content:"\eaef"}.codicon-files:before{content:"\eaf0"}.codicon-folder-opened:before{content:"\eaf7"}.codicon-git-commit:before{content:"\eafc"}.codicon-graph:before{content:"\eb03"}.codicon-home:before{content:"\eb06"}.codicon-list-tree:before{content:"\eb86"}.codicon-preview:before{content:"\eb2f"}.codicon-refresh:before{content:"\eb37"}.codicon-remove:before{content:"\eb3b"}.codicon-check-all:before{content:"\ebb1"}
 .codicon-layout-sidebar-right:before{content:"\ebf4"}.codicon-layout-sidebar-right-off:before{content:"\ec00"}.codicon-settings:before{content:"\eb51"}.codicon-sparkle:before{content:"\ec10"}
-.dvw-launch{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--dsw-alias-label-secondary,#aaa);cursor:pointer;font:inherit}.dvw-launch:hover{background:var(--dsw-alias-interactive-bg-hover,#292929);color:var(--dsw-alias-label-primary,#fff)}.dvw-launch-icon{width:22px;font-size:19px}
+.dvw-launch{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--dsw-alias-label-secondary,#aaa);cursor:pointer;font:inherit}.dvw-launch:hover{background:var(--dsw-alias-interactive-bg-hover,#292929);color:var(--dsw-alias-label-primary,#fff)}.dvw-launcher-mount{position:fixed;z-index:20;right:16px;bottom:16px}.dvw-launcher-mount .dvw-launch{width:auto;height:32px;padding:0 12px;justify-content:center;border:1px solid var(--dsw-alias-border-l3,#e5e7eb);border-radius:6px;background:var(--dsw-alias-bg-layer-1,#fff);box-shadow:0 1px 2px rgba(0,0,0,.06);color:var(--dsw-alias-label-primary,#333)}body[data-ds-dark-theme] .dvw-launcher-mount .dvw-launch{color:var(--dsw-alias-label-primary,#ddd)}@media(max-width:640px){.dvw-launcher-mount{right:8px;bottom:8px}.dvw-launcher-mount .dvw-launch{height:30px;padding:0 10px;font-size:12px}}
 .dvw-overlay{--dvw-side-width:210px;--dvw-base:var(--dsw-alias-bg-base,#181818);--dvw-surface-1:var(--dsw-alias-bg-layer-1,#1e1e1e);--dvw-surface-2:var(--dsw-alias-bg-layer-2,#252526);--dvw-surface-3:var(--dsw-alias-bg-layer-3,#2d2d30);--dvw-text:var(--dsw-alias-label-primary,#ccc);--dvw-text-2:var(--dsw-alias-label-secondary,#aaa);--dvw-text-3:var(--dsw-alias-label-tertiary,#858585);--dvw-border:var(--dsw-alias-border-l2,#333);--dvw-border-soft:var(--dsw-alias-border-l3,#292929);--dvw-hover:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.08));--dvw-active:var(--dsw-alias-interactive-bg-active,rgba(255,255,255,.14));--dvw-accent:var(--dsw-alias-state-business-primary,#3b82f6);--dvw-error:var(--dsw-alias-state-error-primary,#f48771);--dvw-success:var(--dsw-alias-state-success-primary,#73c991);--dvw-warn:var(--dsw-alias-state-warn-primary,#d7ba7d);position:absolute;inset:0;z-index:100;display:grid;grid-template-columns:48px var(--dvw-side-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto 24px;background:var(--dvw-base);color:var(--dvw-text);pointer-events:auto;font:13px/1.4 var(--dsw-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);overflow:hidden;color-scheme:light}
 body[data-ds-dark-theme] .dvw-overlay,.dvw-overlay[data-dvw-theme=dark]{color-scheme:dark}
 .dvw-overlay[data-dvw-theme=dark]{--dvw-base:#151517;--dvw-surface-1:#232324;--dvw-surface-2:#2c2c2e;--dvw-surface-3:#353638;--dvw-text:#f9fafb;--dvw-text-2:#cfd3d6;--dvw-text-3:#adb2b8;--dvw-border:#ffffff1f;--dvw-border-soft:#ffffff29;--dvw-hover:#ffffff14;--dvw-active:#ffffff24;--dvw-accent:#679efe;--dvw-error:#f25a5a;--dvw-success:#22c55e;--dvw-warn:#f59e0b}
 .dvw-overlay[data-dvw-theme=light]{--dvw-base:#fff;--dvw-surface-1:#fff;--dvw-surface-2:#fff;--dvw-surface-3:#fff;--dvw-text:#0f1115;--dvw-text-2:#61666b;--dvw-text-3:#81858c;--dvw-border:#0000001a;--dvw-border-soft:#0000001f;--dvw-hover:#2631480f;--dvw-active:#2631481a;--dvw-accent:#4176e6;--dvw-error:#ec1313;--dvw-success:#22c55e;--dvw-warn:#f59e0b;color-scheme:light}
-.dvw-overlay *{box-sizing:border-box}.dvw-activity{grid-row:1/3;background:var(--dvw-base);border-right:1px solid var(--dvw-border-soft);display:flex;flex-direction:column;align-items:center}.dvw-act{width:48px;height:48px;border:0;border-left:2px solid transparent;background:transparent;color:var(--dvw-text-3);font-size:22px;cursor:pointer}.dvw-act:hover,.dvw-act[data-active=true]{color:var(--dvw-text)}.dvw-act[data-active=true]{border-left-color:var(--dvw-accent)}.dvw-act.dsh{margin-top:auto}.dvw-side{grid-column:2;grid-row:1/3;min-width:0;width:100%;background:var(--dvw-surface-1);border-right:1px solid var(--dvw-border);display:flex;flex-direction:column}.dvw-side-resizer{grid-column:2;grid-row:1/3;justify-self:end;width:7px;height:100%;z-index:4;cursor:ew-resize;transform:translateX(3px);touch-action:none}.dvw-side-resizer:hover,.dvw-side-resizer:active{background:var(--dvw-accent)}.dvw-side-head{height:36px;display:flex;align-items:center;padding:0 12px;text-transform:uppercase;font-size:11px;letter-spacing:.4px}.dvw-toolbar{margin-left:auto;display:flex;gap:2px}.dvw-icon{border:0;background:transparent;color:var(--dvw-text-2);border-radius:4px;min-width:24px;height:24px;display:inline-grid;place-items:center;cursor:pointer}.dvw-icon:hover{background:var(--dvw-hover);color:var(--dvw-text)}.dvw-icon:disabled{opacity:.45;cursor:default}.dvw-tree,.dvw-results,.dvw-git{overflow:auto;flex:1}.dvw-tree-row{display:flex;align-items:center;height:24px;padding-right:6px;cursor:pointer;white-space:nowrap}.dvw-tree-row:hover{background:var(--dvw-hover)}.dvw-tree-row[data-selected=true]{background:var(--dvw-active)}.dvw-chevron{width:16px;text-align:center;color:var(--dvw-text-3)}.dvw-file-icon{width:18px;color:var(--dvw-text-2)}.dvw-file-icon.folder{color:var(--dvw-accent)}
+.dvw-overlay *{box-sizing:border-box}.dvw-activity{grid-row:1/3;background:var(--dvw-base);border-right:1px solid var(--dvw-border-soft);display:flex;flex-direction:column;align-items:center}.dvw-act{width:48px;height:48px;border:0;border-left:2px solid transparent;background:transparent;color:var(--dvw-text-3);font-size:22px;cursor:pointer}.dvw-act:hover,.dvw-act[data-active=true]{color:var(--dvw-text)}.dvw-act[data-active=true]{border-left-color:var(--dvw-accent)}.dvw-act.dsh{margin-top:auto}.dvw-side{grid-column:2;grid-row:1/3;min-width:0;width:100%;background:var(--dvw-surface-1);border-right:1px solid var(--dvw-border);display:flex;flex-direction:column}.dvw-side-resizer{grid-column:2;grid-row:1/3;justify-self:end;width:7px;height:100%;z-index:4;cursor:ew-resize;transform:translateX(3px);touch-action:none}.dvw-side-resizer:hover,.dvw-side-resizer:active{background:var(--dvw-accent)}.dvw-side-head{height:36px;display:flex;align-items:center;padding:0 12px;text-transform:uppercase;font-size:11px;letter-spacing:.4px}.dvw-toolbar{margin-left:auto;display:flex;gap:2px}.dvw-icon{border:0;background:transparent;color:var(--dvw-text-2);border-radius:4px;min-width:24px;height:24px;display:inline-grid;place-items:center;cursor:pointer}.dvw-icon:hover{background:var(--dvw-hover);color:var(--dvw-text)}.dvw-icon:disabled{opacity:.45;cursor:default}.dvw-file-picker{display:none}.dvw-tree,.dvw-results,.dvw-git{overflow:auto;flex:1}.dvw-tree[data-drop-target=true]{outline:1px dashed var(--dvw-accent);outline-offset:-3px}.dvw-tree-row{display:flex;align-items:center;height:24px;padding-right:6px;cursor:pointer;white-space:nowrap}.dvw-tree-row:hover{background:var(--dvw-hover)}.dvw-tree-row[data-selected=true],.dvw-tree-row[data-drop-target=true]{background:var(--dvw-active)}.dvw-chevron{width:16px;text-align:center;color:var(--dvw-text-3)}.dvw-file-icon{width:18px;color:var(--dvw-text-2)}.dvw-file-icon.folder{color:var(--dvw-accent)}.dvw-tree-name{overflow:hidden;text-overflow:ellipsis}.dvw-tree-rename{min-width:0;flex:1;height:20px;border:1px solid var(--dvw-accent);background:var(--dvw-surface-1);color:var(--dvw-text);font:inherit;outline:0}.dvw-tree-status{margin-left:auto;padding-left:6px;font-size:11px;font-weight:600;color:var(--dvw-warn)}.dvw-tree-status[data-status=M]{color:var(--dvw-warn)}.dvw-tree-status[data-status=A]{color:var(--dvw-success)}.dvw-tree-status[data-status=D]{color:var(--dvw-error)}.dvw-context-menu{position:fixed;z-index:40;min-width:148px;padding:4px;border:1px solid var(--dvw-border);border-radius:5px;background:var(--dvw-surface-3);box-shadow:0 6px 20px rgba(0,0,0,.3)}.dvw-context-menu button{width:100%;height:28px;border:0;border-radius:3px;background:transparent;color:var(--dvw-text);display:flex;align-items:center;gap:8px;padding:0 8px;text-align:left;font:inherit;cursor:pointer}.dvw-context-menu button:hover{background:var(--dvw-hover)}.dvw-context-menu .dvw-context-delete{color:var(--dvw-error)}
 .dvw-main{grid-column:3;grid-row:1;display:flex;min-width:0;min-height:0;flex-direction:column;background:var(--dvw-surface-1)}.dvw-tabs{height:36px;background:var(--dvw-base);display:flex;overflow-x:auto}.dvw-tab{height:36px;min-width:110px;max-width:260px;border:0;border-right:1px solid var(--dvw-border-soft);background:var(--dvw-base);color:var(--dvw-text-2);padding:0 8px 0 12px;display:flex;align-items:center;gap:8px;cursor:pointer}.dvw-tab[data-active=true]{background:var(--dvw-surface-1);color:var(--dvw-text);border-top:1px solid var(--dvw-accent)}.dvw-tab-name{overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left}.dvw-editor{position:relative;flex:1;min-height:0}.dvw-editor-toolbar{position:absolute;z-index:3;top:0;right:0;left:0;height:36px;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:36px}.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-bottom{grid-column:3;grid-row:2;height:260px;min-height:120px;border-top:1px solid var(--dvw-border);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-accent);color:#fff;display:flex;align-items:center;padding:0 8px;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,#17181c 50%,#fff 50%)}.dvw-theme-orb.dark{background:#17181c}.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,#17181c 0 50%,#fff 50%)}.dvw-theme-swatch.dark{background:#17181c}.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);background:var(--dvw-surface-2);color:var(--dvw-text);padding:5px 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{padding:5px 8px;font-weight:600}.dvw-result{padding:4px 8px 4px 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-git-head{padding:7px 10px;border-bottom:1px solid var(--dvw-border);display:flex;align-items:center;gap:8px}.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-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;border-radius:5px;font-weight:600;position:sticky;top:0;background:var(--dvw-surface-1);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;min-height:28px;padding:3px 5px 3px 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-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-tabs{overflow:hidden}.dvw-tab-list{display:flex;min-width:0;flex:1;overflow-x:auto}.dvw-tab-actions{flex:none;width:42px;display:grid;place-items:center;padding:0 6px;background:var(--dvw-base)}.dvw-close-all{border:1px solid var(--dvw-border);background:var(--dvw-base)}.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:27px;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-sidebar-launcher-mount{flex:none;padding:4px 8px 6px;border-bottom:1px solid var(--dvw-border-soft)}.dvw-sidebar-launcher-mount .dvw-launch{color:var(--dsw-alias-label-primary,#333)}body[data-ds-dark-theme] .dvw-sidebar-launcher-mount .dvw-launch{color:var(--dsw-alias-label-primary,#ddd)}.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:25px;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-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:25px;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-markdown{height:100%;overflow:auto;padding:28px clamp(24px,6vw,80px) 60px;color:var(--dvw-text);font-size:15px;line-height:1.65}.dvw-markdown>*:first-child{margin-top:0}.dvw-markdown h1,.dvw-markdown h2{padding-bottom:.3em;border-bottom:1px solid var(--dvw-border)}.dvw-markdown h1{font-size:2em}.dvw-markdown h2{font-size:1.5em}.dvw-markdown h3{font-size:1.25em}.dvw-markdown a{color:var(--dvw-accent)}.dvw-markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--dvw-surface-2);border-radius:4px;padding:.15em .35em}.dvw-markdown pre{overflow:auto;padding:14px;border:1px solid var(--dvw-border-soft);border-radius:7px;background:var(--dvw-base)}.dvw-markdown pre code{padding:0;background:transparent}.dvw-markdown blockquote{margin-left:0;padding-left:14px;border-left:3px solid var(--dvw-border);color:var(--dvw-text-2)}.dvw-markdown table{border-collapse:collapse;display:block;overflow:auto}.dvw-markdown th,.dvw-markdown td{padding:6px 12px;border:1px solid var(--dvw-border)}.dvw-markdown tr:nth-child(2n){background:var(--dvw-hover)}.dvw-markdown img{max-width:100%}.dvw-markdown hr{border:0;border-top:1px solid var(--dvw-border)}
 .dvw-sidebar-launcher-mount{border-bottom:1px solid var(--dsw-alias-border-l3,#e5e7eb)}.dvw-outline-toggle{margin-right:auto}.dvw-outline-toggle[data-active=true]{background:var(--dvw-active);color:var(--dvw-text)}.dvw-editor-outline{position:absolute;z-index:2;top:36px;bottom:0;left:0;width:240px;max-height:none;background:var(--dvw-surface-1);border-right:1px solid var(--dvw-border);border-bottom:0}.dvw-editor[data-outline=true] .dvw-editor-body{left:240px}.dvw-diff-preview-switch{margin-right:auto;display:flex;gap:4px}.dvw-commit-files{position:relative;padding-top:1px;padding-right:0;padding-bottom:5px}.dvw-graph-continuation{position:absolute;top:0;bottom:0;left:7px;height:100%;pointer-events:none}.dvw-commit-file-list{position:relative;min-width:0}.dvw-overlay button:focus-visible,.dvw-overlay input:focus-visible,.dvw-overlay select:focus-visible{outline:1px solid var(--dvw-accent);outline-offset:-1px}@media(max-width:800px){.dvw-overlay{grid-template-columns:44px var(--dvw-side-width) minmax(0,1fr)}.dvw-editor-outline{width:210px}.dvw-editor[data-outline=true] .dvw-editor-body{left:210px}}
 .dvw-overlay[data-dvw-chat=true]{grid-template-columns:48px var(--dvw-side-width) minmax(0,1fr) var(--dvw-chat-width)}
@@ -6006,6 +6325,8 @@ body[data-ds-dark-theme] .dvw-overlay,.dvw-overlay[data-dvw-theme=dark]{color-sc
 .dvw-chat-toggle{position:absolute;z-index:5;top:6px;right:6px;border:1px solid var(--dvw-border);background:var(--dvw-base)}
 .dvw-overlay:not([data-dvw-chat=true]) .dvw-tabs{padding-right:36px}
 [data-dvw-conversation-panel]{position:fixed!important;top:36px!important;right:0!important;bottom:var(--dvw-status-height,24px)!important;left:auto!important;width:var(--dvw-chat-width)!important;height:auto!important;min-width:0!important;z-index:21!important;border-left:1px solid var(--dsw-alias-border-l2)!important;box-shadow:none!important}
+.dvw-confirm-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.38)}.dvw-confirm{width:min(380px,calc(100vw - 48px));border:1px solid var(--dvw-border);border-radius:7px;background:var(--dvw-surface-1);box-shadow:0 12px 36px rgba(0,0,0,.34);padding:18px}.dvw-confirm h2{margin:0 0 12px;font-size:15px}.dvw-confirm p{margin:0;color:var(--dvw-text)}.dvw-confirm-note{margin-top:8px!important;color:var(--dvw-text-3)!important;font-size:12px}.dvw-confirm footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.dvw-confirm footer button{height:28px;border:1px solid var(--dvw-border);border-radius:4px;background:var(--dvw-surface-2);color:var(--dvw-text);padding:0 12px;font:inherit;cursor:pointer}.dvw-confirm footer button:hover{background:var(--dvw-hover)}.dvw-confirm footer .dvw-danger-button{border-color:color-mix(in srgb,var(--dvw-error) 65%,var(--dvw-border));background:var(--dvw-error);color:#fff}.dvw-confirm footer .dvw-danger-button:hover{background:color-mix(in srgb,var(--dvw-error) 82%,#000)}
+.dvw-tree[data-dvw-native-drop-target=true]{outline:1px dashed var(--dvw-accent);outline-offset:-3px}.dvw-tree-row[data-dvw-native-drop-target=true]{background:var(--dvw-active)}
 .dvw-settings-backdrop{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.34);backdrop-filter:blur(2px)}
 .dvw-settings{width:min(720px,calc(100vw - 48px));max-height:min(720px,calc(100vh - 48px));display:flex;flex-direction:column;border:1px solid var(--dvw-border);border-radius:10px;background:var(--dvw-surface-1);box-shadow:0 16px 50px rgba(0,0,0,.32);overflow:hidden}
 .dvw-settings>header{height:44px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;border-bottom:1px solid var(--dvw-border);font-size:14px;font-weight:600}.dvw-settings>header>span{display:flex;align-items:center;gap:8px}
@@ -6028,6 +6349,21 @@ body[data-ds-dark-theme] .dvw-overlay,.dvw-overlay[data-dvw-theme=dark]{color-sc
 			};
 		}
 		//#endregion
+		//#region src/client/shortcuts.ts
+		/** Handle terminal shortcuts through contributions registered by a terminal adapter. */
+		function handleTerminalShortcut(event, workbench) {
+			if (event.isComposing || !event.ctrlKey || event.altKey || event.code !== "Backquote") return false;
+			if (!workbench.getPanels().some((panel) => panel.id === "terminal")) return false;
+			event.preventDefault();
+			event.stopImmediatePropagation();
+			workbench.show();
+			if (event.shiftKey) {
+				if (workbench.getSnapshot().bottomPanel !== "terminal") workbench.toggleBottomPanel("terminal");
+				queueMicrotask(() => workbench.runCommand("terminal.new"));
+			} else workbench.toggleBottomPanel("terminal");
+			return true;
+		}
+		//#endregion
 		//#region src/client/index.tsx
 		const Overlay = ({ service, useSessions }) => {
 			const sessionId = useSessions((state) => state.current);
@@ -6036,33 +6372,18 @@ body[data-ds-dark-theme] .dvw-overlay,.dvw-overlay[data-dvw-theme=dark]{color-sc
 				useSessions
 			}, sessionId ?? "no-session");
 		};
-		const Footer = ({ service, wide }) => {
-			const marker = (0, react.useRef)(null);
+		const Footer = ({ service }) => {
 			const [target, setTarget] = (0, react.useState)();
+			const [visible, setVisible] = (0, react.useState)(() => service.getSnapshot().visible);
 			(0, react.useLayoutEffect)(() => {
-				let container = marker.current?.parentElement;
-				while (container?.previousElementSibling === null) container = container.parentElement;
-				const region = container?.previousElementSibling;
-				if (!(region instanceof HTMLElement)) {
-					setTarget(null);
-					return;
-				}
 				const mount = document.createElement("div");
-				mount.className = "dvw-sidebar-launcher-mount";
-				region.prepend(mount);
+				mount.className = "dvw-launcher-mount";
+				document.body.append(mount);
 				setTarget(mount);
 				return () => mount.remove();
 			}, []);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				ref: marker,
-				hidden: true
-			}), target === void 0 ? null : target === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Launcher, {
-				service,
-				wide
-			}) : (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Launcher, {
-				service,
-				wide
-			}), target)] });
+			(0, react.useEffect)(() => service.subscribe(() => setVisible(service.getSnapshot().visible)), [service]);
+			return target === void 0 || visible ? null : (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Launcher, { service }), target);
 		};
 		const inject = ["slots"];
 		function apply(ctx) {
@@ -6086,6 +6407,7 @@ body[data-ds-dark-theme] .dvw-overlay,.dvw-overlay[data-dvw-theme=dark]{color-sc
 			}, Overlay));
 			ctx.effect(() => {
 				const onKey = (event) => {
+					if (handleTerminalShortcut(event, service)) return;
 					if (event.isComposing || !event.ctrlKey || event.altKey) return;
 					const view = event.shiftKey && event.code === "KeyE" ? "explorer" : event.shiftKey && event.code === "KeyF" ? "search" : event.shiftKey && event.code === "KeyG" ? "git" : void 0;
 					if (view !== void 0) {