dsh-life-pack 0.3.13 → 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",
@@ -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",
@@ -2432,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) {
@@ -2742,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",
@@ -2755,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,
@@ -2766,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
@@ -2792,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,
@@ -2884,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) {
@@ -2979,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),
@@ -3039,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,