dsh-life-pack 0.3.13 → 0.3.15

package/dist/client.js

@@ -100,7 +100,7 @@ window.__ModuleLoader__.load({
 		const PANEL_LINKS = [{
 			key: "star",
 			glyph: "⭐",
-			tip: "去 GitHub 点 Star",
+			tip: "你的🌟是我夜空中最亮的星。",
 			url: "https://github.com/FeatherHunter/ilife"
 		}, {
 			key: "feedback",
@@ -668,7 +668,7 @@ window.__ModuleLoader__.load({
 				marginBottom: 10
 			},
 			tab: {
-				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.35))",
+				border: "1px solid var(--dsw-alias-border-l1, rgba(128,128,128,.35))",
 				background: "transparent",
 				color: "var(--dsw-alias-label-primary, inherit)",
 				borderRadius: 999,
@@ -679,13 +679,13 @@ window.__ModuleLoader__.load({
 			tabActive: {
 				background: "var(--dsw-alias-brand-primary, #0a84ff)",
 				borderColor: "transparent",
-				color: "#fff",
+				color: "var(--dsw-alias-label-primary-foreground, #0f1115)",
 				fontWeight: 700
 			},
 			reco: {
 				padding: "12px 14px",
 				borderRadius: 10,
-				border: "1px dashed var(--dsw-alias-border, rgba(128,128,128,.45))",
+				border: "1px dashed var(--dsw-alias-border-l1, rgba(128,128,128,.45))",
 				color: "var(--dsw-alias-label-secondary, #9a9a9a)",
 				fontSize: 13,
 				lineHeight: 1.7
@@ -702,7 +702,7 @@ window.__ModuleLoader__.load({
 				userSelect: "all"
 			},
 			btn: {
-				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.35))",
+				border: "1px solid var(--dsw-alias-border-l1, rgba(128,128,128,.35))",
 				background: "transparent",
 				color: "var(--dsw-alias-label-primary, inherit)",
 				borderRadius: 8,
@@ -714,7 +714,7 @@ window.__ModuleLoader__.load({
 				padding: "10px 12px",
 				marginBottom: 10,
 				borderRadius: 8,
-				border: "1px solid var(--dsw-alias-state-warning-primary, #d8a300)",
+				border: "1px solid var(--dsw-alias-state-warn-primary, #d8a300)",
 				background: "var(--dsw-alias-bg-base, rgba(216,163,0,.12))",
 				color: "var(--dsw-alias-label-primary, inherit)",
 				fontSize: 13,
@@ -724,7 +724,7 @@ window.__ModuleLoader__.load({
 				padding: "10px 12px",
 				marginBottom: 8,
 				borderRadius: 10,
-				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.3))",
+				border: "1px solid var(--dsw-alias-border-l1, rgba(128,128,128,.3))",
 				borderLeftWidth: 3,
 				fontSize: 13,
 				lineHeight: 1.7
@@ -774,7 +774,7 @@ window.__ModuleLoader__.load({
 			btnPrimary: {
 				border: "1px solid transparent",
 				background: "var(--dsw-alias-brand-primary, #0a84ff)",
-				color: "#fff",
+				color: "var(--dsw-alias-label-primary-foreground, #0f1115)",
 				borderRadius: 8,
 				padding: "5px 14px",
 				fontSize: 13,
@@ -807,8 +807,8 @@ window.__ModuleLoader__.load({
 				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))",
+				border: "1px solid var(--dsw-alias-border-l1, rgba(128,128,128,.4))",
+				background: "var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-base, #222))",
 				color: "var(--dsw-alias-label-primary, inherit)",
 				boxShadow: "0 12px 32px rgba(0,0,0,.35)"
 			},
@@ -819,7 +819,7 @@ window.__ModuleLoader__.load({
 				gap: 8,
 				flex: "0 0 auto",
 				padding: "12px 14px",
-				borderBottom: "1px solid var(--dsw-alias-border, rgba(128,128,128,.3))"
+				borderBottom: "1px solid var(--dsw-alias-border-l1, rgba(128,128,128,.3))"
 			},
 			dialogTitle: {
 				fontSize: 14,
@@ -833,7 +833,7 @@ window.__ModuleLoader__.load({
 				padding: "12px 14px"
 			},
 			close: {
-				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.35))",
+				border: "1px solid var(--dsw-alias-border-l1, rgba(128,128,128,.35))",
 				background: "transparent",
 				color: "var(--dsw-alias-label-primary, inherit)",
 				borderRadius: 8,
@@ -857,7 +857,7 @@ window.__ModuleLoader__.load({
 			},
 			blocked: {
 				mark: "!",
-				color: "var(--dsw-alias-state-warning-primary, #d8a300)",
+				color: "var(--dsw-alias-state-warn-primary, #d8a300)",
 				tint: "rgba(216,163,0,.10)"
 			},
 			failed: {
@@ -1556,7 +1556,7 @@ window.__ModuleLoader__.load({
 		/** 面板上的文字色与分隔线（与 `client.ts` 同一套别名）。 */
 		const INK = "var(--dsw-alias-label-primary, inherit)";
 		const INK_DIM = "var(--dsw-alias-label-secondary, #9a9a9a)";
-		const BORDER = "var(--dsw-alias-border, rgba(128,128,128,.35))";
+		const BORDER = "var(--dsw-alias-border-l1, rgba(128,128,128,.35))";
 		const HEALTH_STYLE = {
 			box: {
 				padding: "10px 12px",
@@ -1698,16 +1698,8 @@ window.__ModuleLoader__.load({
 				};
 			});
 		}
-		/** 一家的一句话读数：「红 1 黄 2」，全绿就是「绿」。面板侧要**上色**的那几处不用它（见 `countSegments`）。 */
-		function countsText(counts) {
-			const parts = [];
-			if (counts.red > 0) parts.push("红 " + String(counts.red));
-			if (counts.yellow > 0) parts.push("黄 " + String(counts.yellow));
-			if (parts.length === 0) return "绿";
-			return parts.join(" · ");
-		}
 		/** 把一份计数拆成**按档分色**的几截。红黄各自一截、各自上色，互不串色；
-		*  「黄 3」这一截为什么不能被染成红——见 `countSegments` 的注释（出图复评逮到的真缺陷）。 */
+		*  数字本身不带档位字（#951）：颜色即档位，胶囊形状由调用方配 `COUNT_CAPSULE`／`TAB_NOTE_STYLE`。 */
 		function countSegsOf(light) {
 			if (light.status === null) return [{
 				status: null,
@@ -1718,16 +1710,26 @@ window.__ModuleLoader__.load({
 				const count = light.counts[status];
 				if (count > 0) segs.push({
 					status,
-					text: STATUS_LABEL[status] + " " + String(count)
+					text: String(count)
 				});
 			}
 			return segs.length > 0 ? segs : [{
 				status: "green",
-				text: "绿"
+				text: String(light.counts.green)
 			}];
 		}
 		/** 几截读数之间那个分隔符：不许染档位色（它不属于任何一档）。 */
 		const SEG_SEP = " · ";
+		/** 数字胶囊的形状（#951）：页签那枚 `TAB_NOTE_STYLE` 的同形，汇总与表头共用。
+		*  颜色不进这一格，调用方按档配 `STATUS_TEXT[status]`——颜色即档位，字上不再写档位名。 */
+		const COUNT_CAPSULE_STYLE = {
+			border: "1px solid " + BORDER,
+			borderRadius: 999,
+			padding: "0 6px",
+			margin: "0 2px",
+			fontSize: 11,
+			fontWeight: 700
+		};
 		/** 汇总行那一句：绿要显眼（它是「正常」这件事本身），没通道的那几家不冒充绿。
 		*
 		*  「没有体检出口」与「还没跑过体检」是**两件事**（票 #735）：前者那颗「体检一次」按下去不会有任何反应，
@@ -1760,10 +1762,10 @@ window.__ModuleLoader__.load({
 				parts.push(react.createElement("span", {
 					key: status,
 					style: {
-						color: STATUS_TEXT[status],
-						fontWeight: 700
+						...COUNT_CAPSULE_STYLE,
+						color: STATUS_TEXT[status]
 					}
-				}, STATUS_LABEL[status] + " " + String(count)));
+				}, String(count)));
 			}
 			if (parts.length === 0) return react.createElement("span", { style: { color: INK_DIM } }, (allGreen ? "有出口的都正常" : "还没体检") + tail);
 			parts.push(react.createElement("span", {
@@ -1828,6 +1830,32 @@ window.__ModuleLoader__.load({
 		function isAttentionItem(item) {
 			return isAttention(item.status);
 		}
+		/** 表头那组数字（#951）：与页签／汇总同口径——只印数字胶囊，颜色即档位，不印档位字。 */
+		function headerCounts(report) {
+			const counts = countByStatus(report.items);
+			const segs = countSegsOf({
+				id: "header",
+				title: "",
+				status: worstStatus(report.items),
+				counts,
+				hasChannel: true
+			});
+			return react.createElement("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 4,
+				fontSize: 12
+			} }, segs.map((seg, index) => seg.status === null ? react.createElement("span", {
+				key: index,
+				style: { color: INK_DIM }
+			}, seg.text) : react.createElement("span", {
+				key: index,
+				style: {
+					...COUNT_CAPSULE_STYLE,
+					color: STATUS_TEXT[seg.status]
+				}
+			}, seg.text)));
+		}
 		/** 一家那张表：**要处理的**（红黄）一条一块、整行上底带一句话与「去哪修」；
 		*  **正常的**（绿）收成一行并列的小字，点得到、扫得完（票面验收第一条：正常的收成一行，有问题的才展开）。 */
 		function HealthTable(props) {
@@ -1836,10 +1864,7 @@ window.__ModuleLoader__.load({
 			return react.createElement("div", {
 				style: HEALTH_STYLE.box,
 				"data-ilife-health": "table"
-			}, 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, report.dataDir !== "" ? react.createElement("div", { style: {
+			}, react.createElement("div", { style: HEALTH_STYLE.headRow }, react.createElement("div", { style: HEALTH_STYLE.head }, props.title + " · 体检"), report ? headerCounts(report) : 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
@@ -2432,7 +2457,7 @@ window.__ModuleLoader__.load({
 				textOverflow: "ellipsis",
 				whiteSpace: "nowrap"
 			},
-			error: { color: "var(--dsw-alias-label-error, #e66)" }
+			error: { color: "var(--dsw-alias-state-error-primary, #e66)" }
 		};
 		/** 面包屑：从文件系统根到当前层，每一格都是跳转目标（`listing.crumbs` 由取数方给）。 */
 		function crumbRow(state, onEnter) {
@@ -2742,11 +2767,23 @@ window.__ModuleLoader__.load({
 				fontSize: 14,
 				lineHeight: 1
 			},
-			meta: {
-				color: "var(--dsw-alias-label-secondary, #9a9a9a)",
-				fontSize: 12,
-				lineHeight: 1.7,
-				marginBottom: 10
+			/** #933：页签格里「配置卡 ＋ 体检卡」这一列的堆叠间距（唯一口径，别再给某一张卡加 margin）。 */
+			tabStack: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 10
+			},
+			/** #937：标题行里那枚版本胶囊（形状照真源 v3.1 的 `.ic-ver`：10px 字、1px 描边、999 圆角）。 */
+			versionCapsule: {
+				fontSize: 10.5,
+				lineHeight: 1.6,
+				color: "var(--dsw-alias-label-tertiary, #adb2b8)",
+				border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.12))",
+				borderRadius: 999,
+				padding: "0 7px",
+				whiteSpace: "nowrap",
+				flex: "0 0 auto",
+				fontWeight: 400
 			},
 			tablist: {
 				display: "flex",
@@ -2755,7 +2792,7 @@ window.__ModuleLoader__.load({
 				marginBottom: 10
 			},
 			tab: {
-				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.35))",
+				border: "1px solid var(--dsw-alias-border-l1, rgba(128,128,128,.35))",
 				background: "transparent",
 				color: "var(--dsw-alias-label-primary, inherit)",
 				borderRadius: 999,
@@ -2766,13 +2803,13 @@ window.__ModuleLoader__.load({
 			tabActive: {
 				background: "var(--dsw-alias-brand-primary, #0a84ff)",
 				borderColor: "transparent",
-				color: "#fff",
+				color: "var(--dsw-alias-label-primary-foreground, #0f1115)",
 				fontWeight: 700
 			},
 			reco: {
 				padding: "12px 14px",
 				borderRadius: 10,
-				border: "1px dashed var(--dsw-alias-border, rgba(128,128,128,.45))",
+				border: "1px dashed var(--dsw-alias-border-l1, rgba(128,128,128,.45))",
 				color: "var(--dsw-alias-label-secondary, #9a9a9a)",
 				fontSize: 13,
 				lineHeight: 1.7
@@ -2792,7 +2829,7 @@ window.__ModuleLoader__.load({
 				marginTop: 16,
 				padding: "10px 12px",
 				borderRadius: 10,
-				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.35))"
+				border: "1px solid var(--dsw-alias-border-l1, rgba(128,128,128,.35))"
 			},
 			moreTitle: {
 				fontSize: 13,
@@ -2884,22 +2921,47 @@ 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`。
+		/** 总管自述版本（票 #737；#937 改口）：**不手写**，问宿主——宿主读自己这份已安装包的 `package.json`。
 		*
-		* 单次取数（`loadManagerVersion`），无轮询；初值 `unknown`，读不到也停在 `unknown`。
+		* 三态（#937）：`loading`（首帧就画胶囊占位 `…`）／`ready`（读到，画包名 · 版本）／`missing`（读不到，画「版本未知」）。
+		* **失败要重试**：原先只取一次、一失败就永远停在未知（#937 查出来的真缺陷）；这里按 1s／3s／8s 退避重试三次。
 		* 与卡路里 #130 同一条路：面板是浏览器产物、禁 node 内建，读盘只许在宿主半。 */
+		/** 读中 / 读不到 两种胶囊文案（#937：占位符用 `…`，读不到给人话，不把 `unknown` 印给人看）。 */
+		const VERSION_PENDING_TEXT = "…";
+		const VERSION_MISSING_TEXT = "版本未知";
+		/** 重试间隔（#937）：三次退避，之后不再打扰宿主。 */
+		const VERSION_RETRY_MS = [
+			1e3,
+			3e3,
+			8e3
+		];
 		function useManagerVersion(getCall) {
-			const [version, setVersion] = react.useState(VERSION_UNKNOWN);
+			const [state, setState] = react.useState({ kind: "loading" });
 			react.useEffect(() => {
 				let alive = true;
-				loadManagerVersion(getCall()).then((next) => {
-					if (alive) setVersion(next);
-				});
+				const timers = [];
+				const attempt = (index) => {
+					loadManagerVersion(getCall()).then((next) => {
+						if (!alive) return;
+						if (next !== "unknown") {
+							setState({
+								kind: "ready",
+								version: next
+							});
+							return;
+						}
+						setState({ kind: "missing" });
+						const wait = VERSION_RETRY_MS[index];
+						if (wait !== void 0) timers.push(setTimeout(() => attempt(index + 1), wait));
+					});
+				};
+				attempt(0);
 				return () => {
 					alive = false;
+					for (const id of timers) clearTimeout(id);
 				};
 			}, [getCall]);
-			return version;
+			return state;
 		}
 		/** 爱生活面板：总设置区 ＋ 检查更新（七家）＋ 爱生活页签条（slot 驱动）＋ 技能设置页投影/缺席卡。 */
 		function LifePackSection(props) {
@@ -2979,7 +3041,10 @@ 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, "总管 dsh-life-pack · " + managerVersion)), react.createElement(UpdateResults, { face }), react.createElement(HealthSummaryLine, {
+			return react.createElement("div", null, react.createElement("div", { style: S.headRow }, react.createElement("div", { style: S.head }, "爱生活"), react.createElement("span", {
+				style: S.versionCapsule,
+				"data-ilife-version": "capsule"
+			}, managerVersion.kind === "ready" ? "dsh-life-pack · " + managerVersion.version : managerVersion.kind === "missing" ? VERSION_MISSING_TEXT : VERSION_PENDING_TEXT), react.createElement("div", { style: S.headActions }, react.createElement(CheckUpdateButton, { face }), react.createElement(PanelActions, null))), react.createElement(UpdateResults, { face }), react.createElement(HealthSummaryLine, {
 				lights,
 				running: health.running,
 				error: summaryErrorOf(health),
@@ -3039,8 +3104,8 @@ window.__ModuleLoader__.load({
 					id: tabsId + "-panel-" + tab.plugin,
 					role: "tabpanel",
 					"aria-labelledby": tabsId + "-tab-" + tab.plugin,
-					hidden: !selected
-				}, present.has(tab.plugin) ? react.createElement("div", null, props.renderSlot(CONFIG_TAB_SLOT, {}, { only: tab.plugin }), react.createElement(HealthTable, {
+					style: selected ? void 0 : { display: "none" }
+				}, present.has(tab.plugin) ? react.createElement("div", { style: S.tabStack }, props.renderSlot(CONFIG_TAB_SLOT, {}, { only: tab.plugin }), react.createElement(HealthTable, {
 					title: labelFor(tab),
 					phase: health.rows[tab.plugin]?.phase ?? "idle",
 					report: health.rows[tab.plugin]?.report ?? null,