@lanbaolu/dsh-wechat-bridge 0.7.1 → 0.9.0

package/lib/client.js

@@ -76,6 +76,30 @@ window.__ModuleLoader__.load({
 			fontSize: 12,
 			opacity: .7
 		};
+		/** 折叠分组：把面板拆成可收起的区块，降低设置页复杂度。 */
+		function Section({ title, defaultOpen = false, children }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+				open: defaultOpen,
+				style: {
+					marginBottom: 10,
+					border: "1px solid var(--border-color, rgba(127,127,127,.18))",
+					borderRadius: 8,
+					padding: "8px 10px"
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", {
+					style: {
+						fontWeight: 600,
+						fontSize: 13,
+						cursor: "pointer",
+						userSelect: "none"
+					},
+					children: title
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					style: { marginTop: 8 },
+					children
+				})]
+			});
+		}
 		const TRUST_MODE_LABELS = {
 			"owner-only": "仅本机主人（默认）",
 			bootstrap: "首位陌生人自动入集（一次性）",
@@ -138,7 +162,9 @@ window.__ModuleLoader__.load({
 			const [projectMessage, setProjectMessage] = (0, react.useState)("");
 			const [projectError, setProjectError] = (0, react.useState)("");
 			const [notifyStatus, setNotifyStatus] = (0, react.useState)(null);
+			const [pendingStatus, setPendingStatus] = (0, react.useState)(null);
 			const [calm, setCalm] = (0, react.useState)(CALM_DEFAULTS);
+			const [preventSleep, setPreventSleep] = (0, react.useState)(false);
 			const [calmBusy, setCalmBusy] = (0, react.useState)(false);
 			const [calmMessage, setCalmMessage] = (0, react.useState)("");
 			const [calmError, setCalmError] = (0, react.useState)("");
@@ -170,6 +196,13 @@ window.__ModuleLoader__.load({
 				} catch (err) {
 					setError(err instanceof Error ? err.message : String(err));
 				}
+				try {
+					const pendingRes = await fetch(`${API_BASE}/pending/status`, { cache: "no-store" });
+					if (pendingRes.ok) {
+						const pendingData = await pendingRes.json();
+						if (pendingData && typeof pendingData === "object" && pendingData.ok) setPendingStatus(pendingData.data ?? null);
+					}
+				} catch {}
 				try {
 					const trustRes = await fetch(`${API_BASE}/trust`, { cache: "no-store" });
 					if (trustRes.ok) {
@@ -181,10 +214,34 @@ window.__ModuleLoader__.load({
 					const cfgRes = await fetch(`${API_BASE}/config`, { cache: "no-store" });
 					if (cfgRes.ok) {
 						const cfgData = await cfgRes.json();
-						if (cfgData && typeof cfgData === "object" && cfgData.ok) setCalm(calmFromConfig(cfgData.calm));
+						if (cfgData && typeof cfgData === "object" && cfgData.ok) {
+							setCalm(calmFromConfig(cfgData.calm));
+							setPreventSleep(cfgData.preventSleep === true);
+						}
 					}
 				} catch {}
 			}, []);
+			async function changePreventSleep(enabled) {
+				setCalmBusy(true);
+				setCalmError("");
+				setCalmMessage("");
+				try {
+					const res = await fetch(`${API_BASE}/config`, {
+						method: "POST",
+						headers: { "Content-Type": "application/json" },
+						body: JSON.stringify({ preventSleep: enabled })
+					});
+					const data = await res.json().catch(() => null);
+					if (!res.ok || !data?.ok) throw new Error(data?.error || `HTTP ${res.status}`);
+					setPreventSleep(enabled);
+					setCalmMessage(enabled ? "已开启防休眠：守护进程运行期间抑制系统休眠，重启 daemon 后生效。" : "已关闭防休眠。");
+				} catch (err) {
+					setCalmError(err instanceof Error ? err.message : String(err));
+					setPreventSleep(!enabled);
+				} finally {
+					setCalmBusy(false);
+				}
+			}
 			async function saveCalm() {
 				setCalmBusy(true);
 				setCalmError("");
@@ -392,37 +449,6 @@ window.__ModuleLoader__.load({
 				setSetupError("");
 				setDaemonMessage("");
 			}
-			const actions = [
-				{
-					label: "刷新状态",
-					run: () => void refresh()
-				},
-				{
-					label: "扫码绑定",
-					run: () => void startSetup(),
-					disabled: setupPhase === "starting" || setupPhase === "qr"
-				},
-				{
-					label: "启动",
-					run: () => void run("start"),
-					disabled: busy !== null
-				},
-				{
-					label: "停止",
-					run: () => void run("stop"),
-					disabled: busy !== null
-				},
-				{
-					label: "重启",
-					run: () => void run("restart"),
-					disabled: busy !== null
-				},
-				{
-					label: "查看日志",
-					run: () => void showLogs(),
-					disabled: busy !== null
-				}
-			];
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				style: panelStyle,
 				role: "region",
@@ -440,505 +466,642 @@ window.__ModuleLoader__.load({
 						},
 						children: error
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						style: {
-							display: "block",
-							marginBottom: 8,
-							fontSize: 12
-						},
-						children: ["DSH 工作目录", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-							type: "text",
-							value: workingDir,
-							onChange: (e) => setWorkingDir(e.target.value),
-							placeholder: "例如 ~/Documents/DSH",
-							style: {
-								...inputStyle,
-								marginLeft: 8
-							}
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: { marginBottom: 12 },
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								style: {
-									...titleStyle,
-									marginBottom: 4
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Section, {
+						title: "⚙️ 状态与操作",
+						defaultOpen: true,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: buttonRowStyle,
+							children: [
+								{
+									label: "刷新状态",
+									run: () => void refresh()
 								},
-								children: "项目对话绑定"
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								style: {
-									fontSize: 12,
-									opacity: .8
+								{
+									label: "扫码绑定",
+									run: () => void startSetup(),
+									disabled: setupPhase === "starting" || setupPhase === "qr"
 								},
-								children: boundProject ? `当前绑定：${boundProject.workspaceTitle} · ${boundProject.path} · ${boundProject.sessionId.slice(-8)}` : "当前未绑定：微信消息使用独立桥接会话（也可选择项目对话以共享记忆）。"
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: {
-									display: "flex",
-									gap: 8,
-									flexWrap: "wrap",
-									alignItems: "center",
-									marginTop: 6
+								{
+									label: "启动",
+									run: () => void run("start"),
+									disabled: busy !== null
 								},
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-										value: projectChoice,
-										onChange: (e) => setProjectChoice(e.target.value),
-										style: selectStyle,
-										"aria-label": "选择要绑定的项目会话",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-											value: "",
-											children: "— 选择要绑定的项目会话 —"
-										}), projects.map((project) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
-											value: project.sessionId,
-											children: [
-												project.workspaceTitle,
-												" · ",
-												project.path,
-												" · ",
-												project.sessionId.slice(-8)
-											]
-										}, project.sessionId))]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										style: buttonStyle,
-										disabled: !projectChoice || projectBusy,
-										onClick: () => void bindProject(),
-										children: "绑定"
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										style: buttonStyle,
-										disabled: projectBusy || !boundProject,
-										onClick: () => void detachProject(),
-										children: "解除绑定"
-									})
-								]
-							}),
-							projectMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								role: "status",
+								{
+									label: "停止",
+									run: () => void run("stop"),
+									disabled: busy !== null
+								},
+								{
+									label: "重启",
+									run: () => void run("restart"),
+									disabled: busy !== null
+								},
+								{
+									label: "查看日志",
+									run: () => void showLogs(),
+									disabled: busy !== null
+								}
+							].map((action) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: buttonStyle,
+								disabled: action.disabled ?? false,
+								onClick: action.run,
+								children: action.label
+							}, action.label))
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+							style: { marginTop: 8 },
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", {
 								style: {
-									color: "#2f9e44",
-									marginTop: 6,
-									fontSize: 12
+									fontSize: 12,
+									opacity: .7,
+									cursor: "pointer"
 								},
-								children: projectMessage
-							}),
-							projectError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								role: "alert",
+								children: "状态 / 日志输出"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
 								style: {
-									color: "#e5484d",
-									marginTop: 6,
-									fontSize: 12
+									...outputStyle,
+									marginTop: 6
 								},
-								children: projectError
-							})
-						]
+								"aria-live": "polite",
+								children: output
+							})]
+						})]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: { marginBottom: 12 },
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Section, {
+						title: "🔗 连接与账号",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 							style: {
-								...titleStyle,
-								marginBottom: 4
-							},
-							children: "主动通知节流"
-						}), notifyStatus ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							style: {
-								fontSize: 12,
-								opacity: .85
+								display: "block",
+								marginBottom: 8,
+								fontSize: 12
 							},
+							children: ["DSH 工作目录", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "text",
+								value: workingDir,
+								onChange: (e) => setWorkingDir(e.target.value),
+								placeholder: "例如 ~/Documents/DSH",
+								style: {
+									...inputStyle,
+									marginLeft: 8
+								}
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: { marginBottom: 12 },
 							children: [
-								"今日已发 ",
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: notifyStatus.dailySent }),
-								" / ",
-								notifyStatus.dailyLimit,
-								" 条 · 近一小时",
-								" ",
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: notifyStatus.hourlySent }),
-								" / ",
-								notifyStatus.hourlyLimit,
-								" 条 · 排队中",
-								" ",
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: notifyStatus.pendingCount }),
-								" 条",
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									style: {
-										marginTop: 4,
+										...titleStyle,
+										marginBottom: 4
+									},
+									children: "项目对话绑定"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
 										fontSize: 12,
-										opacity: .7
+										opacity: .8
+									},
+									children: boundProject ? `当前绑定：${boundProject.workspaceTitle} · ${boundProject.path} · ${boundProject.sessionId.slice(-8)}` : "当前未绑定：微信消息使用独立桥接会话（也可选择项目对话以共享记忆）。"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										display: "flex",
+										gap: 8,
+										flexWrap: "wrap",
+										alignItems: "center",
+										marginTop: 6
+									},
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+											value: projectChoice,
+											onChange: (e) => setProjectChoice(e.target.value),
+											style: selectStyle,
+											"aria-label": "选择要绑定的项目会话",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "",
+												children: "— 选择要绑定的项目会话 —"
+											}), projects.map((project) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+												value: project.sessionId,
+												children: [
+													project.workspaceTitle,
+													" · ",
+													project.path,
+													" · ",
+													project.sessionId.slice(-8)
+												]
+											}, project.sessionId))]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											style: buttonStyle,
+											disabled: !projectChoice || projectBusy,
+											onClick: () => void bindProject(),
+											children: "绑定"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											style: buttonStyle,
+											disabled: projectBusy || !boundProject,
+											onClick: () => void detachProject(),
+											children: "解除绑定"
+										})
+									]
+								}),
+								projectMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									role: "status",
+									style: {
+										color: "#2f9e44",
+										marginTop: 6,
+										fontSize: 12
+									},
+									children: projectMessage
+								}),
+								projectError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									role: "alert",
+									style: {
+										color: "#e5484d",
+										marginTop: 6,
+										fontSize: 12
 									},
-									children: "agent 通过 wechat_notify 主动推送的通知，超限自动排队延迟发送，避免触发微信风控。"
+									children: projectError
 								})
 							]
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: {
-								fontSize: 12,
-								opacity: .7
-							},
-							children: "守护进程未运行，暂无数据。"
 						})]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: { marginBottom: 12 },
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Section, {
+						title: "💬 消息与通知",
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								style: {
-									...titleStyle,
-									marginBottom: 4
-								},
-								children: "⏳ 超时安抚"
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								style: {
-									fontSize: 12,
-									opacity: .7,
-									marginBottom: 8
-								},
-								children: "DSH 长时间没有产出消息时，主动发一条\"还在处理\"的安抚消息。改配置后即时生效（最长延迟数秒）。"
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: { marginBottom: 12 },
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										...titleStyle,
+										marginBottom: 4
+									},
+									children: "主动通知节流"
+								}), notifyStatus ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										fontSize: 12,
+										opacity: .85
+									},
+									children: [
+										"今日已发 ",
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: notifyStatus.dailySent }),
+										" / ",
+										notifyStatus.dailyLimit,
+										" 条 · 近一小时",
+										" ",
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: notifyStatus.hourlySent }),
+										" / ",
+										notifyStatus.hourlyLimit,
+										" 条 · 排队中",
+										" ",
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: notifyStatus.pendingCount }),
+										" 条",
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											style: {
+												marginTop: 4,
+												fontSize: 12,
+												opacity: .7
+											},
+											children: "agent 通过 wechat_notify 主动推送的通知，超限自动排队延迟发送，避免触发微信风控。"
+										})
+									]
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 12,
+										opacity: .7
+									},
+									children: "守护进程未运行，暂无数据。"
+								})]
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-								style: {
-									display: "flex",
-									alignItems: "center",
-									gap: 6,
-									fontSize: 12,
-									marginBottom: 8
-								},
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-									type: "checkbox",
-									checked: calm.enabled,
-									onChange: (e) => setCalm((c) => ({
-										...c,
-										enabled: e.target.checked
-									}))
-								}), "启用安抚消息"]
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: { marginBottom: 12 },
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										...titleStyle,
+										marginBottom: 4
+									},
+									children: "📮 待补发队列"
+								}), pendingStatus && pendingStatus.count > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: { fontSize: 12 },
+									children: [
+										"有 ",
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
+											style: { color: "#b7791f" },
+											children: pendingStatus.count
+										}),
+										" 条消息发送失败待补发（共 ",
+										pendingStatus.chars,
+										" 字），daemon 会启动/定时自动重试。",
+										pendingStatus.oldestQueuedAt ? ` 最早入队 ${new Date(pendingStatus.oldestQueuedAt).toLocaleString("zh-CN")}` : ""
+									]
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 12,
+										opacity: .7
+									},
+									children: pendingStatus ? "无待补发消息（发送失败会自动暂存并在 daemon 重启/定时时补发）。" : "守护进程未运行，暂无数据。"
+								})]
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: {
-									display: "flex",
-									gap: 12,
-									flexWrap: "wrap",
-									alignItems: "center",
-									marginBottom: 8
-								},
+								style: { marginBottom: 12 },
 								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-										style: { fontSize: 12 },
-										children: ["首次静默（分钟）", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-											type: "number",
-											min: 1,
-											value: calm.silenceMin,
-											onChange: (e) => setCalm((c) => ({
-												...c,
-												silenceMin: e.target.value
-											})),
-											style: {
-												...inputStyle,
-												marginLeft: 6,
-												minWidth: 70
-											}
-										})]
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										style: {
+											...titleStyle,
+											marginBottom: 4
+										},
+										children: "⏳ 超时安抚"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										style: {
+											fontSize: 12,
+											opacity: .7,
+											marginBottom: 8
+										},
+										children: "DSH 长时间没有产出消息时，主动发一条\"还在处理\"的安抚消息。改配置后即时生效（最长延迟数秒）。"
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-										style: { fontSize: 12 },
-										children: ["重复间隔（分钟）", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-											type: "number",
-											min: 1,
-											value: calm.intervalMin,
+										style: {
+											display: "flex",
+											alignItems: "center",
+											gap: 6,
+											fontSize: 12,
+											marginBottom: 8
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "checkbox",
+											checked: calm.enabled,
 											onChange: (e) => setCalm((c) => ({
 												...c,
-												intervalMin: e.target.value
-											})),
-											style: {
-												...inputStyle,
-												marginLeft: 6,
-												minWidth: 70
-											}
-										})]
+												enabled: e.target.checked
+											}))
+										}), "启用安抚消息"]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: {
+											display: "flex",
+											gap: 12,
+											flexWrap: "wrap",
+											alignItems: "center",
+											marginBottom: 8
+										},
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												style: { fontSize: 12 },
+												children: ["首次静默（分钟）", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													type: "number",
+													min: 1,
+													value: calm.silenceMin,
+													onChange: (e) => setCalm((c) => ({
+														...c,
+														silenceMin: e.target.value
+													})),
+													style: {
+														...inputStyle,
+														marginLeft: 6,
+														minWidth: 70
+													}
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												style: { fontSize: 12 },
+												children: ["重复间隔（分钟）", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													type: "number",
+													min: 1,
+													value: calm.intervalMin,
+													onChange: (e) => setCalm((c) => ({
+														...c,
+														intervalMin: e.target.value
+													})),
+													style: {
+														...inputStyle,
+														marginLeft: 6,
+														minWidth: 70
+													}
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												style: { fontSize: 12 },
+												children: ["每轮上限（次，0=不限）", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													type: "number",
+													min: 0,
+													value: calm.maxCount,
+													onChange: (e) => setCalm((c) => ({
+														...c,
+														maxCount: e.target.value
+													})),
+													style: {
+														...inputStyle,
+														marginLeft: 6,
+														minWidth: 70
+													}
+												})]
+											})
+										]
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-										style: { fontSize: 12 },
-										children: ["每轮上限（次，0=不限）", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-											type: "number",
-											min: 0,
-											value: calm.maxCount,
+										style: {
+											fontSize: 12,
+											display: "block",
+											marginBottom: 6
+										},
+										children: ["自定义文案（每行一条，留空用内置默认；每次随机取一条）", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+											value: calm.messages,
 											onChange: (e) => setCalm((c) => ({
 												...c,
-												maxCount: e.target.value
+												messages: e.target.value
 											})),
+											rows: 3,
 											style: {
 												...inputStyle,
-												marginLeft: 6,
-												minWidth: 70
+												display: "block",
+												marginTop: 4,
+												minWidth: "100%",
+												boxSizing: "border-box",
+												resize: "vertical",
+												fontFamily: "inherit"
 											}
 										})]
-									})
-								]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-								style: {
-									fontSize: 12,
-									display: "block",
-									marginBottom: 6
-								},
-								children: ["自定义文案（每行一条，留空用内置默认；每次随机取一条）", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-									value: calm.messages,
-									onChange: (e) => setCalm((c) => ({
-										...c,
-										messages: e.target.value
-									})),
-									rows: 3,
-									style: {
-										...inputStyle,
-										display: "block",
-										marginTop: 4,
-										minWidth: "100%",
-										boxSizing: "border-box",
-										resize: "vertical",
-										fontFamily: "inherit"
-									}
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: {
-									display: "flex",
-									gap: 8,
-									alignItems: "center"
-								},
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										style: buttonStyle,
-										disabled: calmBusy,
-										onClick: () => void saveCalm(),
-										children: "保存安抚设置"
 									}),
-									calmMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										role: "status",
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										style: {
-											color: "#2f9e44",
-											fontSize: 12
+											display: "flex",
+											gap: 8,
+											alignItems: "center"
 										},
-										children: calmMessage
-									}),
-									calmError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										role: "alert",
-										style: {
-											color: "#e5484d",
-											fontSize: 12
-										},
-										children: calmError
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												style: buttonStyle,
+												disabled: calmBusy,
+												onClick: () => void saveCalm(),
+												children: "保存安抚设置"
+											}),
+											calmMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												role: "status",
+												style: {
+													color: "#2f9e44",
+													fontSize: 12
+												},
+												children: calmMessage
+											}),
+											calmError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												role: "alert",
+												style: {
+													color: "#e5484d",
+													fontSize: 12
+												},
+												children: calmError
+											})
+										]
 									})
 								]
 							})
 						]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: { marginBottom: 12 },
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: {
-								...titleStyle,
-								marginBottom: 4
-							},
-							children: "🔐 信任用户（多用户）"
-						}), !trust ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: {
-								fontSize: 12,
-								opacity: .7
-							},
-							children: "加载中…"
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: {
-									fontSize: 12,
-									opacity: .85,
-									marginBottom: 6
-								},
-								children: ["信任模式", /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-									value: trust.mode,
-									onChange: (e) => changeTrustMode(e.target.value),
-									disabled: trustBusy,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+						title: "⚡ 系统行为",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: { marginBottom: 12 },
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									style: {
-										...inputStyle,
-										marginLeft: 8,
-										minWidth: 240
+										...titleStyle,
+										marginBottom: 4
 									},
-									"aria-label": "选择信任模式",
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-											value: "owner-only",
-											children: TRUST_MODE_LABELS["owner-only"]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-											value: "bootstrap",
-											children: TRUST_MODE_LABELS.bootstrap
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-											value: "manual",
-											children: TRUST_MODE_LABELS.manual
-										})
-									]
-								})]
-							}),
-							trust.mode === "bootstrap" && trust.bootstrapConsumed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								style: {
-									fontSize: 12,
-									color: "#b7791f",
-									marginBottom: 6
-								},
-								children: "⚠️ bootstrap 首次名额已用完，后续陌生人不会再自动入集，请用下方表单手动添加或切到 manual。"
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									children: "💤 防休眠"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 12,
+										opacity: .7,
+										marginBottom: 8
+									},
+									children: "守护进程运行期间抑制系统休眠（锁屏/合盖不挂起，微信消息持续响应）。macOS 用 caffeinate、Linux 用 systemd-inhibit、Windows 尽力而为。"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: {
+										display: "flex",
+										alignItems: "center",
+										gap: 6,
+										fontSize: 12
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: preventSleep,
+										disabled: calmBusy,
+										onChange: (e) => void changePreventSleep(e.target.checked)
+									}), "启用防休眠（重启守护进程后生效）"]
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+						title: "🔐 多用户与安全",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: { marginBottom: 12 },
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								style: {
-									display: "flex",
-									alignItems: "center",
-									gap: 6,
-									fontSize: 12,
-									marginBottom: 8
+									...titleStyle,
+									marginBottom: 4
 								},
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-									type: "checkbox",
-									checked: trust.notifyRejected,
-									disabled: trustBusy,
-									onChange: (e) => toggleNotifyRejected(e.target.checked)
-								}), "陌生人尝试联系时向 owner 推送提醒"]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								children: "🔐 信任用户（多用户）"
+							}), !trust ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								style: {
 									fontSize: 12,
-									opacity: .7,
-									marginBottom: 8
+									opacity: .7
 								},
-								children: [
-									"owner：",
-									trust.owner || "（未绑定）",
-									" · 信任用户：",
-									trust.trusted.length,
-									" 个"
-								]
-							}),
-							trust.trusted.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								style: {
-									marginBottom: 8,
-									display: "flex",
-									flexDirection: "column",
-									gap: 6
-								},
-								children: trust.trusted.map((u) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								children: "加载中…"
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										fontSize: 12,
+										opacity: .85,
+										marginBottom: 6
+									},
+									children: ["信任模式", /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+										value: trust.mode,
+										onChange: (e) => changeTrustMode(e.target.value),
+										disabled: trustBusy,
+										style: {
+											...inputStyle,
+											marginLeft: 8,
+											minWidth: 240
+										},
+										"aria-label": "选择信任模式",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "owner-only",
+												children: TRUST_MODE_LABELS["owner-only"]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "bootstrap",
+												children: TRUST_MODE_LABELS.bootstrap
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "manual",
+												children: TRUST_MODE_LABELS.manual
+											})
+										]
+									})]
+								}),
+								trust.mode === "bootstrap" && trust.bootstrapConsumed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 12,
+										color: "#b7791f",
+										marginBottom: 6
+									},
+									children: "⚠️ bootstrap 首次名额已用完，后续陌生人不会再自动入集，请用下方表单手动添加或切到 manual。"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 									style: {
 										display: "flex",
 										alignItems: "center",
+										gap: 6,
+										fontSize: 12,
+										marginBottom: 8
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: trust.notifyRejected,
+										disabled: trustBusy,
+										onChange: (e) => toggleNotifyRejected(e.target.checked)
+									}), "陌生人尝试联系时向 owner 推送提醒"]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										fontSize: 12,
+										opacity: .7,
+										marginBottom: 8
+									},
+									children: [
+										"owner：",
+										trust.owner || "（未绑定）",
+										" · 信任用户：",
+										trust.trusted.length,
+										" 个"
+									]
+								}),
+								trust.trusted.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										marginBottom: 8,
+										display: "flex",
+										flexDirection: "column",
+										gap: 6
+									},
+									children: trust.trusted.map((u) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: {
+											display: "flex",
+											alignItems: "center",
+											gap: 8,
+											padding: "6px 8px",
+											background: "var(--surface-3, rgba(127,127,127,.05))",
+											border: "1px solid var(--border-color, rgba(127,127,127,.12))",
+											borderRadius: 6
+										},
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												style: { fontWeight: 600 },
+												children: u.userId
+											}),
+											u.note && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												style: {
+													opacity: .7,
+													fontSize: 12
+												},
+												children: u.note
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												style: {
+													marginLeft: "auto",
+													fontSize: 11,
+													opacity: .6
+												},
+												children: [
+													u.by === "bootstrap" ? "自动入集" : u.by === "restore" ? "迁移导入" : "手动添加",
+													" · ",
+													formatTime(u.lastSeenAt)
+												]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												style: {
+													...buttonStyle,
+													color: "#e5484d"
+												},
+												disabled: trustBusy,
+												onClick: () => removeTrustedUser(u.userId),
+												children: "吊销"
+											})
+										]
+									}, u.userId))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										display: "flex",
 										gap: 8,
-										padding: "6px 8px",
-										background: "var(--surface-3, rgba(127,127,127,.05))",
-										border: "1px solid var(--border-color, rgba(127,127,127,.12))",
-										borderRadius: 6
+										flexWrap: "wrap",
+										alignItems: "center"
 									},
 									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											style: { fontWeight: 600 },
-											children: u.userId
-										}),
-										u.note && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "text",
+											value: newTrustId,
+											onChange: (e) => setNewTrustId(e.target.value),
+											placeholder: "要添加的微信 userId",
 											style: {
-												opacity: .7,
-												fontSize: 12
-											},
-											children: u.note
+												...inputStyle,
+												minWidth: 180
+											}
 										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "text",
+											value: newTrustNote,
+											onChange: (e) => setNewTrustNote(e.target.value),
+											placeholder: "备注（可选）",
 											style: {
-												marginLeft: "auto",
-												fontSize: 11,
-												opacity: .6
-											},
-											children: [
-												u.by === "bootstrap" ? "自动入集" : u.by === "restore" ? "迁移导入" : "手动添加",
-												" · ",
-												formatTime(u.lastSeenAt)
-											]
+												...inputStyle,
+												minWidth: 120
+											}
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 											type: "button",
-											style: {
-												...buttonStyle,
-												color: "#e5484d"
-											},
-											disabled: trustBusy,
-											onClick: () => removeTrustedUser(u.userId),
-											children: "吊销"
+											style: buttonStyle,
+											disabled: trustBusy || !newTrustId.trim(),
+											onClick: () => void addTrustedUser(),
+											children: "添加信任"
 										})
 									]
-								}, u.userId))
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: {
-									display: "flex",
-									gap: 8,
-									flexWrap: "wrap",
-									alignItems: "center"
-								},
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										type: "text",
-										value: newTrustId,
-										onChange: (e) => setNewTrustId(e.target.value),
-										placeholder: "要添加的微信 userId",
-										style: {
-											...inputStyle,
-											minWidth: 180
-										}
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										type: "text",
-										value: newTrustNote,
-										onChange: (e) => setNewTrustNote(e.target.value),
-										placeholder: "备注（可选）",
-										style: {
-											...inputStyle,
-											minWidth: 120
-										}
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										style: buttonStyle,
-										disabled: trustBusy || !newTrustId.trim(),
-										onClick: () => void addTrustedUser(),
-										children: "添加信任"
-									})
-								]
-							}),
-							trustMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								role: "status",
-								style: {
-									color: "#2f9e44",
-									marginTop: 6,
-									fontSize: 12
-								},
-								children: trustMessage
-							}),
-							trustError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								role: "alert",
-								style: {
-									color: "#e5484d",
-									marginTop: 6,
-									fontSize: 12
-								},
-								children: trustError
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								style: {
-									fontSize: 12,
-									opacity: .7,
-									marginTop: 8
-								},
-								children: "信任用户与 owner 各自拥有独立会话、独立上下文，互不可见。撤销信任后其新消息将被拒绝，但已有历史保留。 修改信任模式后，新入站消息立即生效，无需重启。"
-							})
-						] })]
+								}),
+								trustMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									role: "status",
+									style: {
+										color: "#2f9e44",
+										marginTop: 6,
+										fontSize: 12
+									},
+									children: trustMessage
+								}),
+								trustError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									role: "alert",
+									style: {
+										color: "#e5484d",
+										marginTop: 6,
+										fontSize: 12
+									},
+									children: trustError
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 12,
+										opacity: .7,
+										marginTop: 8
+									},
+									children: "信任用户与 owner 各自拥有独立会话、独立上下文，互不可见。撤销信任后其新消息将被拒绝，但已有历史保留。 修改信任模式后，新入站消息立即生效，无需重启。"
+								})
+							] })]
+						})
 					}),
 					setupPhase === "starting" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						role: "status",
@@ -1024,21 +1187,6 @@ window.__ModuleLoader__.load({
 							})
 						]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
-						style: outputStyle,
-						"aria-live": "polite",
-						children: output
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						style: buttonRowStyle,
-						children: actions.map((action) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							style: buttonStyle,
-							disabled: action.disabled ?? false,
-							onClick: action.run,
-							children: action.label
-						}, action.label))
-					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						style: hintStyle,
 						children: "也可在 DSH 对话中直接使用 wechat_bridge_setup / wechat_bridge_status / wechat_bridge_start / wechat_bridge_stop / wechat_bridge_logs 等工具。"