@artenx/dshb 0.0.3 → 0.1.0

package/lib/client.js

@@ -0,0 +1,2770 @@
+window.__ModuleLoader__.load({
+	id: "@artenx/dshb",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/client/auth.tsx
+		const SECTION_ID$1 = "auth";
+		const MESSAGE_MS = 5e3;
+		function useUsername() {
+			const [username, setUsername] = (0, react.useState)(void 0);
+			(0, react.useEffect)(() => {
+				let cancelled = false;
+				(async () => {
+					try {
+						const res = await fetch("/api/auth/status");
+						if (!res.ok) return;
+						const data = await res.json();
+						if (!cancelled && typeof data.username === "string") setUsername(data.username);
+					} catch {}
+				})();
+				return () => {
+					cancelled = true;
+				};
+			}, []);
+			return [username, setUsername];
+		}
+		function AuthSection(_props) {
+			const [username, setUsername] = useUsername();
+			const [newUsername, setNewUsername] = (0, react.useState)("");
+			const [usernamePassword, setUsernamePassword] = (0, react.useState)("");
+			const [oldPassword, setOldPassword] = (0, react.useState)("");
+			const [newPassword, setNewPassword] = (0, react.useState)("");
+			const [confirm, setConfirm] = (0, react.useState)("");
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [notice, setNotice] = (0, react.useState)(void 0);
+			const [confirmingSignOut, setConfirmingSignOut] = (0, react.useState)(false);
+			const flash = (0, react.useCallback)((n) => {
+				setNotice(n);
+				if (n !== void 0) setTimeout(() => setNotice(void 0), MESSAGE_MS);
+			}, []);
+			const signOut = (0, react.useCallback)(async () => {
+				setBusy(true);
+				try {
+					await fetch("/api/auth/logout", { method: "POST" });
+					window.location.href = "/login";
+				} catch {
+					setBusy(false);
+					setConfirmingSignOut(false);
+					flash({
+						kind: "error",
+						text: "退出失败，请重试",
+						owner: "account"
+					});
+				}
+			}, [flash]);
+			const changePassword = (0, react.useCallback)(async () => {
+				if (newPassword !== confirm) {
+					flash({
+						kind: "error",
+						text: "两次输入的新密码不一致",
+						owner: "password"
+					});
+					return;
+				}
+				setBusy(true);
+				try {
+					const res = await fetch("/api/auth/change-password", {
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify({
+							currentPassword: oldPassword,
+							password: newPassword
+						})
+					});
+					const data = await res.json();
+					if (res.ok) {
+						setOldPassword("");
+						setNewPassword("");
+						setConfirm("");
+						flash({
+							kind: "ok",
+							text: "密码已修改",
+							owner: "password"
+						});
+					} else flash({
+						kind: "error",
+						text: data.error ?? "修改失败，请重试",
+						owner: "password"
+					});
+				} catch {
+					flash({
+						kind: "error",
+						text: "修改失败，请重试",
+						owner: "password"
+					});
+				} finally {
+					setBusy(false);
+				}
+			}, [
+				oldPassword,
+				newPassword,
+				confirm,
+				flash
+			]);
+			const changeUsername = (0, react.useCallback)(async () => {
+				setBusy(true);
+				try {
+					const res = await fetch("/api/auth/change-username", {
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify({
+							username: newUsername,
+							currentPassword: usernamePassword
+						})
+					});
+					const data = await res.json();
+					if (res.ok) {
+						setNewUsername("");
+						setUsernamePassword("");
+						if (newUsername) setUsername(newUsername);
+						flash({
+							kind: "ok",
+							text: "用户名已更新",
+							owner: "username"
+						});
+					} else flash({
+						kind: "error",
+						text: data.error ?? "修改失败，请重试",
+						owner: "username"
+					});
+				} catch {
+					flash({
+						kind: "error",
+						text: "修改失败，请重试",
+						owner: "username"
+					});
+				} finally {
+					setBusy(false);
+				}
+			}, [
+				newUsername,
+				usernamePassword,
+				flash,
+				setUsername
+			]);
+			const inputStyle = {
+				width: "100%",
+				boxSizing: "border-box",
+				padding: "0 10px",
+				height: 32,
+				border: "1px solid var(--dsw-alias-border-l2)",
+				borderRadius: 8,
+				fontSize: 14,
+				fontFamily: "inherit",
+				background: "var(--dsw-alias-bg-layer-1)",
+				color: "var(--dsw-alias-label-primary)",
+				outline: "none"
+			};
+			const buttonStyle = {
+				boxSizing: "border-box",
+				height: 36,
+				padding: "0 14px",
+				borderRadius: 18,
+				fontSize: 14,
+				lineHeight: "22px",
+				fontFamily: "inherit",
+				cursor: "pointer",
+				border: "none",
+				display: "inline-flex",
+				justifyContent: "center",
+				alignItems: "center",
+				gap: 4
+			};
+			const primaryButtonStyle = {
+				...buttonStyle,
+				background: "var(--dsw-alias-button-primary-fill)",
+				color: "var(--dsw-alias-label-primary-foreground)"
+			};
+			const secondaryButtonStyle = {
+				...buttonStyle,
+				border: "1px solid var(--dsw-alias-border-l2)",
+				color: "var(--dsw-alias-label-primary)",
+				background: "transparent"
+			};
+			({ ...buttonStyle });
+			const dangerOutlineButtonStyle = {
+				...buttonStyle,
+				border: "1px solid var(--dsw-alias-state-error-primary)",
+				color: "var(--dsw-alias-state-error-primary)",
+				background: "transparent"
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 24,
+					maxWidth: 420
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							style: {
+								fontSize: 16,
+								fontWeight: 600,
+								margin: "0 0 4px"
+							},
+							children: "账号"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: {
+								fontSize: 13,
+								opacity: .7,
+								margin: "0 0 12px"
+							},
+							children: username !== void 0 ? `当前登录：${username}` : "当前登录：管理员"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							onClick: () => setConfirmingSignOut(true),
+							disabled: busy,
+							style: dangerOutlineButtonStyle,
+							children: "退出登录"
+						}),
+						confirmingSignOut && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							role: "alertdialog",
+							"aria-label": "确认退出登录",
+							style: {
+								marginTop: 10,
+								padding: "12px 14px",
+								border: "1px solid var(--dsw-alias-border-l2)",
+								borderRadius: 8,
+								maxWidth: 320
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								style: {
+									fontSize: 13,
+									marginBottom: 10,
+									color: "var(--dsw-alias-label-primary)"
+								},
+								children: "退出登录将回到登录页"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "flex",
+									justifyContent: "flex-end",
+									gap: 8
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: () => setConfirmingSignOut(false),
+									disabled: busy,
+									style: {
+										...secondaryButtonStyle,
+										height: 32,
+										padding: "0 12px",
+										borderRadius: 16
+									},
+									children: "取消"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: () => void signOut(),
+									disabled: busy,
+									style: {
+										...dangerOutlineButtonStyle,
+										height: 32,
+										padding: "0 12px",
+										borderRadius: 16,
+										background: "var(--dsw-alias-interactive-bg-hover-danger)"
+									},
+									children: "确认退出"
+								})]
+							})]
+						}),
+						notice?.owner === "account" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: {
+								fontSize: 13,
+								color: notice.kind === "ok" ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-alias-state-error-primary)",
+								margin: "8px 0 0"
+							},
+							children: notice.text
+						})
+					] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						style: {
+							fontSize: 16,
+							fontWeight: 600,
+							margin: "0 0 12px"
+						},
+						children: "修改用户名"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+						onSubmit: (e) => {
+							e.preventDefault();
+							changeUsername();
+						},
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							gap: 12
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								style: {
+									display: "flex",
+									flexDirection: "column",
+									gap: 4,
+									fontSize: 13
+								},
+								children: ["新用户名", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "text",
+									value: newUsername,
+									onChange: (e) => setNewUsername(e.target.value),
+									autoComplete: "username",
+									style: inputStyle
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								style: {
+									display: "flex",
+									flexDirection: "column",
+									gap: 4,
+									fontSize: 13
+								},
+								children: ["当前密码", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "password",
+									value: usernamePassword,
+									onChange: (e) => setUsernamePassword(e.target.value),
+									autoComplete: "current-password",
+									style: inputStyle
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "flex",
+									alignItems: "center",
+									gap: 12
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "submit",
+									disabled: busy,
+									style: primaryButtonStyle,
+									children: "修改用户名"
+								}), notice?.owner === "username" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: {
+										fontSize: 13,
+										color: notice.kind === "ok" ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-alias-state-error-primary)"
+									},
+									children: notice.text
+								})]
+							})
+						]
+					})] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						style: {
+							fontSize: 16,
+							fontWeight: 600,
+							margin: "0 0 12px"
+						},
+						children: "修改密码"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+						onSubmit: (e) => {
+							e.preventDefault();
+							changePassword();
+						},
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							gap: 12
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								style: {
+									display: "flex",
+									flexDirection: "column",
+									gap: 4,
+									fontSize: 13
+								},
+								children: ["当前密码", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "password",
+									value: oldPassword,
+									onChange: (e) => setOldPassword(e.target.value),
+									autoComplete: "current-password",
+									style: inputStyle
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								style: {
+									display: "flex",
+									flexDirection: "column",
+									gap: 4,
+									fontSize: 13
+								},
+								children: ["新密码", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "password",
+									value: newPassword,
+									onChange: (e) => setNewPassword(e.target.value),
+									autoComplete: "new-password",
+									style: inputStyle
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								style: {
+									display: "flex",
+									flexDirection: "column",
+									gap: 4,
+									fontSize: 13
+								},
+								children: ["确认新密码", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "password",
+									value: confirm,
+									onChange: (e) => setConfirm(e.target.value),
+									autoComplete: "new-password",
+									style: inputStyle
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "flex",
+									alignItems: "center",
+									gap: 12
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "submit",
+									disabled: busy,
+									style: primaryButtonStyle,
+									children: "修改密码"
+								}), notice?.owner === "password" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: {
+										fontSize: 13,
+										color: notice.kind === "ok" ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-alias-state-error-primary)"
+									},
+									children: notice.text
+								})]
+							})
+						]
+					})] })
+				]
+			});
+		}
+		function apply$2(ctx) {
+			const connection = ctx.get("connection");
+			if (connection !== void 0) Object.defineProperty(connection, "isLoopback", {
+				configurable: true,
+				get: () => true
+			});
+			ctx.plugin({
+				inject: ["slots", "settingsScope"],
+				apply: (sub) => {
+					sub.slots.inject("settings.section", () => sub.slots.register({
+						name: "settings.section",
+						id: SECTION_ID$1,
+						order: 100,
+						label: () => "认证"
+					}, AuthSection));
+				}
+			});
+		}
+		//#endregion
+		//#region src/client/directory-flow.tsx
+		const inputStyle$1 = {
+			width: "100%",
+			boxSizing: "border-box",
+			padding: "0 10px",
+			height: 32,
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 8,
+			fontSize: 14,
+			fontFamily: "inherit",
+			background: "var(--dsw-alias-bg-layer-1)",
+			color: "var(--dsw-alias-label-primary)",
+			outline: "none"
+		};
+		const buttonStyle$1 = {
+			boxSizing: "border-box",
+			height: 36,
+			padding: "0 14px",
+			borderRadius: 18,
+			fontSize: 14,
+			lineHeight: "22px",
+			fontFamily: "inherit",
+			cursor: "pointer",
+			border: "none",
+			display: "inline-flex",
+			justifyContent: "center",
+			alignItems: "center",
+			gap: 4
+		};
+		const primaryButtonStyle$1 = {
+			...buttonStyle$1,
+			background: "var(--dsw-alias-button-primary-fill)",
+			color: "var(--dsw-alias-label-primary-foreground)"
+		};
+		const secondaryButtonStyle$1 = {
+			...buttonStyle$1,
+			border: "1px solid var(--dsw-alias-border-l2)",
+			color: "var(--dsw-alias-label-primary)",
+			background: "transparent"
+		};
+		const overlayStyle = {
+			position: "fixed",
+			inset: 0,
+			background: "var(--dsw-alias-overlay-mask, rgba(0,0,0,0.45))",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			zIndex: 1e3
+		};
+		const dialogStyle = {
+			width: "min(92vw, 560px)",
+			maxWidth: "100%",
+			maxHeight: "80vh",
+			overflow: "auto",
+			overflowX: "hidden",
+			background: "var(--dsw-alias-bg-layer-1)",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 12,
+			padding: 20,
+			boxSizing: "border-box",
+			color: "var(--dsw-alias-label-primary)"
+		};
+		function joinPath(base, name) {
+			return `${base.replace(/\/+$/, "")}/${name}`;
+		}
+		function DirectoryFlowOccupant(props) {
+			const [nodes, setNodes] = (0, react.useState)([]);
+			const [nodeId, setNodeId] = (0, react.useState)("");
+			const [path, setPath] = (0, react.useState)("");
+			const [entries, setEntries] = (0, react.useState)([]);
+			const [error, setError] = (0, react.useState)(void 0);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [newDirName, setNewDirName] = (0, react.useState)("");
+			(0, react.useEffect)(() => {
+				if (!props.open) return;
+				(async () => {
+					try {
+						const res = await fetch("/api/dshb/nodes");
+						if (!res.ok) return;
+						const data = await res.json();
+						setNodes((data.nodes ?? []).filter((n) => n.type === "local-host" || n.status?.reachable === true));
+					} catch {}
+				})();
+			}, [props.open]);
+			const browse = (0, react.useCallback)(async (id, dir) => {
+				setError(void 0);
+				try {
+					const res = await fetch(`/api/dshb/nodes/${id}/browse?path=${encodeURIComponent(dir)}`);
+					const data = await res.json();
+					if (!res.ok || !data.ok) {
+						setError(data.error ?? "目录读取失败");
+						return;
+					}
+					setPath(data.path ?? dir);
+					setEntries((data.entries ?? []).filter((e) => e.isDirectory));
+				} catch {
+					setError("网络错误");
+				}
+			}, []);
+			const selectNode = (0, react.useCallback)((id) => {
+				setNodeId(id);
+				setPath("");
+				setEntries([]);
+				setError(void 0);
+				browse(id, "/");
+			}, [browse]);
+			const mkdir = (0, react.useCallback)(async () => {
+				if (!newDirName.trim()) return;
+				setBusy(true);
+				setError(void 0);
+				try {
+					const target = joinPath(path, newDirName.trim());
+					const res = await fetch(`/api/dshb/nodes/${nodeId}/mkdir`, {
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify({ path: target })
+					});
+					const data = await res.json();
+					if (!res.ok || !data.ok) {
+						setError(data.error ?? "创建目录失败");
+						return;
+					}
+					setNewDirName("");
+					browse(nodeId, target);
+				} catch {
+					setError("网络错误");
+				} finally {
+					setBusy(false);
+				}
+			}, [
+				newDirName,
+				nodeId,
+				path,
+				browse
+			]);
+			const confirm = (0, react.useCallback)(async () => {
+				if (!nodeId || !path) {
+					setError("请选择节点与目录");
+					return;
+				}
+				setBusy(true);
+				setError(void 0);
+				try {
+					const node = nodes.find((n) => n.id === nodeId);
+					if (!node) return;
+					if (node.type === "local-host") {
+						props.onPicked(path);
+						return;
+					}
+					const res = await fetch("/api/dshb/workspaces/bind", {
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify({
+							nodeId,
+							remotePath: path
+						})
+					});
+					const data = await res.json();
+					if (!res.ok || !data.ok || !data.mirrorPath) {
+						setError(data.error ?? "工作区注册失败");
+						return;
+					}
+					props.onPicked(data.mirrorPath);
+				} catch {
+					setError("网络错误");
+				} finally {
+					setBusy(false);
+				}
+			}, [
+				nodeId,
+				path,
+				nodes,
+				props
+			]);
+			if (!props.open) return null;
+			const node = nodes.find((n) => n.id === nodeId);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: overlayStyle,
+				role: "dialog",
+				"aria-label": "添加工作区",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: dialogStyle,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								display: "flex",
+								justifyContent: "space-between",
+								alignItems: "center",
+								marginBottom: 14
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+								style: {
+									margin: 0,
+									fontSize: 16,
+									color: "var(--dsw-alias-label-primary)"
+								},
+								children: "添加工作区"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								onClick: props.onCancel,
+								style: secondaryButtonStyle$1,
+								children: "关闭"
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							style: {
+								display: "block",
+								fontSize: 12,
+								color: "var(--dsw-alias-label-secondary)",
+								marginBottom: 4
+							},
+							children: "工作节点"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							style: {
+								...inputStyle$1,
+								marginBottom: 14
+							},
+							value: nodeId,
+							onChange: (e) => selectNode(e.target.value),
+							disabled: props.busy || busy,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "",
+								children: "选择节点…"
+							}), nodes.map((n) => {
+								const typeLabel = n.type === "local-host" ? "本地" : n.type === "remote-ssh" ? "远程 SSH" : n.type === "local-docker" ? "本地 Docker" : n.type === "remote-docker" ? "远程 Docker" : n.type;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+									value: n.id,
+									children: [
+										n.name,
+										"（",
+										typeLabel,
+										"）"
+									]
+								}, n.id);
+							})]
+						}),
+						nodeId !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "flex",
+									justifyContent: "space-between",
+									alignItems: "center",
+									marginBottom: 6
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: {
+										fontSize: 12,
+										color: "var(--dsw-alias-label-secondary)"
+									},
+									children: [
+										"当前目录（",
+										node?.type === "local-host" ? "本机" : "远端",
+										"）"
+									]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: () => void browse(nodeId, dirnameOf(path)),
+									disabled: busy,
+									style: secondaryButtonStyle$1,
+									children: "上一级"
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								style: {
+									...inputStyle$1,
+									marginBottom: 8,
+									height: "auto",
+									minHeight: 32,
+									display: "flex",
+									alignItems: "center",
+									flexWrap: "wrap",
+									gap: 2,
+									cursor: "pointer",
+									lineHeight: "32px",
+									overflow: "hidden"
+								},
+								onClick: () => void browse(nodeId, path),
+								children: path.split("/").filter(Boolean).length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { opacity: .5 },
+									children: "根目录"
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									onClick: (ev) => {
+										ev.stopPropagation();
+										browse(nodeId, "/");
+									},
+									style: {
+										cursor: "pointer",
+										color: "var(--dsw-alias-label-secondary)"
+									},
+									children: "/"
+								}), path.split("/").filter(Boolean).map((seg, i, arr) => {
+									const dir = "/" + arr.slice(0, i + 1).join("/");
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										style: {
+											display: "inline-flex",
+											alignItems: "center",
+											gap: 2
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											onClick: (ev) => {
+												ev.stopPropagation();
+												browse(nodeId, dir);
+											},
+											style: { cursor: "pointer" },
+											children: seg
+										}), i < arr.length - 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: { opacity: .4 },
+											children: "/"
+										})]
+									}, i);
+								})] })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									maxHeight: 200,
+									overflow: "auto",
+									border: "1px solid var(--dsw-alias-border-l2)",
+									borderRadius: 6,
+									marginBottom: 10
+								},
+								children: [entries.map((e) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									onClick: () => void browse(nodeId, e.path),
+									style: {
+										padding: "7px 10px",
+										cursor: "pointer",
+										fontSize: 13,
+										borderRadius: 6,
+										color: "var(--dsw-alias-label-primary)",
+										display: "flex",
+										alignItems: "center",
+										gap: 6,
+										overflow: "hidden"
+									},
+									onMouseEnter: (ev) => ev.currentTarget.style.background = "var(--dsw-alias-interactive-bg-hover)",
+									onMouseLeave: (ev) => ev.currentTarget.style.background = "transparent",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: { flexShrink: 0 },
+										children: "📁"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: {
+											overflow: "hidden",
+											textOverflow: "ellipsis",
+											whiteSpace: "nowrap"
+										},
+										children: e.name
+									})]
+								}, e.path)), entries.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										padding: 12,
+										fontSize: 12,
+										color: "var(--dsw-alias-label-tertiary)"
+									},
+									children: "无子目录"
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "flex",
+									gap: 8,
+									marginBottom: 12
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									style: {
+										...inputStyle$1,
+										flex: 1,
+										minWidth: 0
+									},
+									value: newDirName,
+									onChange: (e) => setNewDirName(e.target.value),
+									placeholder: "在当前目录下新建子目录…",
+									onKeyDown: (e) => {
+										if (e.key === "Enter") mkdir();
+									}
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: () => void mkdir(),
+									disabled: busy || !newDirName.trim(),
+									style: {
+										...secondaryButtonStyle$1,
+										flexShrink: 0,
+										whiteSpace: "nowrap"
+									},
+									children: "新建"
+								})]
+							})
+						] }),
+						error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								fontSize: 13,
+								color: "var(--dsw-alias-state-error-primary)",
+								marginBottom: 10
+							},
+							children: error
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								display: "flex",
+								justifyContent: "flex-end",
+								gap: 10
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								onClick: props.onCancel,
+								style: secondaryButtonStyle$1,
+								children: "取消"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								onClick: () => void confirm(),
+								disabled: busy || props.busy || !nodeId || !path,
+								style: primaryButtonStyle$1,
+								children: "设为工作区"
+							})]
+						})
+					]
+				})
+			});
+		}
+		function dirnameOf(path) {
+			const parts = path.split("/").filter(Boolean);
+			parts.pop();
+			return parts.length === 0 ? "/" : `/${parts.join("/")}`;
+		}
+		//#endregion
+		//#region src/client/mobile.tsx
+		/**
+		* dshb 移动端屏幕适配（参考 dsh-web-mobile 实现，仅保留页面适配与目录抽屉
+		* 切换，不含文件浏览 / 导出会话日志等功能按钮）。
+		*
+		* 机制与上游一致：dsh 客户端在窄屏会自动给 AppFrame 加 data-sidebar-collapsed
+		* 折叠侧边栏；这里把侧边栏列（frame 的第一个 grid 子元素）用 CSS 抽屉化
+		* （绝对定位 + transform 移出/滑入），并在会话头部注入一个切换按钮调用
+		* ctx.layout.toggleSidebar()。窄屏判定与上游一致（<1024 且粗指针，避免桌面
+		* 小窗误触发）。
+		*/
+		const MOBILE_QUERY = "(max-width: 1023px) and (pointer: coarse)";
+		/** 纯视口宽度判定：与放宽后的 MOBILE_CSS 媒体查询一致（不依赖 pointer 类型）。 */
+		const NARROW_QUERY = "(max-width: 1023px)";
+		const FRAME_ATTR = "data-dshb-mobile";
+		const COLLAPSED_ATTR = "data-sidebar-collapsed";
+		const MOBILE_CSS = `
+/* 仅按视口宽度判定，不绑定 pointer:coarse —— 触屏笔记本 / DevTools 响应式模式
+   常报 pointer:fine，绑定 coarse 会让全部窄屏修复失效。抽屉相关选择器都挂在
+   [data-dshb-mobile] 标记上，标记由 JS 的 coarse 判定添加，故放宽 CSS 不会误开抽屉。 */
+@media (max-width: 1023px) {
+  html, body { touch-action: pan-y pinch-zoom !important; overscroll-behavior-x: none !important; -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; }
+
+  [${FRAME_ATTR}="frame"] {
+    box-sizing: border-box !important;
+    position: relative !important;
+    grid-template-columns: minmax(0, 1fr) 0 0 !important;
+    padding-top: env(safe-area-inset-top, 0px) !important;
+  }
+
+  /* 侧边栏列 -> 抽屉：默认移出屏幕，展开（无 collapsed）时滑入 */
+  [${FRAME_ATTR}="frame"] > :first-child {
+    position: absolute !important;
+    inset: 0 auto 0 0 !important;
+    width: max-content;
+    max-width: 92vw;
+    z-index: 40 !important;
+    transform: translateX(-110%);
+    transition: transform .28s ease-in-out;
+    background: var(--dsw-alias-bg-base, #ffffff);
+    padding-top: env(safe-area-inset-top, 0px) !important;
+    border-right: none !important;
+    touch-action: pan-y pinch-zoom !important;
+  }
+  [${FRAME_ATTR}="frame"]:not([${COLLAPSED_ATTR}]) > :first-child { transform: none !important; }
+  @media (prefers-reduced-motion: reduce) {
+    [${FRAME_ATTR}="frame"] > :first-child { transition: none !important; }
+  }
+
+  /* 拖拽手柄在触屏上无用 */
+  [data-side="sidebar"], [data-side="details"] { display: none !important; }
+
+  /* 对话区：去桌面滚动条占位，收窄 gutter，字号降一档 */
+  [data-phase] [class*="_scrollBody"] { scrollbar-gutter: auto !important; scrollbar-width: none; }
+  [data-phase] [class*="_scrollBody"]::-webkit-scrollbar { display: none !important; width: 0; height: 0; }
+  [data-phase] [class*="_scroll"]:not([class*="_scrollBody"]):has(p) { padding-left: 20px; padding-right: 20px; font-size: 15px !important; }
+  [data-phase] [class*="_scroll"]:not([class*="_scrollBody"]):has(p) p,
+  [data-phase] [class*="_scroll"]:not([class*="_scrollBody"]):has(p) li,
+  [data-phase] [class*="_scroll"]:not([class*="_scrollBody"]):has(p) [class*="_text_"] { font-size: 15px !important; }
+  [data-phase] table { width: 100%; max-width: 100%; }
+  [data-phase] th, [data-phase] td { max-width: none; min-width: 0; }
+  [data-phase] [class*="_scroll"]:not([class*="_scrollBody"]) img { width: auto !important; max-width: 100% !important; height: auto !important; max-height: 220px !important; }
+  [data-phase] [class*="_userStack"], [data-phase] [class*="_userStack"] [class*="_bubble"] { box-sizing: border-box; width: fit-content; max-width: 100%; }
+  [data-phase] [class*="_actions"] { overflow: hidden; }
+
+  /* 统计行（turns/steps/LLM/TPS）：窄屏横向滚动，指标可滑动看全 */
+  [${FRAME_ATTR}="stats"] {
+    display: flex !important;
+    flex-wrap: nowrap !important;
+    align-items: center;
+    gap: 6px;
+    overflow-x: auto !important;
+    max-width: 100% !important;
+    scrollbar-width: none;
+    -webkit-overflow-scrolling: touch;
+  }
+  [${FRAME_ATTR}="stats"]::-webkit-scrollbar { display: none; }
+  [${FRAME_ATTR}="stats"] > * { flex-shrink: 0 !important; white-space: nowrap !important; }
+  [${FRAME_ATTR}="stats"] { gap: 6px !important; }
+  [class*="composerStack"] { gap: 4px !important; }
+  /* stats line 竖线分隔符(|)两边 margin 10px 太松，适度收紧 */
+  [data-phase] [class*="_sep"] { margin: 0 3px !important; }
+
+  /* 每轮回复下方的统计文字（footer）：收紧 actions 内部 gap 与气泡到 footer 间距，减少松散感 */
+  [data-phase] [class*="_actions"] { gap: 4px !important; }
+  [data-phase] [class*="_actions"] [class*="_timeEnd"] { gap: 4px !important; padding-left: 6px !important; }
+  [data-phase] [class*="userRow"], [data-phase] [class*="assistantRow"] { gap: 4px !important; }
+  /* 点号(·)左右 margin 10px 太松，收紧并抵消前后空格 */
+  [data-phase] [class*="_runTimeDot"] { margin: 0 -2px !important; }
+  /* footer 容器各项间距 16px 偏松 */
+  [data-phase] [class*="_root"][class*="osXY9a"] { gap: 8px !important; }
+  /* footer 统计行窄屏可横向滑动看全，不溢出页面 */
+  [data-phase] [class*="_actions"] { max-width: 100% !important; overflow-x: auto !important; scrollbar-width: none; touch-action: pan-x pan-y !important; }
+  [data-phase] [class*="_actions"]::-webkit-scrollbar { display: none; }
+
+  /* 模型切换菜单：名称完整展示，长名称在菜单项内换行。 */
+  [class*="_submenu_"] [class*="_itemLabel_"] {
+    overflow: visible !important;
+    text-overflow: clip !important;
+    white-space: normal !important;
+    overflow-wrap: anywhere;
+  }
+
+   /* 模型选择器（dsh-client-ui-model-selection，CSS 模块前缀 7KE1Ra_）：
+      列表内模型名/描述默认 ellipsis 截断，改换行完整显示。除当前 hash 外，
+      再加 modelName 语义匹配，防止上游升级换 hash 后规则失效。
+      注意：必须用 break-word 而非 anywhere —— anywhere 让文字 min-content
+      宽度≈1 字符，配合全局 * {min-width:0} 会把 flex 行内名字列压到 1 字符宽，
+      出现"一字符就换行"。break-word 的 min-content 取最长词宽，只在真正
+      放不下时才断词。 */
+   [class*="7KE1Ra_modelName"],
+   [class*="7KE1Ra_description"],
+   [class*="modelName"] {
+     white-space: normal !important;
+     overflow-wrap: break-word;
+     text-overflow: clip !important;
+     overflow: visible !important;
+   }
+
+  /* 模型选择器弹窗：JS（installModelMenuPosition）在窄屏下改为 position:fixed
+     视口级浮层（fixed 不受祖先 overflow 裁剪），这里仅做静态兜底（JS 未生效时
+     仍从触发按钮左缘向右展开、宽度收进视口）。 */
+  [class*="7KE1Ra_menu"],
+  [class*="_menu"]:has([class*="modelName"]) {
+    left: 0 !important;
+    right: auto !important;
+    width: calc(100vw - 32px) !important;
+    min-width: 0 !important;
+    max-width: calc(100vw - 32px) !important;
+    overflow-y: auto !important;
+    max-height: calc(100vh - 120px) !important;
+  }
+
+  /* 工具调用执行结果/代码/JSON：窄屏可横向滑动。details 抽屉宽 min(92%,420px)
+     较窄，命令行输出/JSON 长行溢出被外层 overflow:hidden 裁剪看不到。命令行输出
+     改 white-space:pre（保持原格式不折行，像终端）+ overflow-x:auto 横向滑动；
+     min-width:0+max-width:100% 约束宽度触发滚动。 */
+  [data-phase] [class*="resultBlockText"],
+  [data-phase] [class*="payload"]:not([class*="errorPayload"]),
+  [data-phase] [class*="sourceBlockContent"] {
+    white-space: pre !important;
+    min-width: 0 !important;
+    max-width: 100% !important;
+    overflow-x: auto !important;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+    touch-action: pan-x pan-y !important;
+  }
+  [data-phase] [class*="resultBlockText"]::-webkit-scrollbar,
+  [data-phase] [class*="payload"]::-webkit-scrollbar,
+  [data-phase] [class*="sourceBlockContent"]::-webkit-scrollbar { display: none !important; }
+
+  /* JSON 预览/代码块/promptDiff：横向滑动（不折行，保持格式） */
+  [data-phase] [class*="jsonPayload"],
+  [data-phase] [class*="jsonPreview"],
+  [data-phase] [class*="promptDiff"],
+  [data-phase] [class*="overviewPreview"],
+  [data-phase] [class*="resultBlocks"],
+  [data-phase] pre {
+    min-width: 0 !important;
+    max-width: 100% !important;
+    overflow-x: auto !important;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+    touch-action: pan-x pan-y !important;
+  }
+  [data-phase] [class*="jsonPayload"]::-webkit-scrollbar,
+  [data-phase] [class*="jsonPreview"]::-webkit-scrollbar,
+  [data-phase] [class*="promptDiff"]::-webkit-scrollbar,
+  [data-phase] [class*="overviewPreview"]::-webkit-scrollbar,
+  [data-phase] [class*="resultBlocks"]::-webkit-scrollbar,
+  [data-phase] pre::-webkit-scrollbar { display: none !important; }
+
+  /* dsh-client-ui-tool 工具卡片（Bash 等命令输出，class 前缀 o3BgMG_）：
+     bodyScroll/ioSection 只有 overflow-y:auto，横向溢出传到 row{overflow:hidden}
+     被裁剪且无法滑动。给输出容器链设 overflow-x:auto（不覆盖上游 overflow-y），
+     让终端格式长行在卡片内横向滑动。 */
+  [data-phase] [class*="bodyScroll"],
+  [data-phase] [class*="ioCard"],
+  [data-phase] [class*="ioSection"],
+  [data-phase] [class*="terminalBody"],
+  [data-phase] [class*="codeBody"] {
+    min-width: 0 !important;
+    max-width: 100% !important;
+    overflow-x: auto !important;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+    touch-action: pan-x pan-y !important;
+  }
+  [data-phase] [class*="bodyScroll"]::-webkit-scrollbar,
+  [data-phase] [class*="ioCard"]::-webkit-scrollbar,
+  [data-phase] [class*="ioSection"]::-webkit-scrollbar,
+  [data-phase] [class*="terminalBody"]::-webkit-scrollbar,
+  [data-phase] [class*="codeBody"]::-webkit-scrollbar { display: none !important; }
+
+  /* 终端组件（dsh-web-frontend，CSS 模块前缀 1gdtu_）：多行命令上游按行渲染成
+     多个 _promptLine_>_command_ 元素，行级不能各自设 overflow（会变成每行独立
+     滚动）。唯一横向滚动容器是公共祖先 _header_1gdtu_32（本就 overflow-y:auto）：
+     行链 _prompt_/_promptLine_/_command_ 全部撑到 max-content 且 overflow 可见，
+     长行内容溢出传入 _header_ 的 scrollWidth，所有行随 _header_ 同步滚动。
+     _output_1gdtu_156（输出区）同理以其为唯一容器，_line_ 撑宽不裁剪。 */
+  [data-phase] [class*="_header_1gdtu_"] {
+    min-width: 0 !important;
+    max-width: 100% !important;
+    overflow-x: auto !important;
+    overscroll-behavior-x: contain;
+    touch-action: pan-x pan-y !important;
+  }
+  [data-phase] [class*="_prompt_1gdtu_"],
+  [data-phase] [class*="_promptLine_1gdtu_"],
+  [data-phase] [class*="_command_1gdtu_"] {
+    min-width: max-content !important;
+    max-width: none !important;
+    overflow: visible !important;
+    /* Android Chrome TextAutosizer 按块宽计算 font boosting，max-content 行宽不一
+       导致各行字号参差；max-height 是其豁免条件，禁用放大并锁定继承字号。 */
+    max-height: 999999px !important;
+  }
+  [data-phase] [class*="_command_1gdtu_"] {
+    display: inline-block;
+    text-overflow: clip !important;
+    white-space: pre !important;
+  }
+  [data-phase] [class*="_copyButton_1gdtu_"] { position: sticky !important; right: 0; }
+  [data-phase] [class*="_output_1gdtu_"] {
+    overflow-x: auto !important;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+    touch-action: pan-x pan-y !important;
+  }
+  [data-phase] [class*="_output_1gdtu_"]::-webkit-scrollbar { display: none !important; }
+  [data-phase] [class*="_line_1gdtu_"] {
+    min-width: max-content !important;
+    overflow-x: visible !important;
+    max-height: 999999px !important;
+  }
+
+  /* 复制按钮周边也允许纵向页面手势，避免代码/总结区域形成触控死区。 */
+  [data-phase] [class*="_copyButton_"] { touch-action: manipulation !important; }
+  [data-phase] [class*="_copyAnchor_"],
+  [data-phase] [class*="_body_1ye18_"],
+  [data-phase] [class*="_root_4qrvp_"] { touch-action: pan-x pan-y !important; }
+
+  /* 上下文用量弹窗（ContextMeter .JObwrW_panel）：上游 dsh-client-ui-trajectory 的
+     [class*="panel"] 全局规则给它加了 max-width:100%!important，命中本弹窗，使宽度
+     从 264px 塌缩到包含块(.root 28px)宽，内容竖排成竖条。窄屏解除该误伤。 */
+  .JObwrW_panel { max-width: none !important; overflow-x: visible !important; }
+
+  /* 头部：标题省略，tab 条横向滚动 */
+  [${FRAME_ATTR}="frame"] [data-phase] header { padding-left: 44px; padding-right: 8px; }
+  [${FRAME_ATTR}="frame"] [data-phase] header [class*="_crumbs"] { flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap !important; }
+  [${FRAME_ATTR}="frame"] [data-phase] header [role="tablist"] { flex-wrap: nowrap; gap: 0 16px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
+  [${FRAME_ATTR}="frame"] [data-phase] header [role="tablist"]::-webkit-scrollbar { display: none; }
+  [${FRAME_ATTR}="frame"] [data-phase] header [role="tablist"] > button { flex-shrink: 0; white-space: nowrap; }
+
+  /* 设置对话框：窄屏近全宽 sheet（排除导出等普通对话框与目录选择器） */
+  [aria-modal="true"]:has(> :first-child > :last-child > button):not(:has([role="navigation"])):not(:has([class*="ZuhsRW"])) {
+    position: absolute !important;
+    left: 8px !important;
+    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
+    width: calc(100vw - 16px) !important;
+    max-width: calc(100vw - 16px) !important;
+    height: auto !important;
+    max-height: calc(100dvh - 24px - env(safe-area-inset-top, 0px)) !important;
+    flex-direction: column !important;
+    border-radius: 14px !important;
+  }
+  [aria-modal="true"]:not(:has(> :first-child > :last-child > button)) { max-width: calc(100vw - 32px) !important; }
+  /* nav：横排换行（避免 CJK 标签竖排楼梯状），隐藏冗余 caption */
+  [aria-modal="true"]:has(> :first-child > :last-child > button):not(:has([role="navigation"])):not(:has([class*="ZuhsRW"])) > :first-child {
+    width: 100%;
+    flex-direction: row !important;
+    align-items: center;
+    gap: 6px;
+    padding: 10px 12px 8px;
+  }
+  [aria-modal="true"]:has(> :first-child > :last-child > button):not(:has([role="navigation"])):not(:has([class*="ZuhsRW"])) > :first-child > :first-child { display: none !important; }
+  [aria-modal="true"] [class*="_navList"] { flex: 1 1 auto; min-width: 0; flex-direction: row !important; flex-wrap: wrap; gap: 6px; overflow: visible; }
+  [aria-modal="true"] [class*="_navList"] > button { flex-shrink: 0; white-space: nowrap; }
+  /* 外观模式卡片横排 */
+  [aria-modal="true"] [class*="_cubeRow"] { gap: 6px; }
+  [aria-modal="true"] [class*="_cubeRow"] > * { flex: 1 1 0; flex-direction: row !important; align-items: center; justify-content: center; gap: 6px; padding: 10px 8px; min-height: 0; }
+  /* section 填充 sheet 宽度 */
+  [aria-modal="true"] [class*="_section"] { width: 100% !important; max-width: none !important; }
+  [aria-modal="true"]:has(> :first-child > :last-child > button):not(:has([role="navigation"])):not(:has([class*="ZuhsRW"])) > :last-child { flex: 1 1 auto; min-height: 0; }
+  [aria-modal="true"]:has(> :first-child > :last-child > button):not(:has([role="navigation"])):not(:has([class*="ZuhsRW"])) > :last-child > :last-child { padding: 0 12px 24px; }
+
+  /* 切换按钮：固定头部左侧 */
+  [${FRAME_ATTR}="toggle"] {
+    position: absolute !important;
+    left: 8px !important;
+    top: 12px !important;
+    z-index: 2 !important;
+    display: inline-flex !important;
+    align-items: center; justify-content: center;
+    width: 28px; height: 28px;
+    padding: 0; border: none; background: none; cursor: pointer; color: inherit;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  /* 首页/hero（无活跃会话，session header 不存在）的抽屉切换 FAB：
+     浮在顶部相机带下方，避免与 hero 头部内容重叠 */
+  [${FRAME_ATTR}="fab"] {
+    position: absolute !important;
+    top: calc(env(safe-area-inset-top, 0px) + 72px) !important;
+    left: 10px !important;
+    z-index: 21 !important;
+    display: inline-flex !important;
+    align-items: center; justify-content: center;
+    width: 38px; height: 38px;
+    padding: 0;
+    border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, .12)) !important;
+    border-radius: 50% !important;
+    background: var(--dsw-alias-button-floating-fill, #ffffff) !important;
+    color: var(--dsw-alias-label-primary, inherit) !important;
+    cursor: pointer !important;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, .18) !important;
+    -webkit-tap-highlight-color: transparent;
+  }
+}
+
+/* 宽屏 / 鼠标指针：隐藏切换按钮 */
+@media (min-width: 1024px), (pointer: fine) {
+  [${FRAME_ATTR}="toggle"], [${FRAME_ATTR}="fab"] { display: none !important; }
+}
+`;
+		function findFrame() {
+			return document.querySelector("[data-shell-overlay]")?.parentElement ?? null;
+		}
+		function getFrame() {
+			return document.querySelector(`[${FRAME_ATTR}="frame"]`) ?? findFrame();
+		}
+		/** viewport-fit=cover：让 safe-area-inset 生效，内容避开刘海/状态栏。 */
+		function installViewport(ctx) {
+			ctx.effect(() => {
+				const narrow = window.matchMedia(MOBILE_QUERY);
+				const viewport = document.querySelector("meta[name=\"viewport\"]");
+				if (viewport === null) return () => {};
+				const original = viewport.content;
+				const sync = () => {
+					viewport.content = narrow.matches ? "width=device-width, initial-scale=1, viewport-fit=cover" : original;
+				};
+				sync();
+				narrow.addEventListener("change", sync);
+				return () => {
+					narrow.removeEventListener("change", sync);
+					viewport.content = original;
+				};
+			}, "dshb-mobile: viewport");
+		}
+		function installStyles(ctx) {
+			ctx.effect(() => {
+				const tag = document.createElement("style");
+				tag.dataset.plugin = "dshb-mobile";
+				tag.textContent = MOBILE_CSS;
+				document.head.appendChild(tag);
+				setTimeout(() => {
+					if (tag.isConnected) document.head.appendChild(tag);
+				}, 0);
+				return () => {
+					tag.remove();
+				};
+			}, "dshb-mobile: styles");
+		}
+		/** 给 AppFrame 打标记（drawer CSS 选择器挂载点），窄屏才打。 */
+		function installFrameMarker(ctx) {
+			ctx.effect(() => {
+				const narrow = window.matchMedia(MOBILE_QUERY);
+				let frame = null;
+				const clear = () => {
+					if (frame !== null) frame.removeAttribute(FRAME_ATTR);
+					frame = null;
+				};
+				const ensure = () => {
+					if (!narrow.matches) return;
+					frame = findFrame();
+					if (frame !== null && !frame.hasAttribute(FRAME_ATTR)) frame.setAttribute(FRAME_ATTR, "frame");
+				};
+				ensure();
+				const mo = new MutationObserver(ensure);
+				mo.observe(document.documentElement, {
+					childList: true,
+					subtree: true
+				});
+				const onChange = () => {
+					if (narrow.matches) ensure();
+					else clear();
+				};
+				narrow.addEventListener("change", onChange);
+				return () => {
+					mo.disconnect();
+					narrow.removeEventListener("change", onChange);
+					clear();
+				};
+			}, "dshb-mobile: frame marker");
+		}
+		/**
+		* 抽屉打开时覆盖内容区的半透明遮罩，点击关闭；Escape 同样关闭；
+		* 点击抽屉内的会话/导航项后关闭抽屉。
+		*/
+		function installDrawerInteractions(ctx, toggleSidebar) {
+			ctx.effect(() => {
+				const narrow = window.matchMedia(MOBILE_QUERY);
+				let backdrop = null;
+				const drawerOpen = () => {
+					const frame = getFrame();
+					return narrow.matches && frame !== null && !frame.hasAttribute(COLLAPSED_ATTR);
+				};
+				const sync = () => {
+					if (drawerOpen() && backdrop === null) {
+						backdrop = document.createElement("div");
+						backdrop.setAttribute(`${FRAME_ATTR}-backdrop`, "");
+						backdrop.style.cssText = "position:fixed;inset:0;z-index:39;background:rgba(0,0,0,.4);-webkit-tap-highlight-color:transparent;";
+						backdrop.addEventListener("click", () => toggleSidebar());
+						document.body.appendChild(backdrop);
+					} else if (!drawerOpen() && backdrop !== null) {
+						backdrop.remove();
+						backdrop = null;
+					}
+				};
+				const onKeyDown = (event) => {
+					if (event.key !== "Escape") return;
+					if (document.querySelector("[aria-modal=\"true\"]") !== null) return;
+					if (drawerOpen()) toggleSidebar();
+				};
+				const onClick = (event) => {
+					if (!drawerOpen()) return;
+					const target = event.target;
+					if (!(target instanceof Element)) return;
+					const drawer = document.querySelector(`[${FRAME_ATTR}="frame"] > :first-child`);
+					if (drawer === null || !drawer.contains(target)) return;
+					if (target.closest("button, a, [role=\"button\"]") !== null) return;
+					if (target.closest("[class*=\"newSession\"], [class*=\"sessionRow\"], [role=\"treeitem\"], [class*=\"searchResult\"]") !== null) toggleSidebar();
+				};
+				sync();
+				const mo = new MutationObserver(sync);
+				mo.observe(document.documentElement, {
+					childList: true,
+					subtree: true,
+					attributes: true,
+					attributeFilter: [COLLAPSED_ATTR]
+				});
+				document.addEventListener("keydown", onKeyDown, true);
+				document.addEventListener("click", onClick, true);
+				narrow.addEventListener("change", sync);
+				return () => {
+					mo.disconnect();
+					document.removeEventListener("keydown", onKeyDown, true);
+					document.removeEventListener("click", onClick, true);
+					narrow.removeEventListener("change", sync);
+					backdrop?.remove();
+				};
+			}, "dshb-mobile: drawer interactions");
+		}
+		/** 对话/输入框下方的统计行（turns/steps/LLM/TPS）：hashed class 无法直接选，按文本特征标记后由 CSS 横向滚动，避免溢出。 */
+		function installStatsLine(ctx) {
+			ctx.effect(() => {
+				const narrow = window.matchMedia(MOBILE_QUERY);
+				const STATS_LINE_RE = /(\d+\s*轮|\d+\s*步|\bturns\b|\bsteps\b)/;
+				const isStatsText = (el) => {
+					const text = (el.textContent ?? "").trim();
+					if (text.length === 0 || text.length > 160) return false;
+					if (!STATS_LINE_RE.test(text)) return false;
+					if (el.querySelector("textarea, input, button, select, a") !== null) return false;
+					return true;
+				};
+				const mark = () => {
+					if (!narrow.matches) return;
+					document.querySelectorAll(`[${FRAME_ATTR}="stats"]`).forEach((el) => {
+						if (!el.isConnected || !STATS_LINE_RE.test((el.textContent ?? "").trim())) el.removeAttribute(FRAME_ATTR);
+					});
+					const cands = Array.from(document.querySelectorAll("span, div")).filter((el) => {
+						if (!isStatsText(el)) return false;
+						if (getComputedStyle(el).display === "contents") return false;
+						return true;
+					});
+					for (const el of cands) {
+						if (el.hasAttribute(FRAME_ATTR)) continue;
+						let anc = el.parentElement;
+						let hasOuterCand = false;
+						while (anc) {
+							if (cands.includes(anc)) {
+								hasOuterCand = true;
+								break;
+							}
+							anc = anc.parentElement;
+						}
+						if (!hasOuterCand) {
+							if (!el.hasAttribute(FRAME_ATTR)) el.setAttribute(FRAME_ATTR, "stats");
+						}
+					}
+				};
+				mark();
+				const mo = new MutationObserver(() => {
+					if (narrow.matches) mark();
+				});
+				mo.observe(document.documentElement, {
+					childList: true,
+					subtree: true
+				});
+				narrow.addEventListener("change", mark);
+				return () => {
+					mo.disconnect();
+					narrow.removeEventListener("change", mark);
+				};
+			}, "dshb-mobile: stats line");
+		}
+		/** 浮层 fixed 定位需管理的内联样式键，清理时逐一移除以交还上游 CSS。 */
+		const SHEET_PROPS = [
+			"position",
+			"width",
+			"left",
+			"right",
+			"top",
+			"bottom",
+			"min-width",
+			"max-width",
+			"max-height",
+			"overflow-y",
+			"box-sizing"
+		];
+		/**
+		* 把挂在 composer 内部的绝对定位浮层统一改造成 position:fixed 视口级浮层：
+		* 水平居中（左右各留 8px，绝不贴边/溢出），高度按视口比例封顶并内容滚动，
+		* 触发元素上方空间足够则向上展开、否则向下展开，四边都约束在视口内。
+		* fixed 不受祖先 overflow 裁剪（祖先带 transform 时失效）。
+		*/
+		function positionFixedSheet(el, rootRect, maxWidth, maxHeightRatio) {
+			const margin = 8;
+			const vw = window.innerWidth;
+			const vh = window.innerHeight;
+			const width = Math.max(0, Math.min(maxWidth, vw - 16));
+			const left = Math.round((vw - width) / 2);
+			const maxH = Math.round(vh * maxHeightRatio);
+			const spaceAbove = rootRect.top - margin;
+			const spaceBelow = vh - rootRect.bottom - margin;
+			const expandUp = spaceAbove >= 140 && spaceAbove >= spaceBelow;
+			let top;
+			if (expandUp) {
+				const h = Math.min(maxH, Math.max(spaceAbove, 140));
+				top = rootRect.top - margin - h;
+			} else top = rootRect.bottom + margin;
+			top = Math.max(margin, top);
+			el.style.setProperty("position", "fixed", "important");
+			el.style.setProperty("box-sizing", "border-box", "important");
+			el.style.setProperty("width", `${width}px`, "important");
+			el.style.setProperty("left", `${left}px`, "important");
+			el.style.setProperty("right", "auto", "important");
+			el.style.setProperty("top", `${top}px`, "important");
+			el.style.setProperty("bottom", "auto", "important");
+			el.style.setProperty("min-width", "0", "important");
+			el.style.setProperty("max-width", "none", "important");
+			el.style.setProperty("max-height", `${maxH}px`, "important");
+			el.style.setProperty("overflow-y", "auto", "important");
+		}
+		/**
+		* 一级 pane（Model/Effort 单元格小菜单）紧凑浮层：右缘对齐触发按钮右缘
+		* （面板右缘 x = 按钮右缘 x，钳制在视口内 8px 起，避免宽面板超出屏幕左缘时
+		* 被甩到左边贴边），向上展开、空间不足向下展开；宽度跟随内容
+		* （max-content，封顶 min(420, vw-16)），避免小菜单被全宽 sheet 拉远到
+		* 屏幕中间。测量与定位在同一任务内同步完成，无闪烁。
+		*/
+		function positionCompactPanel(el, root, rootRect) {
+			const margin = 8;
+			const vw = window.innerWidth;
+			const trigger = root.querySelector("[class*=\"7KE1Ra_trigger\"], [class*=\"_trigger\"]") ?? root;
+			const anchorRect = trigger === root ? rootRect : trigger.getBoundingClientRect();
+			el.style.setProperty("position", "fixed", "important");
+			el.style.setProperty("box-sizing", "border-box", "important");
+			el.style.setProperty("left", "0", "important");
+			el.style.setProperty("top", "0", "important");
+			el.style.setProperty("right", "auto", "important");
+			el.style.setProperty("bottom", "auto", "important");
+			el.style.setProperty("width", "max-content", "important");
+			el.style.setProperty("min-width", "0", "important");
+			el.style.setProperty("max-width", `${Math.min(420, vw - 16)}px`, "important");
+			el.style.setProperty("max-height", "none", "important");
+			el.style.setProperty("overflow-y", "visible", "important");
+			const w = el.offsetWidth;
+			const h = el.offsetHeight;
+			const panelRightX = Math.min(anchorRect.right, vw - margin);
+			const expandUp = anchorRect.top - margin - h >= margin;
+			const top = Math.max(margin, expandUp ? anchorRect.top - margin - h : anchorRect.bottom + margin);
+			const left = Math.max(margin, panelRightX - w);
+			el.style.setProperty("left", `${left}px`, "important");
+			el.style.setProperty("top", `${top}px`, "important");
+			el.style.setProperty("width", `${w}px`, "important");
+		}
+		/**
+		* 模型名多为纯连字符词（DeepSeek-V4-Flash-Vision-Exp）；white-space:normal 下
+		* 每个 "-" 都是软断点，名字一旦超列宽就在第一个连字符处断行（"换行太早"）。
+		* 把 "-" 就地换成不换行连字符 U+2011：放得下就整行显示，真超宽时仍由
+		* overflow-wrap:break-word 兜底任意断。只改文本节点 data、不换节点，
+		* 避免与 React 文本协调冲突；React 重渲染重置文本后由 MutationObserver
+		* 重新应用（幂等：换过之后不再有 "-"）。
+		*/
+		function applyNonBreakingHyphens(menu) {
+			for (const el of Array.from(menu.querySelectorAll("[class*=\"modelName\"]"))) {
+				const tn = el.firstChild;
+				if (tn && tn.nodeType === Node.TEXT_NODE && tn.nodeValue !== null && tn.nodeValue.includes("-")) tn.nodeValue = tn.nodeValue.replace(/-/g, "‑");
+			}
+		}
+		/**
+		* 模型名"整行显示、不换行、不截断"：窄屏下把名字列里的所有 .modelName 设为
+		* nowrap，并按"最宽名字 vs 可用列宽"统一缩小字号（下限 11px，上限 14px），
+		* 让最长的名字也恰好放得下——从根上消除"换行太早"。只测一次最宽名字
+		* （scrollWidth 一次布局读取），缩放结果应用到全部名字，保持同一字号。
+		* 调用方按 vw + 名字集合签名缓存，避免每次 DOM 变更都强制作废布局。
+		*/
+		function fitModelNameFont(menu) {
+			const names = Array.from(menu.querySelectorAll("[class*=\"modelName\"]"));
+			if (names.length === 0) return;
+			const col = names[0].parentElement;
+			if (col === null) return;
+			const colW = col.clientWidth - 4;
+			if (colW <= 0) return;
+			const base = 14;
+			let longest = names[0];
+			for (const n of names) if ((n.textContent?.length ?? 0) > (longest.textContent?.length ?? 0)) longest = n;
+			const prevWs = longest.style.whiteSpace;
+			longest.style.whiteSpace = "nowrap";
+			longest.style.fontSize = `${base}px`;
+			const natural = longest.scrollWidth;
+			longest.style.whiteSpace = prevWs;
+			longest.style.fontSize = "";
+			const fs = natural > colW ? Math.max(11, Math.min(base, Math.round(base * (colW / natural)))) : base;
+			for (const n of names) {
+				n.style.setProperty("white-space", "nowrap", "important");
+				n.style.setProperty("font-size", `${fs}px`, "important");
+			}
+		}
+		/** 宽屏（窄屏判定不成立）时复位名字列内联样式，交还上游 CSS（nowrap+ellipsis）。 */
+		function clearModelNameFit(menu) {
+			if (menu === null || menu === void 0) return;
+			for (const n of Array.from(menu.querySelectorAll("[class*=\"modelName\"]"))) {
+				n.style.removeProperty("white-space");
+				n.style.removeProperty("font-size");
+			}
+		}
+		/** 清除 positionFixedSheet 写入的内联样式，交还上游/移动端 CSS 兜底。 */
+		function clearFixedSheet(el) {
+			if (el === null || el === void 0) return;
+			for (const key of SHEET_PROPS) el.style.removeProperty(key);
+		}
+		/**
+		* 模型选择弹窗（dsh-client-ui-model-selection）是两级 pane 的同一个 `_7KE1Ra_menu`
+		* 元素：一级 Model/Effort 单元格列表（cellLabel），点击后切到模型列表（modelName）
+		* 或档位列表。上游默认 `position:absolute;right:0` 贴触发按钮右缘，触发按钮在
+		* 可横向滚动的 stats 行内时菜单会整体出屏。两级 pane 都必须接管（不能只按
+		* modelName 匹配，否则一级 pane 漏掉）。窄屏下：一级小菜单走紧凑浮层
+		* （右缘贴按钮、向上展开，避免全宽 sheet 把小菜单拉到屏幕中间离按钮太远）；
+		* 二级列表走视口级居中 fixed sheet（左右各 8px、高度 45% 视口封顶、
+		* 内容滚动、上方空间不足时向下展开）。
+		*/
+		function installModelMenuPosition(ctx) {
+			ctx.effect(() => {
+				const narrow = window.matchMedia(NARROW_QUERY);
+				const findMenus = () => {
+					const byHash = Array.from(document.querySelectorAll("[class*=\"7KE1Ra_menu\"]"));
+					if (byHash.length > 0) return byHash;
+					return Array.from(document.querySelectorAll("[class*=\"_menu\"]")).filter((el) => el.querySelector("[class*=\"cellLabel\"], [class*=\"modelName\"]") !== null);
+				};
+				const findTrigger = (menu) => {
+					if (menu.id) {
+						const controlled = Array.from(document.querySelectorAll("[aria-controls]")).find((el) => el.getAttribute("aria-controls") === menu.id);
+						if (controlled) return controlled;
+					}
+					return document.querySelector("[class*=\"7KE1Ra_trigger\"][aria-expanded=\"true\"]");
+				};
+				let fittedVw = 0;
+				let fittedSig = -1;
+				let fittedMenus = [];
+				const sync = () => {
+					const menus = findMenus();
+					if (!narrow.matches) {
+						if (fittedMenus.length > 0) {
+							for (const menu of fittedMenus) {
+								clearFixedSheet(menu);
+								clearModelNameFit(menu);
+							}
+							fittedVw = 0;
+							fittedSig = -1;
+							fittedMenus = [];
+							window.dispatchEvent(new Event("resize"));
+						}
+						return;
+					}
+					let vw = 0;
+					let sig = 0;
+					const modelMenus = [];
+					for (const menu of menus) {
+						const trigger = findTrigger(menu);
+						if (trigger === null) continue;
+						const rect = menu.getBoundingClientRect();
+						if (rect.width === 0 && rect.height === 0) continue;
+						const triggerRect = trigger.getBoundingClientRect();
+						if (menu.querySelector("[class*=\"modelName\"]")) {
+							positionFixedSheet(menu, triggerRect, Number.POSITIVE_INFINITY, .45);
+							applyNonBreakingHyphens(menu);
+							modelMenus.push(menu);
+							vw = window.innerWidth;
+							for (const n of menu.querySelectorAll("[class*=\"modelName\"]")) sig += n.textContent?.length ?? 0;
+						} else positionCompactPanel(menu, trigger, triggerRect);
+					}
+					const needFit = modelMenus.some((m) => !fittedMenus.includes(m));
+					if (vw > 0 && (needFit || vw !== fittedVw || sig !== fittedSig)) {
+						for (const menu of modelMenus) fitModelNameFont(menu);
+						fittedVw = vw;
+						fittedSig = sig;
+						fittedMenus = modelMenus;
+					}
+				};
+				sync();
+				const mo = new MutationObserver(() => requestAnimationFrame(sync));
+				mo.observe(document.documentElement, {
+					childList: true,
+					subtree: true
+				});
+				narrow.addEventListener("change", sync);
+				window.addEventListener("resize", sync);
+				window.addEventListener("scroll", sync, true);
+				return () => {
+					mo.disconnect();
+					narrow.removeEventListener("change", sync);
+					window.removeEventListener("resize", sync);
+					window.removeEventListener("scroll", sync, true);
+				};
+			}, "dshb-mobile: model menu position");
+		}
+		/**
+		* 上下文用量弹窗（ContextMeter .JObwrW_panel，dsh-client-ui-conversation）上游是
+		* `position:absolute; bottom:calc(100%+8px); right:0` 挂 .JObwrW_root 内。窄屏下
+		* 改为 fixed 视口浮层，右缘锚定触发按钮右缘、向上展开（用户已验证该形态正常，勿改）。
+		*/
+		function installContextPanelPosition(ctx) {
+			ctx.effect(() => {
+				const narrow = window.matchMedia(NARROW_QUERY);
+				const sync = () => {
+					if (!narrow.matches) return;
+					const panels = document.querySelectorAll("[class*=\"JObwrW_panel\"]");
+					for (const panel of Array.from(panels)) {
+						const root = panel.parentElement;
+						if (root === null || !root.className.includes("JObwrW_root")) continue;
+						const rootRect = root.getBoundingClientRect();
+						if (rootRect.width === 0 && rootRect.height === 0) continue;
+						const gap = 8;
+						panel.style.setProperty("position", "fixed", "important");
+						panel.style.setProperty("top", "auto", "important");
+						panel.style.setProperty("bottom", `${window.innerHeight - rootRect.top + gap}px`, "important");
+						panel.style.setProperty("left", "auto", "important");
+						panel.style.setProperty("right", `${Math.max(gap, window.innerWidth - rootRect.right)}px`, "important");
+						panel.style.setProperty("max-height", `${Math.max(160, rootRect.top - 16)}px`, "important");
+						panel.style.setProperty("overflow-y", "auto", "important");
+					}
+				};
+				sync();
+				const mo = new MutationObserver(() => requestAnimationFrame(sync));
+				mo.observe(document.documentElement, {
+					childList: true,
+					subtree: true
+				});
+				narrow.addEventListener("change", sync);
+				window.addEventListener("resize", sync);
+				window.addEventListener("scroll", sync, true);
+				return () => {
+					mo.disconnect();
+					narrow.removeEventListener("change", sync);
+					window.removeEventListener("resize", sync);
+					window.removeEventListener("scroll", sync, true);
+				};
+			}, "dshb-mobile: context panel position");
+		}
+		/** 目录抽屉切换按钮（仅切换，不含文件浏览/日志导出等功能按钮）。 */
+		function DrawerToggle({ toggleSidebar }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				"data-dshb-mobile": "toggle",
+				"aria-label": "打开目录",
+				title: "打开目录",
+				onClick: () => toggleSidebar(),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					xmlns: "http://www.w3.org/2000/svg",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+						x: "1.5",
+						y: "2.5",
+						width: "13",
+						height: "11",
+						rx: "2",
+						stroke: "currentColor",
+						strokeWidth: "1.5"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M6 2.5v11",
+						stroke: "currentColor",
+						strokeWidth: "1.5"
+					})]
+				})
+			});
+		}
+		const PANEL_ICON_SVG = "<svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><rect x=\"1.5\" y=\"2.5\" width=\"13\" height=\"11\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"1.5\"/><path d=\"M6 2.5v11\" stroke=\"currentColor\" strokeWidth=\"1.5\"/></svg>";
+		/**
+		* 首页 / hero（无活跃会话）没有 session header，header 上的切换按钮不渲染；
+		* 这里在 frame 上注入一个浮动切换按钮（FAB），仅 hero 且抽屉收起时显示。
+		*/
+		function installFab(ctx, toggleSidebar) {
+			ctx.effect(() => {
+				const narrow = window.matchMedia(MOBILE_QUERY);
+				const FAB_ATTR = "fab";
+				const heroPhase = () => document.querySelector("[data-phase=\"active\"]") === null;
+				const drawerOpen = () => {
+					const frame = getFrame();
+					return frame !== null && !frame.hasAttribute(COLLAPSED_ATTR);
+				};
+				let fab = null;
+				const sync = () => {
+					if (!narrow.matches || !heroPhase() || drawerOpen()) {
+						if (fab !== null) {
+							fab.remove();
+							fab = null;
+						}
+						return;
+					}
+					const frame = getFrame();
+					if (frame === null) return;
+					if (fab !== null && fab.parentElement === frame) return;
+					fab?.remove();
+					fab = document.createElement("button");
+					fab.type = "button";
+					fab.setAttribute(FRAME_ATTR, FAB_ATTR);
+					fab.setAttribute("aria-label", "打开目录");
+					fab.setAttribute("title", "打开目录");
+					fab.innerHTML = PANEL_ICON_SVG;
+					fab.addEventListener("click", toggleSidebar);
+					frame.appendChild(fab);
+				};
+				sync();
+				const mo = new MutationObserver(sync);
+				mo.observe(document.documentElement, {
+					childList: true,
+					subtree: true,
+					attributes: true,
+					attributeFilter: [
+						"data-phase",
+						"data-sidebar-collapsed",
+						"class"
+					]
+				});
+				narrow.addEventListener("change", sync);
+				return () => {
+					mo.disconnect();
+					narrow.removeEventListener("change", sync);
+					fab?.remove();
+				};
+			}, "dshb-mobile: hero fab");
+		}
+		/** 安装移动端适配：样式 + viewport + 抽屉标记 + 抽屉交互 + 切换按钮。 */
+		function installMobile(ctx) {
+			installStyles(ctx);
+			installViewport(ctx);
+			installFrameMarker(ctx);
+			installStatsLine(ctx);
+			installModelMenuPosition(ctx);
+			installContextPanelPosition(ctx);
+			const layout = ctx.layout;
+			const slots = ctx.slots;
+			if (layout && typeof layout.toggleSidebar === "function") {
+				const toggleSidebar = () => layout.toggleSidebar();
+				installDrawerInteractions(ctx, toggleSidebar);
+				installFab(ctx, toggleSidebar);
+			}
+			if (slots && layout) slots.inject("conversation.session.header.actions", () => slots.register({
+				name: "conversation.session.header.actions",
+				id: "dshb-mobile-toggle",
+				order: 10,
+				inject: () => ({ toggleSidebar: () => layout.toggleSidebar() })
+			}, DrawerToggle));
+		}
+		//#endregion
+		//#region src/client/ui.tsx
+		const SECTION_ID = "dshb-nodes";
+		const EMPTY_FORM = {
+			name: "",
+			type: "remote-ssh",
+			host: "",
+			port: "22",
+			username: "",
+			authKind: "password",
+			password: "",
+			privateKey: "",
+			passphrase: "",
+			keyPath: "",
+			dockerImage: "",
+			dockerCpus: "",
+			dockerMemory: ""
+		};
+		const inputStyle = {
+			width: "100%",
+			boxSizing: "border-box",
+			padding: "0 10px",
+			height: 32,
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 8,
+			fontSize: 14,
+			fontFamily: "inherit",
+			background: "var(--dsw-alias-bg-layer-1)",
+			color: "var(--dsw-alias-label-primary)",
+			outline: "none"
+		};
+		const buttonStyle = {
+			boxSizing: "border-box",
+			height: 36,
+			padding: "0 14px",
+			borderRadius: 18,
+			fontSize: 14,
+			lineHeight: "22px",
+			fontFamily: "inherit",
+			cursor: "pointer",
+			border: "none",
+			display: "inline-flex",
+			justifyContent: "center",
+			alignItems: "center",
+			gap: 4
+		};
+		const primaryButtonStyle = {
+			...buttonStyle,
+			background: "var(--dsw-alias-button-primary-fill)",
+			color: "var(--dsw-alias-label-primary-foreground)"
+		};
+		const secondaryButtonStyle = {
+			...buttonStyle,
+			border: "1px solid var(--dsw-alias-border-l2)",
+			color: "var(--dsw-alias-label-primary)",
+			background: "transparent"
+		};
+		const dangerOutlineButtonStyle = {
+			...buttonStyle,
+			border: "1px solid var(--dsw-alias-state-error-primary)",
+			color: "var(--dsw-alias-state-error-primary)",
+			background: "transparent"
+		};
+		function useNodes(reloadKey) {
+			const [nodes, setNodes] = (0, react.useState)([]);
+			(0, react.useEffect)(() => {
+				let cancelled = false;
+				(async () => {
+					try {
+						const res = await fetch("/api/dshb/nodes");
+						if (!res.ok) return;
+						const data = await res.json();
+						if (!cancelled) setNodes(data.nodes ?? []);
+					} catch {}
+				})();
+				return () => {
+					cancelled = true;
+				};
+			}, [reloadKey]);
+			return nodes;
+		}
+		function NodeSection(_props) {
+			const [reloadKey, setReloadKey] = (0, react.useState)(0);
+			const nodes = useNodes(reloadKey);
+			const [selectedId, setSelectedId] = (0, react.useState)("new");
+			const [form, setForm] = (0, react.useState)(EMPTY_FORM);
+			const [notice, setNotice] = (0, react.useState)(void 0);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [testing, setTesting] = (0, react.useState)(false);
+			const [testResult, setTestResult] = (0, react.useState)(void 0);
+			const [sshConfigEntries, setSshConfigEntries] = (0, react.useState)([]);
+			const [dockerBusy, setDockerBusy] = (0, react.useState)(false);
+			const flash = (0, react.useCallback)((n) => {
+				setNotice(n);
+				if (n) setTimeout(() => setNotice(void 0), 6e3);
+			}, []);
+			const reload = (0, react.useCallback)(() => setReloadKey((k) => k + 1), []);
+			(0, react.useEffect)(() => {
+				(async () => {
+					try {
+						const res = await fetch("/api/dshb/ssh-config");
+						if (!res.ok) return;
+						const data = await res.json();
+						setSshConfigEntries(data.entries ?? []);
+					} catch {}
+				})();
+			}, []);
+			const selectNode = (0, react.useCallback)((id) => {
+				setSelectedId(id);
+				setTestResult(void 0);
+				setTesting(false);
+				setDockerBusy(false);
+				if (id === "new") {
+					setForm(EMPTY_FORM);
+					return;
+				}
+				const node = nodes.find((n) => n.id === id);
+				if (!node) return;
+				setForm({
+					name: node.name,
+					type: node.type,
+					host: node.ssh?.host ?? "",
+					port: String(node.ssh?.port ?? 22),
+					username: node.ssh?.username ?? "",
+					authKind: node.ssh?.auth.kind ?? "password",
+					password: "",
+					privateKey: "",
+					passphrase: "",
+					keyPath: node.ssh?.auth.keyPath ?? "",
+					dockerImage: node.docker?.image ?? "",
+					dockerCpus: node.docker?.resources?.cpus != null ? String(node.docker?.resources?.cpus) : "",
+					dockerMemory: node.docker?.resources?.memoryMB != null ? String(node.docker?.resources?.memoryMB) : ""
+				});
+			}, [nodes]);
+			const importSshConfig = (0, react.useCallback)((entry) => {
+				setForm((f) => ({
+					...f,
+					type: "remote-ssh",
+					host: entry.host,
+					port: String(entry.port),
+					username: entry.username,
+					authKind: entry.hasIdentityFile ? "key" : f.authKind,
+					keyPath: entry.identityFile ?? f.keyPath,
+					name: f.name || entry.host
+				}));
+				setTestResult(void 0);
+				flash({
+					kind: "ok",
+					text: `已从 ~/.ssh/config 导入 ${entry.host}`
+				});
+			}, [flash]);
+			const save = (0, react.useCallback)(async () => {
+				if (!form.name.trim()) {
+					flash({
+						kind: "error",
+						text: "请填写节点名称"
+					});
+					return;
+				}
+				setBusy(true);
+				try {
+					const isRemote = form.type === "remote-ssh" || form.type === "remote-docker";
+					const isDocker = form.type === "local-docker" || form.type === "remote-docker";
+					const payload = {
+						name: form.name.trim(),
+						type: form.type,
+						ssh: isRemote ? {
+							host: form.host.trim(),
+							port: Number(form.port) || 22,
+							username: form.username.trim(),
+							auth: {
+								kind: form.authKind,
+								...form.keyPath.trim() ? { keyPath: form.keyPath.trim() } : {}
+							}
+						} : void 0,
+						secrets: isRemote ? {
+							...form.password ? { password: form.password } : {},
+							...form.privateKey ? { privateKey: form.privateKey } : {},
+							...form.passphrase ? { passphrase: form.passphrase } : {}
+						} : void 0,
+						docker: isDocker ? {
+							mode: "managed",
+							...form.dockerImage.trim() ? { image: form.dockerImage.trim() } : {},
+							...form.dockerCpus ? { resources: { cpus: Number(form.dockerCpus) || void 0 } } : {},
+							...form.dockerMemory ? { resources: { memoryMB: Number(form.dockerMemory) || void 0 } } : {},
+							...form.dockerCpus && form.dockerMemory ? { resources: {
+								cpus: Number(form.dockerCpus) || void 0,
+								memoryMB: Number(form.dockerMemory) || void 0
+							} } : {}
+						} : void 0
+					};
+					const url = selectedId === "new" ? "/api/dshb/nodes" : `/api/dshb/nodes/${selectedId}`;
+					const res = await fetch(url, {
+						method: selectedId === "new" ? "POST" : "PATCH",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify(payload)
+					});
+					const data = await res.json();
+					if (res.ok && data.ok) {
+						flash({
+							kind: "ok",
+							text: selectedId === "new" ? "节点已创建" : "节点已保存"
+						});
+						reload();
+						if (data.node) setSelectedId(data.node.id);
+					} else flash({
+						kind: "error",
+						text: data.error ?? "保存失败"
+					});
+				} catch {
+					flash({
+						kind: "error",
+						text: "网络错误"
+					});
+				} finally {
+					setBusy(false);
+				}
+			}, [
+				form,
+				selectedId,
+				flash,
+				reload
+			]);
+			const remove = (0, react.useCallback)(async () => {
+				if (selectedId === "new") return;
+				setBusy(true);
+				try {
+					const node = nodes.find((n) => n.id === selectedId);
+					if (node && (node.type === "local-docker" || node.type === "remote-docker") && node.docker?.containerId) try {
+						await fetch(`/api/dshb/docker/${selectedId}/delete`, { method: "POST" });
+					} catch {}
+					if ((await fetch(`/api/dshb/nodes/${selectedId}`, { method: "DELETE" })).ok) {
+						flash({
+							kind: "ok",
+							text: "节点已删除"
+						});
+						setSelectedId("new");
+						setForm(EMPTY_FORM);
+						reload();
+					}
+				} catch {
+					flash({
+						kind: "error",
+						text: "删除失败"
+					});
+				} finally {
+					setBusy(false);
+				}
+			}, [
+				selectedId,
+				nodes,
+				flash,
+				reload
+			]);
+			const test = (0, react.useCallback)(async () => {
+				if (form.type === "local-host") {
+					flash({
+						kind: "error",
+						text: "本地节点无需测试连接"
+					});
+					return;
+				}
+				const isRemote = form.type === "remote-ssh" || form.type === "remote-docker";
+				if (isRemote && !form.host.trim()) {
+					flash({
+						kind: "error",
+						text: "请填写主机地址"
+					});
+					return;
+				}
+				setTesting(true);
+				setTestResult(void 0);
+				try {
+					const payload = isRemote ? {
+						ssh: {
+							host: form.host.trim(),
+							port: Number(form.port) || 22,
+							username: form.username.trim(),
+							auth: {
+								kind: form.authKind,
+								...form.keyPath.trim() ? { keyPath: form.keyPath.trim() } : {}
+							}
+						},
+						secrets: {
+							...form.password ? { password: form.password } : {},
+							...form.privateKey ? { privateKey: form.privateKey } : {},
+							...form.passphrase ? { passphrase: form.passphrase } : {}
+						}
+					} : {};
+					const url = selectedId === "new" ? "/api/dshb/nodes/test-unsaved" : `/api/dshb/nodes/${selectedId}/test`;
+					const r = (await (await fetch(url, {
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify(payload)
+					})).json()).report;
+					if (r?.ok && r.reachable) setTestResult("连接成功");
+					else {
+						const cat = r?.category ? `（${r.category}）` : "";
+						setTestResult(`${r?.error ?? "连接失败"}${cat}`);
+					}
+					reload();
+				} catch {
+					setTestResult("网络错误");
+				} finally {
+					setTesting(false);
+				}
+			}, [
+				form,
+				selectedId,
+				reload
+			]);
+			const dockerAction = (0, react.useCallback)(async (action) => {
+				if (selectedId === "new") return;
+				if (action === "provision") {
+					setDockerBusy(true);
+					try {
+						const res = await fetch(`/api/dshb/docker/${selectedId}/provision`, { method: "POST" });
+						const data = await res.json();
+						if (res.ok && data.ok) flash({
+							kind: "ok",
+							text: `容器已就绪：${data.containerId?.slice(0, 12) ?? ""}`
+						});
+						else flash({
+							kind: "error",
+							text: data.error ?? "拉起失败"
+						});
+						reload();
+					} catch {
+						flash({
+							kind: "error",
+							text: "网络错误"
+						});
+					} finally {
+						setDockerBusy(false);
+					}
+					return;
+				}
+				setDockerBusy(true);
+				try {
+					const res = await fetch(`/api/dshb/docker/${selectedId}/${action}`, { method: "POST" });
+					const data = await res.json();
+					if (res.ok && data.ok) flash({
+						kind: "ok",
+						text: action === "restart" ? "容器已重启" : action === "stop" ? "容器已停止" : "容器已启动"
+					});
+					else flash({
+						kind: "error",
+						text: data.error ?? "操作失败"
+					});
+					reload();
+				} catch {
+					flash({
+						kind: "error",
+						text: "网络错误"
+					});
+				} finally {
+					setDockerBusy(false);
+				}
+			}, [
+				selectedId,
+				flash,
+				reload
+			]);
+			const selectedNode = selectedId === "new" ? void 0 : nodes.find((n) => n.id === selectedId);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `
+      @media (max-width:767px){
+        .dshb-node-section{flex-direction:column!important}
+        .dshb-node-section>div:first-child{width:100%!important;border-right:none!important;border-bottom:1px solid var(--dsw-alias-border-l2);padding-right:0!important;padding-bottom:12px;margin-bottom:12px}
+        .dshb-node-section>div:last-child{max-width:100%!important}
+        .dshb-form-row{flex-direction:column!important;gap:8px!important}
+        .dshb-form-row>label{width:100%!important;flex:none!important}
+      }
+    ` }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dshb-node-section",
+				style: {
+					display: "flex",
+					gap: 20,
+					minHeight: 320,
+					overflow: "hidden",
+					maxWidth: "100%",
+					width: "100%",
+					boxSizing: "border-box"
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						width: 200,
+						flexShrink: 0,
+						borderRight: "1px solid var(--dsw-alias-border-l2)",
+						paddingRight: 16
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							onClick: () => selectNode("new"),
+							style: {
+								...primaryButtonStyle,
+								width: "100%",
+								marginBottom: 10
+							},
+							children: "新建节点"
+						}),
+						nodes.map((n) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							onClick: () => selectNode(n.id),
+							style: {
+								padding: "8px 10px",
+								borderRadius: 6,
+								cursor: "pointer",
+								marginBottom: 4,
+								background: selectedId === n.id ? "var(--dsw-alias-interactive-bg-active, var(--dsw-alias-interactive-bg-hover))" : "transparent",
+								fontSize: 13
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: { fontWeight: 500 },
+									children: n.name
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										fontSize: 11,
+										opacity: .7,
+										display: "flex",
+										alignItems: "center",
+										gap: 4
+									},
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: {
+											width: 6,
+											height: 6,
+											borderRadius: "50%",
+											background: n.status?.reachable === true ? "var(--dsw-alias-state-success-primary)" : n.status?.reachable === false ? "var(--dsw-alias-state-error-primary)" : "var(--dsw-alias-label-dimmed)"
+										} }),
+										n.type === "local-host" ? "默认环境（本地）" : n.type === "remote-ssh" ? "远程 SSH" : n.type === "local-docker" ? "本地 Docker" : n.type === "remote-docker" ? "远程 Docker" : n.type,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: {
+												marginLeft: 4,
+												color: n.status?.reachable === true ? "var(--dsw-alias-state-success-primary)" : n.status?.reachable === false ? "var(--dsw-alias-state-error-primary)" : "var(--dsw-alias-label-dimmed)"
+											},
+											children: n.status?.reachable === true ? "在线" : n.status?.reachable === false ? "离线" : "未知"
+										})
+									]
+								}),
+								n.provision && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 11,
+										marginTop: 2,
+										color: n.provision.state === "ready" ? "var(--dsw-alias-state-success-primary)" : n.provision.state === "failed" ? "var(--dsw-alias-state-error-primary)" : "var(--dsw-alias-state-warn-label)"
+									},
+									children: n.provision.state === "provisioning" ? "容器拉起中…" : n.provision.state === "ready" ? "容器已就绪" : `容器拉起失败：${n.provision.error ?? "未知错误"}`
+								})
+							]
+						}, n.id)),
+						nodes.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								fontSize: 12,
+								opacity: .6
+							},
+							children: "暂无节点"
+						})
+					]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						flex: 1,
+						maxWidth: 480,
+						minWidth: 0,
+						overflow: "hidden"
+					},
+					children: [sshConfigEntries.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: { marginBottom: 14 },
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							style: {
+								fontSize: 12,
+								opacity: .75,
+								display: "block",
+								marginBottom: 4
+							},
+							children: "从 ~/.ssh/config 导入"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							style: inputStyle,
+							value: "",
+							onChange: (e) => {
+								const entry = sshConfigEntries[Number(e.target.value)];
+								if (entry) importSshConfig(entry);
+								e.target.value = "";
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "",
+								children: "选择主机…"
+							}), sshConfigEntries.map((entry, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+								value: i,
+								children: [
+									entry.host,
+									":",
+									entry.port,
+									entry.username ? ` (${entry.username})` : "",
+									entry.hasProxyJump ? " 跳板" : ""
+								]
+							}, entry.host))]
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							gap: 12
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								style: {
+									display: "flex",
+									flexDirection: "column",
+									gap: 4,
+									fontSize: 13
+								},
+								children: ["节点名称", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									style: inputStyle,
+									value: form.name,
+									onChange: (e) => setForm((f) => ({
+										...f,
+										name: e.target.value
+									})),
+									placeholder: "例如：构建机"
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								style: {
+									display: "flex",
+									flexDirection: "column",
+									gap: 4,
+									fontSize: 13
+								},
+								children: ["节点类型", /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									style: inputStyle,
+									value: form.type,
+									onChange: (e) => setForm((f) => ({
+										...f,
+										type: e.target.value
+									})),
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "remote-ssh",
+											children: "远程 SSH 宿主机"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "remote-docker",
+											children: "远程 Docker（SSH 通道）"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "local-host",
+											children: "默认环境（本地）"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "local-docker",
+											children: "本地 Docker 容器"
+										})
+									]
+								})]
+							}),
+							(form.type === "remote-ssh" || form.type === "remote-docker") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dshb-form-row",
+									style: {
+										display: "flex",
+										gap: 10
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										style: {
+											display: "flex",
+											flexDirection: "column",
+											gap: 4,
+											fontSize: 13,
+											flex: 1,
+											minWidth: 0
+										},
+										children: ["主机地址", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											style: inputStyle,
+											value: form.host,
+											onChange: (e) => setForm((f) => ({
+												...f,
+												host: e.target.value
+											})),
+											placeholder: "192.168.1.10"
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										style: {
+											display: "flex",
+											flexDirection: "column",
+											gap: 4,
+											fontSize: 13,
+											width: 90
+										},
+										children: ["端口", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											style: inputStyle,
+											value: form.port,
+											onChange: (e) => setForm((f) => ({
+												...f,
+												port: e.target.value
+											}))
+										})]
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: {
+										display: "flex",
+										flexDirection: "column",
+										gap: 4,
+										fontSize: 13
+									},
+									children: ["用户名", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										style: inputStyle,
+										value: form.username,
+										onChange: (e) => setForm((f) => ({
+											...f,
+											username: e.target.value
+										})),
+										placeholder: "root"
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: {
+										display: "flex",
+										flexDirection: "column",
+										gap: 4,
+										fontSize: 13
+									},
+									children: ["认证方式", /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+										style: inputStyle,
+										value: form.authKind,
+										onChange: (e) => setForm((f) => ({
+											...f,
+											authKind: e.target.value
+										})),
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "password",
+												children: "密码"
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "key",
+												children: "私钥"
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "agent",
+												children: "ssh-agent"
+											})
+										]
+									})]
+								}),
+								form.authKind === "password" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: {
+										display: "flex",
+										flexDirection: "column",
+										gap: 4,
+										fontSize: 13
+									},
+									children: [
+										"密码",
+										selectedNode?.hasSecret.hasPassword ? "（已保存，留空保持不变）" : "",
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											style: inputStyle,
+											type: "password",
+											value: form.password,
+											onChange: (e) => setForm((f) => ({
+												...f,
+												password: e.target.value
+											})),
+											autoComplete: "new-password"
+										})
+									]
+								}),
+								form.authKind === "key" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										style: {
+											display: "flex",
+											flexDirection: "column",
+											gap: 4,
+											fontSize: 13
+										},
+										children: [
+											"私钥内容",
+											selectedNode?.hasSecret.hasKey ? "（已保存，留空保持不变）" : "",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+												style: {
+													...inputStyle,
+													minHeight: 90,
+													resize: "vertical"
+												},
+												value: form.privateKey,
+												onChange: (e) => setForm((f) => ({
+													...f,
+													privateKey: e.target.value
+												})),
+												placeholder: "-----BEGIN OPENSSH PRIVATE KEY-----"
+											})
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										style: {
+											display: "flex",
+											flexDirection: "column",
+											gap: 4,
+											fontSize: 13
+										},
+										children: ["私钥 passphrase（可选）", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											style: inputStyle,
+											type: "password",
+											value: form.passphrase,
+											onChange: (e) => setForm((f) => ({
+												...f,
+												passphrase: e.target.value
+											})),
+											autoComplete: "new-password"
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										style: {
+											display: "flex",
+											flexDirection: "column",
+											gap: 4,
+											fontSize: 13
+										},
+										children: ["或私钥文件路径（可选，优先使用内容）", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											style: inputStyle,
+											value: form.keyPath,
+											onChange: (e) => setForm((f) => ({
+												...f,
+												keyPath: e.target.value
+											})),
+											placeholder: "~/.ssh/id_ed25519"
+										})]
+									})
+								] })
+							] }),
+							(form.type === "local-docker" || form.type === "remote-docker") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								style: {
+									display: "flex",
+									flexDirection: "column",
+									gap: 4,
+									fontSize: 13
+								},
+								children: ["镜像地址", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									style: inputStyle,
+									value: form.dockerImage,
+									onChange: (e) => setForm((f) => ({
+										...f,
+										dockerImage: e.target.value
+									})),
+									placeholder: "alpine:latest"
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dshb-form-row",
+								style: {
+									display: "flex",
+									gap: 10
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: {
+										display: "flex",
+										flexDirection: "column",
+										gap: 4,
+										fontSize: 13,
+										flex: 1,
+										minWidth: 0
+									},
+									children: ["CPU 核数（可选）", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										style: inputStyle,
+										value: form.dockerCpus,
+										onChange: (e) => setForm((f) => ({
+											...f,
+											dockerCpus: e.target.value
+										})),
+										placeholder: "2"
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: {
+										display: "flex",
+										flexDirection: "column",
+										gap: 4,
+										fontSize: 13,
+										flex: 1,
+										minWidth: 0
+									},
+									children: ["内存 MB（可选）", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										style: inputStyle,
+										value: form.dockerMemory,
+										onChange: (e) => setForm((f) => ({
+											...f,
+											dockerMemory: e.target.value
+										})),
+										placeholder: "512"
+									})]
+								})]
+							})] }),
+							testResult !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								style: {
+									fontSize: 13,
+									color: testResult === "连接成功" ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-alias-state-error-primary)"
+								},
+								children: testResult
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "flex",
+									gap: 10,
+									marginTop: 6,
+									flexWrap: "wrap"
+								},
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										onClick: () => void save(),
+										disabled: busy,
+										style: primaryButtonStyle,
+										children: selectedId === "new" ? "创建节点" : "保存"
+									}),
+									(form.type === "remote-ssh" || form.type === "remote-docker" || selectedId !== "new" && form.type === "local-docker") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										onClick: () => void test(),
+										disabled: busy || testing,
+										style: secondaryButtonStyle,
+										children: testing ? "测试中…" : "测试连接"
+									}),
+									selectedId !== "new" && (form.type === "local-docker" || form.type === "remote-docker") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											onClick: () => void dockerAction("provision"),
+											disabled: busy || dockerBusy,
+											style: primaryButtonStyle,
+											children: dockerBusy ? "操作中…" : "拉起容器"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											onClick: () => void dockerAction("restart"),
+											disabled: busy || dockerBusy,
+											style: secondaryButtonStyle,
+											children: dockerBusy ? "操作中…" : "重启容器"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											onClick: () => void dockerAction("stop"),
+											disabled: busy || dockerBusy,
+											style: secondaryButtonStyle,
+											children: dockerBusy ? "操作中…" : "停止容器"
+										})
+									] }),
+									selectedId !== "new" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										onClick: () => void remove(),
+										disabled: busy,
+										style: dangerOutlineButtonStyle,
+										children: "删除"
+									}),
+									notice && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: {
+											fontSize: 13,
+											alignSelf: "center",
+											color: notice.kind === "ok" ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-alias-state-error-primary)"
+										},
+										children: notice.text
+									})
+								]
+							})
+						]
+					})]
+				})]
+			})] });
+		}
+		function apply$1(ctx) {
+			const globalStyle = document.createElement("style");
+			globalStyle.textContent = `
+    /* 仅在页面根阻止整页横向滚动。绝对定位浮层（模型菜单、上下文统计面板等）
+       依赖祖先 overflow:visible 才能展开到输入框之外，禁止给任何中间祖先加裁剪。 */
+    html, body { overflow-x: hidden !important; max-width: 100vw !important }
+    * { min-width: 0 !important; }
+    table { display: block !important; overflow-x: auto !important; }
+    img, video, canvas, svg { max-width: 100% !important; height: auto !important }
+    pre, code { white-space: pre-wrap !important; word-break: break-all !important }
+    input, select, textarea { max-width: 100% !important; }
+    /* 上下文用量弹窗 .JObwrW_panel（ContextMeter）：解除宽度塌缩并允许溢出显示。
+       JObwrW_ 为上游 CSS 模块 hash，上游升级需同步。 */
+    .JObwrW_panel { max-width: none !important; overflow: visible !important; }
+    /* 子代理切换弹窗（dsh-client-ui-subagent）：menu 是 flex column + max-height + overflow:auto，
+       position:fixed 经 portal 渲染。子代理很多时 flex 压缩 node（flex-shrink:1 默认），
+       文字挤压且不触发滚动。给 node flex-shrink:0 让 menu 整体 overflow:auto 滚动。 */
+    [class*="_menu"] [class*="_node"] { flex-shrink: 0 !important; }
+    /* 模型选择弹窗（dsh-client-ui-model-selection）：Ra_menu 上游 max-width 420px，
+       长模型名单行放不下被 ellipsis 截断。放宽到 720px 让模型名单行完整显示。
+       [class*="Ra_menu"] 精确匹配模型弹窗，避免误伤其他菜单。Ra_ 为 hash，上游升级需同步。 */
+    [class*="Ra_menu"] { max-width: 720px !important; width: auto !important; }
+    /* 终端组件（dsh-web-frontend，CSS 模块前缀 1gdtu_）桌面端修复：上游 _command_ 默认
+       overflow:hidden+text-overflow:ellipsis，LLM 调 bash 的长命令在桌面端被省略号
+       截断、看不到完整内容（输出区 _output_ 本就可横向滚动，唯命令区不行）。宽屏与
+       mobile.tsx 的窄屏规则等效：行链 _prompt_/_promptLine_/_command_ 撑到 max-content、
+       overflow 可见，长行溢出传入 _header_（本就 overflow-y:auto）的 scrollWidth，整个
+       命令区随 _header_ 横向滚动；copyButton 贴右缘保持可见。与窄屏规则共用 1gdtu_
+       hash，上游升级需同步。桌面保留可见滚动条（不隐藏、不加 touch-action）。 */
+    @media (min-width: 1024px) {
+      [data-phase] [class*="_header_1gdtu_"] {
+        min-width: 0 !important;
+        max-width: 100% !important;
+        overflow-x: auto !important;
+      }
+      [data-phase] [class*="_prompt_1gdtu_"],
+      [data-phase] [class*="_promptLine_1gdtu_"],
+      [data-phase] [class*="_command_1gdtu_"] {
+        min-width: max-content !important;
+        max-width: none !important;
+        overflow: visible !important;
+      }
+      [data-phase] [class*="_command_1gdtu_"] {
+        display: inline-block;
+        text-overflow: clip !important;
+        white-space: pre !important;
+      }
+      [data-phase] [class*="_copyButton_1gdtu_"] { position: sticky !important; right: 0; top: 0; }
+    }
+  `;
+			document.head.appendChild(globalStyle);
+			installMobile(ctx);
+			ctx.plugin({
+				inject: ["slots", "settingsScope"],
+				apply: (sub) => {
+					sub.slots.inject("settings.section", () => sub.slots.register({
+						name: "settings.section",
+						id: SECTION_ID,
+						order: 110,
+						label: () => "工作节点"
+					}, NodeSection));
+					sub.slots.inject("conversation.hero.workspace.directoryFlow", () => sub.slots.register({
+						name: "conversation.hero.workspace.directoryFlow",
+						priority: -10
+					}, DirectoryFlowOccupant));
+					sub.slots.inject("sidebar.workspaces.directoryFlow", () => sub.slots.register({
+						name: "sidebar.workspaces.directoryFlow",
+						priority: -10
+					}, DirectoryFlowOccupant));
+				}
+			});
+			const workspaces = ctx.workspaces;
+			if (workspaces && typeof workspaces.openPath === "function") {
+				const originalOpenPath = workspaces.openPath.bind(workspaces);
+				workspaces.openPath = async (path) => {
+					try {
+						const res = await fetch(`/api/dshb/remote/bound?path=${encodeURIComponent(path)}`);
+						if (res.ok) {
+							const data = await res.json();
+							if (data.bound) {
+								if (data.kind !== "file") return originalOpenPath(path);
+								const a = document.createElement("a");
+								a.href = `/api/dshb/remote/file?path=${encodeURIComponent(path)}`;
+								a.download = "";
+								document.body.appendChild(a);
+								a.click();
+								a.remove();
+								return;
+							}
+						}
+					} catch {}
+					return originalOpenPath(path);
+				};
+			}
+			const ICON_SVG = {
+				auth: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 7C9.3807 7 10.5 5.8807 10.5 4.5C10.5 3.1193 9.3807 2 8 2C6.6193 2 5.5 3.1193 5.5 4.5C5.5 5.8807 6.6193 7 8 7Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 14C3 11.2386 5.2386 9 8 9C10.7614 9 13 11.2386 13 14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
+				"dshb-nodes": `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="3.5" cy="4" r="2" stroke="currentColor" stroke-width="1.5"/><circle cx="12.5" cy="4" r="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8" cy="12" r="2" stroke="currentColor" stroke-width="1.5"/><path d="M3.5 6V8C3.5 9.1 4.4 10 5.5 10H8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M12.5 6V8C12.5 9.1 11.6 10 10.5 10H8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>`
+			};
+			const ICON_LABELS = {
+				"认证": "auth",
+				"工作节点": "dshb-nodes"
+			};
+			new MutationObserver(() => {
+				const cells = document.querySelectorAll("button[class*=\"navCell\"]");
+				for (const cell of Array.from(cells)) {
+					const label = cell.querySelector("span[class*=\"navLabel\"]");
+					if (!label) continue;
+					const text = label.textContent ?? "";
+					const iconKey = ICON_LABELS[text];
+					if (!iconKey) continue;
+					const iconSlot = cell.querySelector("[class*=\"navIcon\"]");
+					if (!iconSlot) continue;
+					if (iconSlot.getAttribute("data-dshb-icon") === iconKey) continue;
+					iconSlot.innerHTML = ICON_SVG[iconKey] ?? "";
+					iconSlot.setAttribute("data-dshb-icon", iconKey);
+				}
+			}).observe(document.body, {
+				childList: true,
+				subtree: true
+			});
+		}
+		//#endregion
+		//#region src/client/index.tsx
+		const inject = [
+			"connection",
+			"workspaces",
+			"slots",
+			"layout",
+			"conversation"
+		];
+		function apply(ctx) {
+			apply$2(ctx);
+			apply$1(ctx);
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map