dsh-life-pack 0.2.3 → 0.2.5

package/dist/client.js

@@ -170,6 +170,7 @@ window.__ModuleLoader__.load({
 			"check-expired": "上次查新版的凭证过期了：重新查一次再点安装（不要重试旧编号）。",
 			"update-busy": "同一个使用范围同时只装一个：等当前任务结束再点。",
 			"install-failed": "安装没跑成：按下面那条手工命令在终端执行一次。",
+			"manager-unreachable": "总管的电话没接上（宿主半没注册或版本对不上）：重启宿主后再试；仍不行看宿主日志。",
 			"bad-request": "回执异常（请求形状不对）：把宿主日志里的事件名报给作者。",
 			internal: "回执异常（总管内部错误）：把宿主日志里的事件名报给作者。"
 		};
@@ -223,7 +224,7 @@ window.__ModuleLoader__.load({
 					payload
 				});
 			} catch (error) {
-				return failure("check-failed", { detail: String(error?.message ?? error) });
+				return failure("manager-unreachable", { detail: String(error?.message ?? error) });
 			}
 			if (!result || typeof result !== "object" || typeof result.ok !== "boolean") return failure("internal", { detail: "回执信封异常（非 ok 信封）" });
 			if (result.ok) return {
@@ -499,6 +500,55 @@ window.__ModuleLoader__.load({
 				color: "var(--dsw-alias-label-tertiary, #8a8a8a)",
 				fontSize: 12,
 				marginTop: 4
+			},
+			overlay: {
+				position: "fixed",
+				inset: 0,
+				zIndex: 40,
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				padding: 16,
+				background: "rgba(0,0,0,.45)"
+			},
+			dialog: {
+				width: "100%",
+				maxWidth: 560,
+				maxHeight: "80vh",
+				overflow: "auto",
+				padding: "12px 14px",
+				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))",
+				color: "var(--dsw-alias-label-primary, inherit)",
+				boxShadow: "0 12px 32px rgba(0,0,0,.35)"
+			},
+			dialogHead: {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "space-between",
+				gap: 8,
+				marginBottom: 8
+			},
+			dialogTitle: {
+				fontSize: 14,
+				fontWeight: 700
+			},
+			close: {
+				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.35))",
+				background: "transparent",
+				color: "var(--dsw-alias-label-primary, inherit)",
+				borderRadius: 8,
+				width: 26,
+				height: 26,
+				lineHeight: 1,
+				fontSize: 14,
+				cursor: "pointer"
+			},
+			dialogNote: {
+				color: "var(--dsw-alias-label-tertiary, #8a8a8a)",
+				fontSize: 12,
+				marginTop: 4
 			}
 		};
 		const IDLE$1 = {
@@ -513,6 +563,7 @@ window.__ModuleLoader__.load({
 			const [pollMs, setPollMs] = react.useState(1e3);
 			const [loadError, setLoadError] = react.useState(null);
 			const [checking, setChecking] = react.useState(false);
+			const [open, setOpen] = react.useState(false);
 			react.useEffect(() => {
 				let alive = true;
 				(async () => {
@@ -539,8 +590,11 @@ window.__ModuleLoader__.load({
 				pollMs,
 				loadError,
 				checking,
+				open,
+				close: () => setOpen(false),
 				checkAll: react.useCallback(() => {
 					setChecking(true);
+					setOpen(true);
 					const list = targets;
 					for (const target of list) patch(target.key, {
 						phase: "checking",
@@ -651,19 +705,31 @@ window.__ModuleLoader__.load({
 			if (lines.length === 0) return null;
 			return react.createElement("div", { style: PANEL_STYLE.banner }, lines.map((line, index) => react.createElement("div", { key: String(index) }, line)));
 		}
-		/** 七家结果行：一家一行（版本行两行、结论一句、按钮一个、装不了给原因与手工命令）。 */
+		/** 七家结果：装不了的与待重启的常驻（横幅），详细结果放**居中浮层**（点「检查更新」开）。
+		*
+		* 为什么是浮层：内联展开会把面板本体撑长、且它自身没有关闭控件（真机第一次做成内联后用户反馈
+		* 「打开就无法收回了」）。参照实现也是浮层：`dsh-mattpocock-skills-deck/src/client/views/SettingsPage.js`
+		* 的 `upd.dialog`。关法三种：右上角 ×、点遮罩、Esc（Esc 靠浮层自己拿焦点后收 keydown，
+		* 不摸 window——客户端纪律禁直写 DOM 全局）。
+		* 手工命令只在「装不了」或「装失败」的行显示：正常用户用不到，摊在每行上既吵又误导。
+		*/
 		function UpdateResults(props) {
-			const { targets, rows, loadError, checking } = props.face;
+			const { targets, rows, loadError, checking, open, close } = props.face;
+			const dialogRef = react.useRef(null);
+			react.useEffect(() => {
+				if (open) dialogRef.current?.focus();
+			}, [open]);
 			const shown = targets.filter((target) => rows[target.key] && rows[target.key].phase !== "idle");
 			if (loadError) return react.createElement("div", { style: PANEL_STYLE.reason }, "更新能力没接上：" + loadError);
 			if (targets.length === 0) return null;
-			if (shown.length === 0) return null;
-			return react.createElement("div", null, react.createElement(RestartBanners, { face: props.face }), shown.map((target) => {
+			if (shown.length === 0 && !open) return null;
+			const body = shown.map((target) => {
 				const row = rows[target.key];
 				const snapshot = row.outcome?.snapshot ?? null;
 				const verdict = snapshot ? verdictOf(target, snapshot) : null;
 				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");
 				return react.createElement("div", {
 					key: target.key,
 					style: PANEL_STYLE.row
@@ -681,18 +747,50 @@ window.__ModuleLoader__.load({
 				}, 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", {
 					key: String(index),
 					style: PANEL_STYLE.skill
-				}, line)), manual ? react.createElement("code", { style: PANEL_STYLE.cmd }, manual) : null);
-			}));
+				}, line)), showManual ? react.createElement("code", { style: PANEL_STYLE.cmd }, manual) : null);
+			});
+			return react.createElement("div", null, react.createElement(RestartBanners, { face: props.face }), open ? react.createElement("div", {
+				style: PANEL_STYLE.overlay,
+				role: "presentation",
+				onClick: () => close()
+			}, react.createElement("div", {
+				ref: dialogRef,
+				tabIndex: -1,
+				role: "dialog",
+				"aria-label": "检查更新结果",
+				style: PANEL_STYLE.dialog,
+				onClick: (event) => event.stopPropagation(),
+				onKeyDown: (event) => {
+					if (event.key === "Escape") close();
+				}
+			}, 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);
 		}
-		/** 缺席卡：一句人话 ＋「装上」按钮（复制命令降为辅助展示）；总管缺席时不显示此卡（面板也看不到）。 */
+		/** 缺席卡：**按宿主的装机读数分两态**，不让层与层的结论互相顶替。
+		*
+		* - 宿主说磁盘上没有这个包 →「未安装」＋「装上」按钮（这是本票原有的能力）；
+		* - 宿主说装着（`installedVersion` 非空）却没进页签槽 → 说实情、**不给「装上」**：
+		*   重装改不了产物里有没有注册代码这件事（真机实测：作息/居家/大厨/记账 的已发布 0.2.0
+		*   产物里根本没有页签槽注册，见票 #723）。给出可复制命令仅作参考。
+		*
+		* 原实现只看页签槽 ledger 就断言「未安装」——那对上面第二种情形是说假话，且点「装上」
+		* 会走进更新包的流程（它已经装着 ⇒ 没有新版 ⇒ 没有凭证）并报出误导的「查新版失败」。
+		*/
 		function AbsentCard(props) {
 			const target = props.target;
 			const row = target ? props.face.rows[target.key] : null;
 			const busy = row?.phase === "installing";
 			const manual = (target ? manualForDisplay(target, row?.failure?.manual ?? row?.outcome?.manual ?? null) : null) ?? props.fallbackCommand;
+			const installed = target ? target.installedVersion ?? target.runningVersion : null;
 			let reason = row?.failure?.message ?? null;
 			if (target && reason === null && row?.outcome && row.outcome.snapshot.blockedReason !== null) reason = verdictOf(target, row.outcome.snapshot).text;
-			return react.createElement("div", { style: PANEL_STYLE.reco }, react.createElement("div", null, target ? "未安装[" + target.packageName + "]，装上后这个页签就能用了。" : "这个页签对应的插件还没装。"), target ? react.createElement("button", {
+			const headline = !target ? "这个页签对应的插件还没装。" : installed === null ? "未安装[" + target.packageName + "]，装上后这个页签就能用了。" : "插件已装（" + installed + "），但它这一版没把设置页接上爱生活面板：要等它发新版才对得上（重启与重装都不会变）。";
+			return react.createElement("div", { style: PANEL_STYLE.reco }, react.createElement("div", null, headline), target && installed === null ? react.createElement("button", {
 				type: "button",
 				style: busy ? {
 					...PANEL_STYLE.btn,
@@ -893,8 +991,8 @@ window.__ModuleLoader__.load({
 		};
 		/** 整行底色的浅一档：饱和降一档，免得红黄行「刺眼」压过正文（评审第二轮的扣分点）。 */
 		const STATUS_TINT = {
-			red: "rgba(192, 57, 43, 0.08)",
-			yellow: "rgba(224, 138, 0, 0.14)",
+			red: "rgba(192, 57, 43, 0.06)",
+			yellow: "rgba(224, 138, 0, 0.10)",
 			green: "transparent"
 		};
 		/** 档位词（灯里那几个字）用的色：红黄要**够深**才读得清，故另取一枚比灯更深的值。 */
@@ -908,6 +1006,12 @@ window.__ModuleLoader__.load({
 			yellow: "黄",
 			green: "绿"
 		};
+		/** 档位的**形状**标记：颜色之外的第二条读数（灰度截图、色弱视角下也分得开谁要处理）。 */
+		const STATUS_MARK = {
+			red: "✕",
+			yellow: "!",
+			green: "✓"
+		};
 		/** 面板上的文字色与分隔线（与 `client.ts` 同一套别名）。 */
 		const INK = "var(--dsw-alias-label-primary, inherit)";
 		const INK_DIM = "var(--dsw-alias-label-secondary, #9a9a9a)";
@@ -924,21 +1028,23 @@ window.__ModuleLoader__.load({
 				flexWrap: "wrap",
 				alignItems: "center",
 				gap: 8,
-				marginBottom: 6
+				marginBottom: 4
 			},
 			head: {
 				fontSize: 13,
 				fontWeight: 700,
 				color: INK
 			},
+			/** 「体检一次」不挤在标题右端：它单独占一行、与标题同一起始边（视觉复评两轮点「孤立在右上缺层次」）。 */
+			runRow: { margin: "8px 0 10px" },
 			btn: {
-				marginLeft: "auto",
 				border: "1px solid " + BORDER,
 				background: "transparent",
 				color: INK,
 				borderRadius: 8,
-				padding: "3px 10px",
-				fontSize: 12.5,
+				padding: "6px 16px",
+				fontSize: 13,
+				fontWeight: 600,
 				cursor: "pointer"
 			},
 			lightsRow: {
@@ -985,6 +1091,68 @@ window.__ModuleLoader__.load({
 			const trimmed = action.trim();
 			return trimmed.startsWith("去哪修：") ? trimmed.slice(4).trim() : trimmed;
 		}
+		/** 报文里能扫出来的每一段路径（盘符绝对路径；非 Windows 形状的退回 `/` 打头那一支）。 */
+		function rawPathsIn(text) {
+			return text.match(/[A-Za-z]:\/[^\s（）「」，。；]+/g) ?? text.match(/\/[^\s（）「」，。；]+/g) ?? [];
+		}
+		/** 一段落点的**根**（盘符）：`C:/a/b` → `C:/`。用来把「同一个盘、但根下不同枝」的落点分开算，
+		*  免得一个 D 盘上的旁证（比如「配了但目录不在：D:/media」）把 C 盘那几条的缩写全拖没。 */
+		function rootOf(path) {
+			const drive = /^[A-Za-z]:\//.exec(path);
+			return drive === null ? "/" : drive[0];
+		}
+		/** 一段落点的公共目录前缀（按 `/` 切、整段比）：`C:/a/b/c` ＋ `C:/a/b/d` → `C:/a/b`。 */
+		function commonDirOf(paths) {
+			if (paths.length < 2) return "";
+			const split = paths.map((path) => path.replace(/[.,。；]+$/, "").split("/"));
+			const first = split[0];
+			let size = 0;
+			while (size < first.length && split.every((parts) => parts[size] === first[size])) size += 1;
+			return size < 1 ? "" : first.slice(0, size).join("/");
+		}
+		/** 一份报文里**按根分开**的落点前缀（长的在前）：只给「同一个根下至少两条落点」的根算前缀——
+		*  这个根下只有一条落点时不缩（没有第二条可比，缩出来反而是瞎猜）。
+		*  为什么要分根：一家报里常有别的盘的旁证（备忘录用 D 盘上那份媒体目录），只算一个总前缀，
+		*  一条旁证就能把整张表的缩写全拖没（#706 出图复评：备忘录那张表整片没缩、记账那张缩了）。 */
+		function dirPrefixesOf(report) {
+			return dirPrefixesIn(pathsOf(report).join(" "));
+		}
+		/** `dirPrefixesOf` 的正文版：一段文字里（报文正文 ＋ 表头两条混在一起）按根分组取公共目录前缀。 */
+		function dirPrefixesIn(text) {
+			const paths = rawPathsIn(text);
+			const roots = [...new Set(paths.map(rootOf))];
+			const prefixes = [];
+			for (const root of roots) {
+				const prefix = commonDirOf(paths.filter((path) => rootOf(path) === root));
+				if (prefix !== "") prefixes.push(prefix);
+			}
+			return prefixes.sort((a, b) => b.length - a.length);
+		}
+		/** 那一行「配置文件 … · 数据目录 …」+ 各条报文里的长路径，都缩成「公共前缀 ＋ 短尾巴」。 */
+		function shorten(path, prefixes) {
+			const hit = prefixes.find((prefix) => path.startsWith(prefix + "/"));
+			return hit === void 0 ? path : "…/" + path.slice(hit.length + 1);
+		}
+		/** 一家里所有会印出来的路径。 */
+		function pathsOf(report) {
+			const out = [report.configPath, report.dataDir];
+			for (const item of report.items) out.push(item.message);
+			return out;
+		}
+		/** 把报文里那一长串路径按公共前缀缩短（只动打印，不动事实）。
+		*  只按**扫得出来的那一段段落点**去缩，不做全串替换：既不误伤长路径，也不会把一段路劈成半截。 */
+		function shortenPathsIn(text, prefixes) {
+			const candidates = rawPathsIn(text);
+			if (candidates.length === 0) return text;
+			const longestFirst = [...new Set(candidates.map((path) => path.replace(/[.,。；]+$/, "")))].sort((a, b) => b.length - a.length);
+			let out = text;
+			for (const path of longestFirst) {
+				const hit = prefixes.find((prefix) => path.startsWith(prefix + "/"));
+				if (hit === void 0) continue;
+				out = out.split(hit + "/").join("…/");
+			}
+			return out;
+		}
 		/** 从六份报告数出那一行的灯（每家按最严重那一档上色）。 */
 		function lightsOf(tabs, reports) {
 			return tabs.map((tab) => {
@@ -1010,7 +1178,7 @@ window.__ModuleLoader__.load({
 			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("button", {
+			}, react.createElement("div", { style: HEALTH_STYLE.headRow }, react.createElement("div", { style: HEALTH_STYLE.head }, "配置体检")), react.createElement("div", { style: HEALTH_STYLE.runRow }, react.createElement("button", {
 				type: "button",
 				style: props.running ? {
 					...HEALTH_STYLE.btn,
@@ -1054,32 +1222,51 @@ window.__ModuleLoader__.load({
 				fontWeight: 700
 			} }, light.status === null ? "—" : countsText(light.counts))))), react.createElement("div", { style: HEALTH_STYLE.meta }, props.error !== null ? props.error : "只看不改 · 灯＝那一家最严重的一档 · 点一下跳到那家配置页"));
 		}
-		/** 一家那张表：每条一行，正常的也都在（绿行字淡一点）。 */
+		/** 正正常常的那些：绿条只留「名字」，一句话与「去哪修」都不印（票面验收第一条：正常的收成一行）。 */
+		function isAttentionItem(item) {
+			return isAttention(item.status);
+		}
+		/** 一家那张表：**要处理的**（红黄）一条一块、整行上底带一句话与「去哪修」；
+		*  **正常的**（绿）收成一行并列的小字，点得到、扫得完（票面验收第一条：正常的收成一行，有问题的才展开）。 */
 		function HealthTable(props) {
 			const { report } = props;
+			const prefixes = report ? dirPrefixesOf(report) : [];
 			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, react.createElement("div", { style: HEALTH_STYLE.meta }, "配置文件 " + report.configPath + " · 数据目录 " + report.dataDir), report.items.map((item) => react.createElement("div", {
+			} }, 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, react.createElement("div", {
+				style: HEALTH_STYLE.meta,
+				title: prefixes.join("　")
+			}, "配置文件 " + shorten(report.configPath, prefixes) + " · 数据目录 " + shorten(report.dataDir, prefixes)), report.items.filter(isAttentionItem).map((item) => react.createElement("div", {
 				key: item.id,
+				"data-ilife-health": "item",
+				"data-status": item.status,
 				style: {
 					padding: "7px 8px",
 					margin: "2px 0",
 					borderTop: "1px solid " + BORDER,
 					borderRadius: 6,
-					fontSize: 12.5,
-					lineHeight: 1.7,
-					background: isAttention(item.status) ? "color-mix(in srgb, " + STATUS_COLOR[item.status] + " 14%, transparent)" : "transparent"
+					fontSize: 13,
+					lineHeight: 1.75,
+					background: STATUS_TINT[item.status]
 				}
 			}, react.createElement("div", { style: {
 				display: "flex",
 				flexWrap: "wrap",
 				alignItems: "center",
 				gap: 6
-			} }, react.createElement("span", { style: {
+			} }, react.createElement("span", {
+				style: {
+					color: STATUS_TEXT[item.status],
+					fontWeight: 700,
+					fontSize: 13,
+					lineHeight: 1
+				},
+				"aria-hidden": "true"
+			}, STATUS_MARK[item.status]), react.createElement("span", { style: {
 				width: 8,
 				height: 8,
 				borderRadius: "50%",
@@ -1089,9 +1276,32 @@ window.__ModuleLoader__.load({
 				fontWeight: 650,
 				color: INK
 			} }, item.title), react.createElement("span", { style: {
-				color: isAttention(item.status) ? STATUS_TEXT[item.status] : INK_DIM,
+				color: STATUS_TEXT[item.status],
 				fontWeight: 700
-			} }, STATUS_LABEL[item.status]), item.source ? react.createElement("span", { style: { color: INK_DIM } }, "· 来自" + item.source) : null), react.createElement("div", { style: { color: isAttention(item.status) ? INK : INK_DIM } }, item.message), item.action.length > 0 ? react.createElement("div", { style: { color: INK_DIM } }, "去哪修：" + actionText(item.action)) : null))) : null);
+			} }, STATUS_LABEL[item.status]), item.source ? react.createElement("span", { style: { color: INK_DIM } }, "· 来自" + item.source) : null), react.createElement("div", {
+				style: { color: INK },
+				title: item.message
+			}, shortenPathsIn(item.message, prefixes)), item.action.length > 0 ? react.createElement("div", { style: { color: INK_DIM } }, "去哪修：" + actionText(item.action)) : null)), report.items.some((item) => !isAttentionItem(item)) ? react.createElement("div", {
+				"data-ilife-health": "ok",
+				style: {
+					display: "flex",
+					flexWrap: "wrap",
+					alignItems: "center",
+					gap: "2px 10px",
+					marginTop: 8,
+					paddingTop: 6,
+					borderTop: "1px solid " + BORDER,
+					fontSize: 12,
+					lineHeight: 1.6,
+					color: INK_DIM
+				}
+			}, react.createElement("span", { style: {
+				fontWeight: 650,
+				color: INK
+			} }, "正常 " + String(countByStatus(report.items).green) + " 条"), report.items.filter((item) => !isAttentionItem(item)).map((item) => react.createElement("span", {
+				key: item.id,
+				"data-ilife-health": "ok-item"
+			}, "· " + item.title))) : null) : null);
 		}
 		//#endregion
 		//#region src/client.ts
@@ -1349,7 +1559,7 @@ 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.3")), react.createElement(UpdateResults, { face }), react.createElement(HealthOverview, {
+			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.5")), react.createElement(UpdateResults, { face }), react.createElement(HealthOverview, {
 				lights: lightsOf(rows.map((row) => ({
 					id: row.id,
 					title: labelForTab(row.id)