@lmzhen/dsh-evolution-skill-health 0.34.0 → 0.36.0

package/lib/client.js

@@ -112,6 +112,55 @@ window.__ModuleLoader__.load({
 			reason: "transport"
 		});
 		//#endregion
+		//#region ../evolution-client-kit/src/notice.ts
+		/** One inline state notice: semantic tone plus text, no surface-specific styling. */
+		//#endregion
+		//#region ../evolution-client-kit/src/presentation/decision-frame.ts
+		/** One decision card: title, facts, at most one primary, secondary actions and details. */
+		//#endregion
+		//#region ../evolution-client-kit/src/presentation/task-banner.ts
+		/** A read-only task hint; it deliberately has no primary action. */
+		//#endregion
+		//#region ../evolution-client-kit/src/presentation/chips.ts
+		/** Read-only status chips and toggleable filter chips. */
+		//#endregion
+		//#region ../evolution-client-kit/src/presentation/empty-state.ts
+		/** A compact completed/empty state with at most one primary next step. */
+		//#endregion
+		//#region ../evolution-client-kit/src/presentation/disclosure-group.ts
+		/** A native details group for normal/secondary facts. */
+		//#endregion
+		//#region ../evolution-client-kit/src/presentation/time-text.ts
+		/** The one local-time presentation used by reading surfaces. */
+		//#endregion
+		//#region ../evolution-client-kit/src/presentation/action-menu.ts
+		/**
+		* The one seam onto the platform's menu material, plus a small fallback for deployments
+		* without the primitive row. No page owns a second menu implementation.
+		*/
+		const PLATFORM_UI_MODULE$1 = "@deepseek-ai/dsh-client-ui-primitives";
+		/**
+		* Accept only the two component functions; a namespace row without them is not a menu.
+		* @param row - the module row's exports.
+		* @returns the two components, or undefined.
+		*/
+		function menuPrimitivesFrom(row) {
+			const surface = row.MenuSurface;
+			const item = row.MenuItemButton;
+			if (typeof surface !== "function" || typeof item !== "function") return void 0;
+			return {
+				MenuSurface: surface,
+				MenuItemButton: item
+			};
+		}
+		(() => {
+			try {
+				return menuPrimitivesFrom(require(PLATFORM_UI_MODULE$1));
+			} catch {
+				return;
+			}
+		})();
+		//#endregion
 		//#region ../evolution-client-kit/src/action.ts
 		/**
 		* Command-only actions. Approval decisions are a separate host API and must never
@@ -314,6 +363,8 @@ window.__ModuleLoader__.load({
 			"loading": "读取中…",
 			"group.byRule": "按规则",
 			"group.bySkill": "按技能",
+			"health.complete": "没有需要处理的问题",
+			"health.normal": "{n} 项正常，展开查看",
 			"verdict.healthy": "正常",
 			"verdict.warn": "警告",
 			"verdict.needs-restructure": "需重构",
@@ -396,6 +447,8 @@ window.__ModuleLoader__.load({
 			"loading": "Loading…",
 			"group.byRule": "By rule",
 			"group.bySkill": "By skill",
+			"health.complete": "Nothing needs attention",
+			"health.normal": "{n} normal items — expand to view",
 			"verdict.healthy": "OK",
 			"verdict.warn": "Warn",
 			"verdict.needs-restructure": "Needs restructure",
@@ -498,13 +551,19 @@ window.__ModuleLoader__.load({
 			":where(.dsh-evolution-skill-health) { --evo-type-lg:calc(1em + 2px);--evo-type-body:1em;--evo-type-sm:calc(1em - 1px);--evo-type-xs:calc(1em - 2px);--evo-space-2:2px;--evo-space-4:4px;--evo-space-6:6px;--evo-space-8:8px;--evo-space-10:10px;--evo-space-12:12px;--evo-space-14:14px;--evo-space-16:16px;--evo-space-20:20px;--evo-radius-chip:4px;--evo-radius-control:8px;--evo-radius-surface:12px;--evo-radius-pill:999px;--evo-hairline-width:.5px;--evo-hairline-marker:2px;--evo-measure-read:80ch;--evo-leading-base:1.5;--evo-tone-quiet:var(--dsw-alias-label-secondary);--evo-tone-primary:var(--dsw-alias-brand-primary);--evo-tone-danger:var(--dsw-alias-state-error-primary);--evo-tone-success:var(--dsw-alias-state-success-primary);--evo-focus-ring:2px solid var(--dsw-alias-label-primary);--evo-focus-offset:-2px;--evo-cap-aside:280px;--evo-cap-block:260px }",
 			":where(.dsh-evolution-skill-health) { display: flex; flex-direction: column; gap: var(--evo-space-12); padding: var(--evo-space-16); color: var(--dsw-alias-label-primary); font-size: var(--evo-type-sm); line-height: var(--evo-leading-base); }",
 			":where(.dsh-evolution-skill-health [data-role=\"hint\"]) { margin: 0; color: var(--dsw-alias-label-secondary); }",
-			":where(.dsh-evolution-skill-health [data-role=\"stats\"]) { display: grid; grid-template-columns: repeat(auto-fit, minmax(136px, 1fr)); gap: var(--evo-space-8); }",
-			":where(.dsh-evolution-skill-health [data-role=\"stat\"]) { display: flex; flex-direction: column; gap: var(--evo-space-2); padding: var(--evo-space-8) var(--evo-space-10); border: var(--evo-hairline-width) solid var(--dsw-alias-border-l1); border-radius: var(--evo-radius-control); }",
+			":where(.dsh-evolution-skill-health [data-role=\"stats\"]) { display: flex; flex-wrap: wrap; gap: var(--evo-space-6); }",
+			":where(.dsh-evolution-skill-health [data-role=\"stat\"]) { display: inline-flex; align-items: baseline; gap: var(--evo-space-4); padding: var(--evo-space-4) var(--evo-space-10); border: var(--evo-hairline-width) solid var(--dsw-alias-border-l1); border-radius: var(--evo-radius-pill); background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }",
+			":where(.dsh-evolution-skill-health [data-role=\"stat-value\"]) { font-size: var(--evo-type-sm); }",
+			":where(.dsh-evolution-skill-health [data-role=\"health-complete\"]) { padding: var(--evo-space-12) var(--evo-space-14); border: var(--evo-hairline-width) solid var(--dsw-alias-state-success-primary); border-radius: var(--evo-radius-control); background: var(--dsw-alias-bg-layer-1); color: var(--dsw-alias-state-success-primary); }",
+			":where(.dsh-evolution-skill-health [data-role=\"health-normal\"]) { display: flex; flex-direction: column; gap: var(--evo-space-4); padding-top: var(--evo-space-4); }",
+			":where(.dsh-evolution-skill-health [data-role=\"health-normal\"] > summary) { cursor: pointer; color: var(--dsw-alias-label-tertiary); font-size: var(--evo-type-xs); }",
+			":where(.dsh-evolution-skill-health [data-role=\"stat\"][aria-pressed=\"true\"]) { border-color: var(--dsw-alias-brand-primary); background: var(--dsw-alias-interactive-bg-hover); }",
+			":where(.dsh-evolution-skill-health [data-role=\"stat\"]:disabled) { opacity: 0.55; cursor: default; }",
 			":where(.dsh-evolution-skill-health [data-role=\"stat\"][data-tone=\"ok\"]) { box-shadow: inset 2px 0 0 var(--dsw-alias-state-success-primary); }",
 			":where(.dsh-evolution-skill-health [data-role=\"stat\"][data-tone=\"warn\"]) { box-shadow: inset 2px 0 0 var(--dsw-alias-state-warn-primary); }",
 			":where(.dsh-evolution-skill-health [data-role=\"stat\"][data-tone=\"error\"]) { box-shadow: inset 2px 0 0 var(--dsw-alias-state-error-primary); }",
 			":where(.dsh-evolution-skill-health [data-role=\"stat\"][data-tone=\"unreadable\"]) { box-shadow: inset 2px 0 0 var(--evo-tone-quiet); }",
-			":where(.dsh-evolution-skill-health [data-role=\"stat-value\"]) { font-size: var(--evo-type-lg); font-variant-numeric: tabular-nums; line-height: 1; }",
+			":where(.dsh-evolution-skill-health [data-role=\"stat-value\"]) { font-variant-numeric: tabular-nums; }",
 			":where(.dsh-evolution-skill-health [data-role=\"stat-label\"]) { color: var(--dsw-alias-label-tertiary); }",
 			":where(.dsh-evolution-skill-health [data-role=\"group-title\"]) { margin: 0; font-weight: 500; }",
 			":where(.dsh-evolution-skill-health [data-role=\"rule-table\"]) { display: table; width: 100%; border-collapse: collapse; border: var(--evo-hairline-width) solid var(--dsw-alias-border-l1); border-radius: var(--evo-radius-control); overflow: hidden; }",
@@ -549,6 +608,29 @@ window.__ModuleLoader__.load({
 			return cached ?? void 0;
 		}
 		//#endregion
+		//#region src/client/health-presentation.ts
+		/**
+		* Split rows without dropping or inventing a verdict. Unreadable is an issue, never normal.
+		* @param rows - all rows in the current projection.
+		* @returns issues in severity order and the normal remainder.
+		*/
+		function healthViewModel(rows) {
+			const order = [
+				"error",
+				"needs-restructure",
+				"warn",
+				"unreadable",
+				"healthy"
+			];
+			const sorted = [...rows].sort((a, b) => order.indexOf(a.verdict) - order.indexOf(b.verdict) || a.name.localeCompare(b.name));
+			const issues = sorted.filter((row) => row.verdict !== "healthy");
+			return {
+				issues,
+				normal: sorted.filter((row) => row.verdict === "healthy"),
+				hasIssues: issues.length > 0
+			};
+		}
+		//#endregion
 		//#region src/client/Panel.ts
 		/**
 		* The panel body: a four-state summary plus the list aggregated BY RULE.
@@ -645,17 +727,8 @@ window.__ModuleLoader__.load({
 				}
 			}, text);
 		}
-		/** H4: the evidence queue by skill, before the by-rule summary. */
-		function skillQueue(face, t) {
-			const order = [
-				"error",
-				"needs-restructure",
-				"warn",
-				"unreadable",
-				"healthy"
-			];
-			const rows = [...face.rows].sort((a, b) => order.indexOf(a.verdict) - order.indexOf(b.verdict) || a.name.localeCompare(b.name));
-			return (0, react.createElement)("div", { "data-role": "skill-queue" }, (0, react.createElement)("h3", { "data-role": "group-title" }, t("group.bySkill")), ...rows.map((row) => (0, react.createElement)("div", {
+		function skillRowNode(face, t, row) {
+			return (0, react.createElement)("div", {
 				key: row.name,
 				"data-role": "skill-row",
 				"data-tone": row.verdict
@@ -671,7 +744,14 @@ window.__ModuleLoader__.load({
 				t,
 				role: "action-copy",
 				label: t("action.copy")
-			})))));
+			})));
+		}
+		/** H4: issues first, normal items folded behind one native details summary. */
+		function skillQueue(face, t, model) {
+			return (0, react.createElement)("div", { "data-role": "skill-queue" }, (0, react.createElement)("h3", { "data-role": "group-title" }, t("group.bySkill")), model.hasIssues ? null : (0, react.createElement)("div", { "data-role": "health-complete" }, t("health.complete")), ...model.issues.map((row) => skillRowNode(face, t, row)), model.normal.length === 0 ? null : (0, react.createElement)("details", {
+				"data-role": "health-normal",
+				className: "evo-health-normal"
+			}, (0, react.createElement)("summary", null, t("health.normal").replace("{n}", String(model.normal.length))), ...model.normal.map((row) => skillRowNode(face, t, row))));
 		}
 		/** The rule table: a grid so counts line up, with a tone bar per row and skill pills. */
 		function ruleTable(face, t) {
@@ -731,6 +811,7 @@ window.__ModuleLoader__.load({
 			const [lastReadAt, setLastReadAt] = (0, react.useState)(face.readAt);
 			const [scan, setScan] = (0, react.useState)(face.scan);
 			const [viewMode, setViewMode] = (0, react.useState)("skills");
+			const [verdictFilter, setVerdictFilter] = (0, react.useState)(void 0);
 			const firstLoad = (0, react.useRef)(false);
 			const readTicket = (0, react.useRef)(0);
 			/** One read trigger for first paint and the refresh button; the latest answer wins. */
@@ -771,11 +852,22 @@ window.__ModuleLoader__.load({
 				load();
 			}, [face]);
 			const counts = new Map(KINDS.map((kind) => [kind, view.rows.filter((row) => row.verdict === kind).length]));
-			const stats = (0, react.createElement)("div", { "data-role": "stats" }, KINDS.map((kind) => (0, react.createElement)("div", {
+			const shown = verdictFilter === void 0 ? view : {
+				...view,
+				rows: view.rows.filter((row) => row.verdict === verdictFilter)
+			};
+			const stats = (0, react.createElement)("div", { "data-role": "stats" }, KINDS.map((kind) => (0, react.createElement)("button", {
 				key: kind,
+				type: "button",
 				"data-role": "stat",
-				"data-tone": TONE[kind]
-			}, (0, react.createElement)("div", { "data-role": "stat-value" }, String(counts.get(kind) ?? 0)), (0, react.createElement)("div", { "data-role": "stat-label" }, t("verdict." + kind)))));
+				"data-tone": TONE[kind],
+				"aria-pressed": verdictFilter === kind ? "true" : "false",
+				"aria-label": t("verdict." + kind),
+				disabled: (counts.get(kind) ?? 0) === 0,
+				onClick: () => {
+					setVerdictFilter((previous) => previous === kind ? void 0 : kind);
+				}
+			}, (0, react.createElement)("span", { "data-role": "stat-value" }, String(counts.get(kind) ?? 0)), (0, react.createElement)("span", { "data-role": "stat-label" }, t("verdict." + kind)))));
 			return (0, react.createElement)("section", { className: CSS_TAG_ID }, (0, react.createElement)("div", { "data-role": "header" }, (0, react.createElement)("span", { "data-role": "read-at" }, lastReadAt === void 0 ? t("readAt.unknown") : new Date(lastReadAt).toLocaleString()), (0, react.createElement)("span", { "data-role": "scan-status" }, t("scan." + (scan?.status ?? "unavailable"))), (0, react.createElement)("button", {
 				type: "button",
 				"data-role": "refresh",
@@ -834,10 +926,10 @@ window.__ModuleLoader__.load({
 			})(), viewMode === "skills" ? (0, react.createElement)("div", {
 				id: "evo-health-skills",
 				role: "tabpanel"
-			}, skillQueue(view, t)) : (0, react.createElement)("div", {
+			}, skillQueue(shown, t, healthViewModel(shown.rows))) : (0, react.createElement)("div", {
 				id: "evo-health-rules",
 				role: "tabpanel"
-			}, (0, react.createElement)("h3", { "data-role": "group-title" }, t("group.byRule")), ruleTable(view, t)));
+			}, (0, react.createElement)("h3", { "data-role": "group-title" }, t("group.byRule")), ruleTable(shown, t)));
 		}
 		//#endregion
 		//#region src/client/seats.ts

package/lib/types/client/health-presentation.d.ts

@@ -0,0 +1,15 @@
+/** Pure health reading shape: issues first, normal items folded behind a summary. */
+import type { HealthRow } from './Panel.ts';
+/** The split the health page renders from; counts remain the caller's whole-row facts. */
+export interface HealthViewModel {
+    readonly issues: readonly HealthRow[];
+    readonly normal: readonly HealthRow[];
+    readonly hasIssues: boolean;
+}
+/**
+ * Split rows without dropping or inventing a verdict. Unreadable is an issue, never normal.
+ * @param rows - all rows in the current projection.
+ * @returns issues in severity order and the normal remainder.
+ */
+export declare function healthViewModel(rows: readonly HealthRow[]): HealthViewModel;
+//# sourceMappingURL=health-presentation.d.ts.map

package/package.json

@@ -11,7 +11,7 @@
       ]
     }
   },
-  "version": "0.34.0",
+  "version": "0.36.0",
   "publishConfig": {
     "access": "public"
   },
@@ -42,18 +42,18 @@
   "peerDependencies": {
     "@deepseek-ai/cordis": "^4.0.5",
     "react": "^18.2.0",
-    "@lmzhen/dsh-evolution-core": "^0.34.0",
-    "@lmzhen/dsh-evolution-curator": "^0.34.0"
+    "@lmzhen/dsh-evolution-core": "^0.36.0",
+    "@lmzhen/dsh-evolution-curator": "^0.36.0"
   },
   "devDependencies": {
     "@deepseek-ai/cordis": "^4.0.5",
     "@types/react": "~18.3.1",
     "react": "^18.2.0",
-    "@lmzhen/dsh-evolution-core": "^0.34.0",
-    "@lmzhen/dsh-evolution-curator": "^0.34.0"
+    "@lmzhen/dsh-evolution-core": "^0.36.0",
+    "@lmzhen/dsh-evolution-curator": "^0.36.0"
   },
   "dependencies": {
-    "@lmzhen/dsh-evolution-client-kit": "^0.34.0"
+    "@lmzhen/dsh-evolution-client-kit": "^0.36.0"
   },
   "engines": {
     "dsh": ">=0.2.1-rc.2 <0.2.2-0"