@flanksource/clicky-ui 0.2.12 → 0.2.14

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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"}

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

@@ -0,0 +1,143 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Icon = require("../Icon.cjs");
+const SplitPane = require("../../layout/SplitPane.cjs");
+const utils = require("../../lib/utils.cjs");
+const status = require("./status.cjs");
+const adapter = require("./adapter.cjs");
+const context = require("./context.cjs");
+const TestTree = require("./TestTree.cjs");
+const TestDetailPanel = require("./TestDetailPanel.cjs");
+const TestRunSummary = require("./TestRunSummary.cjs");
+const TestFilterBar = require("./TestFilterBar.cjs");
+const UiBeaker = require("../../icons/components/UiBeaker.cjs");
+function counts(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 toRegistry(adapters) {
+  if (adapters instanceof adapter.TestNodeAdapterRegistry) return adapters;
+  return adapter.createTestRunnerRegistry(adapters ?? []);
+}
+function TestRunner({
+  tests,
+  selected,
+  filters,
+  expandAll,
+  done,
+  runMeta,
+  status: status$1,
+  statusText,
+  now,
+  busy,
+  onSelect,
+  onFiltersChange,
+  onExpandAllChange,
+  onRerun,
+  onStop,
+  adapters,
+  headerSlot,
+  defaultSplit = 45,
+  startTime,
+  endTime,
+  className
+}) {
+  const registry = react.useMemo(() => toRegistry(adapters), [adapters]);
+  const ctx = react.useMemo(
+    () => ({
+      tests,
+      selected,
+      runMeta,
+      status: status$1,
+      done,
+      now,
+      filters,
+      expandAll,
+      busy: busy ?? {},
+      onSelect,
+      onFiltersChange,
+      onExpandAllChange,
+      onRerun,
+      onStop,
+      adapters: registry
+    }),
+    [
+      tests,
+      selected,
+      runMeta,
+      status$1,
+      done,
+      now,
+      filters,
+      expandAll,
+      busy,
+      onSelect,
+      onFiltersChange,
+      onExpandAllChange,
+      onRerun,
+      onStop,
+      registry
+    ]
+  );
+  const frameworks = react.useMemo(() => status.collectFrameworks(tests), [tests]);
+  const filterCounts = react.useMemo(() => counts(tests), [tests]);
+  const hasContent = tests.length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(context.TestRunnerProvider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex h-full min-h-0 flex-col bg-background", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border bg-card px-density-4 py-density-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: "inline-flex items-center gap-1.5 text-lg font-bold", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiBeaker.UiBeaker, className: "text-primary" }),
+            "Test Results"
+          ] }),
+          statusText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: statusText })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          headerSlot,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            TestRunSummary.TestRunSummary,
+            {
+              tests,
+              startTime,
+              endTime,
+              done,
+              now,
+              runMeta
+            }
+          )
+        ] })
+      ] }),
+      hasContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+        TestFilterBar.TestFilterBar,
+        {
+          filters,
+          onChange: onFiltersChange,
+          counts: filterCounts,
+          frameworks
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SplitPane.SplitPane,
+      {
+        className: "min-h-0 flex-1",
+        defaultSplit,
+        minLeft: 25,
+        minRight: 30,
+        leftClass: "border-r-2 border-border bg-muted/30",
+        left: /* @__PURE__ */ jsxRuntime.jsx(TestTree.TestTree, {}),
+        right: /* @__PURE__ */ jsxRuntime.jsx(TestDetailPanel.TestDetailPanel, {})
+      }
+    )
+  ] }) });
+}
+exports.TestRunner = TestRunner;
+//# sourceMappingURL=TestRunner.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TestRunner.cjs","sources":["../../../src/data/test-runner/TestRunner.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { cn } from \"../../lib/utils\";\nimport { UiBeaker } from \"../../icons\";\nimport type { RunMeta, SnapshotStatus, Test } from \"./types\";\nimport { collectFrameworks, sumNonTaskTests, type StatusCounts } from \"./status\";\nimport { type TestFilters } from \"./filterState\";\nimport {\n  createTestRunnerRegistry,\n  type TestNodeAdapter,\n  TestNodeAdapterRegistry,\n} from \"./adapter\";\nimport { TestRunnerProvider, type TestRunnerContext } from \"./context\";\nimport { TestTree } from \"./TestTree\";\nimport { TestDetailPanel } from \"./TestDetailPanel\";\nimport { TestRunSummary } from \"./TestRunSummary\";\nimport { TestFilterBar } from \"./TestFilterBar\";\n\nexport type TestRunnerProps = {\n  tests: Test[];\n  selected: Test | null;\n  filters: TestFilters;\n  expandAll: boolean | null;\n  done: boolean;\n  runMeta?: RunMeta;\n  status?: SnapshotStatus;\n  /** Free-form status line shown next to the title (e.g. \"Running tests...\"). */\n  statusText?: string;\n  now?: number;\n  busy?: { rerun?: boolean; stop?: boolean };\n\n  onSelect: (node: Test | null) => void;\n  onFiltersChange: (next: TestFilters) => void;\n  onExpandAllChange: (next: boolean | null) => void;\n  onRerun?: (node: Test) => void;\n  onStop?: (node: Test) => void;\n\n  /** Domain node adapters, or a pre-built registry. Defaults to default-only. */\n  adapters?: TestNodeAdapter[] | TestNodeAdapterRegistry;\n  /** Extra header content (e.g. export/download controls owned by the host). */\n  headerSlot?: ReactNode;\n  /** Initial left-pane width percentage. */\n  defaultSplit?: number;\n  startTime?: number | null;\n  endTime?: number | null;\n  className?: string;\n};\n\nfunction counts(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 toRegistry(\n  adapters: TestNodeAdapter[] | TestNodeAdapterRegistry | undefined,\n): TestNodeAdapterRegistry {\n  if (adapters instanceof TestNodeAdapterRegistry) return adapters;\n  return createTestRunnerRegistry(adapters ?? []);\n}\n\n/**\n * Top-level, pure-presentational test runner: a summary/filter header over a\n * resizable tree + detail split. All data and handlers flow in via props and\n * are exposed to sub-components through a single `TestRunnerContext`. Domain\n * rendering is pluggable via node adapters; no fetch/SSE/routing lives here.\n */\nexport function TestRunner({\n  tests,\n  selected,\n  filters,\n  expandAll,\n  done,\n  runMeta,\n  status,\n  statusText,\n  now,\n  busy,\n  onSelect,\n  onFiltersChange,\n  onExpandAllChange,\n  onRerun,\n  onStop,\n  adapters,\n  headerSlot,\n  defaultSplit = 45,\n  startTime,\n  endTime,\n  className,\n}: TestRunnerProps) {\n  const registry = useMemo(() => toRegistry(adapters), [adapters]);\n\n  const ctx: TestRunnerContext = useMemo(\n    () => ({\n      tests,\n      selected,\n      runMeta,\n      status,\n      done,\n      now,\n      filters,\n      expandAll,\n      busy: busy ?? {},\n      onSelect,\n      onFiltersChange,\n      onExpandAllChange,\n      onRerun,\n      onStop,\n      adapters: registry,\n    }),\n    [\n      tests,\n      selected,\n      runMeta,\n      status,\n      done,\n      now,\n      filters,\n      expandAll,\n      busy,\n      onSelect,\n      onFiltersChange,\n      onExpandAllChange,\n      onRerun,\n      onStop,\n      registry,\n    ],\n  );\n\n  const frameworks = useMemo(() => collectFrameworks(tests), [tests]);\n  const filterCounts = useMemo(() => counts(tests), [tests]);\n  const hasContent = tests.length > 0;\n\n  return (\n    <TestRunnerProvider value={ctx}>\n      <div className={cn(\"flex h-full min-h-0 flex-col bg-background\", className)}>\n        <div className=\"border-b border-border bg-card px-density-4 py-density-3\">\n          <div className=\"flex items-start justify-between gap-3\">\n            <div className=\"flex items-center gap-3\">\n              <h1 className=\"inline-flex items-center gap-1.5 text-lg font-bold\">\n                <Icon icon={UiBeaker} className=\"text-primary\" />\n                Test Results\n              </h1>\n              {statusText && <span className=\"text-sm text-muted-foreground\">{statusText}</span>}\n            </div>\n            <div className=\"flex items-center gap-3\">\n              {headerSlot}\n              <TestRunSummary\n                tests={tests}\n                startTime={startTime}\n                endTime={endTime}\n                done={done}\n                now={now}\n                runMeta={runMeta}\n              />\n            </div>\n          </div>\n          {hasContent && (\n            <div className=\"mt-2\">\n              <TestFilterBar\n                filters={filters}\n                onChange={onFiltersChange}\n                counts={filterCounts}\n                frameworks={frameworks}\n              />\n            </div>\n          )}\n        </div>\n\n        <SplitPane\n          className=\"min-h-0 flex-1\"\n          defaultSplit={defaultSplit}\n          minLeft={25}\n          minRight={30}\n          leftClass=\"border-r-2 border-border bg-muted/30\"\n          left={<TestTree />}\n          right={<TestDetailPanel />}\n        />\n      </div>\n    </TestRunnerProvider>\n  );\n}\n"],"names":["sumNonTaskTests","TestNodeAdapterRegistry","createTestRunnerRegistry","status","useMemo","collectFrameworks","jsx","TestRunnerProvider","jsxs","cn","Icon","UiBeaker","TestRunSummary","TestFilterBar","SplitPane","TestTree","TestDetailPanel"],"mappings":"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"}

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

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { RunMeta, SnapshotStatus, Test } from './types';
+import { TestFilters } from './filterState';
+import { TestNodeAdapter, TestNodeAdapterRegistry } from './adapter';
+export type TestRunnerProps = {
+    tests: Test[];
+    selected: Test | null;
+    filters: TestFilters;
+    expandAll: boolean | null;
+    done: boolean;
+    runMeta?: RunMeta;
+    status?: SnapshotStatus;
+    /** Free-form status line shown next to the title (e.g. "Running tests..."). */
+    statusText?: string;
+    now?: number;
+    busy?: {
+        rerun?: boolean;
+        stop?: boolean;
+    };
+    onSelect: (node: Test | null) => void;
+    onFiltersChange: (next: TestFilters) => void;
+    onExpandAllChange: (next: boolean | null) => void;
+    onRerun?: (node: Test) => void;
+    onStop?: (node: Test) => void;
+    /** Domain node adapters, or a pre-built registry. Defaults to default-only. */
+    adapters?: TestNodeAdapter[] | TestNodeAdapterRegistry;
+    /** Extra header content (e.g. export/download controls owned by the host). */
+    headerSlot?: ReactNode;
+    /** Initial left-pane width percentage. */
+    defaultSplit?: number;
+    startTime?: number | null;
+    endTime?: number | null;
+    className?: string;
+};
+/**
+ * Top-level, pure-presentational test runner: a summary/filter header over a
+ * resizable tree + detail split. All data and handlers flow in via props and
+ * are exposed to sub-components through a single `TestRunnerContext`. Domain
+ * rendering is pluggable via node adapters; no fetch/SSE/routing lives here.
+ */
+export declare function TestRunner({ tests, selected, filters, expandAll, done, runMeta, status, statusText, now, busy, onSelect, onFiltersChange, onExpandAllChange, onRerun, onStop, adapters, headerSlot, defaultSplit, startTime, endTime, className, }: TestRunnerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TestRunner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TestRunner.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/TestRunner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKhD,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE7D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAEL,KAAK,eAAe,EACpB,uBAAuB,EACxB,MAAM,WAAW,CAAC;AAOnB,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAE3C,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAE9B,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,eAAe,EAAE,GAAG,uBAAuB,CAAC;IACvD,8EAA8E;IAC9E,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAoBF;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,UAAU,EACV,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,YAAiB,EACjB,SAAS,EACT,OAAO,EACP,SAAS,GACV,EAAE,eAAe,2CA4FjB"}

package/dist/data/test-runner/TestRunner.fixtures.d.ts

@@ -0,0 +1,26 @@
+import { TestNodeAdapter } from './adapter';
+import { Test } from './types';
+/** A completed, mixed-status run across go test, ginkgo and fixture frameworks. */
+export declare const completedTests: Test[];
+/** Same forest, but as an in-flight run: some running, some queued. */
+export declare const runningTests: Test[];
+/**
+ * A suite whose leaves carry very large payloads: a 6×4 deep object, a
+ * 500-row array, and an 800-line log — to stress JsonView, LogViewer, and the
+ * detail pane's independent scrolling.
+ */
+export declare const largeDetailTests: Test[];
+/**
+ * A very large forest (4 roots × depth 4 × breadth 4 ≈ several hundred nodes)
+ * whose every leaf carries the LargePayloads-sized detail (deep object +
+ * 500-row array + 800-line log). Used for the dialog stress test: a long
+ * scrolling tree on the left and very large detail payloads on the right.
+ */
+export declare const largeTreeTests: Test[];
+/**
+ * Demo adapter proving the registry extension point: nodes named "setup" get a
+ * custom detail body, an extra "Context" tab, and a node action — the seam that
+ * lets a downstream host drop its DetailPanel wrapper.
+ */
+export declare const setupAdapter: TestNodeAdapter;
+//# sourceMappingURL=TestRunner.fixtures.d.ts.map

package/dist/data/test-runner/TestRunner.fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestRunner.fixtures.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/TestRunner.fixtures.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAIpC,mFAAmF;AACnF,eAAO,MAAM,cAAc,EAAE,IAAI,EAmFhC,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,YAAY,EAAE,IAAI,EA+B9B,CAAC;AAsCF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,IAAI,EA0BlC,CAAC;AAwDF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,IAAI,EAEhC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,eA0C1B,CAAC"}