@artenx/dshb 0.1.18 → 0.1.19

package/lib/client.js

@@ -458,7 +458,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/directory-flow.tsx
-		const inputStyle$1 = {
+		const inputStyle$2 = {
 			width: "100%",
 			boxSizing: "border-box",
 			padding: "0 10px",
@@ -471,7 +471,7 @@ window.__ModuleLoader__.load({
 			color: "var(--dsw-alias-label-primary)",
 			outline: "none"
 		};
-		const buttonStyle$1 = {
+		const buttonStyle$2 = {
 			boxSizing: "border-box",
 			height: 36,
 			padding: "0 14px",
@@ -487,12 +487,12 @@ window.__ModuleLoader__.load({
 			gap: 4
 		};
 		const primaryButtonStyle$1 = {
-			...buttonStyle$1,
+			...buttonStyle$2,
 			background: "var(--dsw-alias-button-primary-fill)",
 			color: "var(--dsw-alias-label-primary-foreground)"
 		};
 		const secondaryButtonStyle$1 = {
-			...buttonStyle$1,
+			...buttonStyle$2,
 			border: "1px solid var(--dsw-alias-border-l2)",
 			color: "var(--dsw-alias-label-primary)",
 			background: "transparent"
@@ -637,6 +637,7 @@ window.__ModuleLoader__.load({
 			]);
 			if (!props.open) return null;
 			const node = nodes.find((n) => n.id === nodeId);
+			const selectableNodes = nodes.filter((item) => !item.sync?.pendingRemoval);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				style: overlayStyle,
 				role: "dialog",
@@ -676,7 +677,7 @@ window.__ModuleLoader__.load({
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 							style: {
-								...inputStyle$1,
+								...inputStyle$2,
 								marginBottom: 14
 							},
 							value: nodeId,
@@ -685,7 +686,7 @@ window.__ModuleLoader__.load({
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 								value: "",
 								children: "选择节点…"
-							}), nodes.map((n) => {
+							}), selectableNodes.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,
@@ -693,6 +694,7 @@ window.__ModuleLoader__.load({
 										n.name,
 										"（",
 										typeLabel,
+										n.sync?.importedVia === "peer" && n.sync.sourceName ? ` · 同步自 ${n.sync.sourceName}` : "",
 										"）"
 									]
 								}, n.id);
@@ -726,7 +728,7 @@ window.__ModuleLoader__.load({
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								style: {
-									...inputStyle$1,
+									...inputStyle$2,
 									marginBottom: 8,
 									height: "auto",
 									minHeight: 32,
@@ -825,7 +827,7 @@ window.__ModuleLoader__.load({
 								},
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 									style: {
-										...inputStyle$1,
+										...inputStyle$2,
 										flex: 1,
 										minWidth: 0
 									},
@@ -2116,11 +2118,9 @@ window.__ModuleLoader__.load({
 			scan();
 		}
 		//#endregion
-		//#region src/client/ui.tsx
-		const SECTION_ID = "dshb-nodes";
-		const EMPTY_FORM = {
+		//#region src/client/sync-peer-form.ts
+		const EMPTY_SYNC_PEER_FORM = {
 			name: "",
-			type: "remote-ssh",
 			host: "",
 			port: "22",
 			username: "",
@@ -2128,266 +2128,1724 @@ window.__ModuleLoader__.load({
 			password: "",
 			privateKey: "",
 			passphrase: "",
-			keyPath: "",
-			dockerImage: "",
-			dockerCpus: "",
-			dockerMemory: ""
+			remoteDshHome: "",
+			remoteProfile: "",
+			remoteWebPort: "",
+			direction: "pull",
+			schedule: "manual",
+			syncSessions: false,
+			enabled: true
 		};
-		const inputStyle = {
+		function validPort(value) {
+			const port = Number(value);
+			return Number.isInteger(port) && port >= 1 && port <= 65535;
+		}
+		function syncPeerFormError(form, savedSecrets) {
+			if (!form.name.trim() || !form.host.trim() || !form.username.trim()) return "请填写名称、SSH 主机和系统账号";
+			if (!validPort(form.port)) return "SSH 端口必须在 1 到 65535 之间";
+			if (form.remoteWebPort.trim() && !validPort(form.remoteWebPort)) return "远端 Web 端口必须在 1 到 65535 之间";
+			if (form.authKind === "password" && !form.password && !savedSecrets?.hasPassword) return "请填写 SSH 密码";
+			if (form.authKind === "key" && !form.privateKey && !savedSecrets?.hasKey) return "请填写 SSH 私钥内容";
+		}
+		function toSyncPeerForm(peer) {
+			return {
+				name: peer.name,
+				host: peer.host,
+				port: String(peer.port),
+				username: peer.username,
+				authKind: peer.authKind,
+				password: "",
+				privateKey: "",
+				passphrase: "",
+				remoteDshHome: peer.remoteDshHome ?? "",
+				remoteProfile: peer.remoteProfile ?? "",
+				remoteWebPort: peer.remoteWebPort == null ? "" : String(peer.remoteWebPort),
+				direction: peer.direction,
+				schedule: peer.schedule,
+				syncSessions: peer.syncSessions,
+				enabled: peer.enabled
+			};
+		}
+		function buildSyncPeerFormRequest(form) {
+			const fields = {
+				name: form.name.trim(),
+				host: form.host.trim(),
+				port: Number(form.port),
+				username: form.username.trim(),
+				authKind: form.authKind,
+				direction: form.direction,
+				schedule: form.schedule,
+				syncSessions: form.syncSessions,
+				enabled: form.enabled,
+				...form.remoteDshHome.trim() ? { remoteDshHome: form.remoteDshHome.trim() } : {},
+				...form.remoteProfile.trim() ? { remoteProfile: form.remoteProfile.trim() } : {},
+				...form.remoteWebPort.trim() ? { remoteWebPort: Number(form.remoteWebPort) } : {}
+			};
+			const secrets = {};
+			if (form.authKind === "password") {
+				if (form.password) secrets.password = form.password;
+			} else {
+				if (form.privateKey) secrets.privateKey = form.privateKey;
+				if (form.passphrase) secrets.passphrase = form.passphrase;
+			}
+			return {
+				fields,
+				secrets
+			};
+		}
+		//#endregion
+		//#region src/client/sync-peers.tsx
+		function shortenSessionId(id) {
+			const suffix = id.replace(/^session-sync-/, "");
+			return `${suffix.slice(0, 8)}…${suffix.slice(-4)}`;
+		}
+		function copyText(value) {
+			navigator.clipboard?.writeText(value);
+		}
+		function resultSummary(peer) {
+			const result = peer.progress?.lastResult;
+			if (!result) return void 0;
+			return `节点导入 ${result.imported}、导出 ${result.exported}；会话导入 ${result.importedSessions}、导出 ${result.exportedSessions}；跳过 ${result.skipped}`;
+		}
+		async function readJsonResponse(response, fallback) {
+			try {
+				return await response.json();
+			} catch {
+				const message = response.status === 404 ? "同步 API 尚未加载，请重启 DSH 服务后重试" : `${fallback}：服务器返回了无效响应（HTTP ${response.status}）`;
+				throw new Error(message);
+			}
+		}
+		const inputStyle$1 = {
 			width: "100%",
 			boxSizing: "border-box",
 			padding: "0 10px",
-			height: 32,
+			minHeight: 34,
 			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"
+			color: "var(--dsw-alias-label-primary)"
 		};
-		const buttonStyle = {
+		const btn = {
 			boxSizing: "border-box",
-			height: 36,
-			padding: "0 14px",
-			borderRadius: 18,
-			fontSize: 14,
-			lineHeight: "22px",
+			height: 32,
+			padding: "0 12px",
+			borderRadius: 8,
+			fontSize: 13,
 			fontFamily: "inherit",
 			cursor: "pointer",
-			border: "none",
 			display: "inline-flex",
-			justifyContent: "center",
 			alignItems: "center",
-			gap: 4
+			justifyContent: "center",
+			whiteSpace: "nowrap",
+			flexShrink: 0
 		};
-		const primaryButtonStyle = {
-			...buttonStyle,
+		const primaryBtn = {
+			...btn,
+			border: "none",
 			background: "var(--dsw-alias-button-primary-fill)",
 			color: "var(--dsw-alias-label-primary-foreground)"
 		};
-		const secondaryButtonStyle = {
-			...buttonStyle,
+		const secondaryBtn = {
+			...btn,
 			border: "1px solid var(--dsw-alias-border-l2)",
+			background: "transparent",
+			color: "var(--dsw-alias-label-primary)"
+		};
+		const dangerBtn = {
+			...btn,
+			border: "1px solid var(--dsw-alias-state-error-primary, #f87171)",
+			background: "transparent",
+			color: "var(--dsw-alias-state-error-primary, #f87171)"
+		};
+		const label = {
+			fontSize: 12,
+			fontWeight: 500,
+			opacity: .75,
 			color: "var(--dsw-alias-label-primary)",
-			background: "transparent"
+			marginBottom: 4,
+			display: "block"
 		};
-		const dangerOutlineButtonStyle = {
-			...buttonStyle,
-			border: "1px solid var(--dsw-alias-state-error-primary)",
-			color: "var(--dsw-alias-state-error-primary)",
-			background: "transparent"
+		const field = { marginBottom: 14 };
+		const hint = {
+			fontSize: 11,
+			opacity: .5,
+			color: "var(--dsw-alias-label-primary)",
+			marginTop: 3
 		};
-		function useNodes(reloadKey) {
-			const [nodes, setNodes] = (0, react.useState)([]);
+		const groupTitle = {
+			fontSize: 11,
+			fontWeight: 600,
+			letterSpacing: "0.06em",
+			textTransform: "uppercase",
+			opacity: .45,
+			marginBottom: 12,
+			paddingBottom: 6,
+			borderBottom: "1px solid var(--dsw-alias-border-l2)"
+		};
+		const required = { color: "var(--dsw-alias-state-error-primary, #f87171)" };
+		function SyncPeersSection() {
+			const [reloadKey, setReloadKey] = (0, react.useState)(0);
+			const [peers, setPeers] = (0, react.useState)([]);
+			const [archives, setArchives] = (0, react.useState)([]);
+			const [selectedId, setSelectedId] = (0, react.useState)("new");
+			const [form, setForm] = (0, react.useState)(EMPTY_SYNC_PEER_FORM);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [probing, setProbing] = (0, react.useState)(false);
+			const [syncing, setSyncing] = (0, react.useState)(false);
+			const [notice, setNotice] = (0, react.useState)(void 0);
+			const [hostKeyChallenge, setHostKeyChallenge] = (0, react.useState)(void 0);
 			(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 {}
+						const response = await fetch("/api/dshb/sync/peers");
+						const data = await readJsonResponse(response, "读取同步节点失败");
+						if (!response.ok) throw new Error(data.error ?? "读取同步节点失败");
+						if (!cancelled) setPeers(data.peers ?? []);
+						const archiveResponse = await fetch("/api/dshb/sync/archives");
+						const archiveData = await readJsonResponse(archiveResponse, "读取会话归档失败");
+						if (!archiveResponse.ok) throw new Error(archiveData.error ?? "读取会话归档失败");
+						if (!cancelled) setArchives(archiveData.archives ?? []);
+					} catch (error) {
+						if (!cancelled) setNotice({
+							kind: "error",
+							text: error instanceof Error ? error.message : "读取同步节点失败"
+						});
+					}
 				})();
 				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) => {
+				const interval = syncing || peers.some((peer) => peer.progress?.lastRunStatus === "running") ? 3e3 : 15e3;
+				const timer = setInterval(() => setReloadKey((key) => key + 1), interval);
+				return () => clearInterval(timer);
+			}, [peers, syncing]);
+			const reload = () => setReloadKey((key) => key + 1);
+			const selectedPeer = selectedId === "new" ? void 0 : peers.find((peer) => peer.id === selectedId);
+			const runningCount = peers.filter((peer) => peer.progress?.lastRunStatus === "running").length;
+			const statusLabel = (peer) => {
+				const status = peer.progress?.lastRunStatus;
+				if (!peer.enabled) return "已停用";
+				if (status === "running") return "同步中";
+				if (status === "failed") return "上次失败";
+				if (status === "succeeded") return "上次成功";
+				return "尚未同步";
+			};
+			const select = (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({
+				setNotice(void 0);
+				setHostKeyChallenge(void 0);
+				const peer = id === "new" ? void 0 : peers.find((item) => item.id === id);
+				setForm(peer ? toSyncPeerForm(peer) : EMPTY_SYNC_PEER_FORM);
+			};
+			const save = async () => {
+				const formError = syncPeerFormError(form, selectedPeer?.hasSecret);
+				if (formError) {
+					setNotice({
 						kind: "error",
-						text: "请填写节点名称"
+						text: formError
 					});
 					return;
 				}
+				const request = buildSyncPeerFormRequest(form);
+				const payload = {
+					...request.fields,
+					secrets: request.secrets
+				};
 				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, {
+					const response = await fetch(selectedId === "new" ? "/api/dshb/sync/peers" : `/api/dshb/sync/peers/${selectedId}`, {
 						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 ?? "保存失败"
+					const data = await readJsonResponse(response, "保存同步节点失败");
+					if (!response.ok || !data.ok || !data.peer) throw new Error(data.error ?? "保存同步节点失败");
+					setNotice({
+						kind: "ok",
+						text: selectedId === "new" ? "同步节点已创建" : "同步节点已保存"
 					});
-				} catch {
-					flash({
+					setHostKeyChallenge(void 0);
+					setSelectedId(data.peer.id);
+					setForm(toSyncPeerForm(data.peer));
+					reload();
+				} catch (error) {
+					setNotice({
 						kind: "error",
-						text: "网络错误"
+						text: error instanceof Error ? error.message : "保存同步节点失败"
 					});
 				} finally {
 					setBusy(false);
 				}
-			}, [
-				form,
-				selectedId,
-				flash,
-				reload
-			]);
-			const remove = (0, react.useCallback)(async () => {
+			};
+			const probe = async () => {
 				if (selectedId === "new") return;
-				setBusy(true);
+				setProbing(true);
+				setHostKeyChallenge(void 0);
 				try {
-					const res = await fetch(`/api/dshb/nodes/${selectedId}`, { method: "DELETE" });
-					const data = await res.json();
-					if (res.ok && data.ok) {
-						flash({
-							kind: "ok",
-							text: "节点已删除"
+					const response = await fetch(`/api/dshb/sync/peers/${selectedId}/probe`, { method: "POST" });
+					const data = await readJsonResponse(response, "SSH 测试失败");
+					if (data.code === "host-key-untrusted" || data.code === "host-key-changed") {
+						setHostKeyChallenge({
+							code: data.code,
+							fingerprint: data.fingerprint ?? "",
+							...data.expected ? { expected: data.expected } : {}
 						});
-						setSelectedId("new");
-						setForm(EMPTY_FORM);
-						reload();
-					} else flash({
-						kind: "error",
-						text: data.error ?? "删除失败"
+						return;
+					}
+					if (!response.ok || !data.ok) throw new Error(data.error ?? "SSH 测试失败");
+					setNotice({
+						kind: "ok",
+						text: `SSH 和 DSHB 握手成功（${data.handshake?.instanceId ?? "远端实例"}）`
 					});
-				} catch {
-					flash({
+				} catch (error) {
+					setNotice({
 						kind: "error",
-						text: "删除失败"
+						text: error instanceof Error ? error.message : "SSH 测试失败"
 					});
 				} finally {
-					setBusy(false);
+					setProbing(false);
 				}
-			}, [
-				selectedId,
-				flash,
-				reload
-			]);
-			const test = (0, react.useCallback)(async () => {
-				if (form.type === "local-host") {
-					flash({
+			};
+			const trustObservedHostKey = async () => {
+				if (selectedId === "new" || !hostKeyChallenge) return;
+				const confirmation = hostKeyChallenge.code === "host-key-changed" ? `远端 SSH 主机指纹已变化。\n当前保存：${hostKeyChallenge.expected}\n本次观察：${hostKeyChallenge.fingerprint}\n确认信任新指纹？` : `首次连接观察到 SSH 主机指纹：\n${hostKeyChallenge.fingerprint}\n请核对后确认信任。`;
+				if (!window.confirm(confirmation)) return;
+				setProbing(true);
+				try {
+					const response = await fetch(`/api/dshb/sync/peers/${selectedId}/trust-host-key`, { method: "POST" });
+					const data = await readJsonResponse(response, "保存 SSH 主机信任失败");
+					if (!response.ok || !data.ok || !data.peer) throw new Error(data.error ?? "保存 SSH 主机信任失败");
+					setHostKeyChallenge(void 0);
+					setForm(toSyncPeerForm(data.peer));
+					reload();
+					setNotice({
+						kind: "ok",
+						text: "主机指纹已保存，正在重新验证连接"
+					});
+					await probe();
+				} catch (error) {
+					setNotice({
 						kind: "error",
-						text: "本地节点无需测试连接"
+						text: error instanceof Error ? error.message : "保存 SSH 主机信任失败"
 					});
-					return;
+				} finally {
+					setProbing(false);
 				}
-				const isRemote = form.type === "remote-ssh" || form.type === "remote-docker";
-				if (isRemote && !form.host.trim()) {
-					flash({
+			};
+			const runSync = async () => {
+				if (selectedId === "new" || !selectedPeer?.enabled) return;
+				setSyncing(true);
+				try {
+					const response = await fetch(`/api/dshb/sync/peers/${selectedId}/run`, { method: "POST" });
+					const data = await readJsonResponse(response, "同步失败");
+					if (!response.ok || !data.ok || !data.accepted) throw new Error(data.error ?? "同步失败");
+					const startedAt = (/* @__PURE__ */ new Date()).toISOString();
+					setPeers((current) => current.map((peer) => peer.id === selectedId ? {
+						...peer,
+						progress: {
+							...peer.progress,
+							lastRunAt: startedAt,
+							lastRunStatus: "running"
+						}
+					} : peer));
+					setNotice({
+						kind: "ok",
+						text: "同步作业已启动，状态会自动更新"
+					});
+				} catch (error) {
+					setNotice({
 						kind: "error",
-						text: "请填写主机地址"
+						text: error instanceof Error ? error.message : "同步失败"
 					});
-					return;
+				} finally {
+					setSyncing(false);
 				}
-				setTesting(true);
-				setTestResult(void 0);
-				try {
+			};
+			const restoreArchive = async (branchId) => {
+				const archive = archives.find((entry) => entry.branchId === branchId);
+				if (!archive || !window.confirm(`恢复会话 ${archive.originSessionId} 的归档版本？当前版本将保留在归档中。`)) return;
+				setBusy(true);
+				try {
+					const response = await fetch(`/api/dshb/sync/archives/${branchId}/restore`, { method: "POST" });
+					const data = await readJsonResponse(response, "恢复会话归档失败");
+					if (!response.ok || !data.ok) throw new Error(data.error ?? "恢复会话归档失败");
+					setNotice({
+						kind: "ok",
+						text: "会话归档已恢复为当前版本"
+					});
+					reload();
+				} catch (error) {
+					setNotice({
+						kind: "error",
+						text: error instanceof Error ? error.message : "恢复会话归档失败"
+					});
+				} finally {
+					setBusy(false);
+				}
+			};
+			const progressLabel = (peer) => {
+				if (peer.progress?.lastRunStatus === "running") return "同步中";
+				if (peer.progress?.lastRunStatus === "failed") return `上次失败：${peer.progress.lastErrorMessage ?? "同步失败"}`;
+				if (peer.progress?.lastSuccessAt) return `上次成功：${new Date(peer.progress.lastSuccessAt).toLocaleString()}`;
+				return "尚未同步";
+			};
+			const remove = async () => {
+				if (selectedId === "new" || !window.confirm("删除此同步节点及其连接凭据？")) return;
+				setBusy(true);
+				try {
+					const response = await fetch(`/api/dshb/sync/peers/${selectedId}`, { method: "DELETE" });
+					const data = await readJsonResponse(response, "删除同步节点失败");
+					if (!response.ok || !data.ok) throw new Error(data.error ?? "删除同步节点失败");
+					setNotice({
+						kind: "ok",
+						text: "同步节点已删除"
+					});
+					setSelectedId("new");
+					setForm(EMPTY_SYNC_PEER_FORM);
+					reload();
+				} catch (error) {
+					setNotice({
+						kind: "error",
+						text: error instanceof Error ? error.message : "删除同步节点失败"
+					});
+				} finally {
+					setBusy(false);
+				}
+			};
+			const isNew = selectedId === "new";
+			const syncInProgress = syncing || selectedPeer?.progress?.lastRunStatus === "running";
+			const selectedSummary = selectedPeer ? resultSummary(selectedPeer) : void 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `
+        .dshb-sync-peer-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--dsw-alias-border-l2)}
+        .dshb-sync-peer-tab{padding:5px 12px;border-radius:16px;font-size:12px;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-primary);white-space:nowrap;flex-shrink:0}
+        .dshb-sync-peer-tab.active{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);border-color:transparent}
+        .dshb-sync-peer-tab:hover:not(.active){background:var(--dsw-alias-interactive-bg-hover)}
+        .dshb-sync-peer-add{width:28px;height:28px;padding:0;border-radius:50%;font-size:16px;line-height:1;opacity:.65}
+        .dshb-sync-peer-add:hover{opacity:1}
+        .dshb-sync-peer-status{font-size:11px;opacity:.6;margin-top:2px;display:block}
+        .dshb-sync-peer-tab{max-width:220px;overflow:hidden;text-overflow:ellipsis}
+        .dshb-sync-peer-tab.running{border-color:var(--dsw-alias-button-primary-fill)}
+        .dshb-sync-peer-tab.failed{border-color:var(--dsw-alias-state-error-primary, #f87171)}
+        .dshb-sync-peer-add{width:28px;height:28px;padding:0;border-radius:50%;font-size:16px;line-height:1;opacity:.65}
+        .dshb-sync-peer-add:hover{opacity:1}
+        .dshb-sync-peer-status{font-size:11px;opacity:.6;margin-top:2px;display:block}
+        .dshb-sync-two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
+        @media(max-width:600px){.dshb-sync-two-col{grid-template-columns:1fr}}
+
+      ` }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dshb-sync-peer-tabs",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "dshb-sync-peer-tab dshb-sync-peer-add",
+							"aria-label": "新增同步节点",
+							title: "新增同步节点",
+							onClick: () => select("new"),
+							children: "+"
+						}),
+						peers.map((peer) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: `dshb-sync-peer-tab${selectedId === peer.id ? " active" : ""}${peer.progress?.lastRunStatus === "running" ? " running" : ""}${peer.progress?.lastRunStatus === "failed" ? " failed" : ""}`,
+							onClick: () => select(peer.id),
+							title: `${peer.name} · ${statusLabel(peer)}`,
+							"aria-label": `同步节点 ${peer.name}，${statusLabel(peer)}`,
+							children: [peer.name, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dshb-sync-peer-status",
+								children: statusLabel(peer)
+							})]
+						}, peer.id)),
+						runningCount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							style: {
+								fontSize: 11,
+								alignSelf: "center",
+								opacity: .65
+							},
+							children: [runningCount, " 个同步作业进行中"]
+						}),
+						peers.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: {
+								fontSize: 12,
+								opacity: .5,
+								alignSelf: "center"
+							},
+							children: "点击“+”添加第一个同步节点"
+						})
+					]
+				}),
+				selectedPeer && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					role: "status",
+					style: {
+						maxWidth: 560,
+						marginBottom: 16,
+						padding: "12px 14px",
+						border: "1px solid var(--dsw-alias-border-l2)",
+						borderRadius: 10,
+						background: "var(--dsw-alias-bg-layer-1)",
+						fontSize: 12
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								display: "flex",
+								justifyContent: "space-between",
+								gap: 12,
+								alignItems: "baseline"
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: progressLabel(selectedPeer) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								onClick: reload,
+								style: {
+									...secondaryBtn,
+									height: 26,
+									fontSize: 11
+								},
+								children: "刷新"
+							})]
+						}),
+						selectedSummary && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								marginTop: 6,
+								opacity: .72,
+								lineHeight: 1.55
+							},
+							children: selectedSummary
+						}),
+						selectedPeer.progress?.lastErrorMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								marginTop: 6,
+								color: "var(--dsw-alias-state-error-primary, #f87171)",
+								lineHeight: 1.55
+							},
+							children: selectedPeer.progress.lastErrorMessage
+						}),
+						syncInProgress && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								marginTop: 6,
+								opacity: .6
+							},
+							children: "大工作区或大量会话可能需要数分钟，页面每 3 秒更新进度。"
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: { maxWidth: 560 },
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: groupTitle,
+							children: "连接信息"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								style: label,
+								children: ["节点名称 ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: required,
+									children: "*"
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								style: inputStyle$1,
+								value: form.name,
+								placeholder: "例如：生产服务器",
+								onChange: (e) => setForm((c) => ({
+									...c,
+									name: e.target.value
+								}))
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshb-sync-two-col",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: field,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									style: label,
+									children: ["SSH 主机 ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: required,
+										children: "*"
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									style: inputStyle$1,
+									value: form.host,
+									placeholder: "sync.example.com",
+									onChange: (e) => setForm((c) => ({
+										...c,
+										host: e.target.value
+									}))
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: field,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									style: label,
+									children: ["SSH 端口 ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: required,
+										children: "*"
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									style: inputStyle$1,
+									inputMode: "numeric",
+									value: form.port,
+									placeholder: "22",
+									onChange: (e) => setForm((c) => ({
+										...c,
+										port: e.target.value
+									}))
+								})]
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								style: label,
+								children: ["SSH 系统账号 ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: required,
+									children: "*"
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								style: inputStyle$1,
+								value: form.username,
+								placeholder: "root",
+								onChange: (e) => setForm((c) => ({
+									...c,
+									username: e.target.value
+								}))
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								...groupTitle,
+								marginTop: 20
+							},
+							children: "认证方式"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: label,
+								children: "认证类型"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								style: inputStyle$1,
+								value: form.authKind,
+								onChange: (e) => setForm((c) => ({
+									...c,
+									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: "私钥"
+								})]
+							})]
+						}),
+						form.authKind === "password" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								style: label,
+								children: ["SSH 密码", selectedPeer?.hasSecret.hasPassword && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: {
+										fontWeight: 400,
+										opacity: .55
+									},
+									children: "（已保存，留空保持不变）"
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								style: inputStyle$1,
+								type: "password",
+								autoComplete: "new-password",
+								value: form.password,
+								placeholder: selectedPeer?.hasSecret.hasPassword ? "••••••••" : "",
+								onChange: (e) => setForm((c) => ({
+									...c,
+									password: e.target.value
+								}))
+							})]
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								style: label,
+								children: ["私钥内容", selectedPeer?.hasSecret.hasKey && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: {
+										fontWeight: 400,
+										opacity: .55
+									},
+									children: "（已保存，留空保持不变）"
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								style: {
+									...inputStyle$1,
+									minHeight: 100,
+									padding: "10px",
+									resize: "vertical",
+									fontFamily: "monospace",
+									fontSize: 12
+								},
+								value: form.privateKey,
+								placeholder: "-----BEGIN OPENSSH PRIVATE KEY-----",
+								onChange: (e) => setForm((c) => ({
+									...c,
+									privateKey: e.target.value
+								}))
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								style: label,
+								children: ["私钥 passphrase", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: {
+										fontWeight: 400,
+										opacity: .55
+									},
+									children: selectedPeer?.hasSecret.hasPassphrase ? "（已保存，留空保持不变）" : "（可选）"
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								style: inputStyle$1,
+								type: "password",
+								autoComplete: "new-password",
+								value: form.passphrase,
+								onChange: (e) => setForm((c) => ({
+									...c,
+									passphrase: e.target.value
+								}))
+							})]
+						})] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								...groupTitle,
+								marginTop: 20
+							},
+							children: "远端配置"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: field,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: label,
+									children: "远端 DSH_HOME"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									style: inputStyle$1,
+									value: form.remoteDshHome,
+									placeholder: "默认使用 SSH 账号的 ~/.dsh",
+									onChange: (e) => setForm((c) => ({
+										...c,
+										remoteDshHome: e.target.value
+									}))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: hint,
+									children: "远端 DSH 数据目录，留空使用默认路径"
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshb-sync-two-col",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: field,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: label,
+									children: "远端 profile"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									style: inputStyle$1,
+									value: form.remoteProfile,
+									placeholder: "web",
+									onChange: (e) => setForm((c) => ({
+										...c,
+										remoteProfile: e.target.value
+									}))
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: field,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: label,
+										children: "远端 Web 端口"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										style: inputStyle$1,
+										inputMode: "numeric",
+										value: form.remoteWebPort,
+										placeholder: "3080",
+										onChange: (e) => setForm((c) => ({
+											...c,
+											remoteWebPort: e.target.value
+										}))
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										style: hint,
+										children: "留空使用默认 3080"
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								...groupTitle,
+								marginTop: 20
+							},
+							children: "同步策略"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshb-sync-two-col",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: field,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: label,
+									children: "同步方向"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									style: inputStyle$1,
+									value: form.direction,
+									onChange: (e) => setForm((c) => ({
+										...c,
+										direction: e.target.value
+									})),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "pull",
+										children: "单向拉取到本机"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "bidirectional",
+										children: "双向同步"
+									})]
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: field,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: label,
+									children: "同步时机"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									style: inputStyle$1,
+									value: form.schedule,
+									onChange: (e) => setForm((c) => ({
+										...c,
+										schedule: e.target.value
+									})),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "manual",
+										children: "手动"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "every-5m",
+										children: "每 5 分钟"
+									})]
+								})]
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								...field,
+								display: "flex",
+								flexDirection: "column",
+								gap: 10
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								style: {
+									display: "flex",
+									alignItems: "flex-start",
+									gap: 8,
+									cursor: "pointer"
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: form.syncSessions,
+									style: { marginTop: 2 },
+									onChange: (e) => setForm((c) => ({
+										...c,
+										syncSessions: e.target.checked
+									}))
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { fontSize: 13 },
+									children: "同步工作区会话"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: {
+										display: "block",
+										fontSize: 11,
+										opacity: .5,
+										marginTop: 2
+									},
+									children: "覆盖已绑定 SSH 或 Docker 远程节点的工作区，保留冲突分支供恢复"
+								})] })]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								style: {
+									display: "flex",
+									alignItems: "center",
+									gap: 8,
+									cursor: "pointer"
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: form.enabled,
+									onChange: (e) => setForm((c) => ({
+										...c,
+										enabled: e.target.checked
+									}))
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { fontSize: 13 },
+									children: "启用此同步节点"
+								})]
+							})]
+						}),
+						selectedPeer?.hostKeyFingerprint && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: label,
+								children: "已信任 SSH 主机指纹"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+								style: {
+									fontSize: 11,
+									opacity: .6,
+									overflowWrap: "anywhere",
+									fontFamily: "monospace"
+								},
+								children: selectedPeer.hostKeyFingerprint
+							})]
+						}),
+						hostKeyChallenge && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								...field,
+								padding: "12px 14px",
+								border: "1px solid var(--dsw-alias-state-warn-label, #f59e0b)",
+								borderRadius: 10,
+								display: "flex",
+								flexDirection: "column",
+								gap: 6,
+								fontSize: 12
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: hostKeyChallenge.code === "host-key-changed" ? "主机指纹发生变化" : "首次连接需要确认主机身份" }),
+								hostKeyChallenge.expected && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: { overflowWrap: "anywhere" },
+									children: ["已保存：", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: hostKeyChallenge.expected })]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: { overflowWrap: "anywhere" },
+									children: ["本次观察：", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: hostKeyChallenge.fingerprint })]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: () => void trustObservedHostKey(),
+									disabled: busy || probing,
+									style: {
+										...secondaryBtn,
+										alignSelf: "flex-start",
+										marginTop: 4
+									},
+									children: "信任本次观察的指纹"
+								})
+							]
+						}),
+						notice && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								...field,
+								padding: "10px 14px",
+								borderRadius: 8,
+								fontSize: 13,
+								background: notice.kind === "ok" ? "var(--dsw-alias-state-success-bg, rgba(34,197,94,.1))" : "var(--dsw-alias-state-error-bg, rgba(248,113,113,.1))",
+								color: notice.kind === "ok" ? "var(--dsw-alias-state-success-primary, #22c55e)" : "var(--dsw-alias-state-error-primary, #f87171)"
+							},
+							children: notice.text
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								display: "flex",
+								gap: 8,
+								flexWrap: "wrap",
+								marginTop: 4,
+								marginBottom: 16
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: () => void save(),
+									disabled: busy,
+									style: primaryBtn,
+									children: busy ? "保存中…" : isNew ? "创建同步节点" : "保存同步节点"
+								}),
+								!isNew && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: () => void probe(),
+									disabled: busy || probing,
+									style: secondaryBtn,
+									children: probing ? "测试中…" : "测试 SSH 握手"
+								}),
+								!isNew && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: () => void runSync(),
+									disabled: busy || probing || syncInProgress || !selectedPeer?.enabled,
+									style: secondaryBtn,
+									children: syncInProgress ? "同步中…" : "立即同步"
+								}),
+								!isNew && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: () => void remove(),
+									disabled: busy,
+									style: dangerBtn,
+									children: "删除"
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								fontSize: 12,
+								opacity: .45,
+								marginBottom: 24
+							},
+							children: "节点与会话数据通过 SSH 执行通道传输；会话附件与 spill 对象随 session bundle 一并校验。"
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						borderTop: "1px solid var(--dsw-alias-border-l2)",
+						paddingTop: 16,
+						maxWidth: 560
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							style: {
+								margin: "0 0 6px",
+								fontSize: 13,
+								fontWeight: 600,
+								opacity: .7
+							},
+							children: "会话冲突归档"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								fontSize: 11,
+								opacity: .55,
+								lineHeight: 1.55,
+								marginBottom: 12
+							},
+							children: "冲突的旧版本会保留在这里；恢复版本后，原当前版本也会进入归档。"
+						}),
+						archives.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								fontSize: 12,
+								opacity: .5
+							},
+							children: "暂无待恢复的会话分支"
+						}) : archives.map((archive) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								justifyContent: "space-between",
+								gap: 12,
+								padding: "10px 12px",
+								border: "1px solid var(--dsw-alias-border-l2)",
+								borderRadius: 8,
+								marginBottom: 8
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: { minWidth: 0 },
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										fontSize: 13,
+										display: "flex",
+										gap: 8,
+										alignItems: "baseline",
+										flexWrap: "wrap"
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+										title: archive.originSessionId,
+										children: shortenSessionId(archive.originSessionId)
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										title: "复制完整会话 ID",
+										"aria-label": "复制完整会话 ID",
+										onClick: () => copyText(archive.originSessionId),
+										style: {
+											...secondaryBtn,
+											height: 22,
+											padding: "0 6px",
+											fontSize: 10
+										},
+										children: "复制 ID"
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										fontSize: 11,
+										opacity: .5,
+										marginTop: 3
+									},
+									children: ["归档于 ", new Date(archive.archivedAt).toLocaleString()]
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								onClick: () => void restoreArchive(archive.branchId),
+								disabled: busy,
+								style: secondaryBtn,
+								children: "恢复版本"
+							})]
+						}, archive.branchId))
+					]
+				})
+			] });
+		}
+		//#endregion
+		//#region src/client/sync-offline.tsx
+		const fieldStyle = {
+			width: "100%",
+			boxSizing: "border-box",
+			minHeight: 36,
+			padding: "8px 10px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 8,
+			background: "var(--dsw-alias-bg-layer-1)",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit"
+		};
+		const buttonStyle$1 = {
+			minHeight: 36,
+			padding: "0 14px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 18,
+			background: "transparent",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			cursor: "pointer"
+		};
+		function passwordError(value) {
+			const bytes = new TextEncoder().encode(value).byteLength;
+			if (bytes < 8 || bytes > 1024) return "包密码需为 8-1024 个 UTF-8 字节";
+			if (value.includes("\0")) return "包密码包含无效字符";
+		}
+		async function responseError(response, fallback) {
+			try {
+				const data = await response.json();
+				return new Error(data.error ?? fallback);
+			} catch {
+				return new Error(fallback);
+			}
+		}
+		function SyncOfflineSection(props) {
+			const [exportPassword, setExportPassword] = (0, react.useState)("");
+			const [confirmPassword, setConfirmPassword] = (0, react.useState)("");
+			const [includeSessions, setIncludeSessions] = (0, react.useState)(false);
+			const [importPassword, setImportPassword] = (0, react.useState)("");
+			const [file, setFile] = (0, react.useState)(void 0);
+			const [fileInputKey, setFileInputKey] = (0, react.useState)(0);
+			const [busy, setBusy] = (0, react.useState)(void 0);
+			const [status, setStatus] = (0, react.useState)("");
+			const [notice, setNotice] = (0, react.useState)(void 0);
+			const exportArchive = async () => {
+				const error = passwordError(exportPassword);
+				if (error) {
+					setNotice({
+						kind: "error",
+						text: error
+					});
+					return;
+				}
+				if (exportPassword !== confirmPassword) {
+					setNotice({
+						kind: "error",
+						text: "两次输入的包密码不一致"
+					});
+					return;
+				}
+				setBusy("export");
+				setStatus("正在生成并加密归档…");
+				setNotice(void 0);
+				try {
+					const response = await fetch("/api/dshb/sync/offline/export", {
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify({
+							password: exportPassword,
+							includeSessions
+						})
+					});
+					if (!response.ok) throw await responseError(response, "导出离线配置失败");
+					const blob = await response.blob();
+					const url = URL.createObjectURL(blob);
+					const anchor = document.createElement("a");
+					anchor.href = url;
+					anchor.download = `dshb-sync-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.dshb-sync`;
+					document.body.append(anchor);
+					anchor.click();
+					anchor.remove();
+					window.setTimeout(() => URL.revokeObjectURL(url), 1e3);
+					setExportPassword("");
+					setConfirmPassword("");
+					setNotice({
+						kind: "ok",
+						text: "加密配置包已生成并下载"
+					});
+				} catch (caught) {
+					setNotice({
+						kind: "error",
+						text: caught instanceof Error ? caught.message : "导出离线配置失败"
+					});
+				} finally {
+					setBusy(void 0);
+					setStatus("");
+					setExportPassword("");
+					setConfirmPassword("");
+				}
+			};
+			const importArchive = async () => {
+				const error = passwordError(importPassword);
+				if (error) {
+					setNotice({
+						kind: "error",
+						text: error
+					});
+					return;
+				}
+				if (!file) {
+					setNotice({
+						kind: "error",
+						text: "请选择 .dshb-sync 文件"
+					});
+					return;
+				}
+				if (file.size > 134217728) {
+					setNotice({
+						kind: "error",
+						text: "归档文件超过 128 MiB 上限"
+					});
+					return;
+				}
+				setBusy("import");
+				setStatus("正在准备安全上传…");
+				setNotice(void 0);
+				try {
+					const tokenResponse = await fetch("/api/dshb/sync/offline/import", {
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify({ password: importPassword })
+					});
+					const tokenData = await tokenResponse.json();
+					if (!tokenResponse.ok || !tokenData.ok || !tokenData.uploadToken) throw new Error(tokenData.error ?? "准备离线导入失败");
+					setStatus("正在上传、解密并校验归档…");
+					const response = await fetch(`/api/dshb/sync/offline/import/${tokenData.uploadToken}`, {
+						method: "PUT",
+						headers: { "content-type": "application/octet-stream" },
+						body: file
+					});
+					if (!response.ok) throw await responseError(response, "导入离线配置失败");
+					const data = await response.json();
+					if (!data.ok || !data.result) throw new Error(data.error ?? "导入离线配置失败");
+					const nodes = data.result.nodes;
+					const sessions = data.result.sessions;
+					setNotice({
+						kind: "ok",
+						text: `导入完成：节点新增 ${nodes?.created ?? 0}、更新 ${nodes?.updated ?? 0}、删除 ${nodes?.deleted ?? 0}${sessions ? `；会话新增 ${sessions.created}、更新 ${sessions.updated}、归档 ${sessions.archived}` : ""}`
+					});
+					setImportPassword("");
+					setFile(void 0);
+					setFileInputKey((key) => key + 1);
+					props.onImported?.();
+				} catch (caught) {
+					setNotice({
+						kind: "error",
+						text: caught instanceof Error ? caught.message : "导入离线配置失败"
+					});
+				} finally {
+					setBusy(void 0);
+					setStatus("");
+					setImportPassword("");
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					flex: 1,
+					minWidth: 0,
+					width: "100%",
+					maxWidth: 900
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `.dshb-sync-offline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;align-items:start}.dshb-sync-offline-card{border:1px solid var(--dsw-alias-border-l2);border-radius:12px;padding:16px;background:var(--dsw-alias-bg-layer-1);min-width:0}.dshb-sync-offline-hint{font-size:12px;line-height:1.5;opacity:.68;margin:0 0 12px}.dshb-sync-offline-actions{margin-top:2px}.dshb-sync-offline-actions button{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dshb-sync-offline-file{max-width:100%;width:100%;box-sizing:border-box;font-size:12px;line-height:1.5}.dshb-sync-offline-file::file-selector-button{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.dshb-sync-offline-grid{grid-template-columns:1fr;gap:12px}.dshb-sync-offline-actions{display:flex}.dshb-sync-offline-actions button{width:100%}}` }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							marginBottom: 14,
+							fontSize: 13,
+							lineHeight: 1.55,
+							opacity: .75,
+							maxWidth: "72ch"
+						},
+						children: "通过加密文件在实例间迁移远程节点和可选会话，适用于网络隔离或备份恢复。"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dshb-sync-offline-grid",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: "dshb-sync-offline-card",
+							style: { borderTop: "3px solid var(--dsw-alias-button-primary-fill)" },
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+									style: {
+										margin: "0 0 6px",
+										fontSize: 16
+									},
+									children: "导出加密配置包"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dshb-sync-offline-hint",
+									children: "默认导出远程节点配置与凭据；勾选后可包含可映射的工作区会话。同步 peer 凭据和本地节点不会进入导出包。"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										display: "grid",
+										gap: 10
+									},
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											style: {
+												display: "grid",
+												gap: 4,
+												fontSize: 13
+											},
+											children: ["包密码", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												style: fieldStyle,
+												type: "password",
+												autoComplete: "new-password",
+												value: exportPassword,
+												disabled: busy !== void 0,
+												onChange: (event) => setExportPassword(event.target.value)
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											style: {
+												display: "grid",
+												gap: 4,
+												fontSize: 13
+											},
+											children: ["确认包密码", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												style: fieldStyle,
+												type: "password",
+												autoComplete: "new-password",
+												value: confirmPassword,
+												disabled: busy !== void 0,
+												onChange: (event) => setConfirmPassword(event.target.value)
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											style: {
+												display: "flex",
+												alignItems: "flex-start",
+												gap: 8,
+												fontSize: 13
+											},
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "checkbox",
+												checked: includeSessions,
+												disabled: busy !== void 0,
+												onChange: (event) => setIncludeSessions(event.target.checked)
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["包含可映射的远程工作区会话", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												style: {
+													display: "block",
+													fontSize: 11,
+													opacity: .65,
+													marginTop: 3
+												},
+												children: "包含会话日志与附件，导出文件可能较大。"
+											})] })]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "dshb-sync-offline-actions",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												style: buttonStyle$1,
+												disabled: busy !== void 0,
+												onClick: () => void exportArchive(),
+												children: busy === "export" ? "正在导出…" : "导出 .dshb-sync"
+											})
+										})
+									]
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: "dshb-sync-offline-card",
+							style: { borderTop: "3px solid var(--dsw-alias-border-l2)" },
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+									style: {
+										margin: "0 0 6px",
+										fontSize: 16
+									},
+									children: "导入加密配置包"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dshb-sync-offline-hint",
+									children: "先验证密码、格式、摘要、路径和空间，再应用配置。同一来源的重复导入会按身份去重。"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										display: "grid",
+										gap: 10
+									},
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											style: {
+												display: "grid",
+												gap: 4,
+												fontSize: 13
+											},
+											children: ["归档文件", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												className: "dshb-sync-offline-file",
+												type: "file",
+												accept: ".dshb-sync,application/octet-stream",
+												disabled: busy !== void 0,
+												onChange: (event) => setFile(event.target.files?.[0])
+											}, fileInputKey)]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											style: {
+												fontSize: 12,
+												opacity: .7,
+												minHeight: 18,
+												wordBreak: "break-all"
+											},
+											children: file ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: file.name }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												style: { marginLeft: 6 },
+												children: [(file.size / 1024 / 1024).toFixed(2), " MiB / 上限 128 MiB"]
+											})] }) : "尚未选择文件，支持 .dshb-sync，最大 128 MiB"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											style: {
+												display: "grid",
+												gap: 4,
+												fontSize: 13
+											},
+											children: ["包密码", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												style: fieldStyle,
+												type: "password",
+												autoComplete: "current-password",
+												value: importPassword,
+												disabled: busy !== void 0,
+												onChange: (event) => setImportPassword(event.target.value)
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "dshb-sync-offline-actions",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												style: buttonStyle$1,
+												disabled: busy !== void 0 || !file,
+												onClick: () => void importArchive(),
+												children: busy === "import" ? "正在导入…" : "验证并导入"
+											})
+										})
+									]
+								})
+							]
+						})]
+					}),
+					status && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						role: "status",
+						style: {
+							marginTop: 14,
+							padding: "10px 12px",
+							border: "1px solid var(--dsw-alias-border-l2)",
+							borderRadius: 8,
+							fontSize: 13,
+							opacity: .8
+						},
+						children: status
+					}),
+					notice && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						role: "status",
+						style: {
+							marginTop: 14,
+							padding: "10px 12px",
+							borderRadius: 8,
+							fontSize: 13,
+							background: notice.kind === "ok" ? "var(--dsw-alias-state-success-bg, rgba(34,197,94,.1))" : "var(--dsw-alias-state-error-bg, rgba(248,113,113,.1))",
+							color: notice.kind === "ok" ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-alias-state-error-primary)"
+						},
+						children: notice.text
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							marginTop: 14,
+							fontSize: 11,
+							lineHeight: 1.6,
+							opacity: .55
+						},
+						children: "加密配置包包含敏感凭据，请妥善保存并仅在可信实例间传输。"
+					})
+				]
+			});
+		}
+		//#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 [panel, setPanel] = (0, react.useState)("nodes");
+			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 res = await fetch(`/api/dshb/nodes/${selectedId}`, { method: "DELETE" });
+					const data = await res.json();
+					if (res.ok && data.ok) {
+						flash({
+							kind: "ok",
+							text: "节点已删除"
+						});
+						setSelectedId("new");
+						setForm(EMPTY_FORM);
+						reload();
+					} else flash({
+						kind: "error",
+						text: data.error ?? "删除失败"
+					});
+				} catch {
+					flash({
+						kind: "error",
+						text: "删除失败"
+					});
+				} finally {
+					setBusy(false);
+				}
+			}, [
+				selectedId,
+				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(),
@@ -2503,21 +3961,37 @@ window.__ModuleLoader__.load({
 						width: 200,
 						flexShrink: 0,
 						borderRight: "1px solid var(--dsw-alias-border-l2)",
-						paddingRight: 16
+						paddingRight: 16,
+						display: "flex",
+						flexDirection: "column",
+						minHeight: 0
 					},
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							onClick: () => selectNode("new"),
-							style: {
-								...primaryButtonStyle,
-								width: "100%",
-								marginBottom: 10
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: () => {
+							setPanel("nodes");
+							selectNode("new");
+						},
+						style: {
+							...secondaryButtonStyle,
+							width: "100%",
+							marginBottom: 10,
+							borderRadius: 8,
+							background: panel !== "offline" ? "var(--dsw-alias-interactive-bg-active, var(--dsw-alias-interactive-bg-hover))" : "transparent"
+						},
+						children: "节点列表"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							flex: "0 1 auto",
+							minHeight: 0,
+							maxHeight: "min(60vh, 480px)",
+							overflowY: "auto"
+						},
+						children: [nodes.map((n) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							onClick: () => {
+								setPanel("nodes");
+								selectNode(n.id);
 							},
-							children: "新建节点"
-						}),
-						nodes.map((n) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							onClick: () => selectNode(n.id),
 							style: {
 								padding: "8px 10px",
 								borderRadius: 6,
@@ -2527,9 +4001,22 @@ window.__ModuleLoader__.load({
 								fontSize: 13
 							},
 							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									style: { fontWeight: 500 },
-									children: n.name
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										fontWeight: 500,
+										display: "flex",
+										alignItems: "center",
+										gap: 4
+									},
+									children: [n.name, n.sync?.importedVia === "peer" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										"aria-label": `同步自 ${n.sync.sourceName ?? "peer"}`,
+										title: `同步自 ${n.sync.sourceName ?? "peer"}`,
+										style: {
+											fontSize: 12,
+											opacity: .7
+										},
+										children: "↗"
+									})]
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									style: {
@@ -2563,419 +4050,522 @@ window.__ModuleLoader__.load({
 										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.sync?.pendingRemoval && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 11,
+										marginTop: 2,
+										color: "var(--dsw-alias-state-warn-label)"
+									},
+									children: "等待工作区解绑后删除"
+								}),
+								n.sync?.credentialsRequired && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 11,
+										marginTop: 2,
+										color: "var(--dsw-alias-state-warn-label)"
+									},
+									children: "同步源未包含可迁移凭据"
 								})
 							]
-						}, n.id)),
-						nodes.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						}, 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,
+						display: "flex",
+						flexDirection: "column",
 						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", {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						style: {
 							display: "flex",
-							flexDirection: "column",
-							gap: 12
+							gap: 6,
+							flexWrap: "wrap",
+							paddingBottom: 8,
+							marginBottom: 10,
+							borderBottom: "1px solid var(--dsw-alias-border-l2)"
 						},
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								onClick: () => {
+									setPanel("nodes");
+									selectNode("new");
+								},
 								style: {
-									display: "flex",
-									flexDirection: "column",
-									gap: 4,
-									fontSize: 13
+									...panel === "nodes" ? primaryButtonStyle : secondaryButtonStyle,
+									height: 32,
+									padding: "0 16px",
+									borderRadius: 8
 								},
-								children: ["节点名称", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-									style: inputStyle,
-									value: form.name,
-									onChange: (e) => setForm((f) => ({
-										...f,
-										name: e.target.value
-									})),
-									placeholder: "例如：构建机"
-								})]
+								children: "新建"
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								onClick: () => setPanel("sync"),
 								style: {
-									display: "flex",
-									flexDirection: "column",
-									gap: 4,
-									fontSize: 13
+									...panel === "sync" ? primaryButtonStyle : secondaryButtonStyle,
+									height: 32,
+									padding: "0 16px",
+									borderRadius: 8
 								},
-								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 容器"
-										})
-									]
-								})]
+								children: "同步"
 							}),
-							(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",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								onClick: () => setPanel("offline"),
+								style: {
+									...panel === "offline" ? primaryButtonStyle : secondaryButtonStyle,
+									height: 32,
+									padding: "0 12px",
+									borderRadius: 8
+								},
+								children: "导入/导出"
+							})
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							flex: 1,
+							minWidth: 0,
+							overflowY: "auto",
+							overflowX: "hidden"
+						},
+						children: panel === "sync" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							role: "note",
+							style: {
+								padding: "10px 12px",
+								marginBottom: 12,
+								border: "1px solid var(--dsw-alias-border-l2)",
+								borderRadius: 8,
+								background: "var(--dsw-alias-bg-layer-1)"
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								style: {
+									fontSize: 12,
+									fontWeight: 600,
+									marginBottom: 4
+								},
+								children: "节点与会话同步"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								style: {
+									fontSize: 12,
+									lineHeight: 1.45,
+									opacity: .72
+								},
+								children: "通过 SSH 在 DSHB 实例间同步远端节点配置，支持单向拉取和双向同步；也可选择同步已映射工作区的会话与附件。首次连接需确认 SSH 主机指纹。"
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SyncPeersSection, {})] }) : panel === "offline" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SyncOfflineSection, { onImported: reload }) : /* @__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: {
-										display: "flex",
-										gap: 10
+										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.jsxs)("label", {
+									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,
-											flex: 1,
-											minWidth: 0
+											fontSize: 13
 										},
-										children: ["主机地址", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										children: ["节点名称", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 											style: inputStyle,
-											value: form.host,
+											value: form.name,
 											onChange: (e) => setForm((f) => ({
 												...f,
-												host: e.target.value
+												name: e.target.value
 											})),
-											placeholder: "192.168.1.10"
+											placeholder: "例如：构建机"
 										})]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 										style: {
 											display: "flex",
 											flexDirection: "column",
 											gap: 4,
-											fontSize: 13,
-											width: 90
+											fontSize: 13
 										},
-										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", {
+										children: ["节点类型", /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 											style: inputStyle,
-											type: "password",
-											value: form.password,
+											value: form.type,
 											onChange: (e) => setForm((f) => ({
 												...f,
-												password: e.target.value
+												type: 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", {
+											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: {
-													...inputStyle,
-													minHeight: 90,
-													resize: "vertical"
+													display: "flex",
+													flexDirection: "column",
+													gap: 4,
+													fontSize: 13,
+													width: 90
 												},
-												value: form.privateKey,
+												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,
-													privateKey: e.target.value
+													authKind: e.target.value
 												})),
-												placeholder: "-----BEGIN OPENSSH PRIVATE KEY-----"
+												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"
+												})]
 											})
-										]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										] })
+									] }),
+									(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: ["私钥 passphrase（可选）", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										children: ["镜像地址", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 											style: inputStyle,
-											type: "password",
-											value: form.passphrase,
+											value: form.dockerImage,
 											onChange: (e) => setForm((f) => ({
 												...f,
-												passphrase: e.target.value
+												dockerImage: e.target.value
 											})),
-											autoComplete: "new-password"
+											placeholder: "alpine:latest"
 										})]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dshb-form-row",
 										style: {
 											display: "flex",
-											flexDirection: "column",
-											gap: 4,
-											fontSize: 13
+											gap: 10
 										},
-										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"
+										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"
+											})]
 										})]
-									})
-								] })
-							] }),
-							(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", {
+									})] }),
+									testResult !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										style: {
 											fontSize: 13,
-											alignSelf: "center",
-											color: notice.kind === "ok" ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-alias-state-error-primary)"
+											color: testResult === "连接成功" ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-alias-state-error-primary)"
 										},
-										children: notice.text
+										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
+											})
+										]
 									})
 								]
-							})
-						]
+							})]
+						})
 					})]
 				})]
 			})] });