@shgroup/dsh-serenity-hooks 1.26.16 → 1.27.0

package/lib/client.js

@@ -4098,8 +4098,416 @@ Instruction-following style:
 			});
 		}
 		//#endregion
+		//#region src/client/WeixinBridgeEditor.tsx
+		/**
+		* WeixinBridgeEditor.tsx — 「微信桥」配置区块（F4c-3，v1.27.0 实验性）
+		*
+		* **CCC 级配置**（S142 用户拍板：dsh 一个进程含多个 CCC，每个 CCC 独立对接微信桥）：
+		* - 顶部 **CCC 选择器**（数据源 /serenity/cccs——discoverCccs 复用）——显式选择配置目标，
+		*   不隐式依赖"当前活跃会话"（WebUI 顶层全局，微信桥是配置写入必须显式）
+		* - 选中 CCC 后：总开关 / 账号列表（扫码绑定）/ 路由表（user → role）
+		* - 扫码绑定：POST login-start → qrcode-generator 生成二维码 SVG（复用 v1.24.6 TOTP 同款机制）
+		*   → 轮询 /serenity/weixin/login → confirmed 自动写凭据 + 账号元信息
+		*
+		* 全部端点带显式 ccc 参数 + x-serenity-ui 头（服务端校验）。
+		*/
+		/** 生成二维码 SVG（内容 = iLink qrcode_img_content URL——用户微信扫它打开 liteapp 确认页） */
+		function qrSvgFor(content) {
+			const qr = qrcode(0, "M");
+			qr.addData(content);
+			qr.make();
+			return qr.createSvgTag({
+				cellSize: 4,
+				margin: 2,
+				scalable: true
+			});
+		}
+		/** 当前工作区 CCC（默认选择器初值：settings 面板无 workspace 参数——服务端 /serenity/weixin 显式 ccc；
+		*  选择器默认选第一个；用户手选） */
+		function WeixinBridgeEditor() {
+			const [cccs, setCccs] = (0, react.useState)([]);
+			const [selectedRoot, setSelectedRoot] = (0, react.useState)("");
+			const [status, setStatus] = (0, react.useState)(null);
+			const [loadError, setLoadError] = (0, react.useState)(null);
+			const [loginPhase, setLoginPhase] = (0, react.useState)("idle");
+			const [loginQrSvg, setLoginQrSvg] = (0, react.useState)("");
+			const [loginKey, setLoginKey] = (0, react.useState)("");
+			const [loginError, setLoginError] = (0, react.useState)(null);
+			const [loginNotice, setLoginNotice] = (0, react.useState)(null);
+			const [routesDraft, setRoutesDraft] = (0, react.useState)("");
+			(0, react.useEffect)(() => {
+				let alive = true;
+				(async () => {
+					try {
+						const res = await fetch("/serenity/cccs", { headers: { accept: "application/json" } });
+						if (!res.ok) return;
+						const body = await res.json();
+						if (!alive || !Array.isArray(body.cccs)) return;
+						setCccs(body.cccs);
+						if (body.cccs.length > 0) setSelectedRoot((prev) => prev || body.cccs[0].root);
+					} catch {}
+				})();
+				return () => {
+					alive = false;
+				};
+			}, []);
+			(0, react.useEffect)(() => {
+				if (!selectedRoot) return;
+				let alive = true;
+				setStatus(null);
+				setLoadError(null);
+				setLoginPhase("idle");
+				(async () => {
+					try {
+						const res = await fetch(`/serenity/weixin?ccc=${encodeURIComponent(selectedRoot)}`, { headers: { accept: "application/json" } });
+						if (!res.ok) {
+							const body = await res.json().catch(() => null);
+							if (alive) setLoadError(body?.error ?? `HTTP ${res.status}`);
+							return;
+						}
+						const body = await res.json();
+						if (!alive) return;
+						setStatus(body);
+						setRoutesDraft(JSON.stringify(body.routes ?? [], null, 2));
+					} catch {}
+				})();
+				return () => {
+					alive = false;
+				};
+			}, [selectedRoot]);
+			(0, react.useEffect)(() => {
+				if (loginPhase !== "waiting" || !loginKey) return;
+				let alive = true;
+				let timer;
+				const poll = async () => {
+					try {
+						const res = await fetch(`/serenity/weixin/login?key=${encodeURIComponent(loginKey)}`, { headers: { accept: "application/json" } });
+						if (!alive) return;
+						if (!res.ok) {
+							const body = await res.json().catch(() => null);
+							setLoginPhase("error");
+							setLoginError(body?.error ?? `HTTP ${res.status}`);
+							return;
+						}
+						const body = await res.json();
+						if (body.status === "confirmed") {
+							setLoginPhase("confirmed");
+							setLoginNotice(`账号 ${body.accountId} 已绑定 ✓（token 已写入 CCC localstore）`);
+							if (selectedRoot) {
+								const sbody = await (await fetch(`/serenity/weixin?ccc=${encodeURIComponent(selectedRoot)}`, { headers: { accept: "application/json" } })).json().catch(() => null);
+								if (alive && sbody) setStatus(sbody);
+							}
+							return;
+						}
+						if (body.status === "expired" || body.status === "error") {
+							setLoginPhase("error");
+							setLoginError(body.error ?? "二维码已过期，请重新获取");
+							return;
+						}
+						timer = setTimeout(() => void poll(), 1e3);
+					} catch {
+						if (alive) timer = setTimeout(() => void poll(), 1e3);
+					}
+				};
+				poll();
+				return () => {
+					alive = false;
+					if (timer) clearTimeout(timer);
+				};
+			}, [
+				loginPhase,
+				loginKey,
+				selectedRoot
+			]);
+			const startLogin = async () => {
+				if (!selectedRoot || loginPhase === "waiting") return;
+				setLoginPhase("waiting");
+				setLoginError(null);
+				setLoginNotice(null);
+				try {
+					const res = await fetch("/serenity/weixin", {
+						method: "POST",
+						headers: {
+							"content-type": "application/json",
+							"x-serenity-ui": "1"
+						},
+						body: JSON.stringify({
+							action: "login-start",
+							ccc: selectedRoot
+						})
+					});
+					const body = await res.json();
+					if (!res.ok || !body.qrcode_img_content || !body.loginKey) {
+						setLoginPhase("error");
+						setLoginError(body.error ?? `HTTP ${res.status}`);
+						return;
+					}
+					setLoginQrSvg(qrSvgFor(body.qrcode_img_content));
+					setLoginKey(body.loginKey);
+				} catch (err) {
+					setLoginPhase("error");
+					setLoginError(err instanceof Error ? err.message : String(err));
+				}
+			};
+			const removeAccount = async (accountId) => {
+				if (!selectedRoot) return;
+				try {
+					if (!(await fetch("/serenity/weixin", {
+						method: "POST",
+						headers: {
+							"content-type": "application/json",
+							"x-serenity-ui": "1"
+						},
+						body: JSON.stringify({
+							action: "remove-account",
+							ccc: selectedRoot,
+							accountId
+						})
+					})).ok) return;
+					const sbody = await (await fetch(`/serenity/weixin?ccc=${encodeURIComponent(selectedRoot)}`, { headers: { accept: "application/json" } })).json().catch(() => null);
+					if (sbody) setStatus(sbody);
+				} catch {}
+			};
+			const saveRoutes = async () => {
+				if (!selectedRoot) return;
+				let routes;
+				try {
+					routes = JSON.parse(routesDraft);
+					if (!Array.isArray(routes) || routes.some((r) => typeof r?.user !== "string" || typeof r?.role !== "string")) throw new Error("bad");
+				} catch {
+					setLoadError("路由表 JSON 格式错误（期望 [{user, role}, ...]）");
+					return;
+				}
+				try {
+					const res = await fetch("/serenity/weixin", {
+						method: "POST",
+						headers: {
+							"content-type": "application/json",
+							"x-serenity-ui": "1"
+						},
+						body: JSON.stringify({
+							action: "save-routes",
+							ccc: selectedRoot,
+							routes
+						})
+					});
+					const body = await res.json().catch(() => null);
+					if (!res.ok) {
+						setLoadError(body?.error ?? `HTTP ${res.status}`);
+						return;
+					}
+					setLoadError(null);
+					const sbody = await (await fetch(`/serenity/weixin?ccc=${encodeURIComponent(selectedRoot)}`, { headers: { accept: "application/json" } })).json().catch(() => null);
+					if (sbody) setStatus(sbody);
+				} catch {}
+			};
+			const toggleEnabled = async (on) => {
+				if (!selectedRoot) return;
+				try {
+					const res = await fetch("/serenity/weixin", {
+						method: "POST",
+						headers: {
+							"content-type": "application/json",
+							"x-serenity-ui": "1"
+						},
+						body: JSON.stringify({
+							action: "set-enabled",
+							ccc: selectedRoot,
+							enabled: on
+						})
+					});
+					const body = await res.json().catch(() => null);
+					if (!res.ok) {
+						setLoadError(body?.error ?? `HTTP ${res.status}`);
+						return;
+					}
+					setLoadError(null);
+					const sbody = await (await fetch(`/serenity/weixin?ccc=${encodeURIComponent(selectedRoot)}`, { headers: { accept: "application/json" } })).json().catch(() => null);
+					if (sbody) setStatus(sbody);
+				} catch {}
+			};
+			const bridgeStateText = (accountId) => {
+				const b = status?.bridge.find((x) => x.accountId === accountId);
+				if (!b) return "未运行";
+				if (b.lastError) return `错误: ${b.lastError}`;
+				if (b.lastPollAt > 0) return `轮询中（${new Date(b.lastPollAt).toLocaleTimeString()}）`;
+				return "启动中";
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+				className: "ss-rows",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "ss-rowCard",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "ss-rowText",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ss-rowName",
+								children: "目标 CCC"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ss-rowDesc",
+								children: "选择要配置微信桥的认知容器（显式，非当前活跃会话）"
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "ss-rowControl",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								className: "ss-select",
+								value: selectedRoot,
+								onChange: (e) => setSelectedRoot(e.target.value),
+								children: [cccs.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "",
+									children: "加载中…"
+								}), cccs.map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: c.root,
+									children: c.name
+								}, c.root))]
+							})
+						})]
+					}) }),
+					loadError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "ss-rowCard",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "ss-rowText",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ss-rowName",
+								children: "提示"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ss-rowDesc",
+								children: loadError
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "ss-rowControl" })]
+					}) }),
+					status && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "ss-rowCard",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "ss-rowText",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "ss-rowName",
+									children: "总开关"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "ss-rowDesc",
+									children: "启用后该 CCC 的微信桥开始轮询（需先扫码绑定至少一个账号）"
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "ss-rowControl",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: "ss-switch",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: status.enabled,
+										onChange: (e) => void toggleEnabled(e.target.checked)
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "ss-switchTrack" })]
+								})
+							})]
+						}) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "ss-rowCard",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "ss-rowText",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "ss-rowName",
+									children: "账号"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "ss-rowDesc",
+									children: status.accounts.length === 0 ? "未绑定任何微信账号——点击右侧「扫码绑定」" : status.accounts.map((a) => `${a.accountId}${a.name ? ` · ${a.name}` : ""}${a.bound ? " · 已绑定" : " · 未绑定凭据"}（${bridgeStateText(a.accountId)}）`).join("；")
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "ss-rowControl",
+								children: status.accounts.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "ss-removeBtn",
+									onClick: () => void removeAccount(status.accounts[0].accountId),
+									children: "移除首个"
+								})
+							})]
+						}) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "ss-rowCard",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "ss-rowText",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "ss-rowName",
+									children: "扫码绑定微信"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "ss-rowDesc",
+									children: [
+										loginPhase === "idle" && "用手机微信「扫一扫」扫描二维码并确认，即绑定该 CCC 的微信桥账号",
+										loginPhase === "waiting" && "二维码已生成（5 分钟内有效）——微信扫一扫 → 手机上确认绑定",
+										loginPhase === "confirmed" && (loginNotice ?? "绑定成功"),
+										loginPhase === "error" && (loginError ?? "绑定失败"),
+										loginPhase === "expired" && "二维码已过期，请重新获取"
+									]
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "ss-rowControl",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "ss-loginBtn",
+									disabled: loginPhase === "waiting" || !status.enabled === false,
+									onClick: () => void startLogin(),
+									children: loginPhase === "waiting" ? "等待扫码…" : "扫码绑定"
+								})
+							})]
+						}) }),
+						loginPhase === "waiting" && loginQrSvg !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "ss-rowCard ss-qrRow",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "ss-qrSvg",
+								dangerouslySetInnerHTML: { __html: loginQrSvg }
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "ss-rowText",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "ss-rowDesc",
+									children: "1. 打开手机微信 → 扫一扫 2. 扫描此二维码 3. 在手机上确认绑定"
+								})
+							})]
+						}) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "ss-rowCard",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "ss-rowText",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "ss-rowName",
+									children: "路由表"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "ss-rowDesc",
+									children: "微信用户 → 该 CCC 的 skiff 角色（`*` = 通配兜底；role 必须已定义）"
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "ss-rowControl",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "ss-loginBtn",
+									onClick: () => void saveRoutes(),
+									children: "保存路由"
+								})
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+							className: "ss-routesEditor",
+							rows: 5,
+							value: routesDraft,
+							onChange: (e) => setRoutesDraft(e.target.value)
+						})] })
+					] }),
+					!status && !loadError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "ss-rowCard",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "ss-rowText",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ss-rowName",
+								children: "加载中…"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ss-rowDesc",
+								children: "读取所选 CCC 的微信桥配置"
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "ss-rowControl" })]
+					}) })
+				]
+			});
+		}
+		//#endregion
 		//#region \0sp-css:/home/yh/home/home-serenity/AI_LAB/dsh-serenity-plugin/hooks/dsh-serenity-hooks/src/client/SettingsSection
-		const css = "/* SettingsSection — dsh 原生设置面板 serenity-hooks 简单配置页\n   v1.21.1 看齐 dsh 自身：官方 settings 设计语言——\n   section > title + intro + group(groupTitle) + rowCard 行卡；\n   全部 --dsw-alias-* token（与 ui-settings-models 同词汇表）。 */\n\n/* 页面容器（官方 .section：flex column gap 12） */\n.ss-section {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  max-width: 720px;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* 页面标题（官方 .title：16px/24 500） */\n.ss-title {\n  margin: 0;\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* 页面说明（官方 .intro：14px/22 tertiary） */\n.ss-intro {\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--dsw-alias-label-tertiary);\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n\n/* 分组（多级标题：分组标题 + 行卡列表） */\n.ss-group {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* 分组标题（二级：12px/18 500 secondary——官方 fieldLabel 风格） */\n.ss-groupTitle {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* 行卡列表（官方 .rows：无 marker，gap 8） */\n.ss-rows {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* 行卡（官方 .rowCard：border-l2 r12 padding 12/14） */\n.ss-rowCard {\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 12px;\n  padding: 12px 14px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n/* 行卡文本（标题 + 说明 左列） */\n.ss-rowText {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  min-width: 0;\n  flex: 1;\n}\n\n/* 行卡标题（官方 .rowName：14px/22 500） */\n.ss-rowName {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* 行卡说明（12px/18 tertiary） */\n.ss-rowDesc {\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n\n/* 行卡控件（右置） */\n.ss-rowControl {\n  flex: none;\n  display: flex;\n  align-items: center;\n}\n\n/* 开关（官方 token 的自绘 toggle：track 22px，thumb 16px） */\n.ss-switch {\n  position: relative;\n  flex: none;\n  width: 40px;\n  height: 22px;\n  cursor: pointer;\n}\n\n.ss-switch input {\n  position: absolute;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  cursor: pointer;\n}\n\n.ss-switchTrack {\n  position: absolute;\n  inset: 0;\n  border-radius: 11px;\n  background: var(--dsw-alias-interactive-bg-active, rgba(128, 128, 128, 0.3));\n  transition: background var(--ds-transition-duration-fast, 0.15s) var(--ds-ease-in-out, ease);\n}\n\n.ss-switchTrack::after {\n  content: '';\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: var(--dsw-alias-label-primary, #eee);\n  transition: transform var(--ds-transition-duration-fast, 0.15s) var(--ds-ease-in-out, ease);\n}\n\n.ss-switch input:checked + .ss-switchTrack {\n  background: var(--dsw-alias-state-success-primary, #22c55e);\n}\n\n.ss-switch input:checked + .ss-switchTrack::after {\n  transform: translateX(18px);\n}\n\n.ss-switch input:disabled + .ss-switchTrack {\n  opacity: 0.4;\n  cursor: default;\n}\n\n/* 阈值行（滑块 + 值） */\n.ss-threshold {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.ss-threshold input[type='range'] {\n  width: 160px;\n}\n\n/* Skiff 调试端口输入（number；关闭时跟随 disabled 半透明） */\n.ss-portInput {\n  width: 96px;\n  padding: 6px 8px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-fill-l1, rgba(128, 128, 128, 0.08));\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n}\n\n.ss-portInput:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n.ss-value {\n  min-width: 40px;\n  font-variant-numeric: tabular-nums;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n  text-align: right;\n}\n\n/* 自主轨迹「立即唤起」按钮（v1.26.14 调试语义；官方 button 语言：primary 弱化） */\n.ss-wakeBtn {\n  flex: none;\n  padding: 5px 12px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-interactive-bg-active, rgba(128, 128, 128, 0.12));\n  color: var(--dsw-alias-label-primary);\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: opacity var(--ds-transition-duration-fast, 0.15s) ease;\n}\n\n.ss-wakeBtn:hover:not(:disabled) {\n  border-color: var(--dsw-alias-state-success-primary, #22c55e);\n  color: var(--dsw-alias-state-success-primary, #22c55e);\n}\n\n.ss-wakeBtn:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n/* 底部帮助行 */\n.ss-hint {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n\n/* 降级提示 */\n.ss-degrade {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-state-warn-label);\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n";
+		const css = "/* SettingsSection — dsh 原生设置面板 serenity-hooks 简单配置页\n   v1.21.1 看齐 dsh 自身：官方 settings 设计语言——\n   section > title + intro + group(groupTitle) + rowCard 行卡；\n   全部 --dsw-alias-* token（与 ui-settings-models 同词汇表）。 */\n\n/* 页面容器（官方 .section：flex column gap 12） */\n.ss-section {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  max-width: 720px;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* 页面标题（官方 .title：16px/24 500） */\n.ss-title {\n  margin: 0;\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* 页面说明（官方 .intro：14px/22 tertiary） */\n.ss-intro {\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--dsw-alias-label-tertiary);\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n\n/* 分组（多级标题：分组标题 + 行卡列表） */\n.ss-group {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* 分组标题（二级：12px/18 500 secondary——官方 fieldLabel 风格） */\n.ss-groupTitle {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* 行卡列表（官方 .rows：无 marker，gap 8） */\n.ss-rows {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* 行卡（官方 .rowCard：border-l2 r12 padding 12/14） */\n.ss-rowCard {\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 12px;\n  padding: 12px 14px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n/* 行卡文本（标题 + 说明 左列） */\n.ss-rowText {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  min-width: 0;\n  flex: 1;\n}\n\n/* 行卡标题（官方 .rowName：14px/22 500） */\n.ss-rowName {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* 行卡说明（12px/18 tertiary） */\n.ss-rowDesc {\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n\n/* 行卡控件（右置） */\n.ss-rowControl {\n  flex: none;\n  display: flex;\n  align-items: center;\n}\n\n/* 开关（官方 token 的自绘 toggle：track 22px，thumb 16px） */\n.ss-switch {\n  position: relative;\n  flex: none;\n  width: 40px;\n  height: 22px;\n  cursor: pointer;\n}\n\n.ss-switch input {\n  position: absolute;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  cursor: pointer;\n}\n\n.ss-switchTrack {\n  position: absolute;\n  inset: 0;\n  border-radius: 11px;\n  background: var(--dsw-alias-interactive-bg-active, rgba(128, 128, 128, 0.3));\n  transition: background var(--ds-transition-duration-fast, 0.15s) var(--ds-ease-in-out, ease);\n}\n\n.ss-switchTrack::after {\n  content: '';\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: var(--dsw-alias-label-primary, #eee);\n  transition: transform var(--ds-transition-duration-fast, 0.15s) var(--ds-ease-in-out, ease);\n}\n\n.ss-switch input:checked + .ss-switchTrack {\n  background: var(--dsw-alias-state-success-primary, #22c55e);\n}\n\n.ss-switch input:checked + .ss-switchTrack::after {\n  transform: translateX(18px);\n}\n\n.ss-switch input:disabled + .ss-switchTrack {\n  opacity: 0.4;\n  cursor: default;\n}\n\n/* 阈值行（滑块 + 值） */\n.ss-threshold {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.ss-threshold input[type='range'] {\n  width: 160px;\n}\n\n/* Skiff 调试端口输入（number；关闭时跟随 disabled 半透明） */\n.ss-portInput {\n  width: 96px;\n  padding: 6px 8px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-fill-l1, rgba(128, 128, 128, 0.08));\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n}\n\n.ss-portInput:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n.ss-value {\n  min-width: 40px;\n  font-variant-numeric: tabular-nums;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n  text-align: right;\n}\n\n/* 自主轨迹「立即唤起」按钮（v1.26.14 调试语义；官方 button 语言：primary 弱化） */\n.ss-wakeBtn {\n  flex: none;\n  padding: 5px 12px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-interactive-bg-active, rgba(128, 128, 128, 0.12));\n  color: var(--dsw-alias-label-primary);\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: opacity var(--ds-transition-duration-fast, 0.15s) ease;\n}\n\n.ss-wakeBtn:hover:not(:disabled) {\n  border-color: var(--dsw-alias-state-success-primary, #22c55e);\n  color: var(--dsw-alias-state-success-primary, #22c55e);\n}\n\n.ss-wakeBtn:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n/* 底部帮助行 */\n.ss-hint {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n\n/* 降级提示 */\n.ss-degrade {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-state-warn-label);\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n\n/* ── 微信桥（F4c-3，v1.27.0 实验性）── */\n\n/* CCC 选择器（下拉） */\n.ss-select {\n  max-width: 280px;\n  padding: 6px 8px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-fill-l1, rgba(128, 128, 128, 0.08));\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n}\n\n/* 扫码绑定按钮（复用 wakeBtn 语言） */\n.ss-loginBtn {\n  flex: none;\n  padding: 5px 12px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-interactive-bg-active, rgba(128, 128, 128, 0.12));\n  color: var(--dsw-alias-label-primary);\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: opacity var(--ds-transition-duration-fast, 0.15s) ease;\n}\n\n.ss-loginBtn:hover:not(:disabled) {\n  border-color: var(--dsw-alias-state-success-primary, #22c55e);\n  color: var(--dsw-alias-state-success-primary, #22c55e);\n}\n\n.ss-loginBtn:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n/* 移除账号按钮（危险语义：红边框） */\n.ss-removeBtn {\n  flex: none;\n  padding: 5px 12px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-interactive-bg-active, rgba(128, 128, 128, 0.12));\n  color: var(--dsw-alias-label-primary);\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: opacity var(--ds-transition-duration-fast, 0.15s) ease;\n}\n\n.ss-removeBtn:hover:not(:disabled) {\n  border-color: var(--dsw-alias-state-error-primary, #ef4444);\n  color: var(--dsw-alias-state-error-primary, #ef4444);\n}\n\n/* 二维码展示行 */\n.ss-qrRow {\n  align-items: flex-start;\n}\n\n.ss-qrSvg {\n  flex: none;\n  width: 160px;\n  height: 160px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: #fff; /* 二维码需要白底才能被微信扫出 */\n  padding: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ss-qrSvg svg {\n  width: 100%;\n  height: 100%;\n}\n\n/* 路由表 JSON 编辑框 */\n.ss-routesEditor {\n  width: 100%;\n  box-sizing: border-box;\n  margin-top: 6px;\n  padding: 8px 10px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-fill-l1, rgba(128, 128, 128, 0.08));\n  color: var(--dsw-alias-label-primary);\n  font-size: 12px;\n  line-height: 18px;\n  font-family: var(--ds-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  resize: vertical;\n}\n";
 		if (typeof document !== "undefined" && document.querySelector("style[data-sp-css=\"SettingsSection\"]") === null) {
 			const tag = document.createElement("style");
 			tag.setAttribute("data-sp-css", "SettingsSection");
@@ -4346,6 +4754,13 @@ Instruction-following style:
 							className: "ss-groupTitle",
 							children: "自主轨迹"
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoTrajectoryStatusBlock, {})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "ss-group",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: "ss-groupTitle",
+							children: "微信桥"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WeixinBridgeEditor, {})]
 					})
 				]
 			});
@@ -4445,6 +4860,11 @@ Instruction-following style:
 						desc: status.biasProvider,
 						control: null
 					}) }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowCard, {
+						title: "轨迹焦点 (topPrompt)",
+						desc: status.topPrompt ? status.topPrompt : "未定义——CCC 定义 autotrajectory 时应填写本轨迹核心焦点（防多轮唤起焦点丢失）",
+						control: null
+					}) }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowCard, {
 						title: "立即唤起",
 						desc: wakeResult ?? "调试：手动触发一次唤起（跳过窗口/间隔，仍校验配置与偏见脚本）",