dsh-vscode-workbench 0.1.3 → 0.1.5

package/lib/client.js

@@ -4418,22 +4418,21 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 		}
 		//#endregion
 		//#region src/client/DshMark.tsx
-		/** Reuse the official DSH whale already rendered by the host brand plugin. */
+		/** Bundled DSH fish logo — self-contained, no dependence on host DOM. */
+		const WHALE_VIEWBOX = "0 0 23.16 17.04";
+		const WHALE_PATH = "M22.9168 1.43018C22.6713 1.31018 22.5658 1.53918 22.4223 1.65519C22.3733 1.69269 22.3318 1.74169 22.2903 1.78669C21.9317 2.1697 21.5127 2.42121 20.9657 2.39121C20.1657 2.34621 19.4827 2.59771 18.8787 3.20973C18.7502 2.45521 18.3236 2.0047 17.6746 1.71569C17.3351 1.56568 16.9916 1.41518 16.7536 1.08867C16.5876 0.856163 16.5421 0.597155 16.4591 0.341647C16.4061 0.187643 16.3536 0.0301382 16.1761 0.00363739C15.9836 -0.0263635 15.9081 0.135141 15.8326 0.270145C15.5306 0.822162 15.4136 1.43018 15.4251 2.0462C15.4516 3.43174 16.0366 4.53527 17.1991 5.3203C17.3311 5.4103 17.3651 5.5003 17.3236 5.63181C17.2441 5.90231 17.1501 6.16482 17.0671 6.43533C17.0141 6.60784 16.9351 6.64584 16.7501 6.57033C16.1121 6.30383 15.5611 5.90931 15.074 5.4328C14.2475 4.63328 13.5 3.75075 12.568 3.05973C12.349 2.89822 12.13 2.74822 11.9034 2.60522C10.9524 1.68169 12.028 0.923165 12.277 0.833162C12.5375 0.739159 12.3675 0.41615 11.5259 0.42015C10.6844 0.42365 9.91439 0.705658 8.93286 1.08117C8.78935 1.13767 8.63835 1.17867 8.48384 1.21267C7.59332 1.04367 6.66829 1.00617 5.70226 1.11517C3.88321 1.31768 2.43016 2.1777 1.36213 3.64575C0.0790928 5.4103 -0.222916 7.41536 0.146595 9.50642C0.535106 11.7105 1.66014 13.535 3.38869 14.9616C5.18125 16.4406 7.24581 17.1657 9.60138 17.0266C11.0319 16.9441 12.6245 16.7526 14.421 15.2321C14.874 15.4576 15.3496 15.5476 16.1381 15.6151C16.7456 15.6716 17.3306 15.5851 17.7836 15.4911C18.4931 15.3411 18.4441 14.6841 18.1876 14.5636C16.1081 13.595 16.5646 13.9891 16.1496 13.67C17.2061 12.42 18.8202 10.1979 19.3182 7.17235C19.3672 6.83834 19.4297 6.36783 19.4222 6.09732C19.4182 5.93231 19.4562 5.86831 19.6447 5.84931C20.1657 5.78931 20.6712 5.64681 21.1357 5.3913C22.4833 4.65528 23.0268 3.44624 23.1548 1.9972C23.1738 1.77569 23.1508 1.54668 22.9168 1.43018ZM11.1749 14.4736C9.15936 12.889 8.18184 12.3675 7.77832 12.39C7.40081 12.4125 7.46881 12.8445 7.55182 13.126C7.63882 13.404 7.75182 13.5955 7.91033 13.8396C8.01983 14.0011 8.09533 14.2411 7.80083 14.4216C7.15181 14.8231 6.02327 14.2866 5.97027 14.2601C4.65673 13.4865 3.5587 12.4655 2.78467 11.069C2.03715 9.72493 1.60314 8.28289 1.53164 6.74384C1.51264 6.37233 1.62214 6.24082 1.99215 6.17332C2.47916 6.08332 2.98118 6.06432 3.46769 6.13582C5.52476 6.43633 7.27581 7.35586 8.74385 8.8129C9.58188 9.64243 10.2159 10.634 10.8689 11.6025C11.5634 12.631 12.3105 13.611 13.262 14.4146C13.598 14.6961 13.866 14.9101 14.1225 15.0681C13.349 15.1546 12.058 15.1731 11.1749 14.4746L11.1749 14.4736ZM12.141 8.25988C12.141 8.09488 12.273 7.96338 12.439 7.96338C12.4765 7.96338 12.5105 7.97088 12.541 7.98188C12.5825 7.99688 12.6205 8.01938 12.6505 8.05338C12.7035 8.10588 12.7335 8.18088 12.7335 8.25988C12.7335 8.42489 12.6015 8.55639 12.4355 8.55639C12.2695 8.55639 12.141 8.42489 12.141 8.25988ZM15.1415 9.79893C14.949 9.87793 14.7565 9.94544 14.5715 9.95294C14.2845 9.96794 13.9715 9.85143 13.8015 9.70893C13.5375 9.48742 13.3485 9.36342 13.2695 8.97691C13.2355 8.8119 13.2545 8.55639 13.2845 8.40989C13.3525 8.09438 13.277 7.89187 13.0545 7.70787C12.8735 7.55786 12.643 7.51636 12.39 7.51636C12.2955 7.51636 12.209 7.47486 12.1445 7.44136C12.039 7.38886 11.9519 7.25735 12.035 7.09585C12.0615 7.04335 12.19 6.91584 12.22 6.89334C12.5635 6.69784 12.9595 6.76184 13.326 6.90834C13.6655 7.04735 13.9225 7.30236 14.292 7.66287C14.6695 8.09838 14.7375 8.21838 14.9525 8.54539C15.1225 8.8009 15.277 9.06341 15.3831 9.36392C15.4471 9.55142 15.3641 9.70493 15.1415 9.79893Z";
 		function DshMark({ size = 18 }) {
-			const mount = (0, react.useRef)(null);
-			(0, react.useLayoutEffect)(() => {
-				const source = [...document.querySelectorAll("svg")].find((svg) => svg.getAttribute("viewBox") === "0 0 23.16 17.04" && !mount.current?.contains(svg));
-				if (source === void 0 || mount.current === null) return;
-				const logo = source.cloneNode(true);
-				logo.setAttribute("width", String(size));
-				logo.setAttribute("height", String(size * 17.04 / 23.16));
-				mount.current.replaceChildren(logo);
-			}, [size]);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 				className: "dvw-dsh-mark",
-				ref: mount,
+				width: size,
+				height: size * 17.04 / 23.16,
+				viewBox: WHALE_VIEWBOX,
+				fill: "none",
 				"aria-hidden": "true",
-				children: "DSH"
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: WHALE_PATH,
+					fill: "currentColor"
+				})
 			});
 		}
 		//#endregion
@@ -4474,6 +4473,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			const path = tab.title ?? tab.diffSourcePath ?? tab.path.replace(/^diff:/, "");
 			return path.split(/[\\/]/).at(-1) ?? path;
 		}
+		/** Invoke `fn` at most once per `ms` after the latest call, always running the freshest callback. */
+		function useDebouncedCallback(fn, ms) {
+			const fnRef = (0, react.useRef)(fn);
+			fnRef.current = fn;
+			const timer = (0, react.useRef)();
+			(0, react.useEffect)(() => () => clearTimeout(timer.current), []);
+			return (0, react.useCallback)(() => {
+				clearTimeout(timer.current);
+				timer.current = setTimeout(() => fnRef.current(), ms);
+			}, [ms]);
+		}
 		function useDshDarkTheme() {
 			const read = () => document.body.hasAttribute("data-ds-dark-theme");
 			const [dark, setDark] = (0, react.useState)(read);
@@ -4487,9 +4497,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 +4516,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 +4743,16 @@ 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]);
+			const refreshStatusDebounced = useDebouncedCallback(refreshStatus, 500);
+			(0, react.useEffect)(() => {
+				refreshStatus();
+				const handler = () => refreshStatusDebounced();
+				window.addEventListener("dvw-files-changed", handler);
+				return () => window.removeEventListener("dvw-files-changed", handler);
+			}, [refreshStatus, refreshStatusDebounced]);
 			const create = async (kind) => {
 				const path = prompt(kind === "file" ? "新文件路径" : "新目录路径");
 				if (!path) return;
@@ -4593,11 +4768,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 +4898,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",
@@ -5033,12 +5331,13 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					setError(void 0);
 				}).catch((error) => setError(String(error)));
 			}, [props.sessionId]);
+			const refreshDebounced = useDebouncedCallback(refresh, 500);
 			(0, react.useEffect)(refresh, [refresh]);
 			(0, react.useEffect)(() => {
-				const fn = () => refresh();
+				const fn = () => refreshDebounced();
 				window.addEventListener("dvw-files-changed", fn);
 				return () => window.removeEventListener("dvw-files-changed", fn);
-			}, [refresh]);
+			}, [refreshDebounced]);
 			const action = async (name, path, value) => {
 				setBusy(true);
 				try {
@@ -5267,15 +5566,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 }) {
@@ -5489,6 +5785,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",
@@ -5522,6 +5826,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,
@@ -5999,20 +6306,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)}
@@ -6024,12 +6331,14 @@ body[data-ds-dark-theme] .dvw-overlay,.dvw-overlay[data-dvw-theme=dark]{color-sc
 .dvw-chat{grid-column:4;grid-row:1/3;min-width:0;background:var(--dvw-base);border-left:1px solid var(--dvw-border);position:relative}
 .dvw-chat-head{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 12px;border-bottom:1px solid var(--dvw-border);background:var(--dvw-base);font-weight:600}
 .dvw-chat-head>span{display:flex;align-items:center;gap:7px}.dvw-chat-body{height:calc(100% - 36px);background:var(--dvw-base)}
-.dvw-dsh-mark{min-width:18px;height:18px;display:inline-grid;place-items:center;color:currentColor;font-size:0}.dvw-dsh-mark svg{display:block}
+.dvw-dsh-mark{display:block}
 .dvw-chat-resizer{position:fixed;top:0;right:calc(var(--dvw-chat-width) - 4px);bottom:0;width:8px;z-index:4;cursor:ew-resize;touch-action:none}
 .dvw-chat-resizer:hover,.dvw-chat-resizer:active{background:var(--dvw-accent)}
 .dvw-chat-toggle{position:absolute;z-index:5;top:6px;right:6px;border:1px solid var(--dvw-border);background:var(--dvw-base)}
 .dvw-overlay:not([data-dvw-chat=true]) .dvw-tabs{padding-right:36px}
 [data-dvw-conversation-panel]{position:fixed!important;top:36px!important;right:0!important;bottom:var(--dvw-status-height,24px)!important;left:auto!important;width:var(--dvw-chat-width)!important;height:auto!important;min-width:0!important;z-index:21!important;border-left:1px solid var(--dsw-alias-border-l2)!important;box-shadow:none!important}
+.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}
@@ -6075,33 +6384,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) {