dshb-ui 0.0.1

package/lib/client.js

@@ -0,0 +1,1868 @@
+window.__ModuleLoader__.load({
+	id: "dshb-ui",
+	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/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)";
+		const FRAME_ATTR = "data-dshb-mobile";
+		const COLLAPSED_ATTR = "data-sidebar-collapsed";
+		const MOBILE_CSS = `
+@media (max-width: 1023px) and (pointer: coarse) {
+  html, body { touch-action: pan-y pinch-zoom !important; overscroll-behavior-x: none !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 !important; }
+  [data-phase] [class*="_actions"]::-webkit-scrollbar { display: none; }
+
+  /* 上下文用量弹窗（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("[class*=\"sessionRow\"] 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");
+		}
+		/** 目录抽屉切换按钮（仅切换，不含文件浏览/日志导出等功能按钮）。 */
+		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);
+			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/index.tsx
+		const inject = [
+			"connection",
+			"workspaces",
+			"slots",
+			"layout",
+			"conversation"
+		];
+		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(ctx) {
+			const globalStyle = document.createElement("style");
+			globalStyle.textContent = `
+    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; }
+    [class*="content"], [class*="main"], [class*="panel"], [class*="page"], [class*="wrapper"], [class*="container"] { max-width: 100% !important; overflow-x: hidden !important }
+    body > div { max-width: 100vw !important; overflow-x: hidden !important; }
+    body > div > div { max-width: 100vw !important; overflow-x: hidden !important; }
+  `;
+			document.head.appendChild(globalStyle);
+			const fixOverflow = () => {
+				const vw = document.documentElement.clientWidth;
+				const walk = (el) => {
+					if (!(el instanceof HTMLElement)) return;
+					if (el.scrollWidth > vw && el !== document.documentElement && el !== document.body) {
+						el.style.maxWidth = "100vw";
+						el.style.overflowX = "hidden";
+					}
+					for (const child of el.children) walk(child);
+				};
+				walk(document.documentElement);
+			};
+			fixOverflow();
+			new MutationObserver(() => requestAnimationFrame(fixOverflow)).observe(document.body, {
+				childList: true,
+				subtree: true
+			});
+			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" }, DirectoryFlowOccupant));
+					sub.slots.inject("sidebar.workspaces.directoryFlow", () => sub.slots.register({ name: "sidebar.workspaces.directoryFlow" }, 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
+		exports.NodeSection = NodeSection;
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map