@shgroup/dsh-serenity-hooks 1.20.5 → 1.21.0

package/dsh.plugin.json

@@ -1,8 +1,8 @@
 {
   "id": "dsh-serenity-hooks",
-  "version": "1.20.5",
+  "version": "1.21.0",
   "main": "lib/index.js",
-  "description": "宁静号 ACC harness（Native Cordis 插件）：真实 DSH 工具 cc_fs/session/acc_msm/eap/neat/cce/loop + 拦截缝机械约束（safe-mode/路径守卫）。适配 DSH 公开版（0.1.0-rc，deepseek-ai/deepseek-harness）。私有（dsh-external 组织）。",
+  "description": "宁静号 ACC harness（Native Cordis 插件）：真实 DSH 工具 cc_fs/session/acc_msm/eap/neat/cce/loop/session_rebuild + 拦截缝机械约束（safe-mode/路径守卫）+ 高级设定面板（双端口网关/账号管理）。适配 DSH 公开版（0.1.0-rc，deepseek-ai/deepseek-harness）。",
   "engines": {
     "dsh": ">=0.1.0-rc.5"
   },
@@ -17,6 +17,7 @@
       "neat",
       "cce",
       "loop",
+      "session_rebuild",
       "localstore"
     ],
     "skills": []

package/lib/client.js

@@ -7,8 +7,262 @@ window.__ModuleLoader__.load({
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react = require("react");
 		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/client/accounts-api.ts
+		/** wire 账号 → 本地编辑行 */
+		function accountDraftFromWire(a) {
+			return {
+				id: a.id,
+				user: a.user,
+				pass: "",
+				isNew: false,
+				hasPassword: a.hasPassword
+			};
+		}
+		/** 生成新账号 id（本地编辑用；提交时若为空由服务端拒绝） */
+		function newAccountId() {
+			return `a-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`;
+		}
+		/** 本地编辑行 → wire 账号（提交时；pass 字段携带） */
+		function accountToWire(d) {
+			return {
+				id: d.id,
+				user: d.user,
+				pass: d.pass
+			};
+		}
+		/** 校验本地编辑行：user 非空；新账号必须设密码 */
+		function validateDraft(d) {
+			if (d.user.trim() === "") return "用户名不能为空";
+			if (d.isNew && d.pass === "") return "新账号必须设置密码";
+			return null;
+		}
+		const CONFIG_PATH = "/serenity/config";
+		/** GET 配置（含账号列表；无 hash） */
+		async function fetchConfig(sessionId) {
+			const qs = sessionId ? `?sessionId=${encodeURIComponent(sessionId)}` : "";
+			const res = await fetch(`${CONFIG_PATH}${qs}`, { headers: {
+				accept: "application/json",
+				"x-serenity-ui": "1"
+			} });
+			if (!res.ok) return null;
+			return (await res.json()).config ?? null;
+		}
+		/** PUT 配置（账号 patch）→ 返回保存后的 wire */
+		async function saveConfig(sessionId, patch) {
+			const res = await fetch(CONFIG_PATH, {
+				method: "PUT",
+				headers: {
+					"content-type": "application/json",
+					"x-serenity-ui": "1"
+				},
+				body: JSON.stringify({
+					sessionId,
+					config: patch
+				})
+			});
+			if (!res.ok) {
+				const body = await res.json().catch(() => null);
+				throw new Error(body?.error ?? `保存失败（${res.status}）`);
+			}
+			return (await res.json()).config ?? null;
+		}
+		//#endregion
+		//#region \0sp-css:/home/yh/home/home-serenity/AI_LAB/dsh-serenity-plugin/hooks/dsh-serenity-hooks/src/client/AccountsTab
+		const css$2 = "/* AccountsTab — 高级面板账号 tab（v1.21；--dsw-alias-* 语义 token，明暗自适应） */\n\n.at-root {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 6px 2px;\n  font-size: 13px;\n}\n\n.at-note {\n  margin: 0;\n  font-size: 12px;\n  opacity: 0.65;\n}\n\n.at-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.at-label {\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n.at-input {\n  flex: 1;\n  min-width: 0;\n  padding: 5px 8px;\n  border: 1px solid var(--dsw-alias-border, #333);\n  border-radius: 6px;\n  background: var(--dsw-alias-field, #222);\n  color: var(--dsw-alias-text, #eee);\n  font-size: 13px;\n}\n\n.at-input.at-port {\n  flex: none;\n  width: 72px;\n}\n\n.at-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.at-head {\n  display: flex;\n  gap: 8px;\n  font-size: 12px;\n  opacity: 0.6;\n  padding: 0 2px;\n}\n\n.at-item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.at-colUser { flex: 1.2; }\n.at-colPass { flex: 1.6; }\n.at-colOp { flex: none; width: 48px; }\n\n.at-del {\n  flex: none;\n  padding: 4px 10px;\n  border: 1px solid var(--dsw-alias-border, #444);\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-danger, #f87171);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.at-add {\n  align-self: flex-start;\n  padding: 5px 12px;\n  border: 1px dashed var(--dsw-alias-border, #444);\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-text, #ccc);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.at-error {\n  margin: 0;\n  font-size: 12px;\n  color: var(--dsw-alias-danger, #f87171);\n}\n\n.at-actions {\n  display: flex;\n  justify-content: flex-end;\n  padding-top: 4px;\n}\n\n.at-save {\n  padding: 6px 22px;\n  border: 0;\n  border-radius: 6px;\n  background: var(--dsw-alias-accent, #3b82f6);\n  color: #fff;\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.at-save:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n";
+		if (typeof document !== "undefined" && document.querySelector("style[data-sp-css]") === null) {
+			const tag = document.createElement("style");
+			tag.setAttribute("data-sp-css", "1");
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region src/client/AccountsTab.tsx
+		/**
+		* AccountsTab.tsx — 高级面板「账号」tab（v1.21 复杂配置层）
+		*
+		* 承载复杂配置：gateway 监听 host/port + 账号列表 CRUD（含密码）。
+		* 简单配置（开关/阈值）在 dsh 原生设置面板（SettingsSection）——本 tab 仅提示引导。
+		* 数据：GET/PUT /serenity/config（accounts-api.ts）；无滚动条约束（紧凑布局）。
+		*/
+		function AccountsTab(props) {
+			const { sessionId } = props;
+			const [config, setConfig] = (0, react.useState)(null);
+			const [drafts, setDrafts] = (0, react.useState)([]);
+			const [host, setHost] = (0, react.useState)("0.0.0.0");
+			const [port, setPort] = (0, react.useState)(3081);
+			const [error, setError] = (0, react.useState)(null);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [loaded, setLoaded] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				let alive = true;
+				fetchConfig(sessionId).then((cfg) => {
+					if (!alive) return;
+					if (cfg) {
+						setConfig(cfg);
+						setHost(cfg.gateway.host);
+						setPort(cfg.gateway.port);
+						setDrafts(cfg.gateway.accounts.map(accountDraftFromWire));
+					}
+					setLoaded(true);
+				});
+				return () => {
+					alive = false;
+				};
+			}, [sessionId]);
+			const updateDraft = (id, patch) => {
+				setDrafts((ds) => ds.map((d) => d.id === id ? {
+					...d,
+					...patch
+				} : d));
+			};
+			const addRow = () => {
+				setDrafts((ds) => [...ds, {
+					id: newAccountId(),
+					user: "",
+					pass: "",
+					isNew: true,
+					hasPassword: false
+				}]);
+			};
+			const removeRow = (id) => {
+				setDrafts((ds) => ds.filter((d) => d.id !== id));
+			};
+			const save = async () => {
+				for (const d of drafts) {
+					const err = validateDraft(d);
+					if (err) {
+						setError(err);
+						return;
+					}
+				}
+				setBusy(true);
+				setError(null);
+				try {
+					const cfg = await saveConfig(sessionId, { gateway: {
+						host,
+						port,
+						accounts: drafts.map(accountToWire)
+					} });
+					if (cfg) {
+						setConfig(cfg);
+						setDrafts(cfg.gateway.accounts.map(accountDraftFromWire));
+					}
+				} catch (err) {
+					setError(err instanceof Error ? err.message : String(err));
+				} finally {
+					setBusy(false);
+				}
+			};
+			if (!loaded) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "at-root",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "at-note",
+					children: "加载中…"
+				})
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "at-root",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "at-note",
+						children: "复杂配置（账号密码）。开关/阈值等简单配置请到 dsh 设置面板「Serenity」页。"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "at-row",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "at-label",
+								children: "监听地址"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: "at-input",
+								value: host,
+								onChange: (e) => setHost(e.target.value),
+								placeholder: "0.0.0.0"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "at-label",
+								children: "端口"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: "at-input at-port",
+								type: "number",
+								value: port,
+								min: 1,
+								max: 65535,
+								onChange: (e) => setPort(Number(e.target.value) || 0)
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "at-list",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "at-head",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "at-col at-colUser",
+										children: "用户名"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "at-col at-colPass",
+										children: "密码"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "at-col at-colOp" })
+								]
+							}),
+							drafts.map((d) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "at-item",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										className: "at-input at-colUser",
+										value: d.user,
+										placeholder: "用户名",
+										onChange: (e) => updateDraft(d.id, { user: e.target.value })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										className: "at-input at-colPass",
+										type: "password",
+										value: d.pass,
+										placeholder: d.isNew ? "必填" : d.hasPassword ? "留空保留原密码" : "未设置",
+										onChange: (e) => updateDraft(d.id, { pass: e.target.value })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "at-del",
+										onClick: () => removeRow(d.id),
+										children: "删除"
+									})
+								]
+							}, d.id)),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "at-add",
+								onClick: addRow,
+								children: "+ 添加账号"
+							})
+						]
+					}),
+					error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "at-error",
+						children: error
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "at-actions",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "at-save",
+							disabled: busy,
+							onClick: () => void save(),
+							children: busy ? "保存中…" : "保存"
+						})
+					})
+				]
+			});
+		}
+		//#endregion
 		//#region \0sp-css:/home/yh/home/home-serenity/AI_LAB/dsh-serenity-plugin/hooks/dsh-serenity-hooks/src/client/SafeModePanel
-		const css$1 = "/* SafeModePanel — 会话头部 Serenity 状态徽章（点击展开详情卡）。\n * 遵循 web-styling.md：颜色只用 --dsw-alias-* 语义 token（明暗自适应）；\n * 尺寸与官方 header 标签一致；前缀 sp- 防冲突。 */\n\n.sp-root {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  height: 24px;\n  padding: 0 4px 0 4px;\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-module-platform);\n  font-size: 12px;\n  line-height: 24px;\n  white-space: nowrap;\n}\n\n.sp-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  height: 22px;\n  padding: 0 6px;\n  border: none;\n  border-radius: 5px;\n  background: transparent;\n  color: inherit;\n  font-size: 12px;\n  cursor: pointer;\n  transition: background var(--ds-transition-duration-fast, 0.1s) var(--ds-ease-in-out, ease);\n}\n\n.sp-badge:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.sp-badge:focus-visible {\n  outline: 2px solid var(--dsw-alias-button-ghost-active-border);\n  outline-offset: 1px;\n}\n\n.sp-dot {\n  flex: none;\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n}\n\n.sp-dotOn {\n  background: var(--dsw-alias-state-success-primary);\n}\n\n.sp-dotOff {\n  background: var(--dsw-alias-label-dimmed);\n}\n\n.sp-brand {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n.sp-toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  height: 18px;\n  padding: 0 8px;\n  border: none;\n  border-radius: 5px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n  cursor: pointer;\n  transition: background var(--ds-transition-duration-fast, 0.1s) var(--ds-ease-in-out, ease);\n}\n\n.sp-toggle:focus-visible {\n  outline: 2px solid var(--dsw-alias-button-ghost-active-border);\n  outline-offset: 1px;\n}\n\n.sp-toggle:disabled {\n  opacity: 0.55;\n  cursor: default;\n}\n\n.sp-toggleOn {\n  background: var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n.sp-toggleOn:hover:not(:disabled) {\n  background: var(--dsw-alias-state-error-secondary);\n}\n\n.sp-toggleOff {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sp-toggleOff:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n}\n\n.sp-toggleIcon {\n  flex: none;\n}\n\n.sp-toggleLg {\n  height: 26px;\n  padding: 0 14px;\n  font-size: 13px;\n  line-height: 26px;\n  border-radius: 6px;\n}\n\n/* 详情卡：相对徽章绝对定位（右对齐），卡片 token */\n.sp-pop {\n  position: absolute;\n  top: calc(100% + 8px);\n  right: 0;\n  z-index: 20;\n  width: 300px;\n  box-sizing: border-box;\n  padding: 12px 14px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 12px;\n  background: var(--dsw-specific-tip);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.sp-popRow {\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  min-width: 0;\n}\n\n.sp-popLabel {\n  flex: none;\n  width: 34px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-caption);\n}\n\n.sp-popValue {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n  font-family: var(--ds-font-family-code, monospace);\n}\n\n.sp-popActions {\n  display: flex;\n  justify-content: flex-end;\n  padding-top: 4px;\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  margin-top: 2px;\n}\n\n/* loop 运行状态区块（WebUI 等待界面；并行任务各自一行） */\n.sp-popSection {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding-top: 6px;\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  margin-top: 2px;\n}\n\n.sp-loopItem {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 2px 0 2px 44px;\n  min-width: 0;\n}\n\n.sp-loopHead {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  min-width: 0;\n}\n\n.sp-loopLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n.sp-loopRound {\n  flex: none;\n  font-size: 11px;\n  color: var(--dsw-alias-state-info-primary);\n  font-family: var(--ds-font-family-code, monospace);\n}\n\n.sp-loopTime {\n  flex: none;\n  font-size: 11px;\n  color: var(--dsw-alias-label-caption);\n}\n\n.sp-loopResp {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n  font-family: var(--ds-font-family-code, monospace);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sp-toggle,\n  .sp-badge {\n    transition: none;\n  }\n}\n";
+		const css$1 = "/* SafeModePanel — 会话头部 Serenity 状态徽章（点击展开详情卡）。\n * 遵循 web-styling.md：颜色只用 --dsw-alias-* 语义 token（明暗自适应）；\n * 尺寸与官方 header 标签一致；前缀 sp- 防冲突。 */\n\n.sp-root {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  height: 24px;\n  padding: 0 4px 0 4px;\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-module-platform);\n  font-size: 12px;\n  line-height: 24px;\n  white-space: nowrap;\n}\n\n.sp-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  height: 22px;\n  padding: 0 6px;\n  border: none;\n  border-radius: 5px;\n  background: transparent;\n  color: inherit;\n  font-size: 12px;\n  cursor: pointer;\n  transition: background var(--ds-transition-duration-fast, 0.1s) var(--ds-ease-in-out, ease);\n}\n\n.sp-badge:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.sp-badge:focus-visible {\n  outline: 2px solid var(--dsw-alias-button-ghost-active-border);\n  outline-offset: 1px;\n}\n\n.sp-dot {\n  flex: none;\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n}\n\n.sp-dotOn {\n  background: var(--dsw-alias-state-success-primary);\n}\n\n.sp-dotOff {\n  background: var(--dsw-alias-label-dimmed);\n}\n\n.sp-brand {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n.sp-toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  height: 18px;\n  padding: 0 8px;\n  border: none;\n  border-radius: 5px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n  cursor: pointer;\n  transition: background var(--ds-transition-duration-fast, 0.1s) var(--ds-ease-in-out, ease);\n}\n\n.sp-toggle:focus-visible {\n  outline: 2px solid var(--dsw-alias-button-ghost-active-border);\n  outline-offset: 1px;\n}\n\n.sp-toggle:disabled {\n  opacity: 0.55;\n  cursor: default;\n}\n\n.sp-toggleOn {\n  background: var(--dsw-alias-state-error-primary);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n.sp-toggleOn:hover:not(:disabled) {\n  background: var(--dsw-alias-state-error-secondary);\n}\n\n.sp-toggleOff {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sp-toggleOff:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n}\n\n.sp-toggleIcon {\n  flex: none;\n}\n\n.sp-toggleLg {\n  height: 26px;\n  padding: 0 14px;\n  font-size: 13px;\n  line-height: 26px;\n  border-radius: 6px;\n}\n\n/* 详情卡：相对徽章绝对定位（右对齐），卡片 token */\n.sp-pop {\n  position: absolute;\n  top: calc(100% + 8px);\n  right: 0;\n  z-index: 20;\n  width: 300px;\n  box-sizing: border-box;\n  padding: 12px 14px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 12px;\n  background: var(--dsw-specific-tip);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* v1.21 大面板：双 tab（状态/账号），无滚动条约束（内容在视口内完整容纳） */\n.sp-popLg {\n  width: 460px;\n  padding: 10px 14px 14px;\n}\n\n.sp-tabs {\n  display: flex;\n  gap: 4px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--dsw-alias-border-l1);\n}\n\n.sp-tab {\n  flex: 1;\n  padding: 6px 0;\n  border: none;\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.sp-tab:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.sp-tabOn {\n  background: var(--dsw-alias-interactive-bg-active, rgba(128, 128, 128, 0.2));\n  color: var(--dsw-alias-label-primary);\n  font-weight: 600;\n}\n\n.sp-popRow {\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  min-width: 0;\n}\n\n.sp-popLabel {\n  flex: none;\n  width: 34px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-caption);\n}\n\n.sp-popValue {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n  font-family: var(--ds-font-family-code, monospace);\n}\n\n.sp-popActions {\n  display: flex;\n  justify-content: flex-end;\n  padding-top: 4px;\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  margin-top: 2px;\n}\n\n/* loop 运行状态区块（WebUI 等待界面；并行任务各自一行） */\n.sp-popSection {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding-top: 6px;\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  margin-top: 2px;\n}\n\n.sp-loopItem {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 2px 0 2px 44px;\n  min-width: 0;\n}\n\n.sp-loopHead {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  min-width: 0;\n}\n\n.sp-loopLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n.sp-loopRound {\n  flex: none;\n  font-size: 11px;\n  color: var(--dsw-alias-state-info-primary);\n  font-family: var(--ds-font-family-code, monospace);\n}\n\n.sp-loopTime {\n  flex: none;\n  font-size: 11px;\n  color: var(--dsw-alias-label-caption);\n}\n\n.sp-loopResp {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n  font-family: var(--ds-font-family-code, monospace);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sp-toggle,\n  .sp-badge {\n    transition: none;\n  }\n}\n";
 		if (typeof document !== "undefined" && document.querySelector("style[data-sp-css]") === null) {
 			const tag = document.createElement("style");
 			tag.setAttribute("data-sp-css", "1");
@@ -23,11 +277,12 @@ window.__ModuleLoader__.load({
 		function cx(...parts) {
 			return parts.filter(Boolean).join(" ");
 		}
-		/** 会话头部：可点击徽章 + safe-mode 开关；点击徽章展开状态详情卡 */
+		/** 会话头部：可点击徽章 + safe-mode 开关；点击徽章展开双 tab 大面板 */
 		function SafeModePanel(props) {
 			const [status, setStatus] = (0, react.useState)(null);
 			const [busy, setBusy] = (0, react.useState)(false);
 			const [open, setOpen] = (0, react.useState)(false);
+			const [tab, setTab] = (0, react.useState)("status");
 			const [loops, setLoops] = (0, react.useState)([]);
 			const rootRef = (0, react.useRef)(null);
 			const sessionId = props.sessionId;
@@ -129,11 +384,24 @@ window.__ModuleLoader__.load({
 							status.safeModeOn ? "ON" : "OFF"
 						]
 					}),
-					open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: cx("sp-pop"),
+					open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: cx("sp-pop", "sp-popLg"),
 						role: "dialog",
-						"aria-label": "Serenity 状态详情",
-						children: inCcc ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						"aria-label": "Serenity 高级设定",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: cx("sp-tabs"),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: cx("sp-tab", tab === "status" && "sp-tabOn"),
+								onClick: () => setTab("status"),
+								children: "状态"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: cx("sp-tab", tab === "accounts" && "sp-tabOn"),
+								onClick: () => setTab("accounts"),
+								children: "账号"
+							})]
+						}), tab === "accounts" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountsTab, { sessionId: String(sessionId ?? "") }) : inCcc ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: cx("sp-popRow"),
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -199,7 +467,7 @@ window.__ModuleLoader__.load({
 										className: cx("sp-popValue"),
 										children: loops.filter((l) => !l.done).length > 0 ? `运行中 ${loops.filter((l) => !l.done).length}${loops.length > 0 ? ` / 共 ${loops.length}` : ""}` : "无运行中 loop"
 									})]
-								}), loops.slice(0, 5).map((l) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								}), loops.slice(0, 4).map((l) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: cx("sp-loopItem"),
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: cx("sp-loopHead"),
@@ -221,7 +489,7 @@ window.__ModuleLoader__.load({
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: cx("sp-loopResp"),
 										title: l.lastResponse,
-										children: l.lastResponse.slice(0, 80) || (l.done ? "已完成" : "（等待首轮响应）")
+										children: l.lastResponse.slice(0, 60) || (l.done ? "已完成" : "（等待首轮响应）")
 									})]
 								}, l.label))]
 							})
@@ -234,7 +502,7 @@ window.__ModuleLoader__.load({
 								className: cx("sp-popValue"),
 								children: "ACC 未激活（工作区不在 CCC 内）"
 							})]
-						})
+						})]
 					})
 				]
 			});
@@ -244,11 +512,15 @@ window.__ModuleLoader__.load({
 		/** 图片落盘接口路径（node half api.ts，client 专属 x-serenity-ui 头） */
 		const UPLOAD_PATH = "/serenity/image-upload";
 		/**
-		* 识别结果消息模板（协议固有，S142 用户迭代：v1.20.5 去掉具体文件路径——UI 突兀，
-		* 改为目录级自然提示；agent 自行查 _tmp/images_from_user/ 找图片 → 调 CCC vlm MSM 识别）
+		* 图片提示消息模板（协议固有，S142 用户迭代）：
+		*  - v1.20.5 目录级提示（无文件名）→ 用户反馈 agent 还要猜
+		*  - v1.20.6 恢复具体路径（对话里一定写名图片路径，agent 直接可用，无需猜）
+		* 单图：用户提供了一张图片（路径：...）；多图：每张一行路径
 		*/
-		const IMAGE_NOTE_TEMPLATE_SINGLE = "用户提供了一张图片（已保存到 _tmp/images_from_user/），请查看该目录下的图片并处理";
-		const IMAGE_NOTE_TEMPLATE_MULTI = (count) => `用户提供了 ${count} 张图片（已保存到 _tmp/images_from_user/），请查看该目录下的图片并处理`;
+		function imageNoteTemplate(paths) {
+			if (paths.length === 1) return `用户提供了一张图片（路径：${paths[0]}）`;
+			return `用户提供了 ${paths.length} 张图片：\n${paths.map((p) => `- ${p}`).join("\n")}`;
+		}
 		/** 浏览器 File → base64（与 ui-conversation serializeImages 等价的最小实现） */
 		function fileToBase64(file) {
 			return file.arrayBuffer().then((buffer) => {
@@ -309,17 +581,8 @@ window.__ModuleLoader__.load({
 			if (!result.ok) throw new Error(`serenity image fallback resend failed: ${result.error?.code}: ${result.error?.message}`);
 		}
 		//#endregion
-		//#region \0sp-css:/home/yh/home/home-serenity/AI_LAB/dsh-serenity-plugin/hooks/dsh-serenity-hooks/src/client/ImageFallbackDock
-		const css = "/* ImageFallbackDock — 图片自动落盘兜底状态条（S142） */\n\n.serenity-image-fallback {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  line-height: 1.5;\n  padding: 2px 8px;\n  border-radius: 6px;\n  background: var(--dsw-alias-surface-muted, rgba(127, 127, 127, 0.1));\n  color: var(--dsw-alias-text-secondary, currentColor);\n}\n\n.serenity-image-fallback[data-state='busy'] {\n  color: var(--dsw-alias-text-secondary, currentColor);\n}\n\n.serenity-image-fallback[data-state='done'] {\n  color: var(--dsw-alias-text-success, currentColor);\n}\n\n.serenity-image-fallback[data-state='error'] {\n  color: var(--dsw-alias-text-danger, currentColor);\n}\n\n.serenity-image-fallback code {\n  font-family: var(--dsw-alias-font-mono, monospace);\n  font-size: 11px;\n  background: var(--dsw-alias-surface-muted, rgba(127, 127, 127, 0.12));\n  border-radius: 4px;\n  padding: 0 4px;\n}\n";
-		if (typeof document !== "undefined" && document.querySelector("style[data-sp-css]") === null) {
-			const tag = document.createElement("style");
-			tag.setAttribute("data-sp-css", "1");
-			tag.textContent = css;
-			document.head.appendChild(tag);
-		}
-		//#endregion
 		//#region src/client/ImageFallbackDock.tsx
-		/** input.dock 条目：图片发送失败自动落盘 + 文本重发（补救后自动清空输入框 rail 图片） */
+		/** input.dock 条目（静默）：图片发送失败自动落盘 + 文本重发，无 UI */
 		function ImageFallbackDock(props) {
 			const zone = props;
 			const session = zone.session;
@@ -327,9 +590,6 @@ window.__ModuleLoader__.load({
 			const sessionId = props.sessionId;
 			const { uploadImage, getDraftFiles, resendText } = props;
 			const inputActions = props.inputActions;
-			const [state, setState] = (0, react.useState)("idle");
-			const [paths, setPaths] = (0, react.useState)([]);
-			const [errorText, setErrorText] = (0, react.useState)(null);
 			const handlingRef = (0, react.useRef)(false);
 			const promptError = session?.promptError?.error;
 			const imageIds = input?.imageIds ?? [];
@@ -338,14 +598,13 @@ window.__ModuleLoader__.load({
 				if (promptError.details?.reason !== "MODEL_DOES_NOT_SUPPORT_IMAGES") return;
 				if (handlingRef.current || imageIds.length === 0) return;
 				handlingRef.current = true;
-				setState("uploading");
 				(async () => {
 					try {
 						const files = await getDraftFiles(String(sessionId), imageIds);
 						if (files.length === 0) throw new Error("no draft image files");
 						const saved = [];
 						for (const file of files) saved.push(await uploadImage(file, String(sessionId)));
-						const note = saved.length === 1 ? IMAGE_NOTE_TEMPLATE_SINGLE : IMAGE_NOTE_TEMPLATE_MULTI(saved.length);
+						const note = imageNoteTemplate(saved);
 						const draft = input?.draft ?? "";
 						const text = draft === "" ? note : `${draft}\n${note}`;
 						if (inputActions?.removeImage !== void 0 && inputActions.setDraft !== void 0 && inputActions.submit !== void 0) {
@@ -353,13 +612,8 @@ window.__ModuleLoader__.load({
 							inputActions.setDraft(text);
 							inputActions.submit();
 						} else await resendText(String(sessionId), text);
-						setPaths(saved);
-						setState("done");
 					} catch (err) {
-						const message = String(err?.message ?? err);
-						console.warn(`[serenity] image fallback failed: ${message}`);
-						setErrorText(message);
-						setState("error");
+						console.warn(`[serenity] image fallback failed: ${String(err?.message ?? err)}`);
 					} finally {
 						handlingRef.current = false;
 					}
@@ -374,24 +628,132 @@ window.__ModuleLoader__.load({
 				input?.draft,
 				inputActions
 			]);
-			if (state === "idle") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "serenity-image-fallback",
-				"data-state": "idle"
-			});
-			if (state === "uploading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "serenity-image-fallback",
-				"data-state": "busy",
-				children: "图片已保存中…"
-			});
-			if (state === "done") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "serenity-image-fallback",
-				"data-state": "done",
-				children: paths.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: p }, p))
+			return null;
+		}
+		//#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   沿用 --dsw-alias-* 语义 token（明暗自适应）+ 紧凑布局 */\n\n.ss-root {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 8px 0;\n}\n\n.ss-note {\n  margin: 0 0 4px;\n  font-size: 12px;\n  opacity: 0.7;\n}\n\n.ss-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 13px;\n}\n\n.ss-label {\n  min-width: 88px;\n  font-weight: 600;\n}\n\n.ss-desc {\n  flex: 1;\n  font-size: 12px;\n  opacity: 0.65;\n}\n\n.ss-row input[type='checkbox'] {\n  flex: none;\n}\n\n.ss-row input[type='range'] {\n  flex: none;\n  width: 140px;\n}\n\n.ss-value {\n  min-width: 36px;\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n  opacity: 0.8;\n}\n\n.ss-degrade {\n  padding: 12px 8px;\n  font-size: 13px;\n}\n\n.ss-degrade p {\n  margin: 0;\n}\n";
+		if (typeof document !== "undefined" && document.querySelector("style[data-sp-css]") === null) {
+			const tag = document.createElement("style");
+			tag.setAttribute("data-sp-css", "1");
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region src/client/SettingsSection.tsx
+		/** 降级提示文案（旧 RC 白名单时引导去宁静号面板） */
+		const DEGRADE_NOTE = "当前运行版本未暴露 serenity-hooks 配置（旧 RC 白名单）。请在会话头部 Serenity 徽章的「高级设定」面板中管理，或升级 DSH。";
+		/** dsh 原生设置面板：serenity-hooks 简单配置页 */
+		function SettingsSection(props) {
+			const { scope } = props;
+			const [snapshot, setSnapshot] = (0, react.useState)(() => scope.getSnapshot());
+			(0, react.useEffect)(() => {
+				return scope.subscribe(() => setSnapshot(scope.getSnapshot()));
+			}, [scope]);
+			const value = snapshot.value;
+			const ready = snapshot.status === "ready";
+			const toggle = (field, on) => {
+				scope.set(field, on);
+			};
+			const setThreshold = (v) => {
+				scope.set("rebuildThreshold", Math.min(1, Math.max(.01, v)));
+			};
+			if (!ready) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "ss-degrade",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: DEGRADE_NOTE })
 			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: "serenity-image-fallback",
-				"data-state": "error",
-				children: ["图片保存失败：", errorText ?? "未知错误"]
+			const gatewayOn = value?.gatewayEnabled ?? false;
+			const rebuildOn = value?.rebuildEnabled ?? true;
+			const threshold = value?.rebuildThreshold ?? .9;
+			const namingOn = value?.namingEnabled ?? true;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "ss-root",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "ss-note",
+						children: "简单配置（开关/阈值）。账号列表等复杂配置请到会话头部 Serenity 徽章「高级设定」面板。"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "ss-row",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ss-label",
+								children: "F1 双端口网关"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ss-desc",
+								children: "额外监听端口 + 网页登录（外部访问）"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: gatewayOn,
+								onChange: (e) => toggle("gatewayEnabled", e.target.checked)
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "ss-row",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ss-label",
+								children: "F2 超限重建"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ss-desc",
+								children: "上下文接近上限时提示 session_rebuild 清空重建"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: rebuildOn,
+								onChange: (e) => toggle("rebuildEnabled", e.target.checked)
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "ss-row",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ss-label",
+								children: "重建阈值"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ss-desc",
+								children: "contextPressure 触发比例（0.01~1）"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "range",
+								min: .1,
+								max: 1,
+								step: .05,
+								value: threshold,
+								disabled: !rebuildOn,
+								onChange: (e) => setThreshold(Number(e.target.value))
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ss-value",
+								children: threshold.toFixed(2)
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "ss-row",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ss-label",
+								children: "F3 会话命名"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ss-desc",
+								children: "dsh 会话创建时自动命名 S###-日期"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: namingOn,
+								onChange: (e) => toggle("namingEnabled", e.target.checked)
+							})
+						]
+					})
+				]
 			});
 		}
 		//#endregion
@@ -399,13 +761,20 @@ window.__ModuleLoader__.load({
 		const inject = [
 			"slots",
 			"conversation",
-			"sessions"
+			"sessions",
+			"settingsScope"
 		];
+		/** serenity-hooks 简单配置 scope spec（与 host 侧 registerSettingsSection 对齐） */
+		const SERENITY_SCOPE_SPEC = {
+			namespace: "serenity-hooks",
+			decode: (section) => section !== null && typeof section === "object" ? section : void 0
+		};
 		function apply(ctx) {
 			ctx.inject([
 				"slots",
 				"conversation",
-				"sessions"
+				"sessions",
+				"settingsScope"
 			], (scope) => {
 				scope.effect(() => scope.slots.register({
 					name: "conversation.session.header.actions",
@@ -422,6 +791,14 @@ window.__ModuleLoader__.load({
 						resendText: (sessionId, text) => resendText(scope, sessionId, text)
 					})
 				}, ImageFallbackDock), "serenity: image fallback dock");
+				const serenityScope = scope.get("settingsScope").bind(SERENITY_SCOPE_SPEC);
+				scope.effect(() => scope.slots.register({
+					name: "settings.section",
+					id: "serenity-hooks",
+					order: 90,
+					label: () => "Serenity",
+					inject: () => ({ scope: serenityScope })
+				}, SettingsSection), "serenity: simple settings section");
 			});
 		}
 		//#endregion