@flanksource/clicky-ui 0.2.12 → 0.2.13

package/dist/data/test-runner/TestFailureDetail.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestFailureDetail.cjs","sources":["../../../src/data/test-runner/TestFailureDetail.tsx"],"sourcesContent":["import { LogViewer } from \"../LogViewer\";\nimport { cn } from \"../../lib/utils\";\nimport type { FailureDetail, Test, TestAttempt } from \"./types\";\nimport { formatTestDuration } from \"./status\";\n\nfunction Field({\n  label,\n  value,\n  mono,\n}: {\n  label: string;\n  value: string | undefined;\n  mono?: boolean;\n}) {\n  if (!value) return null;\n  return (\n    <div className=\"space-y-1\">\n      <div className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">{label}</div>\n      <pre\n        className={cn(\n          \"whitespace-pre-wrap break-words rounded-md bg-muted p-2 text-xs\",\n          mono && \"font-mono\",\n        )}\n      >\n        {value}\n      </pre>\n    </div>\n  );\n}\n\n/** Renders a structured failure (expected/actual/matcher/location/stack). */\nexport function TestFailureDetail({ failure }: { failure: FailureDetail }) {\n  return (\n    <div className=\"space-y-3 rounded-md border border-red-200 bg-red-50/50 p-3 dark:border-red-900 dark:bg-red-950/30\">\n      {failure.summary && (\n        <p className=\"text-sm font-medium text-red-700 dark:text-red-300\">{failure.summary}</p>\n      )}\n      <Field label=\"Matcher\" value={failure.matcher} mono />\n      <Field label=\"Expected\" value={failure.expected} mono />\n      <Field label=\"Actual\" value={failure.actual} mono />\n      <Field label=\"Location\" value={failure.location} mono />\n      {failure.stack && <LogViewer logs={failure.stack} collapsedLines={6} />}\n    </div>\n  );\n}\n\n/** stdout / stderr blocks, each via the collapsible LogViewer. */\nexport function TestOutput({ node }: { node: Test }) {\n  if (!node.stdout && !node.stderr) return null;\n  return (\n    <div className=\"space-y-3\">\n      {node.stdout && (\n        <div className=\"space-y-1\">\n          <div className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">stdout</div>\n          <LogViewer logs={node.stdout} />\n        </div>\n      )}\n      {node.stderr && (\n        <div className=\"space-y-1\">\n          <div className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">stderr</div>\n          <LogViewer logs={node.stderr} borderClass=\"border-red-300 dark:border-red-900\" />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction attemptTone(a: TestAttempt): string {\n  if (a.failed || a.timed_out) return \"text-red-600 dark:text-red-400\";\n  if (a.passed) return \"text-green-600 dark:text-green-400\";\n  return \"text-muted-foreground\";\n}\n\n/** Prior attempts list for flaky/reran tests. */\nexport function TestAttempts({ attempts }: { attempts: TestAttempt[] }) {\n  if (attempts.length === 0) return null;\n  return (\n    <div className=\"space-y-1\">\n      <div className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">\n        Attempts ({attempts.length})\n      </div>\n      <ul className=\"divide-y divide-border rounded-md border border-border text-xs\">\n        {attempts.map((a) => (\n          <li key={a.sequence} className=\"flex items-center justify-between gap-2 px-2 py-1\">\n            <span className={cn(\"font-medium\", attemptTone(a))}>\n              #{a.sequence} {a.run_kind ?? \"\"}\n            </span>\n            <span className=\"truncate text-muted-foreground\">{a.message}</span>\n            {a.duration ? (\n              <span className=\"shrink-0 text-muted-foreground\">{formatTestDuration(a.duration)}</span>\n            ) : null}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","cn","LogViewer","formatTestDuration"],"mappings":"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"}

package/dist/data/test-runner/TestFailureDetail.d.ts

@@ -0,0 +1,14 @@
+import { FailureDetail, Test, TestAttempt } from './types';
+/** Renders a structured failure (expected/actual/matcher/location/stack). */
+export declare function TestFailureDetail({ failure }: {
+    failure: FailureDetail;
+}): import("react/jsx-runtime").JSX.Element;
+/** stdout / stderr blocks, each via the collapsible LogViewer. */
+export declare function TestOutput({ node }: {
+    node: Test;
+}): import("react/jsx-runtime").JSX.Element | null;
+/** Prior attempts list for flaky/reran tests. */
+export declare function TestAttempts({ attempts }: {
+    attempts: TestAttempt[];
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TestFailureDetail.d.ts.map

package/dist/data/test-runner/TestFailureDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestFailureDetail.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/TestFailureDetail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA4BhE,6EAA6E;AAC7E,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,aAAa,CAAA;CAAE,2CAaxE;AAED,kEAAkE;AAClE,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,kDAkBlD;AAQD,iDAAiD;AACjD,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,WAAW,EAAE,CAAA;CAAE,kDAsBrE"}

package/dist/data/test-runner/TestFailureDetail.js

@@ -0,0 +1,78 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { LogViewer } from "../LogViewer.js";
+import { cn } from "../../lib/utils.js";
+import { formatTestDuration } from "./status.js";
+function Field({
+  label,
+  value,
+  mono
+}) {
+  if (!value) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx(
+      "pre",
+      {
+        className: cn(
+          "whitespace-pre-wrap break-words rounded-md bg-muted p-2 text-xs",
+          mono && "font-mono"
+        ),
+        children: value
+      }
+    )
+  ] });
+}
+function TestFailureDetail({ failure }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-md border border-red-200 bg-red-50/50 p-3 dark:border-red-900 dark:bg-red-950/30", children: [
+    failure.summary && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-red-700 dark:text-red-300", children: failure.summary }),
+    /* @__PURE__ */ jsx(Field, { label: "Matcher", value: failure.matcher, mono: true }),
+    /* @__PURE__ */ jsx(Field, { label: "Expected", value: failure.expected, mono: true }),
+    /* @__PURE__ */ jsx(Field, { label: "Actual", value: failure.actual, mono: true }),
+    /* @__PURE__ */ jsx(Field, { label: "Location", value: failure.location, mono: true }),
+    failure.stack && /* @__PURE__ */ jsx(LogViewer, { logs: failure.stack, collapsedLines: 6 })
+  ] });
+}
+function TestOutput({ node }) {
+  if (!node.stdout && !node.stderr) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    node.stdout && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "stdout" }),
+      /* @__PURE__ */ jsx(LogViewer, { logs: node.stdout })
+    ] }),
+    node.stderr && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "stderr" }),
+      /* @__PURE__ */ jsx(LogViewer, { logs: node.stderr, borderClass: "border-red-300 dark:border-red-900" })
+    ] })
+  ] });
+}
+function attemptTone(a) {
+  if (a.failed || a.timed_out) return "text-red-600 dark:text-red-400";
+  if (a.passed) return "text-green-600 dark:text-green-400";
+  return "text-muted-foreground";
+}
+function TestAttempts({ attempts }) {
+  if (attempts.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: [
+      "Attempts (",
+      attempts.length,
+      ")"
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border rounded-md border border-border text-xs", children: attempts.map((a) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-2 px-2 py-1", children: [
+      /* @__PURE__ */ jsxs("span", { className: cn("font-medium", attemptTone(a)), children: [
+        "#",
+        a.sequence,
+        " ",
+        a.run_kind ?? ""
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: a.message }),
+      a.duration ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: formatTestDuration(a.duration) }) : null
+    ] }, a.sequence)) })
+  ] });
+}
+export {
+  TestAttempts,
+  TestFailureDetail,
+  TestOutput
+};
+//# sourceMappingURL=TestFailureDetail.js.map

package/dist/data/test-runner/TestFailureDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestFailureDetail.js","sources":["../../../src/data/test-runner/TestFailureDetail.tsx"],"sourcesContent":["import { LogViewer } from \"../LogViewer\";\nimport { cn } from \"../../lib/utils\";\nimport type { FailureDetail, Test, TestAttempt } from \"./types\";\nimport { formatTestDuration } from \"./status\";\n\nfunction Field({\n  label,\n  value,\n  mono,\n}: {\n  label: string;\n  value: string | undefined;\n  mono?: boolean;\n}) {\n  if (!value) return null;\n  return (\n    <div className=\"space-y-1\">\n      <div className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">{label}</div>\n      <pre\n        className={cn(\n          \"whitespace-pre-wrap break-words rounded-md bg-muted p-2 text-xs\",\n          mono && \"font-mono\",\n        )}\n      >\n        {value}\n      </pre>\n    </div>\n  );\n}\n\n/** Renders a structured failure (expected/actual/matcher/location/stack). */\nexport function TestFailureDetail({ failure }: { failure: FailureDetail }) {\n  return (\n    <div className=\"space-y-3 rounded-md border border-red-200 bg-red-50/50 p-3 dark:border-red-900 dark:bg-red-950/30\">\n      {failure.summary && (\n        <p className=\"text-sm font-medium text-red-700 dark:text-red-300\">{failure.summary}</p>\n      )}\n      <Field label=\"Matcher\" value={failure.matcher} mono />\n      <Field label=\"Expected\" value={failure.expected} mono />\n      <Field label=\"Actual\" value={failure.actual} mono />\n      <Field label=\"Location\" value={failure.location} mono />\n      {failure.stack && <LogViewer logs={failure.stack} collapsedLines={6} />}\n    </div>\n  );\n}\n\n/** stdout / stderr blocks, each via the collapsible LogViewer. */\nexport function TestOutput({ node }: { node: Test }) {\n  if (!node.stdout && !node.stderr) return null;\n  return (\n    <div className=\"space-y-3\">\n      {node.stdout && (\n        <div className=\"space-y-1\">\n          <div className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">stdout</div>\n          <LogViewer logs={node.stdout} />\n        </div>\n      )}\n      {node.stderr && (\n        <div className=\"space-y-1\">\n          <div className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">stderr</div>\n          <LogViewer logs={node.stderr} borderClass=\"border-red-300 dark:border-red-900\" />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction attemptTone(a: TestAttempt): string {\n  if (a.failed || a.timed_out) return \"text-red-600 dark:text-red-400\";\n  if (a.passed) return \"text-green-600 dark:text-green-400\";\n  return \"text-muted-foreground\";\n}\n\n/** Prior attempts list for flaky/reran tests. */\nexport function TestAttempts({ attempts }: { attempts: TestAttempt[] }) {\n  if (attempts.length === 0) return null;\n  return (\n    <div className=\"space-y-1\">\n      <div className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">\n        Attempts ({attempts.length})\n      </div>\n      <ul className=\"divide-y divide-border rounded-md border border-border text-xs\">\n        {attempts.map((a) => (\n          <li key={a.sequence} className=\"flex items-center justify-between gap-2 px-2 py-1\">\n            <span className={cn(\"font-medium\", attemptTone(a))}>\n              #{a.sequence} {a.run_kind ?? \"\"}\n            </span>\n            <span className=\"truncate text-muted-foreground\">{a.message}</span>\n            {a.duration ? (\n              <span className=\"shrink-0 text-muted-foreground\">{formatTestDuration(a.duration)}</span>\n            ) : null}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAKA,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,CAAC,MAAO,QAAO;AACnB,SACE,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,6DAA6D,UAAA,OAAM;AAAA,IAClF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,QAAQ;AAAA,QAAA;AAAA,QAGT,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AAGO,SAAS,kBAAkB,EAAE,WAAuC;AACzE,SACE,qBAAC,OAAA,EAAI,WAAU,sGACZ,UAAA;AAAA,IAAA,QAAQ,WACP,oBAAC,KAAA,EAAE,WAAU,sDAAsD,kBAAQ,SAAQ;AAAA,IAErF,oBAAC,SAAM,OAAM,WAAU,OAAO,QAAQ,SAAS,MAAI,MAAC;AAAA,IACpD,oBAAC,SAAM,OAAM,YAAW,OAAO,QAAQ,UAAU,MAAI,MAAC;AAAA,IACtD,oBAAC,SAAM,OAAM,UAAS,OAAO,QAAQ,QAAQ,MAAI,MAAC;AAAA,IAClD,oBAAC,SAAM,OAAM,YAAW,OAAO,QAAQ,UAAU,MAAI,MAAC;AAAA,IACrD,QAAQ,SAAS,oBAAC,WAAA,EAAU,MAAM,QAAQ,OAAO,gBAAgB,EAAA,CAAG;AAAA,EAAA,GACvE;AAEJ;AAGO,SAAS,WAAW,EAAE,QAAwB;AACnD,MAAI,CAAC,KAAK,UAAU,CAAC,KAAK,OAAQ,QAAO;AACzC,SACE,qBAAC,OAAA,EAAI,WAAU,aACZ,UAAA;AAAA,IAAA,KAAK,UACJ,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,6DAA4D,UAAA,UAAM;AAAA,MACjF,oBAAC,WAAA,EAAU,MAAM,KAAK,OAAA,CAAQ;AAAA,IAAA,GAChC;AAAA,IAED,KAAK,UACJ,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,6DAA4D,UAAA,UAAM;AAAA,0BAChF,WAAA,EAAU,MAAM,KAAK,QAAQ,aAAY,qCAAA,CAAqC;AAAA,IAAA,EAAA,CACjF;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAAS,YAAY,GAAwB;AAC3C,MAAI,EAAE,UAAU,EAAE,UAAW,QAAO;AACpC,MAAI,EAAE,OAAQ,QAAO;AACrB,SAAO;AACT;AAGO,SAAS,aAAa,EAAE,YAAyC;AACtE,MAAI,SAAS,WAAW,EAAG,QAAO;AAClC,SACE,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,6DAA4D,UAAA;AAAA,MAAA;AAAA,MAC9D,SAAS;AAAA,MAAO;AAAA,IAAA,GAC7B;AAAA,IACA,oBAAC,MAAA,EAAG,WAAU,kEACX,UAAA,SAAS,IAAI,CAAC,MACb,qBAAC,MAAA,EAAoB,WAAU,qDAC7B,UAAA;AAAA,MAAA,qBAAC,UAAK,WAAW,GAAG,eAAe,YAAY,CAAC,CAAC,GAAG,UAAA;AAAA,QAAA;AAAA,QAChD,EAAE;AAAA,QAAS;AAAA,QAAE,EAAE,YAAY;AAAA,MAAA,GAC/B;AAAA,MACA,oBAAC,QAAA,EAAK,WAAU,kCAAkC,YAAE,SAAQ;AAAA,MAC3D,EAAE,WACD,oBAAC,QAAA,EAAK,WAAU,kCAAkC,UAAA,mBAAmB,EAAE,QAAQ,EAAA,CAAE,IAC/E;AAAA,IAAA,KAPG,EAAE,QAQX,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/data/test-runner/TestFilterBar.cjs

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const utils = require("../../lib/utils.cjs");
+const frameworkIcon = require("./frameworkIcon.cjs");
+const status = require("./status.cjs");
+const filterState = require("./filterState.cjs");
+const UiAdd = require("../../icons/components/UiAdd.cjs");
+const UiRemove = require("../../icons/components/UiRemove.cjs");
+const STATUS_DEFS = [
+  { key: "failed", label: "Failed", badge: "bg-red-500" },
+  { key: "warned", label: "Warned", badge: "bg-amber-400" },
+  { key: "timedout", label: "Timed out", badge: "bg-amber-500" },
+  { key: "passed", label: "Passed", badge: "bg-green-500" },
+  { key: "skipped", label: "Skipped", badge: "bg-yellow-400" },
+  { key: "running", label: "Running", badge: "bg-blue-500" },
+  { key: "pending", label: "Queued", badge: "bg-muted-foreground" }
+];
+function pillClass(mode) {
+  if (mode === "include") return "bg-accent border-border font-medium text-foreground";
+  if (mode === "exclude") return "bg-foreground text-background border-foreground font-medium";
+  return "border-border text-muted-foreground hover:bg-accent";
+}
+function StateMarker({ mode }) {
+  if (mode === "include") return /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiAdd.UiAdd, className: "text-xs" });
+  if (mode === "exclude") return /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiRemove.UiRemove, className: "text-xs" });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-2 w-2 rounded-full bg-current opacity-30", "aria-hidden": true });
+}
+function TestFilterBar({
+  filters,
+  onChange,
+  counts,
+  frameworks,
+  className
+}) {
+  const hasActive = filters.status.size > 0 || filters.framework.size > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex flex-wrap items-center gap-1.5", className), children: [
+    STATUS_DEFS.map((sf) => {
+      const count = counts[sf.key];
+      if (count === 0) return null;
+      const mode = filters.status.get(sf.key);
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: utils.cn(
+            "inline-flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-xs transition-colors",
+            pillClass(mode)
+          ),
+          onClick: () => onChange({ ...filters, status: filterState.cycleFilterState(filters.status, sf.key) }),
+          title: `${sf.label}: ${mode ?? "neutral"}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: utils.cn(
+                  "inline-flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-bold text-white",
+                  sf.badge
+                ),
+                children: status.formatCount(count)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(StateMarker, { mode }),
+            sf.label
+          ]
+        },
+        sf.key
+      );
+    }),
+    frameworks.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mx-0.5 text-border", children: "|" }),
+      frameworks.map((fw) => {
+        const icon = frameworkIcon.frameworkIcon(fw);
+        const mode = filters.framework.get(fw);
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: utils.cn(
+              "inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs transition-colors",
+              pillClass(mode)
+            ),
+            onClick: () => onChange({ ...filters, framework: filterState.cycleFilterState(filters.framework, fw) }),
+            title: `${fw}: ${mode ?? "neutral"}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(StateMarker, { mode }),
+              icon && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon, className: "text-sm" }),
+              fw
+            ]
+          },
+          fw
+        );
+      })
+    ] }),
+    hasActive && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "ml-1 text-xs text-muted-foreground hover:text-foreground",
+        onClick: () => onChange({ status: /* @__PURE__ */ new Map(), framework: /* @__PURE__ */ new Map() }),
+        children: "Clear"
+      }
+    )
+  ] });
+}
+exports.TestFilterBar = TestFilterBar;
+//# sourceMappingURL=TestFilterBar.cjs.map

package/dist/data/test-runner/TestFilterBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestFilterBar.cjs","sources":["../../../src/data/test-runner/TestFilterBar.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport { cn } from \"../../lib/utils\";\nimport { UiAdd, UiRemove } from \"../../icons\";\nimport { frameworkIcon } from \"./frameworkIcon\";\nimport { formatCount, type StatusCounts } from \"./status\";\nimport { cycleFilterState, type FilterMode, type TestFilters } from \"./filterState\";\n\nexport type TestFilterBarProps = {\n  filters: TestFilters;\n  onChange: (next: TestFilters) => void;\n  counts: StatusCounts;\n  frameworks: string[];\n  className?: string;\n};\n\ntype StatusDef = { key: keyof StatusCounts; label: string; badge: string };\n\nconst STATUS_DEFS: StatusDef[] = [\n  { key: \"failed\", label: \"Failed\", badge: \"bg-red-500\" },\n  { key: \"warned\", label: \"Warned\", badge: \"bg-amber-400\" },\n  { key: \"timedout\", label: \"Timed out\", badge: \"bg-amber-500\" },\n  { key: \"passed\", label: \"Passed\", badge: \"bg-green-500\" },\n  { key: \"skipped\", label: \"Skipped\", badge: \"bg-yellow-400\" },\n  { key: \"running\", label: \"Running\", badge: \"bg-blue-500\" },\n  { key: \"pending\", label: \"Queued\", badge: \"bg-muted-foreground\" },\n];\n\nfunction pillClass(mode: FilterMode | undefined): string {\n  if (mode === \"include\") return \"bg-accent border-border font-medium text-foreground\";\n  if (mode === \"exclude\") return \"bg-foreground text-background border-foreground font-medium\";\n  return \"border-border text-muted-foreground hover:bg-accent\";\n}\n\nfunction StateMarker({ mode }: { mode: FilterMode | undefined }) {\n  if (mode === \"include\") return <Icon icon={UiAdd} className=\"text-xs\" />;\n  if (mode === \"exclude\") return <Icon icon={UiRemove} className=\"text-xs\" />;\n  return <span className=\"h-2 w-2 rounded-full bg-current opacity-30\" aria-hidden />;\n}\n\n/**\n * Tri-state status + framework filter pills. Named TestFilterBar to avoid the\n * pre-existing generic `FilterBar` export in clicky-ui/components.\n */\nexport function TestFilterBar({\n  filters,\n  onChange,\n  counts,\n  frameworks,\n  className,\n}: TestFilterBarProps) {\n  const hasActive = filters.status.size > 0 || filters.framework.size > 0;\n\n  return (\n    <div className={cn(\"flex flex-wrap items-center gap-1.5\", className)}>\n      {STATUS_DEFS.map((sf) => {\n        const count = counts[sf.key];\n        if (count === 0) return null;\n        const mode = filters.status.get(sf.key);\n        return (\n          <button\n            key={sf.key}\n            type=\"button\"\n            className={cn(\n              \"inline-flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-xs transition-colors\",\n              pillClass(mode),\n            )}\n            onClick={() => onChange({ ...filters, status: cycleFilterState(filters.status, sf.key) })}\n            title={`${sf.label}: ${mode ?? \"neutral\"}`}\n          >\n            <span\n              className={cn(\n                \"inline-flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-bold text-white\",\n                sf.badge,\n              )}\n            >\n              {formatCount(count)}\n            </span>\n            <StateMarker mode={mode} />\n            {sf.label}\n          </button>\n        );\n      })}\n\n      {frameworks.length > 1 && (\n        <>\n          <span className=\"mx-0.5 text-border\">|</span>\n          {frameworks.map((fw) => {\n            const icon = frameworkIcon(fw);\n            const mode = filters.framework.get(fw);\n            return (\n              <button\n                key={fw}\n                type=\"button\"\n                className={cn(\n                  \"inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs transition-colors\",\n                  pillClass(mode),\n                )}\n                onClick={() =>\n                  onChange({ ...filters, framework: cycleFilterState(filters.framework, fw) })\n                }\n                title={`${fw}: ${mode ?? \"neutral\"}`}\n              >\n                <StateMarker mode={mode} />\n                {icon && <Icon icon={icon} className=\"text-sm\" />}\n                {fw}\n              </button>\n            );\n          })}\n        </>\n      )}\n\n      {hasActive && (\n        <button\n          type=\"button\"\n          className=\"ml-1 text-xs text-muted-foreground hover:text-foreground\"\n          onClick={() => onChange({ status: new Map(), framework: new Map() })}\n        >\n          Clear\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":["jsx","Icon","UiAdd","UiRemove","cn","jsxs","cycleFilterState","Fragment","frameworkIcon"],"mappings":"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"}

package/dist/data/test-runner/TestFilterBar.d.ts

@@ -0,0 +1,15 @@
+import { StatusCounts } from './status';
+import { TestFilters } from './filterState';
+export type TestFilterBarProps = {
+    filters: TestFilters;
+    onChange: (next: TestFilters) => void;
+    counts: StatusCounts;
+    frameworks: string[];
+    className?: string;
+};
+/**
+ * Tri-state status + framework filter pills. Named TestFilterBar to avoid the
+ * pre-existing generic `FilterBar` export in clicky-ui/components.
+ */
+export declare function TestFilterBar({ filters, onChange, counts, frameworks, className, }: TestFilterBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TestFilterBar.d.ts.map

package/dist/data/test-runner/TestFilterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestFilterBar.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/TestFilterBar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAqC,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAEpF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,YAAY,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA0BF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,MAAM,EACN,UAAU,EACV,SAAS,GACV,EAAE,kBAAkB,2CAyEpB"}

package/dist/data/test-runner/TestFilterBar.js

@@ -0,0 +1,108 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Icon } from "../Icon.js";
+import { cn } from "../../lib/utils.js";
+import { frameworkIcon } from "./frameworkIcon.js";
+import { formatCount } from "./status.js";
+import { cycleFilterState } from "./filterState.js";
+import { UiAdd } from "../../icons/components/UiAdd.js";
+import { UiRemove } from "../../icons/components/UiRemove.js";
+const STATUS_DEFS = [
+  { key: "failed", label: "Failed", badge: "bg-red-500" },
+  { key: "warned", label: "Warned", badge: "bg-amber-400" },
+  { key: "timedout", label: "Timed out", badge: "bg-amber-500" },
+  { key: "passed", label: "Passed", badge: "bg-green-500" },
+  { key: "skipped", label: "Skipped", badge: "bg-yellow-400" },
+  { key: "running", label: "Running", badge: "bg-blue-500" },
+  { key: "pending", label: "Queued", badge: "bg-muted-foreground" }
+];
+function pillClass(mode) {
+  if (mode === "include") return "bg-accent border-border font-medium text-foreground";
+  if (mode === "exclude") return "bg-foreground text-background border-foreground font-medium";
+  return "border-border text-muted-foreground hover:bg-accent";
+}
+function StateMarker({ mode }) {
+  if (mode === "include") return /* @__PURE__ */ jsx(Icon, { icon: UiAdd, className: "text-xs" });
+  if (mode === "exclude") return /* @__PURE__ */ jsx(Icon, { icon: UiRemove, className: "text-xs" });
+  return /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full bg-current opacity-30", "aria-hidden": true });
+}
+function TestFilterBar({
+  filters,
+  onChange,
+  counts,
+  frameworks,
+  className
+}) {
+  const hasActive = filters.status.size > 0 || filters.framework.size > 0;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center gap-1.5", className), children: [
+    STATUS_DEFS.map((sf) => {
+      const count = counts[sf.key];
+      if (count === 0) return null;
+      const mode = filters.status.get(sf.key);
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: cn(
+            "inline-flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-xs transition-colors",
+            pillClass(mode)
+          ),
+          onClick: () => onChange({ ...filters, status: cycleFilterState(filters.status, sf.key) }),
+          title: `${sf.label}: ${mode ?? "neutral"}`,
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "inline-flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-bold text-white",
+                  sf.badge
+                ),
+                children: formatCount(count)
+              }
+            ),
+            /* @__PURE__ */ jsx(StateMarker, { mode }),
+            sf.label
+          ]
+        },
+        sf.key
+      );
+    }),
+    frameworks.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "mx-0.5 text-border", children: "|" }),
+      frameworks.map((fw) => {
+        const icon = frameworkIcon(fw);
+        const mode = filters.framework.get(fw);
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: cn(
+              "inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs transition-colors",
+              pillClass(mode)
+            ),
+            onClick: () => onChange({ ...filters, framework: cycleFilterState(filters.framework, fw) }),
+            title: `${fw}: ${mode ?? "neutral"}`,
+            children: [
+              /* @__PURE__ */ jsx(StateMarker, { mode }),
+              icon && /* @__PURE__ */ jsx(Icon, { icon, className: "text-sm" }),
+              fw
+            ]
+          },
+          fw
+        );
+      })
+    ] }),
+    hasActive && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "ml-1 text-xs text-muted-foreground hover:text-foreground",
+        onClick: () => onChange({ status: /* @__PURE__ */ new Map(), framework: /* @__PURE__ */ new Map() }),
+        children: "Clear"
+      }
+    )
+  ] });
+}
+export {
+  TestFilterBar
+};
+//# sourceMappingURL=TestFilterBar.js.map

package/dist/data/test-runner/TestFilterBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestFilterBar.js","sources":["../../../src/data/test-runner/TestFilterBar.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport { cn } from \"../../lib/utils\";\nimport { UiAdd, UiRemove } from \"../../icons\";\nimport { frameworkIcon } from \"./frameworkIcon\";\nimport { formatCount, type StatusCounts } from \"./status\";\nimport { cycleFilterState, type FilterMode, type TestFilters } from \"./filterState\";\n\nexport type TestFilterBarProps = {\n  filters: TestFilters;\n  onChange: (next: TestFilters) => void;\n  counts: StatusCounts;\n  frameworks: string[];\n  className?: string;\n};\n\ntype StatusDef = { key: keyof StatusCounts; label: string; badge: string };\n\nconst STATUS_DEFS: StatusDef[] = [\n  { key: \"failed\", label: \"Failed\", badge: \"bg-red-500\" },\n  { key: \"warned\", label: \"Warned\", badge: \"bg-amber-400\" },\n  { key: \"timedout\", label: \"Timed out\", badge: \"bg-amber-500\" },\n  { key: \"passed\", label: \"Passed\", badge: \"bg-green-500\" },\n  { key: \"skipped\", label: \"Skipped\", badge: \"bg-yellow-400\" },\n  { key: \"running\", label: \"Running\", badge: \"bg-blue-500\" },\n  { key: \"pending\", label: \"Queued\", badge: \"bg-muted-foreground\" },\n];\n\nfunction pillClass(mode: FilterMode | undefined): string {\n  if (mode === \"include\") return \"bg-accent border-border font-medium text-foreground\";\n  if (mode === \"exclude\") return \"bg-foreground text-background border-foreground font-medium\";\n  return \"border-border text-muted-foreground hover:bg-accent\";\n}\n\nfunction StateMarker({ mode }: { mode: FilterMode | undefined }) {\n  if (mode === \"include\") return <Icon icon={UiAdd} className=\"text-xs\" />;\n  if (mode === \"exclude\") return <Icon icon={UiRemove} className=\"text-xs\" />;\n  return <span className=\"h-2 w-2 rounded-full bg-current opacity-30\" aria-hidden />;\n}\n\n/**\n * Tri-state status + framework filter pills. Named TestFilterBar to avoid the\n * pre-existing generic `FilterBar` export in clicky-ui/components.\n */\nexport function TestFilterBar({\n  filters,\n  onChange,\n  counts,\n  frameworks,\n  className,\n}: TestFilterBarProps) {\n  const hasActive = filters.status.size > 0 || filters.framework.size > 0;\n\n  return (\n    <div className={cn(\"flex flex-wrap items-center gap-1.5\", className)}>\n      {STATUS_DEFS.map((sf) => {\n        const count = counts[sf.key];\n        if (count === 0) return null;\n        const mode = filters.status.get(sf.key);\n        return (\n          <button\n            key={sf.key}\n            type=\"button\"\n            className={cn(\n              \"inline-flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-xs transition-colors\",\n              pillClass(mode),\n            )}\n            onClick={() => onChange({ ...filters, status: cycleFilterState(filters.status, sf.key) })}\n            title={`${sf.label}: ${mode ?? \"neutral\"}`}\n          >\n            <span\n              className={cn(\n                \"inline-flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-bold text-white\",\n                sf.badge,\n              )}\n            >\n              {formatCount(count)}\n            </span>\n            <StateMarker mode={mode} />\n            {sf.label}\n          </button>\n        );\n      })}\n\n      {frameworks.length > 1 && (\n        <>\n          <span className=\"mx-0.5 text-border\">|</span>\n          {frameworks.map((fw) => {\n            const icon = frameworkIcon(fw);\n            const mode = filters.framework.get(fw);\n            return (\n              <button\n                key={fw}\n                type=\"button\"\n                className={cn(\n                  \"inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs transition-colors\",\n                  pillClass(mode),\n                )}\n                onClick={() =>\n                  onChange({ ...filters, framework: cycleFilterState(filters.framework, fw) })\n                }\n                title={`${fw}: ${mode ?? \"neutral\"}`}\n              >\n                <StateMarker mode={mode} />\n                {icon && <Icon icon={icon} className=\"text-sm\" />}\n                {fw}\n              </button>\n            );\n          })}\n        </>\n      )}\n\n      {hasActive && (\n        <button\n          type=\"button\"\n          className=\"ml-1 text-xs text-muted-foreground hover:text-foreground\"\n          onClick={() => onChange({ status: new Map(), framework: new Map() })}\n        >\n          Clear\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/test-runner/TestRunSummary.cjs

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const ProgressBar = require("../ProgressBar.cjs");
+const utils = require("../../lib/utils.cjs");
+const status = require("./status.cjs");
+const UiClock = require("../../icons/components/UiClock.cjs");
+const UiCheck = require("../../icons/components/UiCheck.cjs");
+const UiLoader = require("../../icons/components/UiLoader.cjs");
+function totals(tests) {
+  return tests.reduce(
+    (acc, t) => {
+      const s = status.sumNonTaskTests(t);
+      Object.keys(acc).forEach((k) => acc[k] += s[k]);
+      return acc;
+    },
+    { total: 0, passed: 0, failed: 0, warned: 0, skipped: 0, pending: 0, running: 0, timedout: 0 }
+  );
+}
+function pct(part, total) {
+  return total > 0 ? Math.round(part / total * 100) : 0;
+}
+function TestRunSummary({
+  tests,
+  startTime,
+  endTime,
+  done,
+  now,
+  runMeta,
+  className
+}) {
+  const t = totals(tests);
+  const clock = now ?? 0;
+  const end = done && endTime ? endTime : clock;
+  const elapsed = startTime && end >= startTime ? `${((end - startTime) / 1e3).toFixed(1)}s` : "";
+  const segments = [
+    { count: t.passed, color: "bg-green-500", label: "passed" },
+    { count: t.skipped, color: "bg-yellow-400", label: "skipped" },
+    { count: t.failed, color: "bg-red-500", label: "failed" },
+    { count: t.timedout, color: "bg-amber-500", label: "timed out" },
+    { count: t.running, color: "bg-blue-400", label: "running" },
+    { count: t.pending, color: "bg-muted-foreground/40", label: "queued" }
+  ];
+  const chips = [
+    { n: t.passed, label: "passed", tone: "text-green-600 dark:text-green-400" },
+    { n: t.failed, label: "failed", tone: "text-red-600 dark:text-red-400" },
+    { n: t.timedout, label: "timed out", tone: "text-amber-600 dark:text-amber-400" },
+    { n: t.skipped, label: "skipped", tone: "text-yellow-700 dark:text-yellow-500" },
+    { n: t.running, label: "running", tone: "text-blue-600 dark:text-blue-400" },
+    { n: t.pending, label: "queued", tone: "text-muted-foreground" }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex min-w-[18rem] flex-col items-end gap-1.5", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-x-3 gap-y-0.5 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-foreground", children: [
+        t.total,
+        " tests",
+        (runMeta == null ? void 0 : runMeta.kind) === "rerun" ? ` · rerun #${runMeta.sequence}` : ""
+      ] }),
+      chips.filter((c) => c.n > 0).map((c) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: c.tone, children: [
+        c.n,
+        " ",
+        c.label
+      ] }, c.label)),
+      elapsed && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClock.UiClock, className: "text-xs" }),
+        elapsed
+      ] }),
+      done ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck, className: "text-green-600 dark:text-green-400" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiLoader.UiLoader, className: "animate-spin text-blue-500" })
+    ] }),
+    t.total > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-72 items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ProgressBar.ProgressBar, { className: "flex-1", segments, total: t.total, height: "h-2" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 text-xs font-medium text-green-600 dark:text-green-400", children: [
+        pct(t.passed, t.total),
+        "%"
+      ] })
+    ] })
+  ] });
+}
+exports.TestRunSummary = TestRunSummary;
+//# sourceMappingURL=TestRunSummary.cjs.map

package/dist/data/test-runner/TestRunSummary.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestRunSummary.cjs","sources":["../../../src/data/test-runner/TestRunSummary.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport { ProgressBar, type ProgressSegment } from \"../ProgressBar\";\nimport { cn } from \"../../lib/utils\";\nimport { UiCheck, UiClock, UiLoader } from \"../../icons\";\nimport type { RunMeta, Test } from \"./types\";\nimport { sumNonTaskTests, type StatusCounts } from \"./status\";\n\nexport type TestRunSummaryProps = {\n  tests: Test[];\n  /** Run start, epoch ms (host-provided). */\n  startTime?: number | null | undefined;\n  /** Run end, epoch ms; falls back to `now` while running. */\n  endTime?: number | null | undefined;\n  done: boolean;\n  /** Injected clock (epoch ms) so the component stays pure. */\n  now?: number | undefined;\n  runMeta?: RunMeta | undefined;\n  className?: string | undefined;\n};\n\nfunction totals(tests: Test[]): StatusCounts {\n  return tests.reduce(\n    (acc, t) => {\n      const s = sumNonTaskTests(t);\n      (Object.keys(acc) as (keyof StatusCounts)[]).forEach((k) => (acc[k] += s[k]));\n      return acc;\n    },\n    { total: 0, passed: 0, failed: 0, warned: 0, skipped: 0, pending: 0, running: 0, timedout: 0 },\n  );\n}\n\nfunction pct(part: number, total: number): number {\n  return total > 0 ? Math.round((part / total) * 100) : 0;\n}\n\n/**\n * Header summary: per-status counts, elapsed time, a stacked progress bar, and\n * pass/fail/pending gauge cards. Pure — elapsed time comes from injected `now`.\n */\nexport function TestRunSummary({\n  tests,\n  startTime,\n  endTime,\n  done,\n  now,\n  runMeta,\n  className,\n}: TestRunSummaryProps) {\n  const t = totals(tests);\n  const clock = now ?? 0;\n  const end = done && endTime ? endTime : clock;\n  const elapsed = startTime && end >= startTime ? `${((end - startTime) / 1000).toFixed(1)}s` : \"\";\n\n  const segments: ProgressSegment[] = [\n    { count: t.passed, color: \"bg-green-500\", label: \"passed\" },\n    { count: t.skipped, color: \"bg-yellow-400\", label: \"skipped\" },\n    { count: t.failed, color: \"bg-red-500\", label: \"failed\" },\n    { count: t.timedout, color: \"bg-amber-500\", label: \"timed out\" },\n    { count: t.running, color: \"bg-blue-400\", label: \"running\" },\n    { count: t.pending, color: \"bg-muted-foreground/40\", label: \"queued\" },\n  ];\n\n  // Each status appears once, as a coloured count chip — no separate gauge-card\n  // row repeating the same numbers as percentages.\n  const chips: { n: number; label: string; tone: string }[] = [\n    { n: t.passed, label: \"passed\", tone: \"text-green-600 dark:text-green-400\" },\n    { n: t.failed, label: \"failed\", tone: \"text-red-600 dark:text-red-400\" },\n    { n: t.timedout, label: \"timed out\", tone: \"text-amber-600 dark:text-amber-400\" },\n    { n: t.skipped, label: \"skipped\", tone: \"text-yellow-700 dark:text-yellow-500\" },\n    { n: t.running, label: \"running\", tone: \"text-blue-600 dark:text-blue-400\" },\n    { n: t.pending, label: \"queued\", tone: \"text-muted-foreground\" },\n  ];\n\n  return (\n    <div className={cn(\"flex min-w-[18rem] flex-col items-end gap-1.5\", className)}>\n      <div className=\"flex flex-wrap items-center justify-end gap-x-3 gap-y-0.5 text-sm text-muted-foreground\">\n        <span className=\"font-medium text-foreground\">\n          {t.total} tests\n          {runMeta?.kind === \"rerun\" ? ` · rerun #${runMeta.sequence}` : \"\"}\n        </span>\n        {chips\n          .filter((c) => c.n > 0)\n          .map((c) => (\n            <span key={c.label} className={c.tone}>\n              {c.n} {c.label}\n            </span>\n          ))}\n        {elapsed && (\n          <span className=\"inline-flex items-center gap-1\">\n            <Icon icon={UiClock} className=\"text-xs\" />\n            {elapsed}\n          </span>\n        )}\n        {done ? (\n          <Icon icon={UiCheck} className=\"text-green-600 dark:text-green-400\" />\n        ) : (\n          <Icon icon={UiLoader} className=\"animate-spin text-blue-500\" />\n        )}\n      </div>\n\n      {t.total > 0 && (\n        <div className=\"flex w-72 items-center gap-2\">\n          <ProgressBar className=\"flex-1\" segments={segments} total={t.total} height=\"h-2\" />\n          <span className=\"shrink-0 text-xs font-medium text-green-600 dark:text-green-400\">\n            {pct(t.passed, t.total)}%\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["sumNonTaskTests","cn","jsxs","jsx","Icon","UiClock","UiCheck","UiLoader","ProgressBar"],"mappings":"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"}

package/dist/data/test-runner/TestRunSummary.d.ts

@@ -0,0 +1,19 @@
+import { RunMeta, Test } from './types';
+export type TestRunSummaryProps = {
+    tests: Test[];
+    /** Run start, epoch ms (host-provided). */
+    startTime?: number | null | undefined;
+    /** Run end, epoch ms; falls back to `now` while running. */
+    endTime?: number | null | undefined;
+    done: boolean;
+    /** Injected clock (epoch ms) so the component stays pure. */
+    now?: number | undefined;
+    runMeta?: RunMeta | undefined;
+    className?: string | undefined;
+};
+/**
+ * Header summary: per-status counts, elapsed time, a stacked progress bar, and
+ * pass/fail/pending gauge cards. Pure — elapsed time comes from injected `now`.
+ */
+export declare function TestRunSummary({ tests, startTime, endTime, done, now, runMeta, className, }: TestRunSummaryProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TestRunSummary.d.ts.map

package/dist/data/test-runner/TestRunSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestRunSummary.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/TestRunSummary.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG7C,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAiBF;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,EACH,OAAO,EACP,SAAS,GACV,EAAE,mBAAmB,2CA+DrB"}

package/dist/data/test-runner/TestRunSummary.js

@@ -0,0 +1,81 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Icon } from "../Icon.js";
+import { ProgressBar } from "../ProgressBar.js";
+import { cn } from "../../lib/utils.js";
+import { sumNonTaskTests } from "./status.js";
+import { UiClock } from "../../icons/components/UiClock.js";
+import { UiCheck } from "../../icons/components/UiCheck.js";
+import { UiLoader } from "../../icons/components/UiLoader.js";
+function totals(tests) {
+  return tests.reduce(
+    (acc, t) => {
+      const s = sumNonTaskTests(t);
+      Object.keys(acc).forEach((k) => acc[k] += s[k]);
+      return acc;
+    },
+    { total: 0, passed: 0, failed: 0, warned: 0, skipped: 0, pending: 0, running: 0, timedout: 0 }
+  );
+}
+function pct(part, total) {
+  return total > 0 ? Math.round(part / total * 100) : 0;
+}
+function TestRunSummary({
+  tests,
+  startTime,
+  endTime,
+  done,
+  now,
+  runMeta,
+  className
+}) {
+  const t = totals(tests);
+  const clock = now ?? 0;
+  const end = done && endTime ? endTime : clock;
+  const elapsed = startTime && end >= startTime ? `${((end - startTime) / 1e3).toFixed(1)}s` : "";
+  const segments = [
+    { count: t.passed, color: "bg-green-500", label: "passed" },
+    { count: t.skipped, color: "bg-yellow-400", label: "skipped" },
+    { count: t.failed, color: "bg-red-500", label: "failed" },
+    { count: t.timedout, color: "bg-amber-500", label: "timed out" },
+    { count: t.running, color: "bg-blue-400", label: "running" },
+    { count: t.pending, color: "bg-muted-foreground/40", label: "queued" }
+  ];
+  const chips = [
+    { n: t.passed, label: "passed", tone: "text-green-600 dark:text-green-400" },
+    { n: t.failed, label: "failed", tone: "text-red-600 dark:text-red-400" },
+    { n: t.timedout, label: "timed out", tone: "text-amber-600 dark:text-amber-400" },
+    { n: t.skipped, label: "skipped", tone: "text-yellow-700 dark:text-yellow-500" },
+    { n: t.running, label: "running", tone: "text-blue-600 dark:text-blue-400" },
+    { n: t.pending, label: "queued", tone: "text-muted-foreground" }
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-[18rem] flex-col items-end gap-1.5", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-x-3 gap-y-0.5 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground", children: [
+        t.total,
+        " tests",
+        (runMeta == null ? void 0 : runMeta.kind) === "rerun" ? ` · rerun #${runMeta.sequence}` : ""
+      ] }),
+      chips.filter((c) => c.n > 0).map((c) => /* @__PURE__ */ jsxs("span", { className: c.tone, children: [
+        c.n,
+        " ",
+        c.label
+      ] }, c.label)),
+      elapsed && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(Icon, { icon: UiClock, className: "text-xs" }),
+        elapsed
+      ] }),
+      done ? /* @__PURE__ */ jsx(Icon, { icon: UiCheck, className: "text-green-600 dark:text-green-400" }) : /* @__PURE__ */ jsx(Icon, { icon: UiLoader, className: "animate-spin text-blue-500" })
+    ] }),
+    t.total > 0 && /* @__PURE__ */ jsxs("div", { className: "flex w-72 items-center gap-2", children: [
+      /* @__PURE__ */ jsx(ProgressBar, { className: "flex-1", segments, total: t.total, height: "h-2" }),
+      /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-xs font-medium text-green-600 dark:text-green-400", children: [
+        pct(t.passed, t.total),
+        "%"
+      ] })
+    ] })
+  ] });
+}
+export {
+  TestRunSummary
+};
+//# sourceMappingURL=TestRunSummary.js.map

package/dist/data/test-runner/TestRunSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestRunSummary.js","sources":["../../../src/data/test-runner/TestRunSummary.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport { ProgressBar, type ProgressSegment } from \"../ProgressBar\";\nimport { cn } from \"../../lib/utils\";\nimport { UiCheck, UiClock, UiLoader } from \"../../icons\";\nimport type { RunMeta, Test } from \"./types\";\nimport { sumNonTaskTests, type StatusCounts } from \"./status\";\n\nexport type TestRunSummaryProps = {\n  tests: Test[];\n  /** Run start, epoch ms (host-provided). */\n  startTime?: number | null | undefined;\n  /** Run end, epoch ms; falls back to `now` while running. */\n  endTime?: number | null | undefined;\n  done: boolean;\n  /** Injected clock (epoch ms) so the component stays pure. */\n  now?: number | undefined;\n  runMeta?: RunMeta | undefined;\n  className?: string | undefined;\n};\n\nfunction totals(tests: Test[]): StatusCounts {\n  return tests.reduce(\n    (acc, t) => {\n      const s = sumNonTaskTests(t);\n      (Object.keys(acc) as (keyof StatusCounts)[]).forEach((k) => (acc[k] += s[k]));\n      return acc;\n    },\n    { total: 0, passed: 0, failed: 0, warned: 0, skipped: 0, pending: 0, running: 0, timedout: 0 },\n  );\n}\n\nfunction pct(part: number, total: number): number {\n  return total > 0 ? Math.round((part / total) * 100) : 0;\n}\n\n/**\n * Header summary: per-status counts, elapsed time, a stacked progress bar, and\n * pass/fail/pending gauge cards. Pure — elapsed time comes from injected `now`.\n */\nexport function TestRunSummary({\n  tests,\n  startTime,\n  endTime,\n  done,\n  now,\n  runMeta,\n  className,\n}: TestRunSummaryProps) {\n  const t = totals(tests);\n  const clock = now ?? 0;\n  const end = done && endTime ? endTime : clock;\n  const elapsed = startTime && end >= startTime ? `${((end - startTime) / 1000).toFixed(1)}s` : \"\";\n\n  const segments: ProgressSegment[] = [\n    { count: t.passed, color: \"bg-green-500\", label: \"passed\" },\n    { count: t.skipped, color: \"bg-yellow-400\", label: \"skipped\" },\n    { count: t.failed, color: \"bg-red-500\", label: \"failed\" },\n    { count: t.timedout, color: \"bg-amber-500\", label: \"timed out\" },\n    { count: t.running, color: \"bg-blue-400\", label: \"running\" },\n    { count: t.pending, color: \"bg-muted-foreground/40\", label: \"queued\" },\n  ];\n\n  // Each status appears once, as a coloured count chip — no separate gauge-card\n  // row repeating the same numbers as percentages.\n  const chips: { n: number; label: string; tone: string }[] = [\n    { n: t.passed, label: \"passed\", tone: \"text-green-600 dark:text-green-400\" },\n    { n: t.failed, label: \"failed\", tone: \"text-red-600 dark:text-red-400\" },\n    { n: t.timedout, label: \"timed out\", tone: \"text-amber-600 dark:text-amber-400\" },\n    { n: t.skipped, label: \"skipped\", tone: \"text-yellow-700 dark:text-yellow-500\" },\n    { n: t.running, label: \"running\", tone: \"text-blue-600 dark:text-blue-400\" },\n    { n: t.pending, label: \"queued\", tone: \"text-muted-foreground\" },\n  ];\n\n  return (\n    <div className={cn(\"flex min-w-[18rem] flex-col items-end gap-1.5\", className)}>\n      <div className=\"flex flex-wrap items-center justify-end gap-x-3 gap-y-0.5 text-sm text-muted-foreground\">\n        <span className=\"font-medium text-foreground\">\n          {t.total} tests\n          {runMeta?.kind === \"rerun\" ? ` · rerun #${runMeta.sequence}` : \"\"}\n        </span>\n        {chips\n          .filter((c) => c.n > 0)\n          .map((c) => (\n            <span key={c.label} className={c.tone}>\n              {c.n} {c.label}\n            </span>\n          ))}\n        {elapsed && (\n          <span className=\"inline-flex items-center gap-1\">\n            <Icon icon={UiClock} className=\"text-xs\" />\n            {elapsed}\n          </span>\n        )}\n        {done ? (\n          <Icon icon={UiCheck} className=\"text-green-600 dark:text-green-400\" />\n        ) : (\n          <Icon icon={UiLoader} className=\"animate-spin text-blue-500\" />\n        )}\n      </div>\n\n      {t.total > 0 && (\n        <div className=\"flex w-72 items-center gap-2\">\n          <ProgressBar className=\"flex-1\" segments={segments} total={t.total} height=\"h-2\" />\n          <span className=\"shrink-0 text-xs font-medium text-green-600 dark:text-green-400\">\n            {pct(t.passed, t.total)}%\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}