dsh-chef 0.3.39 → 0.3.42

package/dist/client.js

@@ -49,8 +49,19 @@ window.__ModuleLoader__.load({
 			3e3,
 			8e3
 		];
-		/** 复制那一枚按钮就地变「已复制」之后，多久变回「复制」（定稿 v3 第三条：1.5 秒，不弹提示）。 */
-		const COPY_FEEDBACK_MS = 1500;
+		/** T1 交互 tokens（#1160，唯一定义地，真相源 #1159 参数表）。
+		*
+		* 按压 .97、焦点隔离 2px＋主题色 5px、过渡 .15s——取值逐字照原型 V1
+		*（`.scratch/1155-real-panel-prototype.html`：`btn:active{transform:scale(.97)}`、
+		* `btn:focus-visible{box-shadow:0 0 0 2px #0b0b0d,0 0 0 5px var(--focus)}`、
+		* 主题橙 #f6ad55／蓝 #0a84ff／绿 #30d158、过渡 background／transform／box-shadow／border-color 各 .15s）。
+		*
+		* 颜色全走主题变量、永不写死蓝：隔离环取卡面底（深浅自适应），焦点环取
+		* `--ilife-focus`（缺席时退到宿主品牌色，宿主品牌色本身跟主题走）。
+		* 悬停／长按／折叠／复制变勾／提示／液态归后票，本件只定按压与焦点四格。 */
+		const PRESS_SCALE = .97;
+		const INTERACTION_TRANSITION = "background .15s ease,transform .15s ease,box-shadow .15s ease,border-color .15s ease";
+		const DISABLED_OPACITY = .4;
 		/** 宿主给「这是哪一种目录选择能力」时用的那两格原语的名字（软依赖：按名字现取，缺席即没有入口）。 */
 		const REMOTE_DIRECTORY_PICKER = "remote.directoryPicker";
 		/** 宿主在「这条路不给」时回的那个码（`directory-browser-state` 的 `openRowBrowser` 只照比不认名）。 */
@@ -630,6 +641,11 @@ window.__ModuleLoader__.load({
 			if (state.listing === null) return [];
 			return filterEntries(visibleEntries(state.listing, state.showHidden), state.filter);
 		}
+		/** 图上这一层能不能回上一级（根目录不能）。 */
+		function canGoUp(state) {
+			if (state.listing === null) return false;
+			return parentOf(state.listing.path) !== state.listing.path;
+		}
 		/** 「打开」这颗按钮的目标：选中行优先，没选中就是当前层。 */
 		function targetOf(state) {
 			return state.selected ?? state.listing?.path ?? null;
@@ -890,6 +906,8 @@ window.__ModuleLoader__.load({
 						fontWeight: isCurrent ? 700 : 400
 					},
 					title: crumb.path,
+					"data-ilife-press": "dialog-crumb",
+					"data-ilife-longpress": "dialog-crumb",
 					onClick: () => onEnter(crumb.path)
 				}, crumb.name));
 			});
@@ -907,6 +925,8 @@ window.__ModuleLoader__.load({
 					...S$3.rootButton
 				},
 				title: ROOT_KIND_TEXT[root.kind] ?? ROOT_KIND_TEXT.other,
+				"data-ilife-press": "dialog-root",
+				"data-ilife-longpress": "dialog-root",
 				onClick: () => onEnter(root.path)
 			}, root.path));
 			return react.createElement("div", { style: S$3.roots }, parts);
@@ -927,6 +947,8 @@ window.__ModuleLoader__.load({
 					flex: 1,
 					border: "none"
 				},
+				"data-ilife-press": "dialog-entry",
+				"data-ilife-longpress": "dialog-entry",
 				onClick: () => onEnter(entry.path)
 			}, "📁 " + entry.name), react.createElement("button", {
 				type: "button",
@@ -937,12 +959,15 @@ window.__ModuleLoader__.load({
 				},
 				"aria-pressed": selected,
 				title: selected ? labels.selected : labels.select,
+				"data-ilife-press": "dialog-select",
+				"data-ilife-longpress": "dialog-select",
 				onClick: () => onToggleSelect(entry.path)
 			}, selected ? "✓" : labels.select));
 		}
 		/** 「新建文件夹」那一行（`creatingName === null` 时收起）。 */
 		function createRow(labels, onName, onCancel, onCreate, creatingName) {
 			if (creatingName === null) return null;
+			const createEmpty = creatingName.trim() === "";
 			return react.createElement("div", { style: {
 				...S$3.pathRow,
 				borderTop: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.25))"
@@ -951,6 +976,7 @@ window.__ModuleLoader__.load({
 				value: creatingName,
 				placeholder: labels.newFolder,
 				"aria-label": labels.newFolder,
+				"data-ilife-focus": "dialog-input",
 				onChange: (event) => onName(event.currentTarget.value),
 				onKeyDown: (event) => {
 					if (event.key === "Enter") onCreate(creatingName);
@@ -959,10 +985,15 @@ window.__ModuleLoader__.load({
 			}), react.createElement("button", {
 				type: "button",
 				style: S$3.button,
+				disabled: createEmpty,
+				"data-ilife-press": "dialog-create",
+				"data-ilife-longpress": "dialog-create",
 				onClick: () => onCreate(creatingName)
 			}, labels.createConfirm), react.createElement("button", {
 				type: "button",
 				style: S$3.button,
+				"data-ilife-press": "dialog-create-cancel",
+				"data-ilife-longpress": "dialog-create-cancel",
 				onClick: onCancel
 			}, labels.createCancel));
 		}
@@ -988,6 +1019,9 @@ window.__ModuleLoader__.load({
 			const rows = rowsOf(state);
 			const target = targetOf(state);
 			const hidden = hiddenCount(state.listing ?? EMPTY_LISTING);
+			const upOff = !canGoUp(state);
+			const goOff = state.draft.trim() === "";
+			const pickOff = target === null;
 			const body = [];
 			body.push(crumbRow(state, props.onEnter));
 			body.push(rootsRow(state, props.onEnter));
@@ -996,6 +1030,7 @@ window.__ModuleLoader__.load({
 				value: state.draft,
 				placeholder: labels.pathPlaceholder,
 				"aria-label": labels.pathPlaceholder,
+				"data-ilife-focus": "dialog-input",
 				onChange: (event) => props.onDraft(event.currentTarget.value),
 				onKeyDown: (event) => {
 					if (event.key === "Enter") props.onCommitDraft();
@@ -1003,10 +1038,16 @@ window.__ModuleLoader__.load({
 			}), react.createElement("button", {
 				type: "button",
 				style: S$3.button,
+				disabled: upOff,
+				"data-ilife-press": "dialog-up",
+				"data-ilife-longpress": "dialog-up",
 				onClick: props.onUp
 			}, labels.up), react.createElement("button", {
 				type: "button",
 				style: S$3.button,
+				disabled: goOff,
+				"data-ilife-press": "dialog-go",
+				"data-ilife-longpress": "dialog-go",
 				onClick: props.onCommitDraft
 			}, labels.go)));
 			body.push(react.createElement("div", {
@@ -1022,6 +1063,7 @@ window.__ModuleLoader__.load({
 			} }, react.createElement("input", {
 				type: "checkbox",
 				checked: state.showHidden,
+				"data-ilife-focus": "dialog-check",
 				onChange: props.onToggleHidden
 			}), " " + labels.showHidden(hidden)) : null, state.creating === null ? react.createElement("button", {
 				type: "button",
@@ -1029,6 +1071,8 @@ window.__ModuleLoader__.load({
 					...S$3.chromeButton,
 					textDecoration: "underline"
 				},
+				"data-ilife-press": "dialog-newfolder",
+				"data-ilife-longpress": "dialog-newfolder",
 				onClick: () => props.onCreatingChange("")
 			}, 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", {
@@ -1038,12 +1082,17 @@ window.__ModuleLoader__.load({
 				type: "button",
 				style: {
 					...S$3.button,
-					...target === null ? S$3.buttonOff : {}
+					...pickOff ? S$3.buttonOff : {}
 				},
+				disabled: pickOff,
+				"data-ilife-press": "dialog-pick",
+				"data-ilife-longpress": "dialog-pick",
 				onClick: props.onPick
 			}, labels.open), react.createElement("button", {
 				type: "button",
 				style: S$3.button,
+				"data-ilife-press": "dialog-cancel",
+				"data-ilife-longpress": "dialog-cancel",
 				onClick: props.onClose
 			}, labels.cancel)));
 			return react.createElement("div", {
@@ -1065,6 +1114,8 @@ window.__ModuleLoader__.load({
 				},
 				"aria-label": labels.close,
 				title: labels.close,
+				"data-ilife-press": "dialog-close",
+				"data-ilife-longpress": "dialog-close",
 				onClick: props.onClose
 			}, "✕")), body));
 		}
@@ -1157,6 +1208,233 @@ window.__ModuleLoader__.load({
 			}, react.createElement("span", { style: S$2.product }, props.product), react.createElement("span", { style: S$2.purpose }, props.purpose));
 		}
 		//#endregion
+		//#region ../plugin-manager/src/seal-paper-schemes.ts
+		/** 卷轴纸面字排 ＋ 关闭钮样子 · **定稿件**（2026-10-06 定档，原型选型期结束）。
+		*
+		* 定稿形状（逐值锁死，改动须同步 `test/seal-scroll.test.mjs` 与 `test/seal-bundle-1158.test.mjs`）：
+		*   纸面：三段紧凑行内（进展／状态／计划），行首一枚朱砂小方印（进／状／计），标签与正文同行基线对齐；
+		*       末行吃回 0.5em 行距（不然底比顶空一截）；饰线上距加宽到 `0.5em 0 0.75em`；纸底与头部沿用原样式。
+		*   档位语：该档金属渐变压进字里（金＝鎏金／银＝冷银／铜＝暖铜），不再一律金。
+		*   关闭钮：右上角斜披的朱砂菱形绦带（正立「收卷」字独立成层），两条飘尾沿菱形两条下边各向底尖收，
+		*          各自朝外 26°（左尾朝左下、右尾朝右下）；尾是两层——外层过糙边出毛边，内层纯色芯不受滤镜。
+		*
+		* 为什么单独一件：`seal-scroll.ts` 已接近告警线（外框／纸／浮层／滤镜都住那里），纸面字排与关闭钮住这里。
+		* 本件是纯函数：吃 ctx 回五件，不留状态、不取数。原型期的二十余档方案已按「定稿后只留胜出那一档」删除。
+		*/
+		/** 材质底层：**糙边滤镜只挂这一层**——文字住在它外面，所以字是清晰的（照插件章「金属带＋印文」的老做法）。 */
+		function bgLayer(style, children) {
+			return react.createElement("span", {
+				"aria-hidden": true,
+				style: {
+					position: "absolute",
+					inset: 0,
+					...style
+				}
+			}, children ?? null);
+		}
+		/** 清晰字面：压在材质层之上，不参与任何滤镜。 */
+		function crisp(text, style) {
+			return react.createElement("span", { style: {
+				position: "relative",
+				zIndex: 1,
+				...style
+			} }, text);
+		}
+		/** 档位语三档金属（鎏金／冷银／暖铜）：主色＋渐变（`backgroundClip:text` 描出金属光泽）。 */
+		const TIER_METAL = {
+			gold: {
+				flat: "#b8912a",
+				gradient: "linear-gradient(180deg,#f6e27a 0%,#d9b53c 45%,#a5811b 100%)"
+			},
+			silver: {
+				flat: "#8b959d",
+				gradient: "linear-gradient(180deg,#f7fafc 0%,#c3ccd3 45%,#8b959d 100%)"
+			},
+			copper: {
+				flat: "#a8663a",
+				gradient: "linear-gradient(180deg,#f0bd8e 0%,#c07b45 45%,#8a4a24 100%)"
+			}
+		};
+		/** 档位金属边（铜／银／金）：章与绦带共用这一份取值。 */
+		const TIER_EDGE = {
+			gold: "#f5d97a",
+			silver: "#d8dee3",
+			copper: "#a5652f"
+		};
+		const KAI = "\"Kaiti SC\",\"KaiTi\",\"STKaiti\",serif";
+		/** 关闭钮（定稿：绦带·飘尾）。右上角一枚斜披 45° 的朱砂菱形，两条飘尾分挂两条下边，尾先画、带后画压住尾根。 */
+		function closeLook(tierKey) {
+			const crimson = "linear-gradient(135deg,#c63d2a 8%,#a32216 50%,#7e1a10)";
+			/** 档位金属边（铜／银／金）：绦带**只借这一条**——主体恒朱砂，边随档走，跟章「红底＋金属边」同构。 */
+			const edge = TIER_EDGE[tierKey] ?? TIER_EDGE["gold"];
+			const ribbon = bgLayer({
+				borderRadius: "0.375em",
+				background: crimson,
+				boxShadow: "0 0 0 1px #5c110a59, 0 2px 8px #3d241066, inset 0 0 0 2px " + edge,
+				transform: "rotate(45deg)",
+				filter: "url(#" + SEAL_ROUGH_METAL_ID + ")"
+			}, null);
+			/** 尾色＝绦带上亮一档的朱砂（悬在纸上也不发灰、不发黑）：两条尾同色。 */
+			const TAIL_FILL = "linear-gradient(180deg,#e8573c 0%,#c33a24 55%,#a52612 100%)";
+			/** 飘尾：屏幕坐标（不随菱形旋转）——左尾往左下、右尾往右下（CSS 正角＝尾梢往左）。
+			*  两层：外层过糙边滤镜出毛边，内层纯色芯不受滤镜——尾悬在纸上还是悬在暗底上都是同一色。 */
+			const loose = (key, left, deg, len, top) => react.createElement("span", {
+				key,
+				"aria-hidden": true,
+				style: {
+					position: "absolute",
+					left,
+					top,
+					width: "0.4375em",
+					height: len,
+					transformOrigin: "top center",
+					transform: "rotate(" + deg + "deg)"
+				}
+			}, bgLayer({
+				borderRadius: "0 0 0.1875em 0.1875em",
+				background: TAIL_FILL,
+				boxShadow: "0 0 0 1.5px " + edge + "cc, 0 1px 3px #00000055",
+				filter: "url(#" + SEAL_ROUGH_METAL_ID + ")"
+			}), react.createElement("span", {
+				"aria-hidden": true,
+				style: {
+					position: "absolute",
+					inset: "0.5px",
+					borderRadius: "0 0 0.15625em 0.15625em",
+					background: TAIL_FILL
+				}
+			}));
+			return {
+				label: crisp("收卷", {
+					fontFamily: KAI,
+					fontSize: "0.8125em",
+					letterSpacing: "0.22em",
+					textIndent: "0.22em",
+					color: "#f8f1e2",
+					textShadow: "0 1px 2px #000000aa"
+				}),
+				decor: react.createElement(react.Fragment, null, loose("tL", "calc(50% - 0.8125em)", 26, "2em", "2.8125em"), loose("tR", "calc(50% + 0.4375em)", -26, "2em", "2.8125em"), ribbon),
+				style: {
+					boxSizing: "border-box",
+					padding: 0,
+					position: "absolute",
+					right: "-1.5em",
+					top: "-1.5em",
+					width: "3.25em",
+					height: "3.25em",
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					cursor: "pointer",
+					border: "none",
+					background: "transparent"
+				}
+			};
+		}
+		/** 画一条饰线（方向 90/270 决定渐变朝向；定稿的段上距是 0.5em 0 0.75em）。 */
+		function ornament(st, ruler) {
+			const line = (key, dir) => react.createElement("span", {
+				key,
+				style: {
+					...st.ornLine,
+					background: "linear-gradient(" + dir + "deg,#0000," + ruler + ")"
+				}
+			});
+			return react.createElement("div", { style: {
+				...st.orn,
+				margin: "0.5em 0 0.75em"
+			} }, line("l", "90"), react.createElement("i", { style: {
+				...st.ornDot,
+				background: ruler
+			} }), line("r", "270"));
+		}
+		/** 行首那枚朱砂小印（进／状／计）：**两层**——材质层过印那条糙边滤镜（印泥压出来的毛边与斑驳），
+		*  字独立成层保持清晰；方块各带一点歪斜（真印章不会次次压得方正）。
+		*  外框仍是 0.7em 字／1.6 行高／左右 0.375em 垫——换的是质感，版面逐值不动。 */
+		function inkMark(name) {
+			const tilt = name === "进展" ? -2.4 : name === "状态" ? 1.6 : -1.2;
+			return react.createElement("span", { style: {
+				position: "relative",
+				flex: "0 0 auto",
+				fontSize: "0.7em",
+				lineHeight: 1.6,
+				padding: "0 0.375em",
+				transform: "rotate(" + tilt + "deg)"
+			} }, react.createElement("span", {
+				"aria-hidden": true,
+				style: {
+					position: "absolute",
+					inset: 0,
+					borderRadius: "0.1875em",
+					background: "#d92b1c",
+					filter: "url(#" + SEAL_ROUGH_INK_ID + ")"
+				}
+			}, react.createElement("span", {
+				"aria-hidden": true,
+				style: {
+					position: "absolute",
+					inset: 0,
+					borderRadius: "inherit",
+					background: "radial-gradient(circle at 72% 76%,#a81a0e33 0%,#0000 58%), radial-gradient(circle at 20% 62%,#f0715a3d 0%,#0000 52%), radial-gradient(circle at 52% 12%,#ee6a5233 0%,#0000 46%)"
+				}
+			})), react.createElement("span", { style: {
+				position: "relative",
+				color: "#fdf7ea",
+				opacity: .95
+			} }, name.slice(0, 1)));
+		}
+		/** 三段：一行紧凑（行首朱砂小方印＋标签＋正文同一基线）。 */
+		function inlineRows(st, ctx) {
+			const one = (key, name, text, last = false) => react.createElement("div", {
+				key,
+				style: {
+					margin: last ? "0 0 -0.5em" : "0 0 0.5em",
+					display: "flex",
+					alignItems: "baseline",
+					gap: "0.5em"
+				}
+			}, inkMark(name), react.createElement("span", { style: {
+				...st.label,
+				flex: "0 0 auto",
+				display: "inline",
+				marginBottom: 0,
+				fontSize: "0.8em",
+				color: ctx.accent
+			} }, name + "："), react.createElement("span", { style: {
+				...st.text,
+				flex: "1 1 auto",
+				display: "inline",
+				margin: 0,
+				fontSize: "0.9em"
+			} }, text));
+			return react.createElement(react.Fragment, null, one("progress", "进展", ctx.progress), one("status", "状态", ctx.status), one("plan", "计划", ctx.plan, true));
+		}
+		/** 档位语（一行）：该档金属渐变压进字里。 */
+		function tierNode(ctx) {
+			const metal = TIER_METAL[ctx.tierKey] ?? TIER_METAL["gold"];
+			return react.createElement("div", { style: {
+				...ctx.styles.tier,
+				fontFamily: KAI,
+				fontSize: "1.0625em",
+				letterSpacing: "0.34em",
+				textIndent: "0.34em",
+				color: "transparent",
+				backgroundImage: metal.gradient,
+				WebkitBackgroundClip: "text",
+				backgroundClip: "text"
+			} }, ctx.tierText);
+		}
+		/** 组装一件：纸底／头部／档位语／饰线／三段（定稿不覆盖纸底与头部，故两者缺席＝用 `seal-scroll.ts` 的原样式）。 */
+		function paperParts(ctx) {
+			return {
+				paper: void 0,
+				head: void 0,
+				tier: tierNode(ctx),
+				orn: ornament(ctx.styles, ctx.ruler),
+				body: inlineRows(ctx.styles, ctx)
+			};
+		}
+		//#endregion
 		//#region ../plugin-manager/src/seal-scroll.ts
 		/** 印章卷轴 · 纯组件（`title-seal.ts` 的配套件，不认任何一家）。
 		*
@@ -1183,10 +1461,25 @@ window.__ModuleLoader__.load({
 		/** 糙边滤镜 id（文档作用域，故每页只许挂一次 `SealFilterDefs`）。 */
 		const ROUGH_EDGE = "dshLifeSealRoughEdge";
 		const ROUGH_FRAME = "dshLifeSealRoughFrame";
+		/** 中等件（轴杆／纸筒／绦带这类几十像素宽的件）那条糙边：2.2 太细、5 会抖过头。 */
+		const ROUGH_METAL = "dshLifeSealRoughMetal";
+		/** 印泥那条（行首那几枚小印）：同 2.2 的抖动，末尾再加一点高斯模糊——印泥压在纸上边缘会洇开，
+		*  光有抖动边只会读成「毛边贴纸」。字住在滤镜之外，所以糊的只有泥、不是字。 */
+		const ROUGH_INK = "dshLifeSealInkEdge";
+		/** 中等件那条糙边 id（关闭钮引用；定义只此一处）。 */
+		const SEAL_ROUGH_METAL_ID = ROUGH_METAL;
+		/** 印泥那条糙边 id（纸面行首小印引用；定义只此一处）。 */
+		const SEAL_ROUGH_INK_ID = ROUGH_INK;
+		/** 档位话：标题下那一行不再印档位字，直接说档位所处的阶段（渲染期用，顶层可放行）。 */
+		const TIER_TEXT = {
+			gold: "精雕细琢中",
+			silver: "全打通中",
+			copper: "基础建设中"
+		};
 		/** 纸面四色是印自带的（羊皮纸底＋ availability 墨色），不跟宿主主题跑——
 		*  深色下宿主变量会把纸染黑，故这里写死定稿值；字族仍继承（定稿零字族）。 */
 		const PAPER_BG = "#fdfaf2";
-		const LABEL_MAIN = "#42506b";
+		const PAPER_EDGE = "#e6d9bd";
 		const LABEL_SUB = "#4b4335";
 		/** 九档材质（3 角色 × 3 档）。键就是原型里的 `role`／`tier`。 */
 		const MATERIALS = {
@@ -1321,16 +1614,13 @@ window.__ModuleLoader__.load({
 			},
 			inner: {
 				position: "relative",
-				padding: "1.75em 2em 1.875em"
+				padding: "1.75em 2em"
 			},
-			head: { textAlign: "center" },
-			title: {
-				margin: 0,
-				fontSize: "1em",
-				fontWeight: 600,
-				letterSpacing: "0.16em",
-				color: LABEL_MAIN
+			head: {
+				textAlign: "center",
+				marginBottom: "0.5em"
 			},
+			/** 档位语（标题下那一行）：档位字退役，改说档位话（金＝精雕细琢中／银＝全打通中／铜＝基础建设中）。 */
 			tier: {
 				marginTop: "0.4375em",
 				fontSize: "0.66em",
@@ -1382,17 +1672,21 @@ window.__ModuleLoader__.load({
 				position: "absolute",
 				left: "0.5em",
 				right: "0.5em",
-				top: "8em",
+				top: "8.8em",
 				zIndex: 10,
 				display: "flex",
 				justifyContent: "center",
 				pointerEvents: "auto"
 			},
-			/** 浮层内框：宽按 em 给（16px 下≈25em），窄卡上收满可用宽，永不捅破卡片。 */
+			/** 浮层内框：**宽随内容**（`max-content`，正好包住最长那一行；不是固定 25em 那块大纸）。
+			*  `maxWidth:100%` 是窄卡的兜底（收满可用宽、永不捅破卡片），此时长行换行、高度自己长。
+			*  挂卷轴展开动画（从上而下舒卷，240ms；纯声明式，无 hook，纯函数可直测）。 */
 			popInner: {
 				position: "relative",
-				width: "25em",
-				maxWidth: "100%"
+				width: "max-content",
+				maxWidth: "100%",
+				transformOrigin: "50% 0",
+				animation: "dshLifeSealUnroll 240ms ease-out"
 			},
 			close: {
 				position: "absolute",
@@ -1415,9 +1709,11 @@ window.__ModuleLoader__.load({
 		}
 		/** 糙边滤镜定义：两条分开（印用 edge，卷轴外框用 frame），每页只挂一次。
 		*
-		* 挂在文档任意位置都行（`width/height=0` 不占位），同页重复挂会撞 id。 */
+		* 挂在文档任意位置都行（`width/height=0` 不占位），同页重复挂会撞 id。
+		* 印章交互（悬停上浮高亮／按压回缩／焦点环／级别 tooltip）也住这里：scoped 类名，纯 CSS、无 hook。
+		* 悬停高亮须把糙边 url 原样带上（filter 单属性，另写会把糙边冲掉）。 */
 		function SealFilterDefs() {
-			return react.createElement("svg", {
+			return react.createElement(react.Fragment, null, react.createElement("style", null, ".dshLifeSealBtn{position:relative;transition:transform 160ms ease-out,filter 160ms ease-out}.dshLifeSealBtn:hover{transform:translateY(-2px);filter:url(#dshLifeSealRoughEdge) brightness(1.12)}.dshLifeSealBtn:active{transform:translateY(0) scale(.96)}.dshLifeSealBtn:focus-visible{outline:2px solid #f5d97a;outline-offset:2px}.dshLifeSealBtn::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#241f19ee;color:#f8f1e2;font-size:.72em;letter-spacing:.1em;padding:.4em .9em;border-radius:.5em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 150ms ease;z-index:30}.dshLifeSealBtn:hover::after,.dshLifeSealBtn:focus-visible::after{opacity:1}"), react.createElement("svg", {
 				width: 0,
 				height: 0,
 				"aria-hidden": true,
@@ -1441,6 +1737,21 @@ window.__ModuleLoader__.load({
 				y: "-6%",
 				width: "112%",
 				height: "112%"
+			}, react.createElement("feTurbulence", {
+				baseFrequency: .6,
+				numOctaves: 3,
+				result: "n"
+			}), react.createElement("feDisplacementMap", {
+				in: "SourceGraphic",
+				in2: "n",
+				scale: 6.5
+			})), react.createElement("filter", {
+				id: ROUGH_METAL,
+				key: ROUGH_METAL,
+				x: "-8%",
+				y: "-14%",
+				width: "116%",
+				height: "128%"
 			}, react.createElement("feTurbulence", {
 				baseFrequency: .9,
 				numOctaves: 2,
@@ -1448,8 +1759,43 @@ window.__ModuleLoader__.load({
 			}), react.createElement("feDisplacementMap", {
 				in: "SourceGraphic",
 				in2: "n",
-				scale: 5
-			})));
+				scale: 3.2
+			})), react.createElement("filter", {
+				id: ROUGH_INK,
+				key: ROUGH_INK,
+				x: "-25%",
+				y: "-25%",
+				width: "150%",
+				height: "150%"
+			}, react.createElement("feTurbulence", {
+				type: "fractalNoise",
+				baseFrequency: .9,
+				numOctaves: 2,
+				result: "n"
+			}), react.createElement("feDisplacementMap", {
+				in: "SourceGraphic",
+				in2: "n",
+				scale: 2.2,
+				result: "d"
+			}), react.createElement("feGaussianBlur", {
+				in: "d",
+				stdDeviation: .3,
+				result: "b"
+			}), react.createElement("feTurbulence", {
+				type: "fractalNoise",
+				baseFrequency: .75,
+				numOctaves: 3,
+				result: "g"
+			}), react.createElement("feColorMatrix", {
+				in: "g",
+				type: "matrix",
+				values: "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  .7 .45 0 0 .35",
+				result: "mask"
+			}), react.createElement("feComposite", {
+				in: "b",
+				in2: "mask",
+				operator: "in"
+			}))));
 		}
 		/** 一卷：外框材质 ＋ 纯纸 ＋ 进展／状态／计划三段。 */
 		function SealScroll(props) {
@@ -1492,36 +1838,40 @@ window.__ModuleLoader__.load({
 					}
 				})
 			] : [];
-			const line = (key, dir) => react.createElement("span", {
-				key,
-				style: {
-					...S$1.ornLine,
-					background: "linear-gradient(" + dir + "deg,#0000," + material.ruler + ")"
+			/** 纸面字排：定稿件直出五件。 */
+			const parts = paperParts({
+				tierKey: props.tier,
+				tierText: TIER_TEXT[props.tier],
+				progress: props.progress,
+				status: props.status,
+				plan: props.plan,
+				accent: material.accent,
+				ruler: material.ruler,
+				paperEdge: PAPER_EDGE,
+				styles: {
+					head: S$1.head,
+					paper: S$1.paper,
+					tier: S$1.tier,
+					orn: S$1.orn,
+					ornLine: S$1.ornLine,
+					ornDot: S$1.ornDot,
+					block: S$1.block,
+					blockDivided: S$1.blockDivided,
+					blockLast: S$1.blockLast,
+					label: S$1.label,
+					text: S$1.text
 				}
 			});
-			const block = (key, name, text, divided, last = false) => react.createElement("div", {
-				key,
-				style: last ? divided ? {
-					...S$1.blockLast,
-					paddingTop: "0.9375em",
-					borderTop: "1px solid #e6d9bd"
-				} : 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))));
-		}
-		/** 卷轴浮层：无遮罩 popover ＋ 卷轴 ＋ 关闭。`open` 为假时不渲染（纯函数，不收自己的状态）。 */
+			} }, ...frameChildren), react.createElement("div", { style: parts.paper === void 0 ? S$1.paper : parts.paper }, react.createElement("div", { style: S$1.inner }, react.createElement("div", { style: parts.head === void 0 ? S$1.head : parts.head }, react.createElement(SealStamp, {
+				role: props.role,
+				tier: props.tier,
+				label: props.title
+			}), parts.tier), parts.orn, parts.body)));
+		}
+		/** 卷轴浮层：popover ＋ 点击别处关闭 ＋ 卷轴展开动画 ＋ 关闭。`open` 为假时不渲染（纯函数，不收自己的状态）。 */
 		function SealScrollDialog(props) {
 			if (!props.open) return null;
 			const scroll = {
@@ -1532,16 +1882,37 @@ window.__ModuleLoader__.load({
 				status: props.status,
 				plan: props.plan
 			};
-			return react.createElement("div", {
-				style: S$1.dialog,
+			return react.createElement(react.Fragment, null, react.createElement("div", {
+				style: {
+					position: "fixed",
+					inset: 0,
+					zIndex: 9,
+					background: "transparent"
+				},
+				"aria-hidden": true,
+				onClick: props.onClose
+			}), react.createElement("div", {
+				style: props.anchor === void 0 ? S$1.dialog : {
+					...S$1.dialog,
+					...props.anchor
+				},
 				role: "dialog",
 				"aria-modal": false,
 				"aria-label": props.title
-			}, react.createElement("div", { style: S$1.popInner }, react.createElement("button", {
-				type: "button",
-				style: S$1.close,
-				onClick: props.onClose
-			}, "关闭"), react.createElement(SealScroll, scroll)));
+			}, react.createElement("style", null, "@keyframes dshLifeSealUnroll{from{opacity:0;transform:translateY(-10px) scaleY(.7)}to{opacity:1;transform:none}}"), react.createElement("div", { style: S$1.popInner }, (() => {
+				const look = closeLook(props.tier);
+				return react.createElement("button", {
+					type: "button",
+					className: "dshLifeSealBtn",
+					style: {
+						zIndex: 20,
+						...look.style
+					},
+					"data-ilife-press": "seal-close",
+					"data-ilife-close": "tie",
+					onClick: props.onClose
+				}, look.decor ?? null, look.label);
+			})(), react.createElement(SealScroll, scroll))));
 		}
 		//#endregion
 		//#region ../plugin-manager/src/seal-stamp.ts
@@ -1650,21 +2021,25 @@ window.__ModuleLoader__.load({
 		function SealStamp(props) {
 			const face = FACE[props.role][props.tier];
 			if (face === void 0) throw new Error("未知印章组合：" + String(props.role) + "/" + String(props.tier));
+			const style = {
+				display: "inline-flex",
+				alignItems: "center",
+				cursor: "pointer",
+				fontWeight: 800,
+				lineHeight: 1.2,
+				whiteSpace: "nowrap",
+				filter: "url(#dshLifeSealRoughEdge)",
+				...ROLE_BASE[props.role],
+				...face
+			};
+			const tierName = props.tier === "copper" ? "铜" : props.tier === "silver" ? "银" : "金";
 			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
-				},
+				style,
+				className: "dshLifeSealBtn",
 				"aria-label": props.label,
 				"aria-haspopup": "dialog",
+				"data-tip": tierName + "章 · " + TIER_TEXT[props.tier],
 				onClick: props.onSelect
 			};
 			if (props.role !== "plugin") return react.createElement("button", buttonProps, props.label);
@@ -1769,6 +2144,9 @@ window.__ModuleLoader__.load({
 		const PANEL_FIELD_EDGE = inkMix(24);
 		/** 骨架条：浅色 ≈`#c9ccd2`（1.6:1）⇔ 深色 ≈`#404143`。 */
 		const PANEL_SKELETON_FILL = inkMix(21);
+		function interactionCss() {
+			return "[data-ilife-press]{transition:" + INTERACTION_TRANSITION + "}[data-ilife-focus]{transition:" + INTERACTION_TRANSITION + "}[data-ilife-press]:active{transform:scale(" + String(PRESS_SCALE) + ")}[data-ilife-press]:focus-visible,[data-ilife-focus]:focus-visible{outline:none;box-shadow:0 0 0 " + String(2) + "px var(--dsw-alias-bg-layer-1, #232324),0 0 0 " + String(5) + "px var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55))}[data-ilife-press]{position:relative;overflow:hidden}[data-ilife-press]:hover:not(:disabled){background:color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(13) + "%, transparent);border-color:var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55));box-shadow:0 0 0 1px color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(55) + "%, transparent),0 4px 16px color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(25) + "%, transparent);transform:translateY(-" + String(1) + "px)}[data-ilife-press]:active:hover:not(:disabled){transform:scale(" + String(PRESS_SCALE) + ")}[data-ilife-press]:focus-visible:hover:not(:disabled){box-shadow:0 0 0 " + String(2) + "px var(--dsw-alias-bg-layer-1, #232324),0 0 0 " + String(5) + "px var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)),0 4px 16px color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(25) + "%, transparent)}[data-ilife-press]::before{content:\"\";position:absolute;inset:0;background:radial-gradient(" + String(120) + "px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(22) + "%, transparent),transparent 65%);opacity:0;transition:opacity " + String(180 / 1e3) + "s ease;pointer-events:none}[data-ilife-press]:hover:not(:disabled)::before{opacity:1}[data-ilife-press]:disabled{cursor:not-allowed;opacity:" + String(DISABLED_OPACITY) + "}[data-ilife-press]:disabled:hover{animation:ilifeShake " + String(300 / 1e3) + "s ease}@keyframes ilifeShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}[data-ilife-longpress]{position:relative;overflow:hidden}[data-ilife-longpress]::after{content:\"\";position:absolute;left:0;bottom:0;height:" + String(3) + "px;width:0;background:var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55));pointer-events:none}[data-ilife-longpress]:active:not(:disabled)::after{animation:ilifeLongRing " + String(500 / 1e3) + "s linear forwards}@keyframes ilifeLongRing{from{width:0}to{width:100%}}[data-ilife-advanced=\"head\"]{transition:background .15s ease,transform .15s ease,box-shadow .15s ease,border-color .15s ease}[data-ilife-advanced=\"mark\"]{display:inline-block;transition:transform " + String(200 / 1e3) + "s ease}[data-ilife-advanced=\"group\"][open] [data-ilife-advanced=\"mark\"]{transform:rotate(90deg)}[data-ilife-advanced=\"head\"]:hover [data-ilife-advanced=\"mark\"]{color:var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55));transform:translateX(" + String(2) + "px)}[data-ilife-advanced=\"group\"][open] [data-ilife-advanced=\"body\"]{animation:ilifeFoldIn " + String(220 / 1e3) + "s ease}@keyframes ilifeFoldIn{from{max-height:0;opacity:0}to{max-height:" + String(300) + "px;opacity:1}}[data-ilife-notice=\"line\"]{animation:ilifeToastIn " + String(180 / 1e3) + "s ease}@keyframes ilifeToastIn{from{opacity:0;transform:translateY(" + String(8) + "px)}to{opacity:1;transform:none}}@media (hover:none){[data-ilife-press]:hover:not(:disabled){transform:none}[data-ilife-press]::before{display:none}}@media (prefers-reduced-motion:reduce){[data-ilife-press],[data-ilife-focus]{transition:none}[data-ilife-press]:disabled:hover{animation:none}[data-ilife-longpress]:active:not(:disabled)::after{animation:none;width:100%}[data-ilife-advanced=\"mark\"]{transition:none}[data-ilife-advanced=\"group\"][open] [data-ilife-advanced=\"body\"]{animation:none}[data-ilife-notice=\"line\"]{animation:none}}@media (update: slow){[data-ilife-press],[data-ilife-focus]{transition:none}[data-ilife-press]::before{display:none}[data-ilife-press]:disabled:hover{animation:none}[data-ilife-longpress]:active:not(:disabled)::after{animation:none;width:100%}[data-ilife-advanced=\"mark\"]{transition:none}[data-ilife-advanced=\"group\"][open] [data-ilife-advanced=\"body\"]{animation:none}[data-ilife-notice=\"line\"]{animation:none}}";
+		}
 		const S = {
 			/** `.ic-card`：`background:var(--ic-surface)`（＝bg-layer-1）＋`border:1px solid var(--ic-line-strong)`
 			*  ＋`border-radius:12px`＋`padding:14px`＋`box-shadow:inset 0 1px 0 rgba(255,255,255,.06)`。
@@ -2311,6 +2689,8 @@ window.__ModuleLoader__.load({
 				style: S.btnPick,
 				type: "button",
 				disabled: props.onCopy === void 0,
+				"data-ilife-press": "copy",
+				"data-ilife-longpress": "copy",
 				onClick: () => props.onCopy?.(item.key, props.value)
 			}, copyLabelOf(props.copyState));
 			const follow = props.follow === true ? react.createElement("span", { style: S.follow }, react.createElement("span", { style: S.followMark }, "↳"), "将跟随更新") : null;
@@ -2325,6 +2705,7 @@ window.__ModuleLoader__.load({
 				style: S.checkbox,
 				checked: props.value === "true",
 				disabled,
+				"data-ilife-focus": "input",
 				onChange: (e) => props.onChange(item.key, e.target.checked ? "true" : "false")
 			}) : react.createElement("input", {
 				style: props.dirty === true ? S.inputDirty : S.input,
@@ -2332,6 +2713,7 @@ window.__ModuleLoader__.load({
 				value: props.value,
 				disabled,
 				spellCheck: false,
+				"data-ilife-focus": "input",
 				onChange
 			});
 			/** 目录入口：只读行不画（定稿 v3 ①），供不了（`none`／缺席）也不画。 */
@@ -2340,6 +2722,8 @@ window.__ModuleLoader__.load({
 				style: S.btnPick,
 				type: "button",
 				disabled,
+				"data-ilife-press": "browse",
+				"data-ilife-longpress": "browse",
 				onClick: () => entry.onOpen(item.key)
 			}, "浏览文件夹") : null;
 			return react.createElement("div", { style: S.master }, react.createElement("div", { style: S.label }, item.title, react.createElement("span", { style: S.chip }, "可改")), react.createElement("div", { style: S.hint }, item.hint), control, react.createElement("div", { style: S.acts }, browse, copy), props.alert == null ? null : react.createElement("div", { style: S.invalid }, props.alert.message));
@@ -2369,85 +2753,33 @@ window.__ModuleLoader__.load({
 			const surface = state.kind === "ready" ? state.surface : null;
 			const product = title ?? "";
 			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,
+			const seed = props.sealSeed ?? 0;
+			/** 三行定序（六家一致：HELP 上／技能中／插件下；HELP 永远 z 最上）。 */
+			const order = [
+				0,
 				1,
-				-2,
-				3.5,
-				-.5,
-				4.5
+				2
 			];
-			/** 三枚落位（卡片坐标：右上／左中／右下三处，互不遮挡）。右上与右下两枚按右钉死——
-			*  HELP 是单行最长的一枚，左钉会在窄卡上整体飞出面板右侧，右钉则右边界天然收敛；
-			*  左中那枚按左钉（左钉的章向右长，左边界天然收敛）。 */
-			const SPOT = [
-				{
-					right: "0.2em",
-					top: "0.3em"
-				},
-				{
-					left: "2%",
-					top: "3.2em"
-				},
-				{
-					right: "6%",
-					top: "5.6em"
-				}
+			/** 三行行高（上／中／下；纵向净空各留约 10px，糙边抖动也碰不到）。 */
+			const TOPS = [
+				"0.3em",
+				"3.4em",
+				"6.2em"
 			];
-			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]);
+			/** 轻微倾角（±0.5°～±2.5°，方向随机）：家下标×槽位哈希，纯函数、每次同值，不过大。 */
+			const tiltOfSlot = (slot) => {
+				const q = (seed * 5 + slot * 11 + 3) % 10;
+				return String((q % 2 === 0 ? -1 : 1) * (.5 + Math.floor(q / 2) * .5));
+			};
+			/** 右间距（三枚全部居右收敛，各家各行 0.2em～1.1em 错开，永不出面板右边界）。 */
+			const padRightOfSlot = (slot) => String(.2 + (seed * 7 + slot * 3 + 1) % 6 * .18) + "em";
 			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",
-					top: SPOT[slot].top,
-					...SPOT[slot].left === void 0 ? { right: SPOT[slot].right } : { left: SPOT[slot].left },
+					top: TOPS[slot],
+					right: padRightOfSlot(slot),
 					zIndex: zOfRole(seals[dataIndex].role),
 					pointerEvents: "auto",
 					display: "inline-flex",
@@ -2463,6 +2795,16 @@ window.__ModuleLoader__.load({
 				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;
+			/** 卷轴浮层跟着**被点的那枚章**：贴在该行下方一小段（1.9em ＝ 章高约 1.5em ＋ 0.4em 缝），
+			*  右缘与那枚章的右缘对齐，再往左让 1.25em 给绦带（关闭钮骑在浮层右上方，不让它越出卡片）。 */
+			const openSlot = props.selectedSeal ?? -1;
+			const anchor = openSlot < 0 || openSlot >= order.length ? void 0 : {
+				top: "calc(" + TOPS[openSlot] + " + 1.9em)",
+				right: "calc(" + padRightOfSlot(openSlot) + " + 1.25em)",
+				left: "auto",
+				justifyContent: "flex-end",
+				maxWidth: "calc(100% - " + padRightOfSlot(openSlot) + " - 1.75em)"
+			};
 			const dialog = openSeal === null ? null : react.createElement(SealScrollDialog, {
 				open: true,
 				onClose: props.onSealClose ?? (() => void 0),
@@ -2471,7 +2813,8 @@ window.__ModuleLoader__.load({
 				title: openSeal.label,
 				progress: openSeal.progress,
 				status: openSeal.status,
-				plan: openSeal.plan
+				plan: openSeal.plan,
+				anchor
 			});
 			const headDataDir = surface === null ? "" : surface.resolved?.["dbDir"] ?? surface.dataDir;
 			const ready = state.kind === "ready";
@@ -2521,12 +2864,16 @@ window.__ModuleLoader__.load({
 			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",
+				"data-ilife-press": "retry",
+				"data-ilife-longpress": "retry",
 				onClick: props.onRetry
 			}, "重试"), react.createElement("button", {
 				style: S.btn,
 				type: "button",
+				"data-ilife-press": "reset",
+				"data-ilife-longpress": "reset",
 				onClick: props.onReset
-			}, "重置为默认")));
+			}, "重置为默认")), react.createElement("style", { "data-ilife-interaction": "t1" }, interactionCss()));
 			const common = props.items.filter((item) => item.tier === "common");
 			const advanced = props.items.filter((item) => item.tier === "advanced");
 			/** 还没读到整面（`loading`）时**框架照画**：行表与控件形状是客户端常量，不必等任何回执。
@@ -2556,20 +2903,38 @@ window.__ModuleLoader__.load({
 			const commonLast = lastIndexOf(common);
 			const advancedLast = lastIndexOf(advanced);
 			const dirty = ready && dirtyCount > 0;
-			return react.createElement("div", { style: S.card }, head, fileLines, react.createElement("div", { style: S.rows }, common.map((item, index) => renderRow(item, index === commonLast))), advanced.length === 0 ? null : react.createElement("details", { style: S.advanced }, react.createElement("summary", { style: S.summary }, react.createElement("span", { style: S.groupMark }, "›"), ADVANCED_GROUP_TITLE), react.createElement("div", { style: S.groupBody }, advanced.map((item, index) => renderRow(item, index === advancedLast)))), extra, react.createElement("div", { style: S.bar }, react.createElement("button", {
+			return react.createElement("div", { style: S.card }, head, fileLines, react.createElement("div", { style: S.rows }, common.map((item, index) => renderRow(item, index === commonLast))), advanced.length === 0 ? null : react.createElement("details", {
+				style: S.advanced,
+				"data-ilife-advanced": "group"
+			}, react.createElement("summary", {
+				style: S.summary,
+				"data-ilife-advanced": "head"
+			}, react.createElement("span", {
+				style: S.groupMark,
+				"data-ilife-advanced": "mark"
+			}, "›"), ADVANCED_GROUP_TITLE), react.createElement("div", {
+				style: S.groupBody,
+				"data-ilife-advanced": "body"
+			}, advanced.map((item, index) => renderRow(item, index === advancedLast)))), extra, react.createElement("div", { style: S.bar }, react.createElement("button", {
 				style: dirty ? S.btnPrimary : S.btn,
 				type: "button",
 				disabled: frozen || !dirty,
+				"data-ilife-press": "save",
+				"data-ilife-longpress": "save",
 				onClick: props.onSave
 			}, props.busy ? "处理中" : dirty ? `保存（${dirtyCount} 项未保存）` : "保存"), react.createElement("button", {
 				style: S.btn,
 				type: "button",
 				disabled: frozen,
+				"data-ilife-press": "reset",
+				"data-ilife-longpress": "reset",
 				onClick: props.onReset
 			}, "重置为默认"), react.createElement("button", {
 				style: S.btn,
 				type: "button",
 				disabled: frozen,
+				"data-ilife-press": "retry",
+				"data-ilife-longpress": "retry",
 				onClick: props.onRetry
 			}, "重新读取"), dirty ? react.createElement("div", { style: S.saveMsg }, `浏览改动后请点保存（${dirtyCount} 项未保存），保存后跟随项自动更新`) : ready ? react.createElement("div", { style: S.barNote }, "没有未保存的改动") : react.createElement("div", { style: S.barNote }, "配置读取中")), props.picking ? react.createElement("div", { style: S.muted }, "已唤起系统文件夹对话框：选中后自动填上，取消则不动。") : null, props.browseRow !== null ? react.createElement(DirectoryBrowserFromRow, {
 				open: true,
@@ -2578,7 +2943,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, overlay);
+			}, props.writeError) : null, props.error !== null ? react.createElement("div", { style: S.error }, props.error) : null, props.notice !== null ? react.createElement("div", {
+				style: S.okText,
+				"data-ilife-notice": "line"
+			}, props.notice) : null, overlay, react.createElement("style", { "data-ilife-interaction": "t1" }, interactionCss()));
 		}
 		//#endregion
 		//#region ../plugin-manager/src/directory-browser-roots.ts
@@ -2616,36 +2984,13 @@ window.__ModuleLoader__.load({
 				}
 			};
 		}
-		/** 载体：宿主注册 `connection.fetch.register` 的路径 / 面板 `connection.rpc.call` 的两段参数。 */
 		const MANAGER_RPC = {
-			/** 载体基段（`connection.rpc.call` 的**第一段**参数）。传错第一段就是 404：真机上踩过一次。 */
 			base: "/api",
-			/** 单段通道名，须 match `/^\/[A-Za-z0-9._~-]+$/`（cookbook §6）。 */
 			channel: "/ilife-manager",
-			/** 面板侧第二段参数（等于通道名去掉前导斜杠那一段）。 */
 			endpoint: "ilife-manager",
-			/** 宿主侧注册的完整路径（＝ `base` ＋ `channel`）。 */
 			path: "/api/ilife-manager"
 		};
-		/** 总管自有电话名：更新包的三个动作名是冻结集合（`config.ts:14`），这里另起名字不撞车。 */
-		const MANAGER_ACTIONS = {
-			/** 装上缺席的目标包：入参 `{packageName, version}`，回包 `{packageName, version}`。 */
-			install: "ilife-manager.install",
-			/** 七个更新目标的表：入参 `{}`，回包 `{targets: [{key, title, packageName, phones, runningVersion, installedVersion, panelRegistered, skill}]}`。
-			*
-			* 电话名为什么由宿主转交而不是面板侧写死：更新包的三个电话名只有它自己知道
-			* （`update.phoneNames`，`host.ts:335`）；面板侧既不能 import 更新包（浏览器产物纯度门）
-			* 也不该把名字再写一份（写两份必然走散）。宿主把名字表连同版本行一起交出去，
-			* 面板一行字面量都不留。 */
-			targets: "ilife-manager.targets",
-			/** 本机「根」清单（票 #744）：入参 `{}`，回包 `{roots: [{path, kind}]}`。
-			*
-			* 为什么这条能力住在总管：浏览器里没有卷清单接口，而宿主那条目录选择接缝只有
-			* `list`／`createDirectory` 两格——「这台机器上有哪些盘」只能由宿主去问操作系统。
-			* 六家的目录浏览器都取这一通电话，故名字与实现都只有这一处（清单本身见 `roots.ts`）。
-			* 回包**恒成功**：列不出来是空清单，不是错误码（界面据此只是不画那一行）。 */
-			roots: "ilife-manager.roots"
-		};
+		const MANAGER_ACTIONS = { roots: "ilife-manager.roots" };
 		//#endregion
 		//#region ../plugin-manager/src/config-panel.ts
 		/** 共用配置面板 · 组件本体：一台状态机 ＋ 一圈副作用，渲染交给 `config-panel-view.ts`。
@@ -2874,7 +3219,7 @@ window.__ModuleLoader__.load({
 				});
 				if (opened === void 0 || await opened === "refused") await openNative(key);
 			};
-			/** 复制一行（定稿 v3 第三条）：写完就地变「已复制」（写不进去就地变「复制失败」），1.5 秒后复位，不弹提示。 */
+			/** 复制一行（定稿 v3 第三条）：写完就地变「已复制」（写不进去就地变「复制失败」），900ms 后复位，不弹提示（#1162 差值终结：终值 900ms，行为跟 COPY_FEEDBACK_MS 走）。 */
 			const onCopy = (key, text) => {
 				writeClipboard(text).then((ok) => {
 					setCopy({
@@ -2885,7 +3230,7 @@ window.__ModuleLoader__.load({
 					copyTimer.current = setTimeout(() => {
 						copyTimer.current = null;
 						setCopy(null);
-					}, COPY_FEEDBACK_MS);
+					}, 900);
 				});
 			};
 			const onSave = async () => {