dsh-calorie 0.3.38 → 0.3.40

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));
 		}
@@ -1183,10 +1234,16 @@ window.__ModuleLoader__.load({
 		/** 糙边滤镜 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)";
+		/** 档位话：标题下那一行不再印档位字，直接说档位所处的阶段（渲染期用，顶层可放行）。 */
+		const TIER_TEXT = {
+			gold: "精雕细琢中",
+			silver: "全打通中",
+			copper: "基础建设中"
+		};
+		/** 纸面四色是印自带的（羊皮纸底＋ availability 墨色），不跟宿主主题跑——
+		*  深色下宿主变量会把纸染黑，故这里写死定稿值；字族仍继承（定稿零字族）。 */
+		const PAPER_BG = "#fdfaf2";
+		const LABEL_SUB = "#4b4335";
 		/** 九档材质（3 角色 × 3 档）。键就是原型里的 `role`／`tier`。 */
 		const MATERIALS = {
 			skill: {
@@ -1316,20 +1373,17 @@ window.__ModuleLoader__.load({
 				zIndex: 2,
 				borderRadius: "0.25em",
 				background: PAPER_BG,
-				boxShadow: "0 1px 3px #3d241052, 0 0 0 1px " + PAPER_EDGE + ", inset 0 1px 0 #fffefb"
+				boxShadow: "0 1px 3px #3d241052, 0 0 0 1px #e6d9bd, 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
+			head: {
+				textAlign: "center",
+				marginBottom: "0.5em"
 			},
+			/** 档位语（标题下那一行）：档位字退役，改说档位话（金＝精雕细琢中／银＝全打通中／铜＝基础建设中）。 */
 			tier: {
 				marginTop: "0.4375em",
 				fontSize: "0.66em",
@@ -1358,7 +1412,7 @@ window.__ModuleLoader__.load({
 			blockDivided: {
 				margin: "0 0 0.9375em",
 				paddingTop: "0.9375em",
-				borderTop: "1px solid " + PAPER_EDGE
+				borderTop: "1px solid #e6d9bd"
 			},
 			blockLast: { margin: 0 },
 			label: {
@@ -1375,21 +1429,26 @@ window.__ModuleLoader__.load({
 				letterSpacing: "0.02em",
 				color: LABEL_SUB
 			},
-			/** 弹层遮罩。 */
-			mask: {
-				position: "fixed",
-				inset: 0,
-				background: "#241f1966",
-				zIndex: 40
-			},
-			/** 弹层本体：居中，宽度按 em 给（16px 下≈25em）。 */
+			/** 卷轴浮层：卡片内绝对定位（卡片 `S.card` 是 relative 定位祖先），上沿悬在三枚章之下、左右各留半 em——
+			*  不是 modal：无遮罩、不锁滚动，点章切换、点「关闭」收起。 */
 			dialog: {
-				position: "fixed",
-				left: "50%",
-				top: "50%",
-				transform: "translate(-50%,-50%)",
+				position: "absolute",
+				left: "0.5em",
+				right: "0.5em",
+				top: "8.8em",
+				zIndex: 10,
+				display: "flex",
+				justifyContent: "center",
+				pointerEvents: "auto"
+			},
+			/** 浮层内框：宽按 em 给（16px 下≈25em），窄卡上收满可用宽，永不捅破卡片；
+			*  挂卷轴展开动画（从上而下舒卷，240ms；纯声明式，无 hook，纯函数可直测）。 */
+			popInner: {
+				position: "relative",
 				width: "25em",
-				zIndex: 50
+				maxWidth: "100%",
+				transformOrigin: "50% 0",
+				animation: "dshLifeSealUnroll 240ms ease-out"
 			},
 			close: {
 				position: "absolute",
@@ -1501,7 +1560,7 @@ window.__ModuleLoader__.load({
 				style: last ? divided ? {
 					...S$1.blockLast,
 					paddingTop: "0.9375em",
-					borderTop: "1px solid " + PAPER_EDGE
+					borderTop: "1px solid #e6d9bd"
 				} : S$1.blockLast : divided ? S$1.blockDivided : S$1.block
 			}, react.createElement("div", { style: {
 				...S$1.label,
@@ -1510,15 +1569,19 @@ window.__ModuleLoader__.load({
 			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: {
+			} }, ...frameChildren), react.createElement("div", { style: S$1.paper }, react.createElement("div", { style: S$1.inner }, react.createElement("div", { style: S$1.head }, react.createElement(SealStamp, {
+				role: props.role,
+				tier: props.tier,
+				label: 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: {
+			} }, TIER_TEXT[props.tier])), 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` 为假时不渲染（纯函数，不收自己的状态）。 */
+		/** 卷轴浮层：popover ＋ 点击别处关闭 ＋ 卷轴展开动画 ＋ 关闭。`open` 为假时不渲染（纯函数，不收自己的状态）。 */
 		function SealScrollDialog(props) {
 			if (!props.open) return null;
 			const scroll = {
@@ -1530,19 +1593,25 @@ window.__ModuleLoader__.load({
 				plan: props.plan
 			};
 			return react.createElement(react.Fragment, null, react.createElement("div", {
-				style: S$1.mask,
-				onClick: props.onClose,
-				role: "presentation"
+				style: {
+					position: "fixed",
+					inset: 0,
+					zIndex: 9,
+					background: "transparent"
+				},
+				"aria-hidden": true,
+				onClick: props.onClose
 			}), react.createElement("div", {
 				style: S$1.dialog,
 				role: "dialog",
-				"aria-modal": true,
+				"aria-modal": false,
 				"aria-label": props.title
-			}, react.createElement("button", {
+			}, 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 }, react.createElement("button", {
 				type: "button",
 				style: S$1.close,
+				"data-ilife-press": "seal-close",
 				onClick: props.onClose
-			}, "关闭"), react.createElement(SealScroll, scroll)));
+			}, "关闭"), react.createElement(SealScroll, scroll))));
 		}
 		//#endregion
 		//#region ../plugin-manager/src/seal-stamp.ts
@@ -1770,6 +1839,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)`。
@@ -2312,6 +2384,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;
@@ -2326,6 +2400,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,
@@ -2333,6 +2408,7 @@ window.__ModuleLoader__.load({
 				value: props.value,
 				disabled,
 				spellCheck: false,
+				"data-ilife-focus": "input",
 				onChange
 			});
 			/** 目录入口：只读行不画（定稿 v3 ①），供不了（`none`／缺席）也不画。 */
@@ -2341,6 +2417,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));
@@ -2370,94 +2448,47 @@ 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 = [
-				{
-					left: "45%",
-					top: "0.3em"
-				},
-				{
-					left: "5%",
-					top: "2.8em"
-				},
-				{
-					left: "50%",
-					top: "5em"
-				}
+			/** 三行行高（上／中／下；纵向净空各留约 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",
-					left: SPOT[slot].left,
-					top: SPOT[slot].top,
+					top: TOPS[slot],
+					right: padRightOfSlot(slot),
 					zIndex: zOfRole(seals[dataIndex].role),
 					pointerEvents: "auto",
 					display: "inline-flex",
 					transform: "rotate(" + tiltOfSlot(slot) + "deg)"
 				}
-			}, react.createElement(SealStamp, {
+			}, react.createElement("span", { style: {
+				fontSize: "0.8em",
+				display: "inline-flex"
+			} }, 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,
@@ -2517,12 +2548,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`）时**框架照画**：行表与控件形状是客户端常量，不必等任何回执。
@@ -2552,20 +2587,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,
@@ -2574,7 +2627,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
@@ -2612,36 +2668,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`。
@@ -2870,7 +2903,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({
@@ -2881,7 +2914,7 @@ window.__ModuleLoader__.load({
 					copyTimer.current = setTimeout(() => {
 						copyTimer.current = null;
 						setCopy(null);
-					}, COPY_FEEDBACK_MS);
+					}, 900);
 				});
 			};
 			const onSave = async () => {
@@ -2922,7 +2955,7 @@ window.__ModuleLoader__.load({
 				seals: props.seals,
 				sealSeed: props.sealSeed,
 				selectedSeal,
-				onSealSelect: (index) => setSelectedSeal(index),
+				onSealSelect: (index) => setSelectedSeal((prev) => prev === index ? null : index),
 				onSealClose: () => setSelectedSeal(null),
 				items: props.items,
 				state,