@lmzhen/dsh-evolution-skill-health 0.33.0 → 0.35.0

package/lib/client.js

@@ -112,6 +112,9 @@ 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/action.ts
 		/**
 		* Command-only actions. Approval decisions are a separate host API and must never
@@ -499,7 +502,8 @@ window.__ModuleLoader__.load({
 			":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=\"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); background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }",
+			":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\"][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); }",
@@ -731,15 +735,17 @@ 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. */
 			const load = () => {
 				const read = face.loadRows;
 				if (read === void 0) return () => {};
-				let live = true;
+				const ticket = ++readTicket.current;
 				setLoading(true);
 				read().then((outcome) => {
-					if (!live) return;
+					if (ticket !== readTicket.current) return;
 					if (outcome.ok) {
 						const payload = outcome.payload;
 						setView({
@@ -755,16 +761,14 @@ window.__ModuleLoader__.load({
 						setFailed(void 0);
 					} else setFailed(outcome.failure);
 				}).catch(() => {
-					if (live) setFailed({
+					if (ticket === readTicket.current) setFailed({
 						kind: "server",
 						status: 0
 					});
 				}).finally(() => {
-					if (live) setLoading(false);
+					if (ticket === readTicket.current) setLoading(false);
 				});
-				return () => {
-					live = false;
-				};
+				return () => {};
 			};
 			(0, react.useEffect)(() => {
 				if (firstLoad.current || face.loadRows === void 0) return;
@@ -772,11 +776,21 @@ 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),
+				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",
@@ -835,10 +849,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)) : (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/package.json

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