dsh-life-pack 0.2.6 → 0.2.7

package/dist/client.js

@@ -494,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,
@@ -513,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",
@@ -525,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))",
@@ -542,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",
@@ -565,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,
@@ -749,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", {
@@ -782,13 +899,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);
 		}
 		/** 缺席卡：**按两处独立事实分三态**，每态只给能改变状态的动作。
 		*
@@ -1070,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,
@@ -1192,11 +1304,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 +1317,46 @@ 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,
-					fontWeight: 700
-				}
-			}, "—")];
-			const parts = [];
+		/** 把一份计数拆成**按档分色**的几截。红黄各自一截、各自上色，互不串色；
+		*  「黄 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: {
@@ -1231,21 +1365,55 @@ 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 } }, "还没体检" + 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;
 		}
-		/** 顶部那行总览：六家一盏灯 ＋ 一个「体检一次」按钮。 */
-		function HealthOverview(props) {
+		/** 顶部那一行汇总（票 #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,
@@ -1254,63 +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), ...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) {
@@ -1608,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;
@@ -1621,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;
 			}
@@ -1653,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.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, "总开关 · 开关（缺省启用，只读）"), 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) => {
@@ -1688,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", {