dsh-life-pack 0.2.6 → 0.3.0

package/dist/client.js

@@ -38,42 +38,48 @@ window.__ModuleLoader__.load({
 				slotId: "ilife:memo",
 				order: 70,
 				title: "备忘录",
-				plugin: "dsh-memo-ilife"
+				plugin: "dsh-memo-ilife",
+				channel: "/ilife-memo"
 			},
 			{
 				skill: "calorie",
 				slotId: "ilife:calorie",
 				order: 75,
 				title: "卡路里",
-				plugin: "dsh-calorie"
+				plugin: "dsh-calorie",
+				channel: "/ilife-calorie"
 			},
 			{
 				skill: "schedule",
 				slotId: "ilife:schedule",
 				order: 80,
-				title: "作息",
-				plugin: "dsh-schedule-ilife"
+				title: "作息管家",
+				plugin: "dsh-schedule-ilife",
+				channel: "/ilife-schedule-ilife"
 			},
 			{
 				skill: "home",
 				slotId: "ilife:home",
 				order: 85,
-				title: "居家",
-				plugin: "dsh-home-ilife"
+				title: "居家管家",
+				plugin: "dsh-home-ilife",
+				channel: "/ilife-home-ilife"
 			},
 			{
 				skill: "chef",
 				slotId: "ilife:chef",
 				order: 90,
-				title: "大厨",
-				plugin: "dsh-chef"
+				title: "私家大厨",
+				plugin: "dsh-chef",
+				channel: "/ilife-chef"
 			},
 			{
 				skill: "bill",
 				slotId: "ilife:cookie",
 				order: 95,
-				title: "记账",
-				plugin: "dsh-bill-ilife"
+				title: "饼干记账",
+				plugin: "dsh-bill-ilife",
+				channel: "/ilife-bill-ilife"
 			}
 		];
 		function recoFor(tab) {
@@ -139,10 +145,17 @@ window.__ModuleLoader__.load({
 		* 一处定义、两边引用（结构纪律「概念唯一」）：名字改了只有这一行要动。
 		* 宿主判据为什么要读这个字面量、以及它的边界，见 `readPanelRegistered` 的头注。 */
 		const CONFIG_TAB_SLOT = "ilife.config-tab";
+		/** 载体基段：`connection.rpc.call` 的**第一段**参数，宿主注册路径与它同源（`'/api' ＋ 通道名`）。
+		*
+		* 一处定义（#735）：总管自己的电话、以及面板到各家的每一通电话，第一段都必须是它。
+		* 真机实现（`dsh-client-connection/lib/client.js`）：URL ＝ `${第一段}/${第二段}`、信封 `method` ＝ 第二段。
+		* 传错第一段就是 404：总管自己的电话在 #678 栽过一次，各家的配置体检在 #735 又栽过一次
+		* （那次传的是通道名 `/ilife-<技能>`，拼出来的地址上没有注册过那条路由，六家全 404）。 */
+		const CARRIER_BASE = "/api";
 		/** 载体：宿主注册 `connection.fetch.register` 的路径 / 面板 `connection.rpc.call` 的两段参数。 */
 		const MANAGER_RPC = {
 			/** 载体基段（`connection.rpc.call` 的**第一段**参数）。传错第一段就是 404：真机上踩过一次。 */
-			base: "/api",
+			base: CARRIER_BASE,
 			/** 单段通道名，须 match `/^\/[A-Za-z0-9._~-]+$/`（cookbook §6）。 */
 			channel: "/ilife-manager",
 			/** 面板侧第二段参数（等于通道名去掉前导斜杠那一段）。 */
@@ -160,8 +173,19 @@ window.__ModuleLoader__.load({
 			* （`update.phoneNames`，`host.ts:335`）；面板侧既不能 import 更新包（浏览器产物纯度门）
 			* 也不该把名字再写一份（写两份必然走散）。宿主把名字表连同版本行一起交出去，
 			* 面板一行字面量都不留。 */
-			targets: "ilife-manager.targets"
+			targets: "ilife-manager.targets",
+			/** 总管自述版本（票 #737）：入参 `{}`，回包 `{version}`。
+			*
+			* 宿主读**自己这份已安装包**的 `package.json`（`manager-version.ts`），面板只渲染读到的值。
+			* 为什么走电话：面板是浏览器产物，禁 node 内建（`test/client-bundle-48.test.mjs` 看门），
+			* 读盘只许在宿主半；与卡路里 #130 同一条路（host 读 → RPC → client 纯渲染）。 */
+			version: "ilife-manager.version"
 		};
+		/** 版本读不到时两侧共用的降级字面量（面板照原样显示，不假装知道版本）。
+		*
+		* 一处定义、两侧引用：宿主半 `manager-version.ts` 读失败时回它，面板半 `update-client.ts`
+		* 归一化时也认它——面板侧不许 import 宿主半（会把 node 内建带进浏览器束）。 */
+		const VERSION_UNKNOWN = "unknown";
 		/** 装不了 / 装不成的人话原因表：八种 `blockedReason` ＋ 过程错误码（更新包 README 第 8、12 节）。 */
 		const REASON_TEXT = {
 			"unknown-profile": "使用范围认不出（名字非法或目录不存在）：先检查使用范围名与目录，这种情形不给手工命令。",
@@ -187,14 +211,15 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/update-client.ts
-		/** 面板到宿主的三条流程（纯异步函数：无 DOM、无 react；传输口由调用方注入，便于单测）。
+		/** 面板到宿主的四条流程（纯异步函数：无 DOM、无 react；传输口由调用方注入，便于单测）。
 		*
-		* 三条流程与更新包 README 的对应关系：
+		* 四条流程与更新包 README 的对应关系：
 		* - 检查更新：`updateCheck`（第 3 节第 3 步的 `host.call(UPD_CHECK, {})`）；
 		* - 装上更新：`updateCheck` 拿凭证 → `updateInstall` 提交 → **按间隔轮询 `updateStatus`**
 		*   直到任务离开 `installing`/`verifying`（第 3 节第 3 步与第 9 节：安装是后台跑，
 		*   调用方不干等；凭证过期 `check-expired` 是正常错误码，重查一次再提交，见第 11 节）；
-		* - 装上缺席的包：走总管自有的 `ilife-manager.install`（更新包的三个电话只管已装的包）。
+		* - 装上缺席的包：走总管自有的 `ilife-manager.install`（更新包的三个电话只管已装的包）；
+		* - 总管自述版本：走总管自有的 `ilife-manager.version`（宿主读自己那份包描述文件，见 `manager-version.ts`）。
 		*/
 		/** 轮询上限：1 秒一次、最多 900 次（覆盖更新包 15 分钟的安装时限）。 */
 		const MAX_POLL_TRIES = 900;
@@ -253,6 +278,16 @@ window.__ModuleLoader__.load({
 				}
 			};
 		}
+		/** 取总管自述版本（票 #737）：宿主读**自己这份已安装包**的 `package.json`，面板只渲染读到的值。
+		*
+		* 单次、无轮询；宿主读不到会回 `unknown`，传输层失败也回同一个字面量——面板照原样显示，
+		* 不假装知道版本（与卡路里 #130 的降级口径一致）。 */
+		async function loadManagerVersion(call) {
+			const out = await callManager(call, MANAGER_ACTIONS.version, {});
+			if (!out.ok) return VERSION_UNKNOWN;
+			const raw = out.value?.version;
+			return typeof raw === "string" && raw.trim().length > 0 ? raw.trim() : VERSION_UNKNOWN;
+		}
 		/** 查一家：默认查新版（`updateCheck`，顺带回最新版本与凭证）；给 `phoneName` 时查那个电话。 */
 		async function checkTarget(call, target, phoneName) {
 			const name = phoneName ?? target.phones?.check;
@@ -494,17 +529,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,
@@ -513,7 +571,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",
@@ -525,12 +602,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))",
@@ -542,12 +621,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",
@@ -565,6 +653,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,
@@ -749,18 +876,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", {
@@ -782,13 +934,13 @@ 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);
 		}
 		/** 缺席卡：**按两处独立事实分三态**，每态只给能改变状态的动作。
 		*
@@ -881,12 +1033,20 @@ window.__ModuleLoader__.load({
 		/** 面板到各家的配置体检：一次取数、六份报告（纯异步函数：无 DOM、无 react；传输口注入，便于单测）。
 		*
 		* 三条纪律：
-		*   · **只走各家自己的通道**（`rpc.call(channel, HEALTH_ENDPOINT, …)`）——总管不认任何一家、也不加
-		*     任何单品的依赖；通道名从「爱生活页签槽」的账本条目带出来（各家注册时写进 options）。
+		*   · **只走各家自己的电话**（`rpc.call(CARRIER_BASE, <电话名>, {method, payload}, …)`）——总管不认任何
+		*     一家的端点、也不加任何单品的依赖；电话名与端点名都是各家契约件公开的事实。
+		*     ⚠ **载体形状**（#735 真机踩到）：第一段必须是**载体基段** `/api`，第二段是那家的电话名
+		*     （＝它注册在 `/api<通道>` 上的那一段），端点名写进载荷的 `method`。写错第一段就是 404，
+		*     而 404 只落成「那一家取不到数」，屏上看起来像按钮坏了（先例：总管自己的电话在 #678 栽过同一处，
+		*     见 `update-contract.ts` 的 `CARRIER_BASE`）。
 		*   · **一次取数，六份报告**：总览那行与各家那张表读的是同一份结果（见 `health-panel.ts` 的单一状态源），
 		*     不许两处各算一遍。
 		*   · 有界超时：一家不回不该拖死整屏（技能侧 spawn 上限 20 s，这里给 25 s）。
 		*/
+		/** 一家的电话名：通道名去掉前导斜杠那一段（各家宿主半注册在 `/api` ＋ 通道名，信封 `method` 就是它）。 */
+		function phoneOf(channel) {
+			return channel.startsWith("/") ? channel.slice(1) : channel;
+		}
 		/** 一次取数的时限（毫秒）：技能侧 spawn 上限 20 s，这里留一点余量。 */
 		const HEALTH_TIMEOUT_MS = 25e3;
 		function timeoutText() {
@@ -894,7 +1054,10 @@ window.__ModuleLoader__.load({
 		}
 		async function fetchOne(call, row) {
 			try {
-				const result = await call(row.channel, HEALTH_ENDPOINT, {}, AbortSignal.timeout(HEALTH_TIMEOUT_MS));
+				const result = await call(CARRIER_BASE, phoneOf(row.channel), {
+					method: HEALTH_ENDPOINT,
+					payload: {}
+				}, AbortSignal.timeout(HEALTH_TIMEOUT_MS));
 				if (!result || typeof result !== "object" || typeof result.ok !== "boolean") return {
 					report: null,
 					error: "回执信封异常（非 ok 信封）。"
@@ -1001,6 +1164,17 @@ window.__ModuleLoader__.load({
 			} catch {}
 			return face;
 		}
+		/** 汇总行该显示哪一句错（票 #735）：取数过程本身的错优先；**一家报告都没回来**时，把第一条家错误顶上来。
+		*
+		* 为什么要有这一格：各家的错只画在那家页签里的体检表上，一行摘要看不见 ⇒ 用户点完只见「体检中…」闪一下、
+		* 接着仍旧「还没体检」，会以为按钮坏了（真机上就是这么被误判的；那次六家全 404，汇总行一声不吭）。
+		* 有报告回来时不顶：那时各家那张表里已经把错说清楚了，摘要行只管读数。 */
+		function summaryErrorOf(face) {
+			if (face.error !== null) return face.error;
+			const rows = Object.values(face.rows);
+			if (rows.some((row) => row.report !== null)) return null;
+			return rows.find((row) => row.error !== null)?.error ?? null;
+		}
 		//#endregion
 		//#region src/health-view.ts
 		/** 配置体检的两个画法：面板顶部那行总览（六家一盏灯）＋ 各家那张表。
@@ -1070,45 +1244,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,
@@ -1192,11 +1361,12 @@ window.__ModuleLoader__.load({
 					id: tab.id,
 					title: tab.title,
 					status: report ? worstStatus(items) : null,
-					counts: countByStatus(items)
+					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));
@@ -1204,25 +1374,57 @@ window.__ModuleLoader__.load({
 			if (parts.length === 0) return "绿";
 			return parts.join(" · ");
 		}
-		/** 「红 2 · 黄 3」那一截**按档上色**：每一档用它自己的字色、分隔符走淡色。
-		*  为什么必须拆开：原先整截塞进一个 span、染「最严重那一档」的颜色，六家都红时「黄 3」就跟着印成红字——
-		*  本页自己说「黄＝还没配」，文字层却把它涂成红（出图复评五份里三份独立指到，取色同为 `#c03828`）。 */
-		function countSegments(light) {
-			if (light.status === null) return [react.createElement("span", {
-				key: "dash",
-				style: {
-					color: INK_DIM,
+		/** 把一份计数拆成**按档分色**的几截。红黄各自一截、各自上色，互不串色；
+		*  「黄 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 = " · ";
+		/** 汇总行那一句：绿要显眼（它是「正常」这件事本身），没通道的那几家不冒充绿。
+		*
+		*  「没有体检出口」与「还没跑过体检」是**两件事**（票 #735）：前者那颗「体检一次」按下去不会有任何反应，
+		*  必须自己说出来——两态共用一句「还没体检」时，用户与诊断都会被引到「点了没跑」上去。 */
+		function overallText(lights) {
+			const pending = lights.filter((light) => !light.hasChannel).length;
+			const withChannel = lights.filter((light) => light.hasChannel);
+			const tail = pending > 0 ? " · " + String(pending) + " 家没有体检出口" : "";
+			if (withChannel.length === 0) {
+				const what = lights.length === 0 ? "还没有任何一家登记体检出口" : String(lights.length) + " 家都没有体检出口（通道名没登记上）";
+				return react.createElement("span", { style: {
+					color: STATUS_TEXT.red,
 					fontWeight: 700
-				}
-			}, "—")];
+				} }, "没有可体检的家：" + what);
+			}
+			const allGreen = withChannel.every((light) => light.status === "green");
+			if (allGreen && pending === 0) return react.createElement("span", { style: {
+				color: STATUS_COLOR.green,
+				fontWeight: 700
+			} }, "六家正常");
 			const parts = [];
 			for (const status of ["red", "yellow"]) {
-				const count = light.counts[status];
+				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: {
@@ -1231,21 +1433,54 @@ window.__ModuleLoader__.load({
 					}
 				}, STATUS_LABEL[status] + " " + String(count)));
 			}
-			if (parts.length === 0) return [react.createElement("span", {
-				key: "green",
-				style: {
-					color: INK_DIM,
-					fontWeight: 700
-				}
-			}, "绿")];
-			return parts;
+			if (parts.length === 0) return react.createElement("span", { style: { color: INK_DIM } }, (allGreen ? "有出口的都正常" : "还没体检") + tail);
+			parts.push(react.createElement("span", {
+				key: "todo",
+				style: { color: INK }
+			}, " 要处理" + tail));
+			return react.createElement("span", null, parts);
 		}
-		/** 顶部那行总览：六家一盏灯 ＋ 一个「体检一次」按钮。 */
-		function HealthOverview(props) {
+		/** 那枚小数字用的底色（比灯色浅一档，压在页签上不抢眼）。 */
+		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) {
 			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) : overallText(props.lights)), react.createElement("button", {
 				type: "button",
 				style: props.running ? {
 					...HEALTH_STYLE.btn,
@@ -1254,63 +1489,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), ...countSegments(light)))), react.createElement("div", { style: HEALTH_STYLE.meta }, props.error !== null ? props.error : [
-				react.createElement("span", {
-					key: "r",
-					style: {
-						color: STATUS_TEXT.red,
-						fontWeight: 700
-					}
-				}, "红"),
-				react.createElement("span", { key: "r2" }, "＝坏了 · "),
-				react.createElement("span", {
-					key: "y",
-					style: {
-						color: STATUS_TEXT.yellow,
-						fontWeight: 700
-					}
-				}, "黄"),
-				react.createElement("span", { key: "y2" }, "＝还没配 · "),
-				react.createElement("span", {
-					key: "g",
-					style: {
-						color: STATUS_TEXT.green,
-						fontWeight: 700
-					}
-				}, "绿"),
-				react.createElement("span", { key: "g2" }, "＝正常 ｜ 只看不改：不建目录、不改配置、不自动重置"),
-				react.createElement("span", { key: "tab" }, " · 上面那排圆点是体检灯，点一下跳到那家配置页；下面那排圆点是页签（实心＝装上了）")
-			]));
+				title: "对六家各跑一次配置体检（只看不改：不建目录、不改配置、不自动重置）"
+			}, props.running ? "体检中…" : "体检一次"));
 		}
 		/** 正正常常的那些：绿条只留「名字」，一句话与「去哪修」都不印（票面验收第一条：正常的收成一行）。 */
 		function isAttentionItem(item) {
@@ -1420,6 +1600,9 @@ window.__ModuleLoader__.load({
 		*   文案与网址都取自 nav.ts 的两张静态表，本文件只画不算。
 		*/
 		const inject = ["slots", "connection"];
+		/** 包名 → 本家那条客户端通道（票 #735）。取值面是导航表那份镜像，不再从页签槽账本的自定义选项里读：
+		*  装机槽位面不透传自定义键，读了恒是空串（详见 `nav.ts` 上 `ManagerTab.channel` 的注释）。 */
+		const CHANNEL_BY_PLUGIN = new Map(MANAGER_TABS.map((tab) => [tab.plugin, tab.channel]));
 		/** 总管视觉（内联 style；颜色走 DSH 主题别名，深浅主题自适应，写死值只做回退；与技能面板同语言）。 */
 		const S = {
 			headRow: {
@@ -1597,6 +1780,23 @@ window.__ModuleLoader__.load({
 				style: S.moreRow
 			}, react.createElement("span", { style: S.morePkg }, row.pkg), react.createElement("span", { style: S.moreDesc }, row.desc), react.createElement("span", { style: S.moreIcon }, react.createElement(ExternalIcon, null)))));
 		}
+		/** 总管自述版本（票 #737）：**不手写**，问宿主——宿主读自己这份已安装包的 `package.json`。
+		*
+		* 单次取数（`loadManagerVersion`），无轮询；初值 `unknown`，读不到也停在 `unknown`。
+		* 与卡路里 #130 同一条路：面板是浏览器产物、禁 node 内建，读盘只许在宿主半。 */
+		function useManagerVersion(getCall) {
+			const [version, setVersion] = react.useState(VERSION_UNKNOWN);
+			react.useEffect(() => {
+				let alive = true;
+				loadManagerVersion(getCall()).then((next) => {
+					if (alive) setVersion(next);
+				});
+				return () => {
+					alive = false;
+				};
+			}, [getCall]);
+			return version;
+		}
 		/** 爱生活面板：总设置区 ＋ 检查更新（七家）＋ 爱生活页签条（slot 驱动）＋ 技能设置页投影/缺席卡。 */
 		function LifePackSection(props) {
 			const tabsId = react.useId();
@@ -1604,10 +1804,18 @@ window.__ModuleLoader__.load({
 			const rows = props.useTabs((value) => value);
 			const present = new Set(rows.map((r) => r.id));
 			const face = useUpdateRows(props.getCall);
+			const managerVersion = useManagerVersion(props.getCall);
 			const health = useHealthPanel(() => props.getCall(), react.useMemo(() => rows.filter((row) => row.channel.length > 0).map((row) => ({
 				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;
@@ -1621,13 +1829,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;
 			}
@@ -1653,21 +1854,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.6")), 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, "总管 dsh-life-pack · " + managerVersion)), react.createElement(UpdateResults, { face }), react.createElement(HealthSummaryLine, {
+				lights,
 				running: health.running,
-				error: health.error,
-				onRun: health.run,
-				onJump: setActiveId
+				error: summaryErrorOf(health),
+				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) => {
@@ -1688,8 +1888,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", {
@@ -1724,7 +1941,7 @@ window.__ModuleLoader__.load({
 							id: entry.options.id ?? "",
 							order: entry.options.order ?? 0,
 							label: resolveLabel(entry.options.label),
-							channel: entry.options.channel ?? ""
+							channel: CHANNEL_BY_PLUGIN.get(entry.options.id ?? "") ?? ""
 						})).sort((a, b) => a.order - b.order);
 					}
 					return tabs;