dsh-life-pack 0.3.12 → 0.3.14

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",
@@ -518,6 +518,112 @@ window.__ModuleLoader__.load({
 			return lines;
 		}
 		//#endregion
+		//#region src/update-queue.ts
+		/** 任一行 installing 即忙：题头检查更新禁用、行按钮全局互斥、checkAll/act 入口直接返回的同一判据。 */
+		function hasInstallingRow(rows) {
+			for (const key of Object.keys(rows)) if (rows[key]?.phase === "installing") return true;
+			return false;
+		}
+		/** 按目标顺序逐家查→装→收尾：一家收尾才起下一家；失败记 failed 继续；待重启跳过安装。
+		*
+		* 跳过安装只有一种：快照事实已是待重启（`restartPendingOf`）——由横幅点名，不在这里装第二遍。
+		* 不可装（已是最新／拦下且无安装动作）记 ready 收尾；缺席且无最新版本号记 ready 收尾（等下一次检查）。
+		* 本函数不汇总排队数、不碰他行（`patch` 只收本家 key）。
+		*/
+		async function runSerialUpdateAll(targets, deps) {
+			for (const target of targets) {
+				const current = deps.getRow(target.key);
+				deps.patch(target.key, {
+					phase: "checking",
+					outcome: current?.outcome ?? null,
+					failure: null
+				});
+				const checked = await deps.check(target);
+				if (!checked.ok) {
+					deps.patch(target.key, {
+						phase: "failed",
+						outcome: null,
+						failure: checked
+					});
+					continue;
+				}
+				if (restartPendingOf(checked.value.snapshot)) {
+					deps.patch(target.key, {
+						phase: "ready",
+						outcome: checked.value,
+						failure: null
+					});
+					continue;
+				}
+				const verdict = verdictOf(target, checked.value.snapshot);
+				if (!(verdict.action === "update" || verdict.action === "install" || verdict.action === "retry")) {
+					deps.patch(target.key, {
+						phase: "ready",
+						outcome: checked.value,
+						failure: null
+					});
+					continue;
+				}
+				deps.patch(target.key, {
+					phase: "installing",
+					outcome: checked.value,
+					failure: null
+				});
+				if (isAbsent(target)) {
+					const version = checked.value.snapshot.latestVersion;
+					if (!version) {
+						deps.patch(target.key, {
+							phase: "ready",
+							outcome: checked.value,
+							failure: null
+						});
+						continue;
+					}
+					const done = await deps.installAbsent(target, version);
+					if (done.ok) {
+						const refreshed = await deps.checkStatus(target);
+						deps.patch(target.key, refreshed.ok ? {
+							phase: "ready",
+							outcome: refreshed.value,
+							failure: null
+						} : {
+							phase: "failed",
+							outcome: null,
+							failure: refreshed
+						});
+					} else deps.patch(target.key, {
+						phase: "failed",
+						outcome: checked.value,
+						failure: {
+							...done,
+							manual: done.manual ?? checked.value.manual ?? null
+						}
+					});
+					continue;
+				}
+				const done = await deps.installPresent(target);
+				if (done.ok) {
+					const refreshed = await deps.checkStatus(target);
+					deps.patch(target.key, refreshed.ok ? {
+						phase: "ready",
+						outcome: refreshed.value,
+						failure: null
+					} : {
+						phase: "failed",
+						outcome: null,
+						failure: refreshed
+					});
+				} else deps.patch(target.key, {
+					phase: "failed",
+					outcome: checked.value,
+					failure: {
+						...done,
+						manual: done.manual ?? checked.value.manual ?? null
+					}
+				});
+			}
+		}
+		//#endregion
 		//#region src/update-panel.ts
 		/** 爱生活面板的更新界面：检查更新按钮、七家结果行、待重启横幅、缺席卡的「装上」。
 		*
@@ -562,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,
@@ -573,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
@@ -596,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,
@@ -608,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,
@@ -618,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
@@ -668,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,
@@ -701,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)"
 			},
@@ -713,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,
@@ -727,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,
@@ -751,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: {
@@ -794,13 +900,21 @@ window.__ModuleLoader__.load({
 			outcome: null,
 			failure: null
 		};
-		/** 面板的更新状态源：挂载时取七个目标的表，之后按需查／装（组件与按钮共用一个 face）。 */
+		/** 面板的更新状态源：挂载时取七个目标的表，之后按需查／装（组件与按钮共用一个 face）。
+		*
+		* 并发形状（#925 拍板四条，用户已确认）：
+		* - 一键全部更新按目标顺序串行（查→装→轮询到收尾，一家收尾才起下一家；失败记 failed 继续）；
+		* - 任一行 installing 时 checkAll 入口直接返回、题头禁用；
+		* - act 入口有忙直接返回（有忙拒 update-busy 且不改 rows，含同家第二点）；
+		* - 每行各自显示（patch 只写本家 key），题头不汇总排队数。
+		*/
 		function useUpdateRows(getCall) {
 			const [targets, setTargets] = react.useState([]);
 			const [rows, setRows] = react.useState({});
 			const [pollMs, setPollMs] = react.useState(1e3);
 			const [loadError, setLoadError] = react.useState(null);
 			const [checking, setChecking] = react.useState(false);
+			const [updatingAll, setUpdatingAll] = react.useState(false);
 			const [open, setOpen] = react.useState(false);
 			const alive = react.useRef(true);
 			react.useEffect(() => () => {
@@ -825,21 +939,31 @@ window.__ModuleLoader__.load({
 					[key]: next
 				}));
 			}, []);
+			const rowsRef = react.useRef(rows);
+			rowsRef.current = rows;
+			const targetsRef = react.useRef(targets);
+			targetsRef.current = targets;
+			const pollMsRef = react.useRef(pollMs);
+			pollMsRef.current = pollMs;
+			const updatingAllRef = react.useRef(false);
 			return {
 				targets,
 				rows,
 				pollMs,
 				loadError,
 				checking,
+				updatingAll,
 				open,
 				close: () => setOpen(false),
 				checkAll: react.useCallback(() => {
+					if (hasInstallingRow(rowsRef.current) || updatingAllRef.current) return;
 					setChecking(true);
 					setOpen(true);
-					const list = targets;
+					const list = targetsRef.current;
+					const snapshot = rowsRef.current;
 					for (const target of list) patch(target.key, {
 						phase: "checking",
-						outcome: rows[target.key]?.outcome ?? null,
+						outcome: snapshot[target.key]?.outcome ?? null,
 						failure: null
 					});
 					Promise.all(list.map(async (target) => {
@@ -853,15 +977,41 @@ window.__ModuleLoader__.load({
 							outcome: null,
 							failure: result
 						});
-					})).finally(() => setChecking(false));
+					})).finally(() => {
+						if (alive.current) setChecking(false);
+					});
+				}, [getCall, patch]),
+				updateAll: react.useCallback(() => {
+					if (hasInstallingRow(rowsRef.current) || updatingAllRef.current) return;
+					const list = targetsRef.current;
+					if (list.length === 0) return;
+					updatingAllRef.current = true;
+					setUpdatingAll(true);
+					setOpen(true);
+					(async () => {
+						try {
+							await runSerialUpdateAll(list, {
+								check: (target) => checkTarget(getCall(), target),
+								checkStatus: (target) => checkTarget(getCall(), target, target.phones?.status),
+								installAbsent: (target, version) => installAbsent(getCall(), target, version),
+								installPresent: (target) => updateInstalled(getCall(), target, pollMsRef.current),
+								patch,
+								getRow: (key) => rowsRef.current[key]
+							});
+							await reload();
+						} finally {
+							updatingAllRef.current = false;
+							if (alive.current) setUpdatingAll(false);
+						}
+					})();
 				}, [
 					getCall,
 					patch,
-					rows,
-					targets
+					reload
 				]),
 				act: react.useCallback((target, action) => {
-					const current = rows[target.key] ?? IDLE$1;
+					if (hasInstallingRow(rowsRef.current) || updatingAllRef.current) return;
+					const current = rowsRef.current[target.key] ?? IDLE$1;
 					if (action === "recheck") {
 						patch(target.key, {
 							phase: "checking",
@@ -907,7 +1057,7 @@ window.__ModuleLoader__.load({
 							});
 							version = checked.value.snapshot.latestVersion;
 						}
-						const result = absent ? await installAbsent(getCall(), target, version ?? "") : await updateInstalled(getCall(), target, pollMs);
+						const result = absent ? await installAbsent(getCall(), target, version ?? "") : await updateInstalled(getCall(), target, pollMsRef.current);
 						if (result.ok) {
 							const refreshed = await checkTarget(getCall(), target, target.phones?.status);
 							patch(target.key, refreshed.ok ? {
@@ -934,27 +1084,42 @@ window.__ModuleLoader__.load({
 				}, [
 					getCall,
 					patch,
-					pollMs,
-					reload,
-					rows
+					reload
 				])
 			};
 		}
-		/** 标题右侧的「检查更新」：一个按钮一次查七家（吃 `useUpdateRows` 的表）。 */
+		/** 标题右侧两件：「检查更新」一次查七家 ＋ 「全部更新」按顺序串行装（吃 `useUpdateRows` 的表）。
+		*
+		* 禁用形状（#925 第 2 条）：任一行 installing 时两件都点不得；人话沿用 `update-busy` 原句
+		* （挂在 title 上，按钮文本仍是动作名）。题头不汇总排队数：串行进度只在各行自己显示。
+		*/
 		function CheckUpdateButton(props) {
-			const { checking, checkAll, targets } = props.face;
-			const disabled = checking || targets.length === 0;
-			return react.createElement("button", {
+			const { checking, updatingAll, checkAll, updateAll, targets, rows } = props.face;
+			const busy = hasInstallingRow(rows) || updatingAll;
+			const checkDisabled = checking || updatingAll || busy || targets.length === 0;
+			const allDisabled = checking || updatingAll || busy || targets.length === 0;
+			const busyText = reasonText("update-busy");
+			return react.createElement("span", { style: PANEL_STYLE.actions }, react.createElement("button", {
 				type: "button",
-				style: disabled ? {
+				style: checkDisabled ? {
 					...PANEL_STYLE.btn,
 					opacity: .55,
 					cursor: "default"
 				} : PANEL_STYLE.btn,
-				disabled,
+				disabled: checkDisabled,
 				onClick: checkAll,
-				title: "检查总管与六家插件的版本"
-			}, checking ? "检查中…" : "检查更新");
+				title: busy ? busyText : "检查总管与六家插件的版本"
+			}, checking ? "检查中…" : "检查更新"), react.createElement("button", {
+				type: "button",
+				style: allDisabled ? {
+					...PANEL_STYLE.btn,
+					opacity: .55,
+					cursor: "default"
+				} : PANEL_STYLE.btn,
+				disabled: allDisabled,
+				onClick: updateAll,
+				title: busy ? busyText : "按顺序逐家装上更新（一家收尾才起下一家）"
+			}, updatingAll ? "更新中…" : "全部更新"));
 		}
 		/** 待重启横幅：一行总账，只点名哪几家要重启（理由与做法写在各家卡片上，见 `restartBannerText`）。 */
 		function RestartBanners(props) {
@@ -977,7 +1142,7 @@ window.__ModuleLoader__.load({
 		* 手工命令只在「装不了」或「装失败」的行显示：正常用户用不到，摊在每行上既吵又误导。
 		*/
 		function UpdateResults(props) {
-			const { targets, rows, loadError, checking, open, close } = props.face;
+			const { targets, rows, loadError, checking, updatingAll, open, close } = props.face;
 			const dialogRef = react.useRef(null);
 			react.useEffect(() => {
 				if (open) dialogRef.current?.focus();
@@ -986,6 +1151,7 @@ window.__ModuleLoader__.load({
 			if (loadError) return react.createElement("div", { style: PANEL_STYLE.reason }, "更新能力没接上：" + loadError);
 			if (targets.length === 0) return null;
 			if (shown.length === 0 && !open) return null;
+			const locked = hasInstallingRow(rows) || updatingAll;
 			const body = shown.map((target) => {
 				const row = rows[target.key];
 				const snapshot = row.outcome?.snapshot ?? null;
@@ -1026,12 +1192,13 @@ window.__ModuleLoader__.load({
 					color: "var(--dsw-alias-label-secondary, #9a9a9a)"
 				} }, busy ? "正在装，请稍候…" : verdict?.text ?? (checking ? "检查中…" : "")), buttonAction ? react.createElement("button", {
 					type: "button",
-					style: busy ? {
+					style: locked ? {
 						...PANEL_STYLE.btnPrimary,
 						opacity: .55,
 						cursor: "default"
 					} : PANEL_STYLE.btnPrimary,
-					disabled: busy,
+					disabled: locked,
+					title: locked ? reasonText("update-busy") : void 0,
 					onClick: () => {
 						props.face.act(target, buttonAction);
 					}
@@ -1078,6 +1245,7 @@ window.__ModuleLoader__.load({
 			const target = props.target;
 			const row = target ? props.face.rows[target.key] : null;
 			const busy = row?.phase === "installing";
+			const locked = busy || hasInstallingRow(props.face.rows) || props.face.updatingAll;
 			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);
@@ -1097,7 +1265,7 @@ window.__ModuleLoader__.load({
 			}
 			return react.createElement("div", { style: PANEL_STYLE.reco }, react.createElement("div", null, headline), state === "absent" ? react.createElement("button", {
 				type: "button",
-				style: busy ? {
+				style: locked ? {
 					...PANEL_STYLE.btn,
 					marginTop: 8,
 					opacity: .55
@@ -1105,13 +1273,14 @@ window.__ModuleLoader__.load({
 					...PANEL_STYLE.btn,
 					marginTop: 8
 				},
-				disabled: busy,
+				disabled: locked,
+				title: locked ? reasonText("update-busy") : void 0,
 				onClick: () => {
 					if (target) props.face.act(target, "install");
 				}
 			}, busy ? "正在装，请稍候…" : "装上") : null, retryAction === "recheck" && target ? react.createElement("button", {
 				type: "button",
-				style: busy ? {
+				style: locked ? {
 					...PANEL_STYLE.btn,
 					marginTop: 8,
 					marginLeft: 8,
@@ -1121,7 +1290,8 @@ window.__ModuleLoader__.load({
 					marginTop: 8,
 					marginLeft: 8
 				},
-				disabled: busy,
+				disabled: locked,
+				title: locked ? reasonText("update-busy") : void 0,
 				onClick: () => props.face.act(target, "recheck")
 			}, ACTION_LABEL.recheck) : null, reason ? react.createElement("div", { style: PANEL_STYLE.reason }, reason) : null, react.createElement("code", { style: PANEL_STYLE.cmd }, manual));
 		}
@@ -1386,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",
@@ -2262,7 +2432,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) {
@@ -2572,11 +2742,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",
@@ -2585,7 +2767,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,
@@ -2596,13 +2778,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
@@ -2622,7 +2804,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,
@@ -2714,22 +2896,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) {
@@ -2759,6 +2966,27 @@ window.__ModuleLoader__.load({
 					return /* @__PURE__ */ new Set([...previous, active]);
 				});
 			}, [active]);
+			/** 预热：section 一挂载，就把其余几家**错峰**挂上（隐藏面板照常挂载、只切 `hidden`），
+			*  让各家那一次配置读提前跑掉——用户点哪个页签，多半值已经在了。
+			*  错峰（每 150ms 一家）是为了不让六家子进程同时抢开工：首帧那一口气优先留给框架。
+			*  只在页签账本非空时起一次（`rows` 要等各家 slot 注入后才齐）。
+			*
+			*  **一次性**（p10 定时器门的例外依据）：每个页签只挂一次（`warmed` 闸门 ＋ 一批固定数量的定时器），
+			*  不是轮询、也不是重试——它没有「次数」可言；卸载即 `clearTimeout` 清干净。
+			*  不做轮询是本意：这里只补一次提前量，取数与刷新仍旧由各家用例自己的通道走。 */
+			const warmed = react.useRef(false);
+			const tabCount = rows.length;
+			react.useEffect(() => {
+				if (warmed.current || tabCount === 0) return;
+				warmed.current = true;
+				const STAGGER_MS = 150;
+				const timers = MANAGER_TABS.filter((tab) => rows.some((row) => row.id === tab.plugin)).map((tab, index) => setTimeout(() => {
+					setVisitedIds((previous) => previous.has(tab.plugin) ? previous : /* @__PURE__ */ new Set([...previous, tab.plugin]));
+				}, STAGGER_MS * (index + 1)));
+				return () => {
+					for (const timer of timers) clearTimeout(timer);
+				};
+			}, [tabCount]);
 			function labelFor(tab) {
 				const row = rows.find((r) => r.id === tab.plugin);
 				return row && row.label.length > 0 ? row.label : tab.title;
@@ -2788,7 +3016,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),
@@ -2848,8 +3079,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,