dsh-life-pack 0.2.5 → 0.2.7

package/dist/client.js

@@ -132,6 +132,13 @@ window.__ModuleLoader__.load({
 		];
 		//#endregion
 		//#region src/update-contract.ts
+		/** 爱生活页签槽名（总管声明 `children`、各单品技能设置页注册进来；单段名，避开官方 `settings.*` 前缀）。
+		*
+		* 为什么住这里：这个名字**两侧都要用**——面板侧 `client.ts` 拿它注册／投影槽，
+		* 宿主侧（`update-env.ts` 的 `readPanelRegistered`）拿它判「已装产物里到底有没有注册代码」。
+		* 一处定义、两边引用（结构纪律「概念唯一」）：名字改了只有这一行要动。
+		* 宿主判据为什么要读这个字面量、以及它的边界，见 `readPanelRegistered` 的头注。 */
+		const CONFIG_TAB_SLOT = "ilife.config-tab";
 		/** 载体：宿主注册 `connection.fetch.register` 的路径 / 面板 `connection.rpc.call` 的两段参数。 */
 		const MANAGER_RPC = {
 			/** 载体基段（`connection.rpc.call` 的**第一段**参数）。传错第一段就是 404：真机上踩过一次。 */
@@ -147,7 +154,7 @@ window.__ModuleLoader__.load({
 		const MANAGER_ACTIONS = {
 			/** 装上缺席的目标包：入参 `{packageName, version}`，回包 `{packageName, version}`。 */
 			install: "ilife-manager.install",
-			/** 七个更新目标的表：入参 `{}`，回包 `{targets: [{key, title, packageName, phones, runningVersion, installedVersion, skill}]}`。
+			/** 七个更新目标的表：入参 `{}`，回包 `{targets: [{key, title, packageName, phones, runningVersion, installedVersion, panelRegistered, skill}]}`。
 			*
 			* 电话名为什么由宿主转交而不是面板侧写死：更新包的三个电话名只有它自己知道
 			* （`update.phoneNames`，`host.ts:335`）；面板侧既不能 import 更新包（浏览器产物纯度门）
@@ -308,6 +315,13 @@ window.__ModuleLoader__.load({
 		function isAbsent(target) {
 			return target.runningVersion === null && target.installedVersion === null;
 		}
+		/** 一家页签此刻的状态：账本里已注册 → `connected`（面板显示它自己的设置页），否则按宿主装机读数分三态。 */
+		function slotStateOf(target, inLedger) {
+			if (inLedger) return "connected";
+			if (target === null || isAbsent(target)) return "absent";
+			if (target.panelRegistered === false) return "unregistered-product";
+			return "not-connected";
+		}
 		/** 把快照翻成一行结论：还没查 / 已是最新 / 有新版 / 装不了（附人话原因）。 */
 		function verdictOf(target, snapshot) {
 			const absent = isAbsent(target);
@@ -480,17 +494,40 @@ window.__ModuleLoader__.load({
 				marginBottom: 8,
 				borderRadius: 10,
 				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.3))",
+				borderLeftWidth: 3,
 				fontSize: 13,
 				lineHeight: 1.7
 			},
 			rowHead: {
-				fontWeight: 700,
+				display: "flex",
+				alignItems: "baseline",
+				gap: 6,
 				marginBottom: 2
 			},
+			rowTitle: {
+				fontWeight: 700,
+				color: "var(--dsw-alias-label-primary, inherit)"
+			},
+			rowPkg: {
+				color: "var(--dsw-alias-label-tertiary, #8a8a8a)",
+				fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+				fontSize: 12
+			},
 			rowMeta: {
 				color: "var(--dsw-alias-label-secondary, #9a9a9a)",
 				fontSize: 12
 			},
+			/** 版本号用等宽字：数字要能对齐着读（「当前」「最新」两列一眼比大小）。 */
+			ver: {
+				fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+				color: "var(--dsw-alias-label-primary, inherit)",
+				fontWeight: 600
+			},
+			/** 结论那一行：**只有要动的那几档上色**（绿／灰不抢注意力，照 health-view 的三档口径）。 */
+			verdictLine: {
+				fontSize: 12.5,
+				marginTop: 2
+			},
 			reason: {
 				color: "var(--dsw-alias-state-error-primary, #ff6b6b)",
 				fontSize: 12,
@@ -499,7 +536,26 @@ window.__ModuleLoader__.load({
 			skill: {
 				color: "var(--dsw-alias-label-tertiary, #8a8a8a)",
 				fontSize: 12,
-				marginTop: 4
+				marginTop: 4,
+				fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace"
+			},
+			/** 行内主按钮（装上／装上更新）：品牌底色 —— 全屏只有「能点的」这一种是这个颜色。 */
+			btnPrimary: {
+				border: "1px solid transparent",
+				background: "var(--dsw-alias-brand-primary, #0a84ff)",
+				color: "#fff",
+				borderRadius: 8,
+				padding: "5px 14px",
+				fontSize: 13,
+				fontWeight: 700,
+				cursor: "pointer",
+				marginTop: 6
+			},
+			/** 分档标记：**形状是第二条读数**（灰度截图、色弱视角下也分得开哪一行要动）。 */
+			mark: {
+				fontWeight: 700,
+				fontSize: 13,
+				lineHeight: 1
 			},
 			overlay: {
 				position: "fixed",
@@ -511,12 +567,14 @@ window.__ModuleLoader__.load({
 				padding: 16,
 				background: "rgba(0,0,0,.45)"
 			},
+			/** 浮层是**竖排两段**：题头固定、结果列表自己滚（题头跟着滚会把关闭键滚出视野 —— 用户实测反馈）。 */
 			dialog: {
 				width: "100%",
 				maxWidth: 560,
 				maxHeight: "80vh",
-				overflow: "auto",
-				padding: "12px 14px",
+				display: "flex",
+				flexDirection: "column",
+				overflow: "hidden",
 				borderRadius: 12,
 				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.4))",
 				background: "var(--dsw-alias-bg-elevated, var(--dsw-alias-bg-base, #222))",
@@ -528,12 +586,21 @@ window.__ModuleLoader__.load({
 				alignItems: "center",
 				justifyContent: "space-between",
 				gap: 8,
-				marginBottom: 8
+				flex: "0 0 auto",
+				padding: "12px 14px",
+				borderBottom: "1px solid var(--dsw-alias-border, rgba(128,128,128,.3))"
 			},
 			dialogTitle: {
 				fontSize: 14,
 				fontWeight: 700
 			},
+			/** 唯一会滚的那一段。 */
+			dialogBody: {
+				flex: "1 1 auto",
+				minHeight: 0,
+				overflowY: "auto",
+				padding: "12px 14px"
+			},
 			close: {
 				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.35))",
 				background: "transparent",
@@ -551,6 +618,45 @@ window.__ModuleLoader__.load({
 				marginTop: 4
 			}
 		};
+		const ROW_TONE = {
+			update: {
+				mark: "↑",
+				color: "var(--dsw-alias-brand-primary, #0a84ff)",
+				tint: "rgba(10,132,255,.08)"
+			},
+			blocked: {
+				mark: "!",
+				color: "var(--dsw-alias-state-warning-primary, #d8a300)",
+				tint: "rgba(216,163,0,.10)"
+			},
+			failed: {
+				mark: "✕",
+				color: "var(--dsw-alias-state-error-primary, #ff6b6b)",
+				tint: "rgba(255,107,107,.10)"
+			},
+			ok: {
+				mark: "✓",
+				color: "var(--dsw-alias-state-success-primary, #4ec9a0)",
+				tint: "transparent"
+			},
+			idle: {
+				mark: "·",
+				color: "var(--dsw-alias-label-tertiary, #8a8a8a)",
+				tint: "transparent"
+			}
+		};
+		/** 这一行算哪一档：取数失败 > 装不上 > 有新版 > 待重启／源码装 > 已是最新 > 未查。 */
+		function rowToneOf(row, verdict) {
+			if (row.failure !== null || row.phase === "failed") return "failed";
+			if (row.phase === "installing") return "update";
+			if (verdict === null) return "idle";
+			switch (verdict.kind) {
+				case "update-available": return "update";
+				case "blocked": return "blocked";
+				case "up-to-date": return "ok";
+				default: return "idle";
+			}
+		}
 		const IDLE$1 = {
 			phase: "idle",
 			outcome: null,
@@ -564,20 +670,23 @@ window.__ModuleLoader__.load({
 			const [loadError, setLoadError] = react.useState(null);
 			const [checking, setChecking] = react.useState(false);
 			const [open, setOpen] = react.useState(false);
-			react.useEffect(() => {
-				let alive = true;
-				(async () => {
-					const loaded = await loadTargets(getCall());
-					if (!alive) return;
-					if (loaded.ok) {
-						setTargets(loaded.value.targets);
-						setPollMs(loaded.value.pollMs);
-					} else setLoadError(loaded.message);
-				})();
-				return () => {
-					alive = false;
-				};
+			const alive = react.useRef(true);
+			react.useEffect(() => () => {
+				alive.current = false;
+			}, []);
+			/** 重取七个目标的表（装机读数变了就重取：缺席卡的态是拿这张表算的，缓存住它会继续说旧话）。 */
+			const reload = react.useCallback(async () => {
+				const loaded = await loadTargets(getCall());
+				if (!alive.current) return;
+				if (loaded.ok) {
+					setTargets(loaded.value.targets);
+					setPollMs(loaded.value.pollMs);
+					setLoadError(null);
+				} else setLoadError(loaded.message);
 			}, [getCall]);
+			react.useEffect(() => {
+				reload();
+			}, [reload]);
 			const patch = react.useCallback((key, next) => {
 				setRows((previous) => ({
 					...previous,
@@ -658,6 +767,7 @@ window.__ModuleLoader__.load({
 								outcome: null,
 								failure: refreshed
 							});
+							await reload();
 							return;
 						}
 						patch(target.key, {
@@ -673,6 +783,7 @@ window.__ModuleLoader__.load({
 					getCall,
 					patch,
 					pollMs,
+					reload,
 					rows
 				])
 			};
@@ -730,18 +841,43 @@ window.__ModuleLoader__.load({
 				const manual = manualForDisplay(target, row.failure?.manual ?? row.outcome?.manual ?? null);
 				const busy = row.phase === "installing";
 				const showManual = manual !== null && (row.phase === "failed" || verdict?.kind === "blocked");
+				const tone = rowToneOf(row, verdict);
+				const paint = ROW_TONE[tone];
+				/** 这一行「当前／最新」两个版本号：不等才算有新版，把「最新」那格上色（用户扫一眼先看有没有箭头）。 */
+				const running = snapshot?.runningVersion ?? target.runningVersion ?? null;
+				const latest = snapshot?.latestVersion ?? null;
+				const newer = running !== null && latest !== null && latest !== running;
+				const lit = tone === "update" || tone === "blocked" || tone === "failed";
 				return react.createElement("div", {
 					key: target.key,
-					style: PANEL_STYLE.row
-				}, react.createElement("div", { style: PANEL_STYLE.rowHead }, target.title + " · " + target.packageName), react.createElement("div", { style: PANEL_STYLE.rowMeta }, "当前 " + String(snapshot?.runningVersion ?? target.runningVersion ?? "未安装") + " · 最新 " + String(snapshot?.latestVersion ?? "未查")), react.createElement("div", null, busy ? "正在装，请稍候…" : verdict?.text ?? (checking ? "检查中…" : "")), verdict?.action ? react.createElement("button", {
+					style: {
+						...PANEL_STYLE.row,
+						borderLeftColor: paint.color,
+						background: paint.tint
+					}
+				}, react.createElement("div", { style: PANEL_STYLE.rowHead }, react.createElement("span", {
+					style: {
+						...PANEL_STYLE.mark,
+						color: paint.color
+					},
+					"aria-hidden": "true"
+				}, paint.mark), react.createElement("span", { style: PANEL_STYLE.rowTitle }, target.title), react.createElement("span", { style: PANEL_STYLE.rowPkg }, "· " + target.packageName)), react.createElement("div", { style: PANEL_STYLE.rowMeta }, "当前 ", react.createElement("b", { style: PANEL_STYLE.ver }, String(running ?? "未安装")), " · 最新 ", react.createElement("b", { style: newer ? {
+					...PANEL_STYLE.ver,
+					color: paint.color
+				} : PANEL_STYLE.ver }, String(latest ?? "未查"))), react.createElement("div", { style: lit ? {
+					...PANEL_STYLE.verdictLine,
+					color: paint.color,
+					fontWeight: 600
+				} : {
+					...PANEL_STYLE.verdictLine,
+					color: "var(--dsw-alias-label-secondary, #9a9a9a)"
+				} }, busy ? "正在装，请稍候…" : verdict?.text ?? (checking ? "检查中…" : "")), verdict?.action ? react.createElement("button", {
 					type: "button",
 					style: busy ? {
-						...PANEL_STYLE.btn,
-						opacity: .55
-					} : {
-						...PANEL_STYLE.btn,
-						marginTop: 6
-					},
+						...PANEL_STYLE.btnPrimary,
+						opacity: .55,
+						cursor: "default"
+					} : PANEL_STYLE.btnPrimary,
 					disabled: busy,
 					onClick: () => props.face.act(target)
 				}, verdict.action === "install" ? "装上" : "装上更新") : null, row.failure ? react.createElement("div", { style: PANEL_STYLE.reason }, "装不上：" + row.failure.message) : null, versionLines(target, snapshot).map((line, index) => react.createElement("div", {
@@ -763,22 +899,24 @@ window.__ModuleLoader__.load({
 				onKeyDown: (event) => {
 					if (event.key === "Escape") close();
 				}
-			}, react.createElement("div", { style: PANEL_STYLE.dialogHead }, react.createElement("div", { style: PANEL_STYLE.dialogTitle }, "检查更新（七家）"), react.createElement("button", {
+			}, react.createElement("div", { style: PANEL_STYLE.dialogHead }, react.createElement("div", { style: PANEL_STYLE.dialogTitle }, "检查更新"), react.createElement("button", {
 				type: "button",
 				style: PANEL_STYLE.close,
 				onClick: () => close(),
 				title: "关闭",
 				"aria-label": "关闭"
-			}, "×")), body, react.createElement("div", { style: PANEL_STYLE.dialogNote }, "装与更新都在宿主后台跑：关掉这块不影响正在进行的安装，再点「检查更新」可以看到最新状态。"))) : null);
+			}, "×")), react.createElement("div", { style: PANEL_STYLE.dialogBody }, body, react.createElement("div", { style: PANEL_STYLE.dialogNote }, "装与更新都在宿主后台跑：关掉这块不影响正在进行的安装，再点「检查更新」可以看到最新状态。")))) : null);
 		}
-		/** 缺席卡：**按宿主的装机读数分两态**，不让层与层的结论互相顶替。
+		/** 缺席卡：**按两处独立事实分三态**，每态只给能改变状态的动作。
 		*
-		* - 宿主说磁盘上没有这个包 →「未安装」＋「装上」按钮（这是本票原有的能力）；
-		* - 宿主说装着（`installedVersion` 非空）却没进页签槽 → 说实情、**不给「装上」**：
-		*   重装改不了产物里有没有注册代码这件事（真机实测：作息/居家/大厨/记账 的已发布 0.2.0
-		*   产物里根本没有页签槽注册，见票 #723）。给出可复制命令仅作参考。
+		* - `absent`（磁盘上没有这个包）→「未安装」＋「装上」按钮（本票原有的能力）；
+		* - `unregistered-product`（装着，但产物里没有页签槽注册代码）→ 说实情、**不给按钮**：
+		*   重装改不了产物里有没有注册代码（真机实测：作息／居家／大厨／记账 的已发布 0.2.0
+		*   产物里根本没有注册代码，见票 #723）；给可复制命令只是参考；
+		* - `not-connected`（装着、产物也有注册代码，设置页却没送到浏览器）→ 重启宿主；仍不行看日志；
+		* - `connected` 不归本卡管：那时面板显示的是那家自己的设置页。
 		*
-		* 原实现只看页签槽 ledger 就断言「未安装」——那对上面第二种情形是说假话，且点「装上」
+		* 原实现只看页签槽 ledger 就断言「未安装」——那对后两种情形是说假话，且点「装上」
 		* 会走进更新包的流程（它已经装着 ⇒ 没有新版 ⇒ 没有凭证）并报出误导的「查新版失败」。
 		*/
 		function AbsentCard(props) {
@@ -787,10 +925,20 @@ window.__ModuleLoader__.load({
 			const busy = row?.phase === "installing";
 			const manual = (target ? manualForDisplay(target, row?.failure?.manual ?? row?.outcome?.manual ?? null) : null) ?? props.fallbackCommand;
 			const installed = target ? target.installedVersion ?? target.runningVersion : null;
+			const state = slotStateOf(target, props.inLedger);
 			let reason = row?.failure?.message ?? null;
 			if (target && reason === null && row?.outcome && row.outcome.snapshot.blockedReason !== null) reason = verdictOf(target, row.outcome.snapshot).text;
-			const headline = !target ? "这个页签对应的插件还没装。" : installed === null ? "未安装[" + target.packageName + "]，装上后这个页签就能用了。" : "插件已装（" + installed + "），但它这一版没把设置页接上爱生活面板：要等它发新版才对得上（重启与重装都不会变）。";
-			return react.createElement("div", { style: PANEL_STYLE.reco }, react.createElement("div", null, headline), target && installed === null ? react.createElement("button", {
+			let headline;
+			switch (state) {
+				case "absent":
+					headline = target ? "未安装[" + target.packageName + "]，装上后这个页签就能用了。" : "这个页签对应的插件还没装。";
+					break;
+				case "unregistered-product":
+					headline = target.packageName + " " + String(installed) + " 装着，但它这一版的产物里没有爱生活页签的注册代码：得等它发一个带注册代码的新版才对得上。重启与重装都不会变（重装只是把同一版再装一次）。";
+					break;
+				default: headline = target.packageName + " " + String(installed) + " 装着、产物里也有注册代码，但它的设置页没送到浏览器：重启宿主后再看这个页签；仍然这样就去宿主日志里找它的报错。";
+			}
+			return react.createElement("div", { style: PANEL_STYLE.reco }, react.createElement("div", null, headline), state === "absent" ? react.createElement("button", {
 				type: "button",
 				style: busy ? {
 					...PANEL_STYLE.btn,
@@ -801,7 +949,9 @@ window.__ModuleLoader__.load({
 					marginTop: 8
 				},
 				disabled: busy,
-				onClick: () => props.face.act(target)
+				onClick: () => {
+					if (target) props.face.act(target);
+				}
 			}, busy ? "正在装，请稍候…" : "装上") : null, reason ? react.createElement("div", { style: PANEL_STYLE.reason }, reason) : null, react.createElement("code", { style: PANEL_STYLE.cmd }, manual));
 		}
 		//#endregion
@@ -990,8 +1140,10 @@ window.__ModuleLoader__.load({
 			green: "var(--dsw-alias-state-success-primary, #4ec9a0)"
 		};
 		/** 整行底色的浅一档：饱和降一档，免得红黄行「刺眼」压过正文（评审第二轮的扣分点）。 */
+		/** 红黄两档整行上底的底色。红灯要**明显重于**黄灯：复评实测原先两个底色亮度几乎一样
+		*  （红 `#FBF3F3` 对黄 `#FCF3E5`，只差蓝通道），最严重那一档反而最淡——红色提到 0.14。 */
 		const STATUS_TINT = {
-			red: "rgba(192, 57, 43, 0.06)",
+			red: "rgba(192, 57, 43, 0.14)",
 			yellow: "rgba(224, 138, 0, 0.10)",
 			green: "transparent"
 		};
@@ -1035,45 +1187,40 @@ window.__ModuleLoader__.load({
 				fontWeight: 700,
 				color: INK
 			},
-			/** 「体检一次」不挤在标题右端：它单独占一行、与标题同一起始边（视觉复评两轮点「孤立在右上缺层次」）。 */
-			runRow: { margin: "8px 0 10px" },
-			btn: {
-				border: "1px solid " + BORDER,
-				background: "transparent",
-				color: INK,
-				borderRadius: 8,
-				padding: "6px 16px",
-				fontSize: 13,
-				fontWeight: 600,
-				cursor: "pointer"
-			},
-			lightsRow: {
+			/** 顶部那一行汇总（票 #732）：一行装下「配置体检 ＋ 一句总账 ＋ 体检按钮」，三样都不独占行。
+			*  它替掉了原先「标题行 ＋ 单独一行的按钮 ＋ 一排灯按钮 ＋ 两行图例」（同屏实测 153px → 一行）。 */
+			summaryRow: {
 				display: "flex",
-				flexWrap: "wrap",
-				gap: 8
-			},
-			light: {
-				display: "inline-flex",
 				alignItems: "center",
-				gap: 4,
-				background: "transparent",
-				border: "1px solid " + BORDER,
-				borderRadius: 999,
-				padding: "3px 10px",
-				fontSize: 12.5,
-				color: INK,
-				cursor: "pointer"
+				gap: 10,
+				marginBottom: 10
 			},
-			lightIdle: {
-				cursor: "default",
-				color: INK_DIM
+			summaryText: {
+				flex: "1 1 auto",
+				minWidth: 0,
+				fontSize: 12.5,
+				whiteSpace: "nowrap",
+				overflow: "hidden",
+				textOverflow: "ellipsis"
 			},
+			/** 各家那张表里的说明行（「还没体检：点上面那个…」那几句）。 */
 			meta: {
 				color: INK_DIM,
 				fontSize: 12,
 				lineHeight: 1.7,
 				marginTop: 12
 			},
+			btn: {
+				border: "1px solid " + BORDER,
+				background: "transparent",
+				color: INK,
+				borderRadius: 8,
+				flex: "0 0 auto",
+				padding: "3px 10px",
+				fontSize: 12.5,
+				fontWeight: 600,
+				cursor: "pointer"
+			},
 			error: {
 				color: STATUS_COLOR.red,
 				fontSize: 12,
@@ -1128,11 +1275,6 @@ window.__ModuleLoader__.load({
 			}
 			return prefixes.sort((a, b) => b.length - a.length);
 		}
-		/** 那一行「配置文件 … · 数据目录 …」+ 各条报文里的长路径，都缩成「公共前缀 ＋ 短尾巴」。 */
-		function shorten(path, prefixes) {
-			const hit = prefixes.find((prefix) => path.startsWith(prefix + "/"));
-			return hit === void 0 ? path : "…/" + path.slice(hit.length + 1);
-		}
 		/** 一家里所有会印出来的路径。 */
 		function pathsOf(report) {
 			const out = [report.configPath, report.dataDir];
@@ -1157,15 +1299,17 @@ window.__ModuleLoader__.load({
 		function lightsOf(tabs, reports) {
 			return tabs.map((tab) => {
 				const report = reports[tab.id];
+				const items = report?.items ?? [];
 				return {
 					id: tab.id,
 					title: tab.title,
-					status: report ? worstStatus(report.items) : null,
-					counts: countByStatus(report?.items ?? [])
+					status: report ? worstStatus(items) : null,
+					counts: countByStatus(items),
+					hasChannel: tab.hasChannel ?? true
 				};
 			});
 		}
-		/** 一家的一句话读数：「红 1 黄 2」，全绿就是「绿」。 */
+		/** 一家的一句话读数：「红 1 黄 2」，全绿就是「绿」。面板侧要**上色**的那几处不用它（见 `countSegments`）。 */
 		function countsText(counts) {
 			const parts = [];
 			if (counts.red > 0) parts.push("红 " + String(counts.red));
@@ -1173,12 +1317,103 @@ window.__ModuleLoader__.load({
 			if (parts.length === 0) return "绿";
 			return parts.join(" · ");
 		}
-		/** 顶部那行总览：六家一盏灯 ＋ 一个「体检一次」按钮。 */
-		function HealthOverview(props) {
+		/** 把一份计数拆成**按档分色**的几截。红黄各自一截、各自上色，互不串色；
+		*  「黄 3」这一截为什么不能被染成红——见 `countSegments` 的注释（出图复评逮到的真缺陷）。 */
+		function countSegsOf(light) {
+			if (light.status === null) return [{
+				status: null,
+				text: "—"
+			}];
+			const segs = [];
+			for (const status of ["red", "yellow"]) {
+				const count = light.counts[status];
+				if (count > 0) segs.push({
+					status,
+					text: STATUS_LABEL[status] + " " + String(count)
+				});
+			}
+			return segs.length > 0 ? segs : [{
+				status: "green",
+				text: "绿"
+			}];
+		}
+		/** 几截读数之间那个分隔符：不许染档位色（它不属于任何一档）。 */
+		const SEG_SEP = " · ";
+		/** 汇总行那一句：绿要显眼（它是「正常」这件事本身），没通道的那几家不冒充绿。 */
+		function overallText(lights) {
+			const pending = lights.filter((light) => !light.hasChannel).length;
+			const withReport = lights.filter((light) => light.hasChannel);
+			const tail = pending > 0 ? " · " + String(pending) + " 家还没体检" : "";
+			if (withReport.length > 0 && withReport.every((light) => light.status === "green")) return react.createElement("span", { style: {
+				color: STATUS_COLOR.green,
+				fontWeight: 700
+			} }, "六家正常" + tail);
+			const parts = [];
+			for (const status of ["red", "yellow"]) {
+				let count = 0;
+				for (const light of lights) count += light.counts[status];
+				if (count === 0) continue;
+				if (parts.length > 0) parts.push(react.createElement("span", {
+					key: status + "-sep",
+					style: { color: INK_DIM }
+				}, SEG_SEP));
+				parts.push(react.createElement("span", {
+					key: status,
+					style: {
+						color: STATUS_TEXT[status],
+						fontWeight: 700
+					}
+				}, STATUS_LABEL[status] + " " + String(count)));
+			}
+			if (parts.length === 0) return react.createElement("span", { style: { color: INK_DIM } }, "还没体检" + tail);
+			parts.push(react.createElement("span", {
+				key: "todo",
+				style: { color: INK }
+			}, " 要处理" + tail));
+			return react.createElement("span", null, parts);
+		}
+		/** 那枚小数字用的底色（比灯色浅一档，压在页签上不抢眼）。 */
+		const STATUS_DOT = {
+			red: STATUS_COLOR.red,
+			yellow: STATUS_COLOR.yellow,
+			green: STATUS_COLOR.green
+		};
+		/** 页签圆点的颜色与语义（票 #732）：从「实心／空心＝装没装」改成「颜色＝体检档位」。 */
+		const TAB_DOT = {
+			/** 没装（页签槽账本里没有这一家）。 */
+			absent: STATUS_DOT.green,
+			/** 装了、但还没跑过体检。 */
+			unchecked: INK_DIM
+		};
+		/** 页签圆点该用什么色：装了按档位（红黄绿），没装/没跑过走缺席态。 */
+		function tabDotColor(light) {
+			if (!light.hasChannel) return TAB_DOT.absent;
+			return light.status === null ? TAB_DOT.unchecked : STATUS_DOT[light.status];
+		}
+		/** 页签上那枚小数字（票 #732）：红黄那几家，家名后带一条计数；全绿与没跑过不带。 */
+		const TAB_NOTE_STYLE = {
+			marginLeft: 5,
+			border: "1px solid " + BORDER,
+			borderRadius: 999,
+			padding: "0 5px",
+			fontSize: 11,
+			fontWeight: 700
+		};
+		/** 那枚小数字写什么：只报「要处理」的那两档；一家里红黄都有时先报红那一档（圆点已经按最严重的档上色了）。 */
+		function tabNote(light) {
+			if (!light.hasChannel || light.status === null || light.status === "green") return null;
+			return countSegsOf(light)[0] ?? null;
+		}
+		/** 顶部那一行汇总（票 #732：不再一家一盏灯按钮，一行总账 ＋ 一个体检按钮）。
+		*
+		*  与页签的分工：这行只答「一共几条要处理」；「哪几家、各几条」由页签的圆点与小数字答；
+		*  「具体哪一条坏了、去哪修」由那家页签里的 `HealthTable` 答。 */
+		function HealthSummaryLine(props) {
+			const hasLights = props.lights.length > 0;
 			return react.createElement("div", {
-				style: HEALTH_STYLE.box,
-				"data-ilife-health": "overview"
-			}, react.createElement("div", { style: HEALTH_STYLE.headRow }, react.createElement("div", { style: HEALTH_STYLE.head }, "配置体检")), react.createElement("div", { style: HEALTH_STYLE.runRow }, react.createElement("button", {
+				style: HEALTH_STYLE.summaryRow,
+				"data-ilife-health": "summary"
+			}, react.createElement("div", { style: HEALTH_STYLE.head }, "配置体检"), react.createElement("div", { style: HEALTH_STYLE.summaryText }, props.error !== null ? react.createElement("span", { style: { color: STATUS_TEXT.red } }, props.error) : hasLights ? overallText(props.lights) : react.createElement("span", { style: { color: INK_DIM } }, "还没体检")), react.createElement("button", {
 				type: "button",
 				style: props.running ? {
 					...HEALTH_STYLE.btn,
@@ -1187,40 +1422,8 @@ window.__ModuleLoader__.load({
 				} : HEALTH_STYLE.btn,
 				disabled: props.running,
 				onClick: props.onRun,
-				title: "对六家各跑一次配置体检（只看不改：不建目录、不改配置）"
-			}, props.running ? "体检中…" : "体检一次")), react.createElement("div", {
-				style: HEALTH_STYLE.lightsRow,
-				"data-ilife-health": "lights"
-			}, props.lights.map((light) => react.createElement("button", {
-				key: light.id,
-				type: "button",
-				"data-ilife-health": "light",
-				"data-skill": light.id,
-				style: light.status === null ? {
-					...HEALTH_STYLE.light,
-					...HEALTH_STYLE.lightIdle
-				} : {
-					...HEALTH_STYLE.light,
-					borderColor: STATUS_COLOR[light.status],
-					borderWidth: 1.5,
-					background: STATUS_TINT[light.status]
-				},
-				disabled: light.status === null,
-				onClick: () => props.onJump(light.id),
-				title: light.status === null ? "还没体检（或这一家没装）" : light.title + "：" + countsText(light.counts)
-			}, react.createElement("span", { style: {
-				width: 10,
-				height: 10,
-				borderRadius: "50%",
-				background: light.status === null ? INK_DIM : STATUS_COLOR[light.status],
-				display: "inline-block"
-			} }), react.createElement("span", { style: {
-				color: INK,
-				fontWeight: 650
-			} }, light.title), react.createElement("span", { style: {
-				color: light.status === null ? INK_DIM : STATUS_TEXT[light.status],
-				fontWeight: 700
-			} }, light.status === null ? "—" : countsText(light.counts))))), react.createElement("div", { style: HEALTH_STYLE.meta }, props.error !== null ? props.error : "只看不改 · 灯＝那一家最严重的一档 · 点一下跳到那家配置页"));
+				title: "对六家各跑一次配置体检（只看不改：不建目录、不改配置、不自动重置）"
+			}, props.running ? "体检中…" : "体检一次"));
 		}
 		/** 正正常常的那些：绿条只留「名字」，一句话与「去哪修」都不印（票面验收第一条：正常的收成一行）。 */
 		function isAttentionItem(item) {
@@ -1237,10 +1440,11 @@ window.__ModuleLoader__.load({
 			}, react.createElement("div", { style: HEALTH_STYLE.headRow }, react.createElement("div", { style: HEALTH_STYLE.head }, props.title + " · 体检"), report ? react.createElement("div", { style: {
 				color: INK_DIM,
 				fontSize: 12
-			} }, countsText(countByStatus(report.items))) : null), props.phase === "idle" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "还没体检：点上面那个「体检一次」。") : null, props.phase === "running" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "正在体检…") : null, props.error !== null ? react.createElement("div", { style: HEALTH_STYLE.error }, props.error) : null, report ? react.createElement("div", null, react.createElement("div", {
-				style: HEALTH_STYLE.meta,
-				title: prefixes.join("　")
-			}, "配置文件 " + shorten(report.configPath, prefixes) + " · 数据目录 " + shorten(report.dataDir, prefixes)), report.items.filter(isAttentionItem).map((item) => react.createElement("div", {
+			} }, countsText(countByStatus(report.items))) : null), props.phase === "idle" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "还没体检：点上面那个「体检一次」。") : null, props.phase === "running" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "正在体检…") : null, props.error !== null ? react.createElement("div", { style: HEALTH_STYLE.error }, props.error) : null, report ? react.createElement("div", null, report.dataDir !== "" ? react.createElement("div", { style: {
+				color: INK_DIM,
+				fontSize: 11.5,
+				marginTop: 2
+			} }, "落点根目录：" + report.dataDir + (report.configPath !== "" ? "（配置文件 " + report.configPath + "）" : "")) : null, report.items.filter(isAttentionItem).map((item) => react.createElement("div", {
 				key: item.id,
 				"data-ilife-health": "item",
 				"data-status": item.status,
@@ -1267,18 +1471,12 @@ window.__ModuleLoader__.load({
 				},
 				"aria-hidden": "true"
 			}, STATUS_MARK[item.status]), react.createElement("span", { style: {
-				width: 8,
-				height: 8,
-				borderRadius: "50%",
-				display: "inline-block",
-				background: STATUS_COLOR[item.status]
-			} }), react.createElement("span", { style: {
 				fontWeight: 650,
 				color: INK
 			} }, item.title), react.createElement("span", { style: {
 				color: STATUS_TEXT[item.status],
 				fontWeight: 700
-			} }, STATUS_LABEL[item.status]), item.source ? react.createElement("span", { style: { color: INK_DIM } }, "· 来自" + item.source) : null), react.createElement("div", {
+			} }, STATUS_LABEL[item.status]), item.source && item.source !== "默认值" ? react.createElement("span", { style: { color: INK_DIM } }, "· 来自" + item.source) : null), react.createElement("div", {
 				style: { color: INK },
 				title: item.message
 			}, shortenPathsIn(item.message, prefixes)), item.action.length > 0 ? react.createElement("div", { style: { color: INK_DIM } }, "去哪修：" + actionText(item.action)) : null)), report.items.some((item) => !isAttentionItem(item)) ? react.createElement("div", {
@@ -1289,16 +1487,27 @@ window.__ModuleLoader__.load({
 					alignItems: "center",
 					gap: "2px 10px",
 					marginTop: 8,
-					paddingTop: 6,
-					borderTop: "1px solid " + BORDER,
+					padding: "6px 8px",
+					borderLeft: "3px solid " + STATUS_COLOR.green,
+					borderRadius: 6,
 					fontSize: 12,
 					lineHeight: 1.6,
 					color: INK_DIM
 				}
-			}, react.createElement("span", { style: {
+			}, react.createElement("span", {
+				style: {
+					width: 8,
+					height: 8,
+					borderRadius: "50%",
+					display: "inline-block",
+					background: STATUS_COLOR.green,
+					flex: "0 0 auto"
+				},
+				"aria-hidden": "true"
+			}), react.createElement("span", { style: {
 				fontWeight: 650,
 				color: INK
-			} }, "正常 " + String(countByStatus(report.items).green) + " 条"), report.items.filter((item) => !isAttentionItem(item)).map((item) => react.createElement("span", {
+			} }, "正常 " + String(countByStatus(report.items).green) + " 条"), react.createElement("span", { style: { color: INK_DIM } }, "（下列各项都正常工作）"), report.items.filter((item) => !isAttentionItem(item)).map((item) => react.createElement("span", {
 				key: item.id,
 				"data-ilife-health": "ok-item"
 			}, "· " + item.title))) : null) : null);
@@ -1324,8 +1533,6 @@ window.__ModuleLoader__.load({
 		*   文案与网址都取自 nav.ts 的两张静态表，本文件只画不算。
 		*/
 		const inject = ["slots", "connection"];
-		/** 爱生活页签槽（总管声明的 children，技能设置页注册进来；单段名，避开官方 settings.* 前缀）。 */
-		const CONFIG_TAB_SLOT = "ilife.config-tab";
 		/** 总管视觉（内联 style；颜色走 DSH 主题别名，深浅主题自适应，写死值只做回退；与技能面板同语言）。 */
 		const S = {
 			headRow: {
@@ -1514,6 +1721,13 @@ window.__ModuleLoader__.load({
 				id: row.id,
 				channel: row.channel
 			})), [rows]));
+			/** 六家的灯（票 #732）：按**页签槽账本**那一排过（装了但没体检通道的也在内，它显缺席态）。 */
+			const lights = react.useMemo(() => lightsOf(rows.map((row) => ({
+				id: row.id,
+				title: row.label,
+				hasChannel: row.channel.length > 0
+			})), Object.fromEntries(Object.entries(health.rows).map(([id, row]) => [id, row.report ?? void 0]))), [rows, health.rows]);
+			const lightOf = (id) => lights.find((light) => light.id === id);
 			const [activeId, setActiveId] = react.useState(void 0);
 			const [visitedIds, setVisitedIds] = react.useState(() => /* @__PURE__ */ new Set());
 			const active = MANAGER_TABS.some((t) => t.plugin === activeId) ? activeId : MANAGER_TABS[0].plugin;
@@ -1527,13 +1741,6 @@ window.__ModuleLoader__.load({
 				const row = rows.find((r) => r.id === tab.plugin);
 				return row && row.label.length > 0 ? row.label : tab.title;
 			}
-			/** 按包名取页签标题（总览那行按账本行过，账本里没有的退到导航表的标题）。 */
-			function labelForTab(id) {
-				const row = rows.find((r) => r.id === id);
-				if (row && row.label.length > 0) return row.label;
-				const tab = MANAGER_TABS.find((t) => t.plugin === id);
-				return tab ? tab.title : id;
-			}
 			function targetForTab(tab) {
 				return face.targets.find((t) => t.packageName === tab.plugin) ?? null;
 			}
@@ -1559,21 +1766,20 @@ window.__ModuleLoader__.load({
 				setActiveId(next.plugin);
 				tabRefs.current[nextIndex]?.focus();
 			}
-			return react.createElement("div", null, react.createElement("div", { style: S.headRow }, react.createElement("div", { style: S.head }, "爱生活"), react.createElement("div", { style: S.headActions }, react.createElement(CheckUpdateButton, { face }), react.createElement(PanelActions, null))), react.createElement("div", { style: S.meta }, react.createElement("div", null, "总开关 · 开关（缺省启用，只读）"), react.createElement("div", null, "总管 dsh-life-pack · 0.2.5")), react.createElement(UpdateResults, { face }), react.createElement(HealthOverview, {
-				lights: lightsOf(rows.map((row) => ({
-					id: row.id,
-					title: labelForTab(row.id)
-				})), Object.fromEntries(Object.entries(health.rows).map(([id, row]) => [id, row.report ?? void 0]))),
+			return react.createElement("div", null, react.createElement("div", { style: S.headRow }, react.createElement("div", { style: S.head }, "爱生活"), react.createElement("div", { style: S.headActions }, react.createElement(CheckUpdateButton, { face }), react.createElement(PanelActions, null))), react.createElement("div", { style: S.meta }, react.createElement("div", null, "总开关 · 开关（缺省启用，只读）"), react.createElement("div", null, "总管 dsh-life-pack · 0.2.6")), react.createElement(UpdateResults, { face }), react.createElement(HealthSummaryLine, {
+				lights,
 				running: health.running,
 				error: health.error,
-				onRun: health.run,
-				onJump: setActiveId
+				onRun: health.run
 			}), react.createElement("div", {
 				role: "tablist",
 				"aria-label": "爱生活技能页签",
 				style: S.tablist
 			}, MANAGER_TABS.map((tab, index) => {
 				const selected = tab.plugin === active;
+				const light = lightOf(tab.plugin);
+				const dotColor = light === void 0 ? present.has(tab.plugin) ? TAB_DOT.unchecked : TAB_DOT.absent : tabDotColor(light);
+				const note = light === void 0 ? null : tabNote(light);
 				return react.createElement("button", {
 					key: tab.plugin,
 					ref: (element) => {
@@ -1594,8 +1800,25 @@ window.__ModuleLoader__.load({
 					},
 					onKeyDown: (event) => {
 						onTabKeyDown(event, index);
+					},
+					title: light === void 0 ? "这一家没装（或产物没注册页签槽）" : light.title + "：" + (light.hasChannel ? light.status === null ? "还没体检" : "体检读数见本页签下方的表" : "没有配置体检出口")
+				}, react.createElement("span", {
+					"data-ilife-health": "tab-dot",
+					style: {
+						width: 6,
+						height: 6,
+						borderRadius: "50%",
+						background: dotColor,
+						display: "inline-block",
+						flex: "0 0 auto"
+					}
+				}), labelFor(tab), note === null ? null : react.createElement("span", {
+					"data-ilife-health": "tab-note",
+					style: {
+						...TAB_NOTE_STYLE,
+						color: note.status === null ? void 0 : STATUS_TEXT[note.status]
 					}
-				}, (present.has(tab.plugin) ? "● " : "○ ") + labelFor(tab));
+				}, note.text));
 			})), MANAGER_TABS.filter((tab) => tab.plugin === active || visitedIds.has(tab.plugin)).map((tab) => {
 				const selected = tab.plugin === active;
 				return react.createElement("div", {
@@ -1612,6 +1835,7 @@ window.__ModuleLoader__.load({
 				})) : react.createElement(AbsentCard, {
 					target: targetForTab(tab),
 					fallbackCommand: recoFor(tab).installCmd,
+					inLedger: present.has(tab.plugin),
 					face
 				}));
 			}), react.createElement(MorePluginsCard, null));