dsh-chef 0.3.36 → 0.3.38

package/dist/client.js

@@ -28,17 +28,7 @@ window.__ModuleLoader__.load({
 		//#endregion
 		let react = require("react");
 		react = __toESM(react, 1);
-		//#region ../../node_modules/.pnpm/dsh-life-pack@0.3.34/node_modules/dsh-life-pack/dist/config-panel-contract.js
-		/** 共用配置面板 · 契约：行表形状、配置面回执、几条两侧共用的常量。
-		*
-		* 为什么住这里：六个单品插件的设置页各有一份逐字相同的那套代码（卡片骨架／行渲染／样式表／
-		* 状态机／配置面三通电话约 3105 行）。本件是抽件之后的**唯一一处定义地**。
-		*
-		* 本件不认识任何一家能力：行表由调用方给，分支只能由行表数据与配置面回执决定，
-		* 里面不出现任何一个能力的名字（结构纪律「依赖方向」）。
-		*
-		* 对外只经 `config-panel-api.ts` 那一道门；本件自己不出门。
-		*/
+		//#region ../plugin-manager/src/config-panel-contract.ts
 		/** 面板对配置面的三通电话：读整面／保存一份取值／重置为默认。三个名字各家逐字相同，收在这里一处。 */
 		const RPC_ENDPOINT_CONFIG_GET = "config.get";
 		const RPC_ENDPOINT_CONFIG_SAVE = "config.save";
@@ -51,6 +41,14 @@ window.__ModuleLoader__.load({
 		const ADVANCED_GROUP_TITLE = "高级";
 		/** 请求超时毫秒：与宿主侧 SPAWN_TIMEOUT_MS 同级，界面永不无限转圈。 */
 		const READ_TIMEOUT_MS = 2e4;
+		/** 快路径首帧有界重试表（#1142，照 #982 更新目标表同值：瞬时未就绪不再整面失败）。
+		*
+		* 有界、调用方负责卸载清理（见 `config-panel.ts` 的取数），不是无界轮询；仅读整面用，保存／重置永不自动重试。 */
+		const CONFIG_READ_RETRY_MS = [
+			1e3,
+			3e3,
+			8e3
+		];
 		/** 复制那一枚按钮就地变「已复制」之后，多久变回「复制」（定稿 v3 第三条：1.5 秒，不弹提示）。 */
 		const COPY_FEEDBACK_MS = 1500;
 		/** 宿主给「这是哪一种目录选择能力」时用的那两格原语的名字（软依赖：按名字现取，缺席即没有入口）。 */
@@ -63,7 +61,7 @@ window.__ModuleLoader__.load({
 			return raw.ok === true || raw.ok === false;
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-life-pack@0.3.34/node_modules/dsh-life-pack/dist/config-panel-value.js
+		//#region ../plugin-manager/src/config-panel-value.ts
 		/** 共用配置面板 · 取值与填值半：一份配置取值 ↔ 一张表单态，外加脏基线、跟随键、人话报错与三通电话。
 		*
 		* 本件**不认识 React**，也不认识宿主：喂一份配置面回执与一张行表，它把「页面上每一行该显示什么」
@@ -189,11 +187,20 @@ window.__ModuleLoader__.load({
 			});
 			return Promise.race([promise, limit]);
 		}
-		/** 一次配置电话（走调用方给的那条通道，靠端点名分发；永不抛，失败落字）。 */
-		async function configRpc(call, channel, method, payload) {
+		/** 有界等待的 sleep（settle 即清 timer；调用方负责卸载清理）。 */
+		function retrySleep(ms) {
+			return new Promise((resolve) => {
+				const timer = setTimeout(() => {
+					clearTimeout(timer);
+					resolve();
+				}, ms);
+			});
+		}
+		/** 一次配置电话（走调用方给的那条通道，靠端点名分发；永不抛，失败落字，文案自带通道与下一步）。 */
+		async function configRpcOnce(call, channel, method, payload) {
 			if (typeof call !== "function") return {
 				ok: false,
-				message: "宿主连接缺席：connection.rpc.call 不可用"
+				message: `宿主连接缺席：connection.rpc.call 不可用（通道 ${channel}），稍后重试`
 			};
 			try {
 				const raw = await withDeadline(call("/api", channel.replace(/^\//, ""), {
@@ -202,7 +209,7 @@ window.__ModuleLoader__.load({
 				}, AbortSignal.timeout(READ_TIMEOUT_MS)), READ_TIMEOUT_MS);
 				if (!isRpcResult(raw)) return {
 					ok: false,
-					message: "回执信封异常（非 ok 信封）"
+					message: `回执信封异常（通道 ${channel}），点重试重新读取`
 				};
 				if (!raw.ok) return {
 					ok: false,
@@ -215,42 +222,39 @@ window.__ModuleLoader__.load({
 			} catch (e) {
 				if (e instanceof Error && (e.name === "AbortError" || e.name === "TimeoutError")) return {
 					ok: false,
-					message: `配置请求超时（${Math.round(READ_TIMEOUT_MS / 1e3)}s）：宿主未回`
+					message: `配置请求超时（${Math.round(READ_TIMEOUT_MS / 1e3)}s，通道 ${channel}）：宿主未回，点重试重新读取`
 				};
 				return {
 					ok: false,
-					message: `配置失败：${e instanceof Error ? e.message : String(e)}`
+					message: `配置失败（通道 ${channel}）：${e instanceof Error ? e.message : String(e)}，点重试重新读取`
 				};
 			}
 		}
-		/** 读设置页整面。 */
-		function fetchConfigSurface(call, channel) {
-			return configRpc(call, channel, RPC_ENDPOINT_CONFIG_GET, {});
+		/** 读设置页整面（缺省单次；首帧按退避表传 `delays` 即自动重试）。 */
+		async function fetchConfigSurface(call, channel, retry) {
+			const delays = retry?.delays ?? [];
+			const sleepFn = retry?.sleep ?? retrySleep;
+			const alive = retry?.isAlive ?? (() => true);
+			let last = await configRpcOnce(call, channel, RPC_ENDPOINT_CONFIG_GET, {});
+			for (let i = 0; i < delays.length && !last.ok; i += 1) {
+				if (!alive()) return last;
+				const wait = delays[i] ?? 0;
+				if (wait > 0) await sleepFn(wait);
+				if (!alive()) return last;
+				last = await configRpcOnce(call, channel, RPC_ENDPOINT_CONFIG_GET, {});
+			}
+			return last;
 		}
-		/** 保存一份取值（回执只有 `{path, values}`，**不是**整面：写完要重新读一份整面）。 */
+		/** 保存一份取值（回执只有 `{path, values}`，**不是**整面：写完要重新读一份整面；永不自动重试）。 */
 		function saveConfigSurface(call, channel, values) {
-			return configRpc(call, channel, RPC_ENDPOINT_CONFIG_SAVE, { values });
+			return configRpcOnce(call, channel, RPC_ENDPOINT_CONFIG_SAVE, { values });
 		}
-		/** 重置为默认（技能侧先落一份备份；回执同样不是整面，写完要重新读一份整面）。 */
+		/** 重置为默认（技能侧先落一份备份；回执同样不是整面，写完要重新读一份整面；永不自动重试）。 */
 		function resetConfigSurface(call, channel) {
-			return configRpc(call, channel, RPC_ENDPOINT_CONFIG_RESET, {});
+			return configRpcOnce(call, channel, RPC_ENDPOINT_CONFIG_RESET, {});
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-life-pack@0.3.34/node_modules/dsh-life-pack/dist/directory-browser-contract.js
-		/** 目录浏览器的纯逻辑半（**不认识宿主**：只认两格原语）。
-		*
-		* 为什么在这里：六个单品插件的设置页各有一批「值是一个目录」的行，它们要的界面是同一个东西。
-		* 界面的**取数**来自宿主给的两个原语（`list`／`createDirectory`），而这两个原语的形状是**调用方喂进来的**
-		* ——本件不 import 宿主的任何实现，也不认识 `remote.directoryPicker` 这个名字（那两件住在各家的
-		* `dsh-ctx.ts` 镜像里）。于是本件在 Windows 桌面、远程浏览器、SSH 三种部署下是同一份代码。
-		*
-		* 装什么：本次要浏览的那一层怎么走（进子目录／回上一级／跳面包屑）、路径怎么切出「目录部分」与
-		* 「筛选词」、回执怎么认。**不装**任何 IO、不装任何持久化——`list`／`createDirectory` 由调用方执行。
-		*
-		* 与平台自带浏览器件的关系：`@deepseek-ai/dsh-client-ui-directory-picker-browse` 的 `DirectoryBrowser`
-		* 是包内私有件（只经 `ui-workspace` 的流程空位暴露），插件侧取不到，所以这里是一份独立实现，
-		* 只对齐它的**交互结果**（进/选/新建），不对齐它的 DOM。
-		*/
+		//#region ../plugin-manager/src/directory-browser-contract.ts
 		/** 认一认某个值是不是可用的目录取数面（软依赖守卫用：认不出就当没有，绝不把页面带下来）。 */
 		function isBrowseFace(raw) {
 			if (typeof raw !== "object" || raw === null) return false;
@@ -446,15 +450,7 @@ window.__ModuleLoader__.load({
 			return { ok: true };
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-life-pack@0.3.34/node_modules/dsh-life-pack/dist/directory-browser-state.js
-		/** 文件浏览器的操作半：把「进哪一层、这一层显示什么、选到了什么」算成状态，**IO 全部由调用方注入**。
-		*
-		* 分两层的原因：本件（操作）在 Node 里就能直测——喂一个假的取数面，就能把「进目录／回上一级／
-		* 跳面包屑／筛选／新建文件夹／失败出人话」全跑一遍；视图那半（`directory-browser-ui.ts`）
-		* 只负责把这份状态画成 DOM。两边都不认识宿主。
-		*
-		* 数据来源只有两格：`list(path?)` 与 `createDirectory(path, name)`（调用方注入的 `DirectoryBrowseFace`）。
-		*/
+		//#region ../plugin-manager/src/directory-browser-state.ts
 		/** 建一个浏览器控制器。取数、回调、初值全部由调用方给。 */
 		function createBrowseController(deps) {
 			const label = deps.failureLabel ?? "浏览失败";
@@ -710,7 +706,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-life-pack@0.3.34/node_modules/dsh-life-pack/dist/directory-browser-parts.js
+		//#region ../plugin-manager/src/directory-browser-parts.ts
 		/** 文件浏览器视图半的**零件**：样式表与四行控件（面包屑／根／一行子目录／新建行）。
 		*
 		* 为什么拆出来：整张对话框的组版与这些零件的变化频率不同——零件跟着「图上多一行／少一行」动，
@@ -727,7 +723,7 @@ window.__ModuleLoader__.load({
 			optical: "光驱",
 			other: "磁盘"
 		};
-		const S$2 = {
+		const S$3 = {
 			scrim: {
 				position: "fixed",
 				inset: 0,
@@ -883,21 +879,21 @@ window.__ModuleLoader__.load({
 			listing.crumbs.forEach((crumb, index) => {
 				if (index > 0) parts.push(react.createElement("span", {
 					key: "sep-" + crumb.path,
-					style: S$2.crumbSep
+					style: S$3.crumbSep
 				}, "›"));
 				const isCurrent = crumb.path === listing.path;
 				parts.push(react.createElement("button", {
 					key: crumb.path,
 					type: "button",
 					style: {
-						...S$2.chromeButton,
+						...S$3.chromeButton,
 						fontWeight: isCurrent ? 700 : 400
 					},
 					title: crumb.path,
 					onClick: () => onEnter(crumb.path)
 				}, crumb.name));
 			});
-			return react.createElement("div", { style: S$2.crumbs }, parts);
+			return react.createElement("div", { style: S$3.crumbs }, parts);
 		}
 		/** 可跳转的根那一行（Windows 上的盘符等）：**就是本机全部磁盘**，故不加行首说明。
 		*  **少于两个根就不画**：一个根没有「跳到别处」可言。 */
@@ -907,27 +903,27 @@ window.__ModuleLoader__.load({
 				key: root.path,
 				type: "button",
 				style: {
-					...S$2.chromeButton,
-					...S$2.rootButton
+					...S$3.chromeButton,
+					...S$3.rootButton
 				},
 				title: ROOT_KIND_TEXT[root.kind] ?? ROOT_KIND_TEXT.other,
 				onClick: () => onEnter(root.path)
 			}, root.path));
-			return react.createElement("div", { style: S$2.roots }, parts);
+			return react.createElement("div", { style: S$3.roots }, parts);
 		}
 		/** 一行子目录：点名字进它，点「选」把它当目标（「选」再点一次取消）。 */
 		function entryRow(entry, selected, labels, onToggleSelect, onEnter) {
 			return react.createElement("div", {
 				key: entry.path,
 				style: {
-					...S$2.row,
+					...S$3.row,
 					padding: 0,
-					...selected ? S$2.rowSelected : {}
+					...selected ? S$3.rowSelected : {}
 				}
 			}, react.createElement("button", {
 				type: "button",
 				style: {
-					...S$2.row,
+					...S$3.row,
 					flex: 1,
 					border: "none"
 				},
@@ -935,7 +931,7 @@ window.__ModuleLoader__.load({
 			}, "📁 " + entry.name), react.createElement("button", {
 				type: "button",
 				style: {
-					...S$2.button,
+					...S$3.button,
 					marginRight: 8,
 					padding: "2px 8px"
 				},
@@ -948,10 +944,10 @@ window.__ModuleLoader__.load({
 		function createRow(labels, onName, onCancel, onCreate, creatingName) {
 			if (creatingName === null) return null;
 			return react.createElement("div", { style: {
-				...S$2.pathRow,
+				...S$3.pathRow,
 				borderTop: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.25))"
 			} }, react.createElement("input", {
-				style: S$2.input,
+				style: S$3.input,
 				value: creatingName,
 				placeholder: labels.newFolder,
 				"aria-label": labels.newFolder,
@@ -962,16 +958,16 @@ window.__ModuleLoader__.load({
 				}
 			}), react.createElement("button", {
 				type: "button",
-				style: S$2.button,
+				style: S$3.button,
 				onClick: () => onCreate(creatingName)
 			}, labels.createConfirm), react.createElement("button", {
 				type: "button",
-				style: S$2.button,
+				style: S$3.button,
 				onClick: onCancel
 			}, labels.createCancel));
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-life-pack@0.3.34/node_modules/dsh-life-pack/dist/directory-browser-ui.js
+		//#region ../plugin-manager/src/directory-browser-ui.ts
 		/** 文件浏览器的视图半：把 `BrowseState` 画成一张对话框。**不认识宿主**，也不自己做 IO。
 		*
 		* 手写 `React.createElement`（本包 client 束禁 JSX，见 `tsdown.config.ts` 的既成口径）。
@@ -995,8 +991,8 @@ window.__ModuleLoader__.load({
 			const body = [];
 			body.push(crumbRow(state, props.onEnter));
 			body.push(rootsRow(state, props.onEnter));
-			body.push(react.createElement("div", { style: S$2.pathRow }, react.createElement("input", {
-				style: S$2.input,
+			body.push(react.createElement("div", { style: S$3.pathRow }, react.createElement("input", {
+				style: S$3.input,
 				value: state.draft,
 				placeholder: labels.pathPlaceholder,
 				"aria-label": labels.pathPlaceholder,
@@ -1006,20 +1002,20 @@ window.__ModuleLoader__.load({
 				}
 			}), react.createElement("button", {
 				type: "button",
-				style: S$2.button,
+				style: S$3.button,
 				onClick: props.onUp
 			}, labels.up), react.createElement("button", {
 				type: "button",
-				style: S$2.button,
+				style: S$3.button,
 				onClick: props.onCommitDraft
 			}, labels.go)));
 			body.push(react.createElement("div", {
-				style: S$2.list,
+				style: S$3.list,
 				role: "listbox",
 				"aria-label": labels.title
-			}, rows.length === 0 ? react.createElement("div", { style: S$2.empty }, state.phase === "loading" ? labels.loading : labels.empty) : rows.map((entry) => entryRow(entry, state.selected === entry.path, labels, props.onSelect, props.onEnter))));
+			}, rows.length === 0 ? react.createElement("div", { style: S$3.empty }, state.phase === "loading" ? labels.loading : labels.empty) : rows.map((entry) => entryRow(entry, state.selected === entry.path, labels, props.onSelect, props.onEnter))));
 			body.push(createRow(labels, props.onDraft, () => props.onCreatingChange(null), props.onCreate, state.creating));
-			body.push(react.createElement("div", { style: S$2.footNote }, hidden > 0 ? react.createElement("label", { style: {
+			body.push(react.createElement("div", { style: S$3.footNote }, hidden > 0 ? react.createElement("label", { style: {
 				fontSize: 12,
 				cursor: "pointer",
 				marginRight: 10
@@ -1030,41 +1026,41 @@ window.__ModuleLoader__.load({
 			}), " " + labels.showHidden(hidden)) : null, state.creating === null ? react.createElement("button", {
 				type: "button",
 				style: {
-					...S$2.chromeButton,
+					...S$3.chromeButton,
 					textDecoration: "underline"
 				},
 				onClick: () => props.onCreatingChange("")
-			}, labels.newFolder) : null, state.notice !== null ? react.createElement("div", { style: S$2.error }, state.notice) : null, state.phase === "failed" && state.failure !== null ? react.createElement("div", { style: S$2.error }, state.failure.message) : null));
-			body.push(react.createElement("div", { style: S$2.foot }, react.createElement("span", {
-				style: S$2.target,
+			}, labels.newFolder) : null, state.notice !== null ? react.createElement("div", { style: S$3.error }, state.notice) : null, state.phase === "failed" && state.failure !== null ? react.createElement("div", { style: S$3.error }, state.failure.message) : null));
+			body.push(react.createElement("div", { style: S$3.foot }, react.createElement("span", {
+				style: S$3.target,
 				title: target ?? ""
 			}, target === null ? "" : labels.willPick + target), react.createElement("button", {
 				type: "button",
 				style: {
-					...S$2.button,
-					...target === null ? S$2.buttonOff : {}
+					...S$3.button,
+					...target === null ? S$3.buttonOff : {}
 				},
 				onClick: props.onPick
 			}, labels.open), react.createElement("button", {
 				type: "button",
-				style: S$2.button,
+				style: S$3.button,
 				onClick: props.onClose
 			}, labels.cancel)));
 			return react.createElement("div", {
-				style: S$2.scrim,
+				style: S$3.scrim,
 				role: "presentation",
 				onMouseDown: (event) => {
 					if (event.target === event.currentTarget) props.onClose();
 				}
 			}, react.createElement("div", {
-				style: S$2.dialog,
+				style: S$3.dialog,
 				role: "dialog",
 				"aria-modal": true,
 				"aria-label": labels.title
-			}, react.createElement("div", { style: S$2.head }, react.createElement("span", { style: S$2.title }, labels.title), react.createElement("button", {
+			}, react.createElement("div", { style: S$3.head }, react.createElement("span", { style: S$3.title }, labels.title), react.createElement("button", {
 				type: "button",
 				style: {
-					...S$2.button,
+					...S$3.button,
 					marginLeft: "auto"
 				},
 				"aria-label": labels.close,
@@ -1089,7 +1085,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-life-pack@0.3.34/node_modules/dsh-life-pack/dist/title-seal.js
+		//#region ../plugin-manager/src/title-seal.ts
 		/** 共用标题 + 印章书签 · 纯组件（#996，不认任何一家）。
 		*
 		* 来源：原型 #995 变体 A（行尾悬签，人裁已定形）——标题左、签贴同行行尾向右探出。
@@ -1113,7 +1109,7 @@ window.__ModuleLoader__.load({
 		*
 		* 本件是纯函数：吃 props 回元素树，不留状态、不取数。手写 `React.createElement`（本包 client 束禁 JSX）。
 		*/
-		const S$1 = {
+		const S$2 = {
 			/** 整块 `h2`：同行基线双样式容器（原型 `.titleblock`；`flex:1 1 auto` 把签顶到行尾，390 宽可换行不挤）。 */
 			titleBlock: {
 				display: "flex",
@@ -1156,20 +1152,569 @@ window.__ModuleLoader__.load({
 		function TitleBlock(props) {
 			const label = (props.product + " " + props.purpose).trim();
 			return react.createElement("h2", {
-				style: S$1.titleBlock,
+				style: S$2.titleBlock,
 				"aria-label": label
-			}, react.createElement("span", { style: S$1.product }, props.product), react.createElement("span", { style: S$1.purpose }, props.purpose));
+			}, react.createElement("span", { style: S$2.product }, props.product), react.createElement("span", { style: S$2.purpose }, props.purpose));
+		}
+		//#endregion
+		//#region ../plugin-manager/src/seal-scroll.ts
+		/** 印章卷轴 · 纯组件（`title-seal.ts` 的配套件，不认任何一家）。
+		*
+		* 来源：原型定稿 2026-10-05（记录见 `docs/plugins/plugin-manager/印章原型-定稿.md` 第九节）。
+		* 点印后弹出的那块：**外框逐档照抄对应那枚印的材质**（底色＋边线都照抄，不许简化成"一圈金属色"），
+		* **中间是纯纸**，内容固定三段——进展／状态／计划。
+		*
+		* 三条形状（逐值照原型锁死）：
+		*   外框：厚 1.125em（16px 下＝18px，这是下限；只给 10px 整张卡会读成"白底加一圈边"），
+		*     材质随 `role`×`tier` 九档之一，挂 `roughFrame` 糙边滤镜。
+		*   纸：`bg-layer-2` 底＋`border-l1` 描边，压在材质上（外框那层在纸下面，只露一圈）。
+		*   字：标题居中 1em／字距 .16em；档位字 .66em／字距 .42em；三段标签 .66em／字距 .34em；
+		*     正文 .84em／行高 1.9；段间 1px 细线＋.94em 上距。
+		*
+		* 颜色分治（照 `title-seal.ts` 的先例）：
+		*   印那一份（外框材质、档位字色）**固定色**——纸变印不变，印不管纸面派生；
+		*   纸那一份（纸底、纸边、标题、正文、段间线）走 DSH 主题别名。
+		*
+		* 糙边滤镜两条分开：印是小块，`scale 2.2` 就够；外框有几百像素宽，同一条会被稀释到看不出，
+		* 故外框单用 `scale 5` 的 `roughFrame`。滤镜只挂外框那层，纸不挂（否则纸的直边也会被抖）。
+		*
+		* 本件是纯函数：吃 props 回元素树，不留状态、不取数。手写 `React.createElement`（本包 client 束禁 JSX）。
+		*/
+		/** 糙边滤镜 id（文档作用域，故每页只许挂一次 `SealFilterDefs`）。 */
+		const ROUGH_EDGE = "dshLifeSealRoughEdge";
+		const ROUGH_FRAME = "dshLifeSealRoughFrame";
+		const PAPER_BG = "var(--dsw-alias-bg-layer-2, #fdfaf2)";
+		const PAPER_EDGE = "var(--dsw-alias-border-l1, #e6d9bd)";
+		const LABEL_MAIN = "var(--dsw-alias-label-primary, #42506b)";
+		const LABEL_SUB = "var(--dsw-alias-label-secondary, #4b4335)";
+		/** 九档材质（3 角色 × 3 档）。键就是原型里的 `role`／`tier`。 */
+		const MATERIALS = {
+			skill: {
+				copper: {
+					frame: {
+						background: "linear-gradient(180deg,#8a4a28,#6e3418)",
+						border: "3px solid #a5652f",
+						boxShadow: "inset 0 0 0 1px #f8f1e2aa, inset 0 2px 0 #ffffff26, inset 0 -3px 6px #0000004d"
+					},
+					accent: "#9a5f2a",
+					ruler: "#c08145b3"
+				},
+				silver: {
+					frame: {
+						background: "linear-gradient(180deg,#b73124,#8e1f14)",
+						border: "3px double #eef3f6",
+						boxShadow: "inset 0 0 0 1px #fff, inset 0 2px 0 #ffffff2e, inset 0 -3px 6px #0000004d"
+					},
+					accent: "#6f767c",
+					ruler: "#9aa0a6b3"
+				},
+				gold: {
+					frame: {
+						background: "linear-gradient(180deg,#d34a35,#a32216)",
+						border: "3px double #f5d97a",
+						boxShadow: "inset 0 0 0 1px #fff8, inset 0 2px 0 #ffffff33, inset 0 -3px 6px #0000004d"
+					},
+					accent: "#9c7a16",
+					ruler: "#d8b338b3"
+				}
+			},
+			help: {
+				copper: {
+					frame: {
+						background: "linear-gradient(180deg,#b06a3a,#7e3f1d)",
+						border: "3px solid #a5652f",
+						boxShadow: "inset 0 2px 0 #ffffff26, inset 0 -3px 6px #0000004d"
+					},
+					accent: "#9a5f2a",
+					ruler: "#c08145b3"
+				},
+				silver: {
+					frame: {
+						background: "linear-gradient(180deg,#8f979e,#5f666d)",
+						border: "3px double #e8eef2",
+						boxShadow: "inset 0 2px 0 #ffffff2e, inset 0 -3px 6px #0000004d"
+					},
+					accent: "#6f767c",
+					ruler: "#9aa0a6b3"
+				},
+				gold: {
+					frame: {
+						background: "linear-gradient(180deg,#c63d2a,#a32216)",
+						border: "3px double #f5d97a",
+						boxShadow: "inset 0 2px 0 #ffffff33, inset 0 -3px 6px #0000004d"
+					},
+					accent: "#9c7a16",
+					ruler: "#d8b338b3"
+				}
+			},
+			plugin: {
+				copper: {
+					frame: {
+						background: "linear-gradient(180deg,#b4773c,#7e3f1d 60%,#66300f)",
+						boxShadow: "inset 0 1px 0 #d99a5e88, inset 0 -2px 5px #0006, 0 0 0 1px #5e2c12, inset 0 2px 0 #ffffff26"
+					},
+					accent: "#9a5f2a",
+					ruler: "#c08145b3",
+					rivet: {
+						background: "radial-gradient(circle at 34% 28%,#f0c088,#a5652f 55%,#6a3216)",
+						boxShadow: "inset 0 -1px 1px #00000055,0 1px 2px #00000088"
+					}
+				},
+				silver: {
+					frame: {
+						background: "linear-gradient(180deg,#d8dee3,#a7aeb4 55%,#818990)",
+						boxShadow: "inset 0 1px 0 #ffffffdd, inset 0 -2px 5px #0005, 0 0 0 1px #6f767c, inset 0 2px 0 #ffffff33"
+					},
+					accent: "#6f767c",
+					ruler: "#9aa0a6b3",
+					rivet: {
+						background: "radial-gradient(circle at 34% 28%,#ffffff,#c3cad0 50%,#7d848b)",
+						boxShadow: "inset 0 -1px 1px #00000044,0 1px 2px #00000077"
+					}
+				},
+				gold: {
+					frame: {
+						background: "linear-gradient(180deg,#f2dc86,#c9a227 55%,#9c7d16)",
+						boxShadow: "inset 0 1px 0 #fff8d8dd, inset 0 -2px 5px #0005, 0 0 0 1px #8a6a15"
+					},
+					accent: "#9c7a16",
+					ruler: "#d8b338b3",
+					rivet: {
+						background: "radial-gradient(circle at 34% 28%,#fffbe0,#e3c565 50%,#a5841d)",
+						boxShadow: "inset 0 -1px 1px #00000044,0 1px 2px #00000077,0 0 6px #c9a22788"
+					}
+				}
+			}
+		};
+		const S$1 = {
+			/** 外框（`.frame`）：绝对铺满，挂糙边滤镜；纸压在它上面，只露一圈。 */
+			frame: {
+				position: "absolute",
+				inset: 0,
+				borderRadius: "1em",
+				zIndex: 1,
+				filter: "url(#" + ROUGH_FRAME + ")"
+			},
+			/** 四角铆钉（只有插件章的整面金属带有）。 */
+			rivet: {
+				position: "absolute",
+				width: "0.69em",
+				height: "0.69em",
+				borderRadius: "50%"
+			},
+			/** 卷轴根：padding 就是外框厚度（.frame 铺满、纸在 padding 内）。 */
+			scroll: {
+				position: "relative",
+				fontSize: "1em",
+				lineHeight: 1.7,
+				borderRadius: "0.875em",
+				padding: "1.125em"
+			},
+			/** 纸（`.paper`）：纯纸，无纹理。 */
+			paper: {
+				position: "relative",
+				zIndex: 2,
+				borderRadius: "0.25em",
+				background: PAPER_BG,
+				boxShadow: "0 1px 3px #3d241052, 0 0 0 1px " + PAPER_EDGE + ", inset 0 1px 0 #fffefb"
+			},
+			inner: {
+				position: "relative",
+				padding: "1.75em 2em 1.875em"
+			},
+			head: { textAlign: "center" },
+			title: {
+				margin: 0,
+				fontSize: "1em",
+				fontWeight: 600,
+				letterSpacing: "0.16em",
+				color: LABEL_MAIN
+			},
+			tier: {
+				marginTop: "0.4375em",
+				fontSize: "0.66em",
+				letterSpacing: "0.42em",
+				textIndent: "0.42em",
+				fontWeight: 600
+			},
+			orn: {
+				display: "flex",
+				alignItems: "center",
+				gap: "0.5625em",
+				margin: "1em 0 1.25em"
+			},
+			ornLine: {
+				flex: "1 1 auto",
+				height: 1
+			},
+			ornDot: {
+				width: "0.3125em",
+				height: "0.3125em",
+				transform: "rotate(45deg)",
+				opacity: .75,
+				flex: "0 0 auto"
+			},
+			block: { margin: "0 0 0.9375em" },
+			blockDivided: {
+				margin: "0 0 0.9375em",
+				paddingTop: "0.9375em",
+				borderTop: "1px solid " + PAPER_EDGE
+			},
+			blockLast: { margin: 0 },
+			label: {
+				fontSize: "0.66em",
+				letterSpacing: "0.34em",
+				textIndent: "0.34em",
+				fontWeight: 600,
+				marginBottom: "0.375em"
+			},
+			text: {
+				margin: 0,
+				fontSize: "0.84em",
+				lineHeight: 1.9,
+				letterSpacing: "0.02em",
+				color: LABEL_SUB
+			},
+			/** 弹层遮罩。 */
+			mask: {
+				position: "fixed",
+				inset: 0,
+				background: "#241f1966",
+				zIndex: 40
+			},
+			/** 弹层本体：居中，宽度按 em 给（16px 下≈25em）。 */
+			dialog: {
+				position: "fixed",
+				left: "50%",
+				top: "50%",
+				transform: "translate(-50%,-50%)",
+				width: "25em",
+				zIndex: 50
+			},
+			close: {
+				position: "absolute",
+				right: "-0.375em",
+				top: "-2.25em",
+				font: "inherit",
+				fontSize: "0.75em",
+				color: "#fff",
+				background: "#241f19b3",
+				border: "none",
+				borderRadius: "0.875em",
+				padding: "0.25em 0.875em",
+				cursor: "pointer"
+			}
+		};
+		function materialOf(role, tier) {
+			const found = MATERIALS[role]?.[tier];
+			if (!found) throw new Error("未知的印档：" + role + "／" + tier);
+			return found;
+		}
+		/** 糙边滤镜定义：两条分开（印用 edge，卷轴外框用 frame），每页只挂一次。
+		*
+		* 挂在文档任意位置都行（`width/height=0` 不占位），同页重复挂会撞 id。 */
+		function SealFilterDefs() {
+			return react.createElement("svg", {
+				width: 0,
+				height: 0,
+				"aria-hidden": true,
+				focusable: false,
+				style: { position: "absolute" }
+			}, react.createElement("filter", {
+				id: ROUGH_EDGE,
+				key: ROUGH_EDGE
+			}, react.createElement("feTurbulence", {
+				baseFrequency: .9,
+				numOctaves: 2,
+				result: "n"
+			}), react.createElement("feDisplacementMap", {
+				in: "SourceGraphic",
+				in2: "n",
+				scale: 2.2
+			})), react.createElement("filter", {
+				id: ROUGH_FRAME,
+				key: ROUGH_FRAME,
+				x: "-6%",
+				y: "-6%",
+				width: "112%",
+				height: "112%"
+			}, react.createElement("feTurbulence", {
+				baseFrequency: .9,
+				numOctaves: 2,
+				result: "n"
+			}), react.createElement("feDisplacementMap", {
+				in: "SourceGraphic",
+				in2: "n",
+				scale: 5
+			})));
 		}
-		/** 印章书签（横向固定印，纯展示）。 */
-		function Seal(props) {
-			return react.createElement("span", {
-				style: S$1.seal,
-				role: "note",
-				"aria-label": props.sealText
-			}, props.sealText);
+		/** 一卷：外框材质 ＋ 纯纸 ＋ 进展／状态／计划三段。 */
+		function SealScroll(props) {
+			const material = materialOf(props.role, props.tier);
+			const frameChildren = props.role === "plugin" && material.rivet ? [
+				react.createElement("span", {
+					key: "tl",
+					style: {
+						...S$1.rivet,
+						...material.rivet,
+						left: "0.4375em",
+						top: "0.4375em"
+					}
+				}),
+				react.createElement("span", {
+					key: "tr",
+					style: {
+						...S$1.rivet,
+						...material.rivet,
+						right: "0.4375em",
+						top: "0.4375em"
+					}
+				}),
+				react.createElement("span", {
+					key: "bl",
+					style: {
+						...S$1.rivet,
+						...material.rivet,
+						left: "0.4375em",
+						bottom: "0.4375em"
+					}
+				}),
+				react.createElement("span", {
+					key: "br",
+					style: {
+						...S$1.rivet,
+						...material.rivet,
+						right: "0.4375em",
+						bottom: "0.4375em"
+					}
+				})
+			] : [];
+			const line = (key, dir) => react.createElement("span", {
+				key,
+				style: {
+					...S$1.ornLine,
+					background: "linear-gradient(" + dir + "deg,#0000," + material.ruler + ")"
+				}
+			});
+			const block = (key, name, text, divided, last = false) => react.createElement("div", {
+				key,
+				style: last ? divided ? {
+					...S$1.blockLast,
+					paddingTop: "0.9375em",
+					borderTop: "1px solid " + PAPER_EDGE
+				} : S$1.blockLast : divided ? S$1.blockDivided : S$1.block
+			}, react.createElement("div", { style: {
+				...S$1.label,
+				color: material.accent
+			} }, name), react.createElement("p", { style: S$1.text }, text));
+			return react.createElement("div", { style: S$1.scroll }, react.createElement("div", { style: {
+				...S$1.frame,
+				...material.frame
+			} }, ...frameChildren), react.createElement("div", { style: S$1.paper }, react.createElement("div", { style: S$1.inner }, react.createElement("div", { style: S$1.head }, react.createElement("h4", { style: S$1.title }, props.title), react.createElement("div", { style: {
+				...S$1.tier,
+				color: material.accent
+			} }, props.tier === "copper" ? "铜" : props.tier === "silver" ? "银" : "金")), react.createElement("div", { style: S$1.orn }, line("l", "90"), react.createElement("i", { style: {
+				...S$1.ornDot,
+				background: material.accent
+			} }), line("r", "270")), block("progress", "进展", props.progress, false), block("status", "状态", props.status, true), block("plan", "计划", props.plan, true, true))));
+		}
+		/** 弹层：遮罩 ＋ 居中卷轴 ＋ 关闭。`open` 为假时不渲染（纯函数，不收自己的状态）。 */
+		function SealScrollDialog(props) {
+			if (!props.open) return null;
+			const scroll = {
+				role: props.role,
+				tier: props.tier,
+				title: props.title,
+				progress: props.progress,
+				status: props.status,
+				plan: props.plan
+			};
+			return react.createElement(react.Fragment, null, react.createElement("div", {
+				style: S$1.mask,
+				onClick: props.onClose,
+				role: "presentation"
+			}), react.createElement("div", {
+				style: S$1.dialog,
+				role: "dialog",
+				"aria-modal": true,
+				"aria-label": props.title
+			}, react.createElement("button", {
+				type: "button",
+				style: S$1.close,
+				onClick: props.onClose
+			}, "关闭"), react.createElement(SealScroll, scroll)));
+		}
+		//#endregion
+		//#region ../plugin-manager/src/seal-stamp.ts
+		/** 九枚印章 · 纯组件（`title-seal.ts` 的配套件，不认任何一家）。
+		*
+		* 来源：验收页 `.scratch/seal-9-restore-approve-v1.html` v2（逐值照 `.scratch/seal-9-roles-v6.html`：
+		* 技能横条 1／HELP 旧版 2b／插件双铆 3，渐变、边线、铆钉、糙边、字号 padding 全锁）。
+		* 印文：技能签统一“技能”、插件签统一“插件”（印面不带档位字，档位只看颜色边线）；
+		* HELP 签印产品名加空格加大写 HELP。点击弹卷（`seal-scroll.ts` 的 `SealScrollDialog`，调用方持 open），
+		* 故印是 `button`（`aria-haspopup="dialog"`），hover 不出东西。
+		*
+		* 字号一律 em（16px 下与原型 px 逐值对齐：1.3125em＝21px、1.0625em＝17px）；
+		* 糙边走印那条（`SEAL_ROUGH_EDGE_ID`，定义只在 `seal-scroll.ts`，此处引用）。
+		*
+		* 本件是纯函数：吃 props 回元素树，不留状态、不取数。手写 `React.createElement`（本包 client 束禁 JSX）。
+		*/
+		/** 三角色底座（字号 padding 随角色，材质随档位）。 */
+		const ROLE_BASE = {
+			skill: {
+				fontSize: "1.0625em",
+				padding: "0.5em 1.75em",
+				letterSpacing: ".14em",
+				borderRadius: "3px"
+			},
+			help: {
+				fontSize: "1.0625em",
+				padding: "0.5em 1em",
+				letterSpacing: ".14em",
+				borderRadius: "3px",
+				color: "#f8f1e2"
+			},
+			plugin: {
+				position: "relative",
+				justifyContent: "center",
+				fontSize: "1.0625em",
+				padding: "0.5em 2em",
+				letterSpacing: ".18em",
+				borderRadius: "4px",
+				color: "#f8f1e2"
+			}
+		};
+		/** 九档印面（底色加边线都照抄对应那枚印，不许简化）。 */
+		const FACE = {
+			skill: {
+				copper: {
+					background: "linear-gradient(180deg,#8a4a28,#6e3418)",
+					color: "#f8f1e2",
+					border: "3px solid #a5652f",
+					boxShadow: "inset 0 0 0 1px #f8f1e2aa"
+				},
+				silver: {
+					background: "linear-gradient(180deg,#b73124,#8e1f14)",
+					color: "#f8f1e2",
+					border: "3px double #eef3f6",
+					boxShadow: "inset 0 0 0 1px #fff"
+				},
+				gold: {
+					background: "linear-gradient(180deg,#d34a35,#a32216)",
+					color: "#fff8e0",
+					border: "3px double #f5d97a",
+					boxShadow: "inset 0 0 0 1px #fff8,0 4px 16px #c9a22755"
+				}
+			},
+			help: {
+				copper: {
+					background: "linear-gradient(180deg,#b06a3a,#7e3f1d)",
+					border: "3px solid #a5652f"
+				},
+				silver: {
+					background: "linear-gradient(180deg,#8f979e,#5f666d)",
+					border: "3px double #e8eef2"
+				},
+				gold: {
+					background: "linear-gradient(180deg,#c63d2a,#a32216)",
+					border: "3px double #f5d97a"
+				}
+			},
+			plugin: {
+				copper: { background: "linear-gradient(180deg,#b4773c,#7e3f1d 60%,#66300f)" },
+				silver: { background: "linear-gradient(180deg,#d8dee3,#a7aeb4 55%,#818990)" },
+				gold: { background: "linear-gradient(180deg,#f2dc86,#c9a227 55%,#9c7d16)" }
+			}
+		};
+		/** 插件整面金属带的描边（随档）。 */
+		const BAND_EDGE = {
+			copper: { boxShadow: "inset 0 1px 0 #d99a5e88,inset 0 -2px 5px #0006,0 0 0 1px #5e2c12" },
+			silver: { boxShadow: "inset 0 1px 0 #ffffffdd,inset 0 -2px 5px #0005,0 0 0 1px #6f767c" },
+			gold: { boxShadow: "inset 0 1px 0 #fff8d8dd,inset 0 -2px 5px #0005,0 0 0 1px #8a6a15,0 3px 14px #c9a22766" }
+		};
+		/** 插件左右铆钉（随档，两颗）。 */
+		const RIVET = {
+			copper: {
+				background: "radial-gradient(circle at 34% 28%,#f0c088,#a5652f 55%,#6a3216)",
+				boxShadow: "inset 0 -1px 1px #00000055,0 1px 2px #00000088"
+			},
+			silver: {
+				background: "radial-gradient(circle at 34% 28%,#ffffff,#c3cad0 50%,#7d848b)",
+				boxShadow: "inset 0 -1px 1px #00000044,0 1px 2px #00000077"
+			},
+			gold: {
+				background: "radial-gradient(circle at 34% 28%,#fffbe0,#e3c565 50%,#a5841d)",
+				boxShadow: "inset 0 -1px 1px #00000044,0 1px 2px #00000077,0 0 6px #c9a22788"
+			}
+		};
+		/** 一枚印章（button，点章弹卷）。未知组合直接抛错，不静默退化。 */
+		function SealStamp(props) {
+			const face = FACE[props.role][props.tier];
+			if (face === void 0) throw new Error("未知印章组合：" + String(props.role) + "/" + String(props.tier));
+			const buttonProps = {
+				type: "button",
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					cursor: "pointer",
+					fontWeight: 800,
+					lineHeight: 1.2,
+					whiteSpace: "nowrap",
+					filter: "url(#dshLifeSealRoughEdge)",
+					...ROLE_BASE[props.role],
+					...face
+				},
+				"aria-label": props.label,
+				"aria-haspopup": "dialog",
+				onClick: props.onSelect
+			};
+			if (props.role !== "plugin") return react.createElement("button", buttonProps, props.label);
+			const band = {
+				position: "absolute",
+				top: "-1px",
+				bottom: "-1px",
+				left: "-1px",
+				right: "-1px",
+				zIndex: 1,
+				borderRadius: "4px",
+				...BAND_EDGE[props.tier]
+			};
+			const rivet = {
+				position: "absolute",
+				zIndex: 3,
+				width: "0.5em",
+				height: "0.5em",
+				borderRadius: "50%",
+				top: "50%",
+				transform: "translateY(-50%)",
+				...RIVET[props.tier]
+			};
+			return react.createElement("button", buttonProps, react.createElement("span", {
+				style: {
+					...band,
+					background: face.background
+				},
+				"data-seal-band": "1"
+			}), react.createElement("span", {
+				style: {
+					...rivet,
+					left: "0.5em"
+				},
+				"data-seal-rivet": "left"
+			}), react.createElement("span", {
+				style: {
+					...rivet,
+					right: "0.5em"
+				},
+				"data-seal-rivet": "right"
+			}), react.createElement("span", { style: {
+				position: "relative",
+				zIndex: 2,
+				textShadow: "0 1px 2px #00000088"
+			} }, props.label));
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-life-pack@0.3.34/node_modules/dsh-life-pack/dist/config-panel-view.js
+		//#region ../plugin-manager/src/config-panel-view.ts
 		/** 共用配置面板 · 视图半：一行怎么画（`Row`）、整面怎么画（`PanelBody`）。
 		*
 		* 本件是**纯函数**：吃一份状态与一组回调，回一棵 React 元素树，自己不留任何状态、不取任何数。
@@ -1230,6 +1775,7 @@ window.__ModuleLoader__.load({
 			*  ＋`border-radius:12px`＋`padding:14px`＋`box-shadow:inset 0 1px 0 rgba(255,255,255,.06)`。
 			*  基准字号**不钉在卡片上**（#739 ⑤：跟着宿主走）。 */
 			card: {
+				position: "relative",
 				padding: 14,
 				borderRadius: 12,
 				border: "1px solid " + PANEL_CARD_EDGE,
@@ -1247,6 +1793,16 @@ window.__ModuleLoader__.load({
 				gap: 10,
 				minHeight: 22
 			},
+			/** 印覆盖层（1158 红框区）：卡片右上绝对区，只罩标题＋头两行（底栏永远罩不到）；本身镂空穿透，印各自可点、缝隙漏过。 */
+			sealOverlay: {
+				position: "absolute",
+				top: 0,
+				right: 0,
+				width: "38%",
+				height: "9em",
+				pointerEvents: "none",
+				zIndex: 5
+			},
 			/** `.ic-title{font-size:13.5px;font-weight:640}`——字号按 60 行那条锚点换算成 `1.08em`。
 			*  #996：卡片标题行改用 `TitleBlock`（见 `title-seal.ts`，原型 A 锁 1.15em／700＋0.85em／400），
 			*  这一格保留供附加块（`ConfigStyles` 键名不许改），头部本身不再用它。 */
@@ -1813,7 +2369,106 @@ window.__ModuleLoader__.load({
 			const { state, title } = props;
 			const surface = state.kind === "ready" ? state.surface : null;
 			const product = title ?? "";
-			const seal = props.sealText === void 0 || props.sealText === "" ? null : react.createElement(Seal, { sealText: props.sealText });
+			const seals = props.seals ?? [];
+			/** 18 枚倾角各不同（1158）：家下标×3＋位序，步进错开。 */
+			const TILT18 = [
+				-4,
+				-2.5,
+				-1,
+				-3,
+				1.5,
+				3,
+				-1.5,
+				2,
+				4,
+				-3.5,
+				.5,
+				2.5,
+				-4.5,
+				1,
+				-2,
+				3.5,
+				-.5,
+				4.5
+			];
+			/** 三枚落位（相对覆盖层右上：HELP 右上／技能左中／插件右下，互不遮挡）。 */
+			const SPOT = [
+				{
+					left: "45%",
+					top: "0.3em"
+				},
+				{
+					left: "5%",
+					top: "2.8em"
+				},
+				{
+					left: "50%",
+					top: "5em"
+				}
+			];
+			const seed = props.sealSeed ?? 0;
+			const order = [
+				[
+					0,
+					1,
+					2
+				],
+				[
+					1,
+					2,
+					0
+				],
+				[
+					2,
+					0,
+					1
+				],
+				[
+					0,
+					2,
+					1
+				],
+				[
+					1,
+					0,
+					2
+				],
+				[
+					2,
+					1,
+					0
+				]
+			][seed % 6];
+			const tiltOfSlot = (slot) => String(TILT18[(seed * 3 + slot) % 18]);
+			const zOfRole = (role) => role === "help" ? 4 : role === "skill" ? 3 : 2;
+			const overlay = seals.length === 0 ? null : react.createElement("div", { style: S.sealOverlay }, react.createElement(SealFilterDefs, {}), ...order.map((dataIndex, slot) => react.createElement("span", {
+				key: seals[dataIndex].role + ":" + seals[dataIndex].tier,
+				style: {
+					position: "absolute",
+					left: SPOT[slot].left,
+					top: SPOT[slot].top,
+					zIndex: zOfRole(seals[dataIndex].role),
+					pointerEvents: "auto",
+					display: "inline-flex",
+					transform: "rotate(" + tiltOfSlot(slot) + "deg)"
+				}
+			}, react.createElement(SealStamp, {
+				role: seals[dataIndex].role,
+				tier: seals[dataIndex].tier,
+				label: seals[dataIndex].label,
+				onSelect: props.onSealSelect === void 0 ? void 0 : props.onSealSelect.bind(null, dataIndex)
+			}))));
+			const openSeal = props.selectedSeal === null || props.selectedSeal === void 0 ? null : seals[props.selectedSeal] ?? null;
+			const dialog = openSeal === null ? null : react.createElement(SealScrollDialog, {
+				open: true,
+				onClose: props.onSealClose ?? (() => void 0),
+				role: openSeal.role,
+				tier: openSeal.tier,
+				title: openSeal.label,
+				progress: openSeal.progress,
+				status: openSeal.status,
+				plan: openSeal.plan
+			});
 			const headDataDir = surface === null ? "" : surface.resolved?.["dbDir"] ?? surface.dataDir;
 			const ready = state.kind === "ready";
 			const dirtyCount = ready ? props.dirtyKeys.length : 0;
@@ -1828,10 +2483,10 @@ window.__ModuleLoader__.load({
 			const head = react.createElement("div", { style: S.head }, react.createElement(TitleBlock, {
 				product,
 				purpose: "配置"
-			}), seal, react.createElement(PanelBadgeView, {
+			}), react.createElement(PanelBadgeView, {
 				kind: badge,
 				dirtyCount
-			}));
+			}), dialog);
 			/** #939：这一块的高度由**客户端常量**决定、不由回执时序决定——加载期就把两行连标签一起画出来，
 			*  值位画骨架条（`.ic-sk`），回执到了**原地填值** ⇒ 回执零位移（原先加载期只画一行小灰字、
 			*  回执到了才长出两行，整块下移 21px）。
@@ -1859,7 +2514,7 @@ window.__ModuleLoader__.load({
 				reply: surface
 			};
 			const extra = props.extra === void 0 ? null : props.extra(parts);
-			if (state.kind === "failed") return react.createElement("div", { style: S.card }, head, fileLines, react.createElement("div", { style: S.error }, state.message), extra, react.createElement("div", { style: S.bar }, react.createElement("button", {
+			if (state.kind === "failed") return react.createElement("div", { style: S.card }, head, fileLines, react.createElement("div", { style: S.error }, state.message), extra, overlay, react.createElement("div", { style: S.bar }, react.createElement("button", {
 				style: S.btn,
 				type: "button",
 				onClick: props.onRetry
@@ -1919,16 +2574,10 @@ window.__ModuleLoader__.load({
 			}) : null, props.writeError !== null ? react.createElement("div", {
 				style: S.error,
 				role: "alert"
-			}, props.writeError) : null, props.error !== null ? react.createElement("div", { style: S.error }, props.error) : null, props.notice !== null ? react.createElement("div", { style: S.okText }, props.notice) : null);
+			}, props.writeError) : null, props.error !== null ? react.createElement("div", { style: S.error }, props.error) : null, props.notice !== null ? react.createElement("div", { style: S.okText }, props.notice) : null, overlay);
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-life-pack@0.3.34/node_modules/dsh-life-pack/dist/directory-browser-roots.js
-		/** 「本机根清单」的取数接线（客户端半）：把一通电话变成图上那一行可跳转的根。
-		*
-		* **不认识宿主**：载体基段、通道名（第二段）、电话名全由调用方传进来——各家从自己的宿主镜像里拿
-		* 那几个字面量（和 `openRowBrowser` 的 `refusalCode` 同一条规矩）。本件只做两件事：
-		* 发一次调用、把回执信封拆成根清单；**任何失败都当空清单**（图上少画一行，不报错、不挡路）。
-		*/
+		//#region ../plugin-manager/src/directory-browser-roots.ts
 		/** 认一认某个值像不像一个根（认不出的行丢掉：图的干净比多画一行重要）。 */
 		function isRootRow(raw) {
 			if (typeof raw !== "object" || raw === null) return false;
@@ -1994,7 +2643,7 @@ window.__ModuleLoader__.load({
 			roots: "ilife-manager.roots"
 		};
 		//#endregion
-		//#region ../../node_modules/.pnpm/dsh-life-pack@0.3.34/node_modules/dsh-life-pack/dist/config-panel.js
+		//#region ../plugin-manager/src/config-panel.ts
 		/** 共用配置面板 · 组件本体：一台状态机 ＋ 一圈副作用，渲染交给 `config-panel-view.ts`。
 		*
 		* 这一件就是六个技能设置页的那张卡片：六家只交「连哪条通道」与「有哪些配置项」（行表），
@@ -2076,6 +2725,8 @@ window.__ModuleLoader__.load({
 			const [error, setError] = react.useState(null);
 			const [browseRow, setBrowseRow] = react.useState(null);
 			const [copy, setCopy] = react.useState(null);
+			/** 弹卷开合：点章置下标、关卷置空（纯 UI 状态，不进脏基线）。 */
+			const [selectedSeal, setSelectedSeal] = react.useState(null);
 			/** 复制回执的复位定时器：**一次性 UI 回执**，不是数据轮询——点一次起一个，到点自我复位，
 			*  下一次点击先清掉旧的，卸载时也清掉（下面那个清扫 effect 就是那一半）。 */
 			const copyTimer = react.useRef(null);
@@ -2085,11 +2736,33 @@ window.__ModuleLoader__.load({
 					copyTimer.current = null;
 				}
 			}, []);
-			/** 挂载期读一次整面：卸载之后回来的回执丢掉（不许往已经没了的页面上写）。 */
+			/** 取数退避的计时器登记（#1142，照 #982 同形）：卸载即清，不留挂起的等待；仅读整面用，保存／重置永不自动重试。 */
+			const retryTimers = react.useRef([]);
+			react.useEffect(() => () => {
+				for (const id of retryTimers.current) clearTimeout(id);
+				retryTimers.current = [];
+			}, []);
+			/** 在途去重：快速连点只跑一次，迟到回执不覆盖（#1142）。 */
+			const inflight = react.useRef(false);
+			/** 挂载期读一次整面（#1142 首帧有界重试）：瞬时未就绪不再整面失败；卸载之后回来的回执丢掉。 */
 			react.useEffect(() => {
 				let alive = true;
+				const sleep = (ms) => new Promise((resolve) => {
+					const timer = setTimeout(() => {
+						clearTimeout(timer);
+						resolve();
+					}, ms);
+					retryTimers.current.push(timer);
+				});
 				(async () => {
-					const r = await fetchConfigSurface(props.getCall(), props.channel);
+					const t0 = Date.now();
+					const r = await fetchConfigSurface(props.getCall(), props.channel, {
+						delays: CONFIG_READ_RETRY_MS,
+						sleep,
+						isAlive: () => alive
+					});
+					for (const id of retryTimers.current) clearTimeout(id);
+					retryTimers.current = [];
 					if (!alive) return;
 					if (r.ok) {
 						setState({
@@ -2097,10 +2770,13 @@ window.__ModuleLoader__.load({
 							surface: r.surface
 						});
 						setDraft(toDraft(props.items, r.surface.values, r.surface));
-					} else setState({
-						kind: "failed",
-						message: r.message
-					});
+					} else {
+						setState({
+							kind: "failed",
+							message: r.message
+						});
+						console.warn("[dsh-life-pack] config surface load failed: " + props.channel + " elapsedMs=" + String(Date.now() - t0) + " " + r.message);
+					}
 				})();
 				return () => {
 					alive = false;
@@ -2115,15 +2791,25 @@ window.__ModuleLoader__.load({
 				setDraft(toDraft(props.items, surface.values, surface));
 			};
 			const load = async () => {
+				if (inflight.current) return;
+				inflight.current = true;
 				setNotice(null);
 				setWriteError(null);
 				setError(null);
-				const r = await fetchConfigSurface(props.getCall(), props.channel);
-				if (r.ok) apply(r.surface);
-				else setState({
-					kind: "failed",
-					message: r.message
-				});
+				try {
+					const t0 = Date.now();
+					const r = await fetchConfigSurface(props.getCall(), props.channel);
+					if (r.ok) apply(r.surface);
+					else {
+						setState({
+							kind: "failed",
+							message: r.message
+						});
+						console.warn("[dsh-life-pack] config surface reload failed: " + props.channel + " elapsedMs=" + String(Date.now() - t0) + " " + r.message);
+					}
+				} finally {
+					inflight.current = false;
+				}
 			};
 			/** 写完（保存／重置）之后重新读一份整面：写回执只有 `{path, values}`、重置回执只有
 			*  `{path, backupPath}`，都不是整面——拿它当整面用，页头那行「数据目录」会显示成空。 */
@@ -2233,7 +2919,11 @@ window.__ModuleLoader__.load({
 			};
 			return react.createElement(PanelBody, {
 				title: props.title,
-				sealText: props.sealText,
+				seals: props.seals,
+				sealSeed: props.sealSeed,
+				selectedSeal,
+				onSealSelect: (index) => setSelectedSeal(index),
+				onSealClose: () => setSelectedSeal(null),
 				items: props.items,
 				state,
 				draft,