@flanksource/clicky-ui 0.3.46 → 0.3.47

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

@@ -3,6 +3,7 @@ import { useMemo } from "react";
 import { Icon } from "../Icon.js";
 import { SplitPane } from "../../layout/SplitPane.js";
 import { cn } from "../../lib/utils.js";
+import { useContainerWiderThan } from "../../hooks/use-container-width.js";
 import { collectFrameworks, aggregateStatusCounts } from "./status.js";
 import { TestNodeAdapterRegistry, createTestRunnerRegistry } from "./adapter.js";
 import { TestRunnerProvider } from "./context.js";
@@ -11,10 +12,12 @@ import { TestDetailPanel } from "./TestDetailPanel.js";
 import { TestRunSummary } from "./TestRunSummary.js";
 import { TestFilterBar } from "./TestFilterBar.js";
 import { UiBeaker } from "../../icons/components/UiBeaker.js";
+import { UiArrowLeft } from "../../icons/components/UiArrowLeft.js";
 function toRegistry(adapters) {
   if (adapters instanceof TestNodeAdapterRegistry) return adapters;
   return createTestRunnerRegistry(adapters ?? []);
 }
+const SPLIT_MIN_WIDTH = 640;
 function TestRunner({
   tests,
   allTests,
@@ -88,19 +91,30 @@ function TestRunner({
   const summaryTests = allTests ?? tests;
   const frameworks = useMemo(() => collectFrameworks(summaryTests), [summaryTests]);
   const filterCounts = useMemo(() => aggregateStatusCounts(summaryTests), [summaryTests]);
-  const hasContent = summaryTests.length > 0;
-  return /* @__PURE__ */ jsx(TestRunnerProvider, { value: ctx, children: /* @__PURE__ */ jsxs("div", { className: cn("flex h-full min-h-0 flex-col bg-background", className), children: [
-    !hideHeader && /* @__PURE__ */ jsxs("div", { className: "border-b border-border bg-card px-density-4 py-density-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          title === void 0 ? /* @__PURE__ */ jsxs("h1", { className: "inline-flex items-center gap-1.5 text-lg font-bold", children: [
-            /* @__PURE__ */ jsx(Icon, { icon: UiBeaker, className: "text-primary" }),
-            "Test Results"
-          ] }) : title,
-          statusText && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: statusText })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          headerSlot,
+  const filterBar = !hideHeader && summaryTests.length > 0 ? /* @__PURE__ */ jsx(
+    TestFilterBar,
+    {
+      filters,
+      onChange: onFiltersChange,
+      counts: filterCounts,
+      frameworks
+    }
+  ) : null;
+  const { ref, wider: roomy } = useContainerWiderThan(SPLIT_MIN_WIDTH);
+  return /* @__PURE__ */ jsx(TestRunnerProvider, { value: ctx, children: /* @__PURE__ */ jsxs("div", { ref, className: cn("flex h-full min-h-0 flex-col bg-background", className), children: [
+    !hideHeader && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex min-w-0 items-center gap-3 border-b border-border bg-card px-density-4 py-density-2",
+        "data-runner-header": "",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [
+            title === void 0 ? /* @__PURE__ */ jsxs("h1", { className: "inline-flex shrink-0 items-center gap-1.5 text-base font-bold", children: [
+              /* @__PURE__ */ jsx(Icon, { icon: UiBeaker, className: "text-primary" }),
+              "Test Results"
+            ] }) : title,
+            statusText && /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-muted-foreground", children: statusText })
+          ] }),
           showSummary && /* @__PURE__ */ jsx(
             TestRunSummary,
             {
@@ -109,22 +123,16 @@ function TestRunner({
               endTime,
               done,
               now,
-              runMeta
+              runMeta,
+              compact: true,
+              className: "ml-auto flex-nowrap"
             }
-          )
-        ] })
-      ] }),
-      hasContent && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(
-        TestFilterBar,
-        {
-          filters,
-          onChange: onFiltersChange,
-          counts: filterCounts,
-          frameworks
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx(
+          ),
+          headerSlot && /* @__PURE__ */ jsx("div", { className: cn("flex shrink-0 items-center gap-1", !showSummary && "ml-auto"), children: headerSlot })
+        ]
+      }
+    ),
+    roomy ? /* @__PURE__ */ jsx(
       SplitPane,
       {
         className: "min-h-0 flex-1",
@@ -132,10 +140,24 @@ function TestRunner({
         minLeft: 25,
         minRight: 30,
         leftClass: "border-r-2 border-border bg-muted/30",
-        left: /* @__PURE__ */ jsx(TestTree, {}),
+        left: /* @__PURE__ */ jsx(TestTree, { actions: filterBar }),
         right: /* @__PURE__ */ jsx(TestDetailPanel, {})
       }
-    )
+    ) : selected ? /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onSelect(null),
+          className: "inline-flex items-center gap-1.5 border-b border-border px-density-3 py-density-2 text-left text-sm text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: UiArrowLeft }),
+            "Back to results"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsx(TestDetailPanel, {}) })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(TestTree, { actions: filterBar }) })
   ] }) });
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"TestRunner.js","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 { aggregateStatusCounts, collectFrameworks } 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  /**\n   * The full, unfiltered forest driving the filter bar's pills/counts and the\n   * header summary — falls back to `tests` when omitted (every existing\n   * caller pre-filters `tests` itself). Pass this explicitly when `tests` is a\n   * filtered subset of a larger report, so toggling a status filter (e.g.\n   * excluding the only failed node) can't make its own pill — or the whole\n   * filter bar, once every pill's count reads zero — disappear.\n   */\n  allTests?: 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  /** Controlled active detail-tab id; omit to let the detail pane own tab state. */\n  activeTab?: string;\n  /** Called with the picked tab id when `activeTab` is controlled. */\n  onTabChange?: (tabId: string) => void;\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  /**\n   * Header title. Defaults (when omitted) to the \"Test Results\" beaker heading.\n   * Pass `null` to render no title — e.g. a host that owns the title in its own\n   * dialog/page header and embeds the runner below it.\n   */\n  title?: ReactNode;\n  /**\n   * Render the built-in run summary (counts + progress) in the header. Defaults\n   * to true; pass false when the host shows the summary itself (e.g. in a dialog\n   * header) to avoid duplicating it.\n   */\n  showSummary?: boolean;\n  /** Extra header content (e.g. export/download controls owned by the host). */\n  headerSlot?: ReactNode;\n  /**\n   * Suppresses the entire built-in header bar (title, summary, filter row).\n   * Defaults to false; pass true when a host renders its own combined header\n   * (e.g. a dialog header that already embeds `TestRunSummary` and filters) so\n   * the runner doesn't render a second bordered bar underneath it.\n   */\n  hideHeader?: boolean;\n  /** Initial left-pane width percentage. */\n  defaultSplit?: number;\n  startTime?: number | null;\n  endTime?: number | null;\n  className?: string;\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  allTests,\n  selected,\n  filters,\n  expandAll,\n  done,\n  runMeta,\n  status,\n  statusText,\n  now,\n  busy,\n  activeTab,\n  onTabChange,\n  onSelect,\n  onFiltersChange,\n  onExpandAllChange,\n  onRerun,\n  onStop,\n  adapters,\n  title,\n  showSummary = true,\n  headerSlot,\n  hideHeader = false,\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      activeTab,\n      onTabChange,\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      activeTab,\n      onTabChange,\n      onSelect,\n      onFiltersChange,\n      onExpandAllChange,\n      onRerun,\n      onStop,\n      registry,\n    ],\n  );\n\n  const summaryTests = allTests ?? tests;\n  const frameworks = useMemo(() => collectFrameworks(summaryTests), [summaryTests]);\n  const filterCounts = useMemo(() => aggregateStatusCounts(summaryTests), [summaryTests]);\n  const hasContent = summaryTests.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        {!hideHeader && (\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                {title === undefined ? (\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                ) : (\n                  title\n                )}\n                {statusText && <span className=\"text-sm text-muted-foreground\">{statusText}</span>}\n              </div>\n              <div className=\"flex items-center gap-3\">\n                {headerSlot}\n                {showSummary && (\n                  <TestRunSummary\n                    tests={summaryTests}\n                    startTime={startTime}\n                    endTime={endTime}\n                    done={done}\n                    now={now}\n                    runMeta={runMeta}\n                  />\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\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":[],"mappings":";;;;;;;;;;;;;AAkFA,SAAS,WACP,UACyB;AACzB,MAAI,oBAAoB,wBAAyB,QAAO;AACxD,SAAO,yBAAyB,YAAY,EAAE;AAChD;AAQO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,aAAa;AAAA,EACb,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,WAAW,QAAQ,MAAM,WAAW,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAE/D,QAAM,MAAyB;AAAA,IAC7B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,QAAQ,CAAA;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAGF,QAAM,eAAe,YAAY;AACjC,QAAM,aAAa,QAAQ,MAAM,kBAAkB,YAAY,GAAG,CAAC,YAAY,CAAC;AAChF,QAAM,eAAe,QAAQ,MAAM,sBAAsB,YAAY,GAAG,CAAC,YAAY,CAAC;AACtF,QAAM,aAAa,aAAa,SAAS;AAEzC,SACE,oBAAC,oBAAA,EAAmB,OAAO,KACzB,UAAA,qBAAC,SAAI,WAAW,GAAG,8CAA8C,SAAS,GACvE,UAAA;AAAA,IAAA,CAAC,cACA,qBAAC,OAAA,EAAI,WAAU,4DACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,UAAA,UAAU,SACT,qBAAC,MAAA,EAAG,WAAU,sDACZ,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,WAAU,gBAAe;AAAA,YAAE;AAAA,UAAA,EAAA,CAEnD,IAEA;AAAA,UAED,cAAc,oBAAC,QAAA,EAAK,WAAU,iCAAiC,UAAA,WAAA,CAAW;AAAA,QAAA,GAC7E;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,UAAA;AAAA,UACA,eACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CAEJ;AAAA,MAAA,GACF;AAAA,MACC,cACC,oBAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,UAAU;AAAA,UACV,QAAQ;AAAA,UACR;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA,GAEJ;AAAA,IAGF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA,SAAS;AAAA,QACT,UAAU;AAAA,QACV,WAAU;AAAA,QACV,0BAAO,UAAA,EAAS;AAAA,QAChB,2BAAQ,iBAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAC1B,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"TestRunner.js","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 { UiArrowLeft, UiBeaker } from \"../../icons\";\nimport { useContainerWiderThan } from \"../../hooks/use-container-width\";\nimport type { RunMeta, SnapshotStatus, Test } from \"./types\";\nimport { aggregateStatusCounts, collectFrameworks } 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  /**\n   * The full, unfiltered forest driving the filter bar's pills/counts and the\n   * header summary — falls back to `tests` when omitted (every existing\n   * caller pre-filters `tests` itself). Pass this explicitly when `tests` is a\n   * filtered subset of a larger report, so toggling a status filter (e.g.\n   * excluding the only failed node) can't make its own pill — or the whole\n   * filter bar, once every pill's count reads zero — disappear.\n   */\n  allTests?: 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  /** Controlled active detail-tab id; omit to let the detail pane own tab state. */\n  activeTab?: string;\n  /** Called with the picked tab id when `activeTab` is controlled. */\n  onTabChange?: (tabId: string) => void;\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  /**\n   * Header title. Defaults (when omitted) to the \"Test Results\" beaker heading.\n   * Pass `null` to render no title — e.g. a host that owns the title in its own\n   * dialog/page header and embeds the runner below it.\n   */\n  title?: ReactNode;\n  /**\n   * Render the built-in run summary (counts + progress) in the header. Defaults\n   * to true; pass false when the host shows the summary itself (e.g. in a dialog\n   * header) to avoid duplicating it.\n   */\n  showSummary?: boolean;\n  /** Run actions at the right end of the one-line header (e.g. re-run, export, copy). */\n  headerSlot?: ReactNode;\n  /**\n   * Suppresses the built-in header bar (title, summary) and the status/tool\n   * facets in the tree toolbar.\n   * Defaults to false; pass true when a host renders its own combined header\n   * (e.g. a dialog header that already embeds `TestRunSummary` and filters) so\n   * the runner doesn't render a second bordered bar underneath it.\n   */\n  hideHeader?: boolean;\n  /** Initial left-pane width percentage. */\n  defaultSplit?: number;\n  startTime?: number | null;\n  endTime?: number | null;\n  className?: string;\n};\n\nfunction toRegistry(\n  adapters: TestNodeAdapter[] | TestNodeAdapterRegistry | undefined,\n): TestNodeAdapterRegistry {\n  if (adapters instanceof TestNodeAdapterRegistry) return adapters;\n  return createTestRunnerRegistry(adapters ?? []);\n}\n\nconst SPLIT_MIN_WIDTH = 640;\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  allTests,\n  selected,\n  filters,\n  expandAll,\n  done,\n  runMeta,\n  status,\n  statusText,\n  now,\n  busy,\n  activeTab,\n  onTabChange,\n  onSelect,\n  onFiltersChange,\n  onExpandAllChange,\n  onRerun,\n  onStop,\n  adapters,\n  title,\n  showSummary = true,\n  headerSlot,\n  hideHeader = false,\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      activeTab,\n      onTabChange,\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      activeTab,\n      onTabChange,\n      onSelect,\n      onFiltersChange,\n      onExpandAllChange,\n      onRerun,\n      onStop,\n      registry,\n    ],\n  );\n\n  const summaryTests = allTests ?? tests;\n  const frameworks = useMemo(() => collectFrameworks(summaryTests), [summaryTests]);\n  const filterCounts = useMemo(() => aggregateStatusCounts(summaryTests), [summaryTests]);\n  // A host that hides the header renders its own filters (see hideHeader).\n  const filterBar =\n    !hideHeader && summaryTests.length > 0 ? (\n      <TestFilterBar\n        filters={filters}\n        onChange={onFiltersChange}\n        counts={filterCounts}\n        frameworks={frameworks}\n      />\n    ) : null;\n  // Below this the split leaves both panes too narrow to read, so the runner\n  // goes master/detail: the tree, then the selected test with a way back.\n  const { ref, wider: roomy } = useContainerWiderThan(SPLIT_MIN_WIDTH);\n\n  return (\n    <TestRunnerProvider value={ctx}>\n      <div ref={ref} className={cn(\"flex h-full min-h-0 flex-col bg-background\", className)}>\n        {!hideHeader && (\n          <div\n            className=\"flex min-w-0 items-center gap-3 border-b border-border bg-card px-density-4 py-density-2\"\n            data-runner-header=\"\"\n          >\n            <div className=\"flex min-w-0 items-center gap-3\">\n              {title === undefined ? (\n                <h1 className=\"inline-flex shrink-0 items-center gap-1.5 text-base font-bold\">\n                  <Icon icon={UiBeaker} className=\"text-primary\" />\n                  Test Results\n                </h1>\n              ) : (\n                title\n              )}\n              {statusText && (\n                <span className=\"truncate text-sm text-muted-foreground\">{statusText}</span>\n              )}\n            </div>\n            {showSummary && (\n              <TestRunSummary\n                tests={summaryTests}\n                startTime={startTime}\n                endTime={endTime}\n                done={done}\n                now={now}\n                runMeta={runMeta}\n                compact\n                className=\"ml-auto flex-nowrap\"\n              />\n            )}\n            {headerSlot && (\n              <div className={cn(\"flex shrink-0 items-center gap-1\", !showSummary && \"ml-auto\")}>\n                {headerSlot}\n              </div>\n            )}\n          </div>\n        )}\n\n        {roomy ? (\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 actions={filterBar} />}\n            right={<TestDetailPanel />}\n          />\n        ) : selected ? (\n          <div className=\"flex min-h-0 flex-1 flex-col\">\n            <button\n              type=\"button\"\n              onClick={() => onSelect(null)}\n              className=\"inline-flex items-center gap-1.5 border-b border-border px-density-3 py-density-2 text-left text-sm text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <Icon icon={UiArrowLeft} />\n              Back to results\n            </button>\n            <div className=\"min-h-0 flex-1 overflow-hidden\">\n              <TestDetailPanel />\n            </div>\n          </div>\n        ) : (\n          <div className=\"min-h-0 flex-1 overflow-y-auto\">\n            <TestTree actions={filterBar} />\n          </div>\n        )}\n      </div>\n    </TestRunnerProvider>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAoFA,SAAS,WACP,UACyB;AACzB,MAAI,oBAAoB,wBAAyB,QAAO;AACxD,SAAO,yBAAyB,YAAY,EAAE;AAChD;AAEA,MAAM,kBAAkB;AAQjB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,aAAa;AAAA,EACb,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,WAAW,QAAQ,MAAM,WAAW,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAE/D,QAAM,MAAyB;AAAA,IAC7B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,QAAQ,CAAA;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAGF,QAAM,eAAe,YAAY;AACjC,QAAM,aAAa,QAAQ,MAAM,kBAAkB,YAAY,GAAG,CAAC,YAAY,CAAC;AAChF,QAAM,eAAe,QAAQ,MAAM,sBAAsB,YAAY,GAAG,CAAC,YAAY,CAAC;AAEtF,QAAM,YACJ,CAAC,cAAc,aAAa,SAAS,IACnC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MACR;AAAA,IAAA;AAAA,EAAA,IAEA;AAGN,QAAM,EAAE,KAAK,OAAO,MAAA,IAAU,sBAAsB,eAAe;AAEnE,SACE,oBAAC,oBAAA,EAAmB,OAAO,KACzB,UAAA,qBAAC,OAAA,EAAI,KAAU,WAAW,GAAG,8CAA8C,SAAS,GACjF,UAAA;AAAA,IAAA,CAAC,cACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,sBAAmB;AAAA,QAEnB,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,mCACZ,UAAA;AAAA,YAAA,UAAU,SACT,qBAAC,MAAA,EAAG,WAAU,iEACZ,UAAA;AAAA,cAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,WAAU,gBAAe;AAAA,cAAE;AAAA,YAAA,EAAA,CAEnD,IAEA;AAAA,YAED,cACC,oBAAC,QAAA,EAAK,WAAU,0CAA0C,UAAA,WAAA,CAAW;AAAA,UAAA,GAEzE;AAAA,UACC,eACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,SAAO;AAAA,cACP,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAGb,cACC,oBAAC,OAAA,EAAI,WAAW,GAAG,oCAAoC,CAAC,eAAe,SAAS,GAC7E,UAAA,WAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAKL,QACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA,SAAS;AAAA,QACT,UAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAM,oBAAC,UAAA,EAAS,SAAS,UAAA,CAAW;AAAA,QACpC,2BAAQ,iBAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,IAAA,IAExB,WACF,qBAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,SAAS,IAAI;AAAA,UAC5B,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAK,MAAM,YAAA,CAAa;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,0BAG5B,OAAA,EAAI,WAAU,kCACb,UAAA,oBAAC,mBAAgB,EAAA,CACnB;AAAA,IAAA,EAAA,CACF,wBAEC,OAAA,EAAI,WAAU,kCACb,UAAA,oBAAC,UAAA,EAAS,SAAS,UAAA,CAAW,EAAA,CAChC;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;"}

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

@@ -19,7 +19,7 @@ const nodeKey = /* @__PURE__ */ (() => {
     return key;
   };
 })();
-function TestTree({ className }) {
+function TestTree({ className, actions }) {
   const runner = context.useTestRunner();
   return /* @__PURE__ */ jsxRuntime.jsx(
     Tree.Tree,
@@ -33,8 +33,11 @@ function TestTree({ className }) {
       expandAll: runner.expandAll,
       onExpandAllChange: runner.onExpandAllChange,
       defaultOpen: (node, depth) => depth < 1 || status.hasFailed(node),
+      showSearch: true,
+      searchLabel: "Filter tests",
       getSearchText: (node) => `${node.name} ${node.framework ?? ""}`,
-      renderRow: ({ node, selected }) => /* @__PURE__ */ jsxRuntime.jsx(TestTreeNode.TestTreeNode, { node, selected })
+      renderRow: ({ node, selected }) => /* @__PURE__ */ jsxRuntime.jsx(TestTreeNode.TestTreeNode, { node, selected }),
+      actions
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"TestTree.cjs","sources":["../../../src/data/test-runner/TestTree.tsx"],"sourcesContent":["import { Tree } from \"../Tree\";\nimport { cn } from \"../../lib/utils\";\nimport type { Test } from \"./types\";\nimport { useTestRunner } from \"./context\";\nimport { hasFailed } from \"./status\";\nimport { TestTreeNode } from \"./TestTreeNode\";\n\nconst nodeKey = (() => {\n  // Tests carry no guaranteed id; derive a stable per-render key from route_path\n  // when present, else the node's name path. A WeakMap keeps keys stable across\n  // re-renders for the same object identity.\n  const cache = new WeakMap<Test, string>();\n  let counter = 0;\n  return (node: Test): string => {\n    if (node.route_path) return node.route_path;\n    let key = cache.get(node);\n    if (!key) {\n      key = `tn-${counter++}-${node.name}`;\n      cache.set(node, key);\n    }\n    return key;\n  };\n})();\n\n/**\n * The left pane: the test forest rendered through the clicky `Tree`. Selection,\n * handlers and adapters all come from the runner context; failing branches and\n * the top level open by default.\n */\nexport function TestTree({ className }: { className?: string }) {\n  const runner = useTestRunner();\n  return (\n    <Tree<Test>\n      className={cn(\"min-h-0\", className)}\n      roots={runner.tests}\n      getKey={nodeKey}\n      getChildren={(node) => node.children}\n      selected={runner.selected}\n      onSelect={(node) => runner.onSelect(node === runner.selected ? null : node)}\n      expandAll={runner.expandAll}\n      onExpandAllChange={runner.onExpandAllChange}\n      defaultOpen={(node, depth) => depth < 1 || hasFailed(node)}\n      getSearchText={(node) => `${node.name} ${node.framework ?? \"\"}`}\n      renderRow={({ node, selected }) => <TestTreeNode node={node} selected={selected} />}\n    />\n  );\n}\n"],"names":["useTestRunner","jsx","Tree","cn","hasFailed","TestTreeNode"],"mappings":";;;;;;;;AAOA,MAAM,UAAW,uBAAM;AAIrB,QAAM,4BAAY,QAAA;AAClB,MAAI,UAAU;AACd,SAAO,CAAC,SAAuB;AAC7B,QAAI,KAAK,WAAY,QAAO,KAAK;AACjC,QAAI,MAAM,MAAM,IAAI,IAAI;AACxB,QAAI,CAAC,KAAK;AACR,YAAM,MAAM,SAAS,IAAI,KAAK,IAAI;AAClC,YAAM,IAAI,MAAM,GAAG;AAAA,IACrB;AACA,WAAO;AAAA,EACT;AACF,GAAA;AAOO,SAAS,SAAS,EAAE,aAAqC;AAC9D,QAAM,SAASA,QAAAA,cAAA;AACf,SACEC,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACC,WAAWC,MAAAA,GAAG,WAAW,SAAS;AAAA,MAClC,OAAO,OAAO;AAAA,MACd,QAAQ;AAAA,MACR,aAAa,CAAC,SAAS,KAAK;AAAA,MAC5B,UAAU,OAAO;AAAA,MACjB,UAAU,CAAC,SAAS,OAAO,SAAS,SAAS,OAAO,WAAW,OAAO,IAAI;AAAA,MAC1E,WAAW,OAAO;AAAA,MAClB,mBAAmB,OAAO;AAAA,MAC1B,aAAa,CAAC,MAAM,UAAU,QAAQ,KAAKC,OAAAA,UAAU,IAAI;AAAA,MACzD,eAAe,CAAC,SAAS,GAAG,KAAK,IAAI,IAAI,KAAK,aAAa,EAAE;AAAA,MAC7D,WAAW,CAAC,EAAE,MAAM,eAAeH,2BAAAA,IAACI,aAAAA,cAAA,EAAa,MAAY,SAAA,CAAoB;AAAA,IAAA;AAAA,EAAA;AAGvF;;"}
+{"version":3,"file":"TestTree.cjs","sources":["../../../src/data/test-runner/TestTree.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Tree } from \"../Tree\";\nimport { cn } from \"../../lib/utils\";\nimport type { Test } from \"./types\";\nimport { useTestRunner } from \"./context\";\nimport { hasFailed } from \"./status\";\nimport { TestTreeNode } from \"./TestTreeNode\";\n\nconst nodeKey = (() => {\n  // Tests carry no guaranteed id; derive a stable per-render key from route_path\n  // when present, else the node's name path. A WeakMap keeps keys stable across\n  // re-renders for the same object identity.\n  const cache = new WeakMap<Test, string>();\n  let counter = 0;\n  return (node: Test): string => {\n    if (node.route_path) return node.route_path;\n    let key = cache.get(node);\n    if (!key) {\n      key = `tn-${counter++}-${node.name}`;\n      cache.set(node, key);\n    }\n    return key;\n  };\n})();\n\n/**\n * The left pane: the test forest rendered through the clicky `Tree`. Selection,\n * handlers and adapters all come from the runner context; failing branches and\n * the top level open by default. A name filter is always shown, and `actions`\n * sit in the tree toolbar beside it and Expand all / Collapse all.\n */\nexport function TestTree({ className, actions }: { className?: string; actions?: ReactNode }) {\n  const runner = useTestRunner();\n  return (\n    <Tree<Test>\n      className={cn(\"min-h-0\", className)}\n      roots={runner.tests}\n      getKey={nodeKey}\n      getChildren={(node) => node.children}\n      selected={runner.selected}\n      onSelect={(node) => runner.onSelect(node === runner.selected ? null : node)}\n      expandAll={runner.expandAll}\n      onExpandAllChange={runner.onExpandAllChange}\n      defaultOpen={(node, depth) => depth < 1 || hasFailed(node)}\n      showSearch\n      searchLabel=\"Filter tests\"\n      getSearchText={(node) => `${node.name} ${node.framework ?? \"\"}`}\n      renderRow={({ node, selected }) => <TestTreeNode node={node} selected={selected} />}\n      actions={actions}\n    />\n  );\n}\n"],"names":["useTestRunner","jsx","Tree","cn","hasFailed","TestTreeNode"],"mappings":";;;;;;;;AAQA,MAAM,UAAW,uBAAM;AAIrB,QAAM,4BAAY,QAAA;AAClB,MAAI,UAAU;AACd,SAAO,CAAC,SAAuB;AAC7B,QAAI,KAAK,WAAY,QAAO,KAAK;AACjC,QAAI,MAAM,MAAM,IAAI,IAAI;AACxB,QAAI,CAAC,KAAK;AACR,YAAM,MAAM,SAAS,IAAI,KAAK,IAAI;AAClC,YAAM,IAAI,MAAM,GAAG;AAAA,IACrB;AACA,WAAO;AAAA,EACT;AACF,GAAA;AAQO,SAAS,SAAS,EAAE,WAAW,WAAwD;AAC5F,QAAM,SAASA,QAAAA,cAAA;AACf,SACEC,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACC,WAAWC,MAAAA,GAAG,WAAW,SAAS;AAAA,MAClC,OAAO,OAAO;AAAA,MACd,QAAQ;AAAA,MACR,aAAa,CAAC,SAAS,KAAK;AAAA,MAC5B,UAAU,OAAO;AAAA,MACjB,UAAU,CAAC,SAAS,OAAO,SAAS,SAAS,OAAO,WAAW,OAAO,IAAI;AAAA,MAC1E,WAAW,OAAO;AAAA,MAClB,mBAAmB,OAAO;AAAA,MAC1B,aAAa,CAAC,MAAM,UAAU,QAAQ,KAAKC,OAAAA,UAAU,IAAI;AAAA,MACzD,YAAU;AAAA,MACV,aAAY;AAAA,MACZ,eAAe,CAAC,SAAS,GAAG,KAAK,IAAI,IAAI,KAAK,aAAa,EAAE;AAAA,MAC7D,WAAW,CAAC,EAAE,MAAM,eAAeH,2BAAAA,IAACI,2BAAA,EAAa,MAAY,UAAoB;AAAA,MACjF;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

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

@@ -1,9 +1,12 @@
+import { ReactNode } from 'react';
 /**
  * The left pane: the test forest rendered through the clicky `Tree`. Selection,
  * handlers and adapters all come from the runner context; failing branches and
- * the top level open by default.
+ * the top level open by default. A name filter is always shown, and `actions`
+ * sit in the tree toolbar beside it and Expand all / Collapse all.
  */
-export declare function TestTree({ className }: {
+export declare function TestTree({ className, actions }: {
     className?: string;
+    actions?: ReactNode;
 }): import("react").JSX.Element;
 //# sourceMappingURL=TestTree.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TestTree.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/TestTree.tsx"],"names":[],"mappings":"AAwBA;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAiB7D"}
+{"version":3,"file":"TestTree.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/TestTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAyBvC;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,SAAS,CAAA;CAAE,+BAoB3F"}

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

@@ -17,7 +17,7 @@ const nodeKey = /* @__PURE__ */ (() => {
     return key;
   };
 })();
-function TestTree({ className }) {
+function TestTree({ className, actions }) {
   const runner = useTestRunner();
   return /* @__PURE__ */ jsx(
     Tree,
@@ -31,8 +31,11 @@ function TestTree({ className }) {
       expandAll: runner.expandAll,
       onExpandAllChange: runner.onExpandAllChange,
       defaultOpen: (node, depth) => depth < 1 || hasFailed(node),
+      showSearch: true,
+      searchLabel: "Filter tests",
       getSearchText: (node) => `${node.name} ${node.framework ?? ""}`,
-      renderRow: ({ node, selected }) => /* @__PURE__ */ jsx(TestTreeNode, { node, selected })
+      renderRow: ({ node, selected }) => /* @__PURE__ */ jsx(TestTreeNode, { node, selected }),
+      actions
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"TestTree.js","sources":["../../../src/data/test-runner/TestTree.tsx"],"sourcesContent":["import { Tree } from \"../Tree\";\nimport { cn } from \"../../lib/utils\";\nimport type { Test } from \"./types\";\nimport { useTestRunner } from \"./context\";\nimport { hasFailed } from \"./status\";\nimport { TestTreeNode } from \"./TestTreeNode\";\n\nconst nodeKey = (() => {\n  // Tests carry no guaranteed id; derive a stable per-render key from route_path\n  // when present, else the node's name path. A WeakMap keeps keys stable across\n  // re-renders for the same object identity.\n  const cache = new WeakMap<Test, string>();\n  let counter = 0;\n  return (node: Test): string => {\n    if (node.route_path) return node.route_path;\n    let key = cache.get(node);\n    if (!key) {\n      key = `tn-${counter++}-${node.name}`;\n      cache.set(node, key);\n    }\n    return key;\n  };\n})();\n\n/**\n * The left pane: the test forest rendered through the clicky `Tree`. Selection,\n * handlers and adapters all come from the runner context; failing branches and\n * the top level open by default.\n */\nexport function TestTree({ className }: { className?: string }) {\n  const runner = useTestRunner();\n  return (\n    <Tree<Test>\n      className={cn(\"min-h-0\", className)}\n      roots={runner.tests}\n      getKey={nodeKey}\n      getChildren={(node) => node.children}\n      selected={runner.selected}\n      onSelect={(node) => runner.onSelect(node === runner.selected ? null : node)}\n      expandAll={runner.expandAll}\n      onExpandAllChange={runner.onExpandAllChange}\n      defaultOpen={(node, depth) => depth < 1 || hasFailed(node)}\n      getSearchText={(node) => `${node.name} ${node.framework ?? \"\"}`}\n      renderRow={({ node, selected }) => <TestTreeNode node={node} selected={selected} />}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAOA,MAAM,UAAW,uBAAM;AAIrB,QAAM,4BAAY,QAAA;AAClB,MAAI,UAAU;AACd,SAAO,CAAC,SAAuB;AAC7B,QAAI,KAAK,WAAY,QAAO,KAAK;AACjC,QAAI,MAAM,MAAM,IAAI,IAAI;AACxB,QAAI,CAAC,KAAK;AACR,YAAM,MAAM,SAAS,IAAI,KAAK,IAAI;AAClC,YAAM,IAAI,MAAM,GAAG;AAAA,IACrB;AACA,WAAO;AAAA,EACT;AACF,GAAA;AAOO,SAAS,SAAS,EAAE,aAAqC;AAC9D,QAAM,SAAS,cAAA;AACf,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,WAAW,SAAS;AAAA,MAClC,OAAO,OAAO;AAAA,MACd,QAAQ;AAAA,MACR,aAAa,CAAC,SAAS,KAAK;AAAA,MAC5B,UAAU,OAAO;AAAA,MACjB,UAAU,CAAC,SAAS,OAAO,SAAS,SAAS,OAAO,WAAW,OAAO,IAAI;AAAA,MAC1E,WAAW,OAAO;AAAA,MAClB,mBAAmB,OAAO;AAAA,MAC1B,aAAa,CAAC,MAAM,UAAU,QAAQ,KAAK,UAAU,IAAI;AAAA,MACzD,eAAe,CAAC,SAAS,GAAG,KAAK,IAAI,IAAI,KAAK,aAAa,EAAE;AAAA,MAC7D,WAAW,CAAC,EAAE,MAAM,eAAe,oBAAC,cAAA,EAAa,MAAY,SAAA,CAAoB;AAAA,IAAA;AAAA,EAAA;AAGvF;"}
+{"version":3,"file":"TestTree.js","sources":["../../../src/data/test-runner/TestTree.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Tree } from \"../Tree\";\nimport { cn } from \"../../lib/utils\";\nimport type { Test } from \"./types\";\nimport { useTestRunner } from \"./context\";\nimport { hasFailed } from \"./status\";\nimport { TestTreeNode } from \"./TestTreeNode\";\n\nconst nodeKey = (() => {\n  // Tests carry no guaranteed id; derive a stable per-render key from route_path\n  // when present, else the node's name path. A WeakMap keeps keys stable across\n  // re-renders for the same object identity.\n  const cache = new WeakMap<Test, string>();\n  let counter = 0;\n  return (node: Test): string => {\n    if (node.route_path) return node.route_path;\n    let key = cache.get(node);\n    if (!key) {\n      key = `tn-${counter++}-${node.name}`;\n      cache.set(node, key);\n    }\n    return key;\n  };\n})();\n\n/**\n * The left pane: the test forest rendered through the clicky `Tree`. Selection,\n * handlers and adapters all come from the runner context; failing branches and\n * the top level open by default. A name filter is always shown, and `actions`\n * sit in the tree toolbar beside it and Expand all / Collapse all.\n */\nexport function TestTree({ className, actions }: { className?: string; actions?: ReactNode }) {\n  const runner = useTestRunner();\n  return (\n    <Tree<Test>\n      className={cn(\"min-h-0\", className)}\n      roots={runner.tests}\n      getKey={nodeKey}\n      getChildren={(node) => node.children}\n      selected={runner.selected}\n      onSelect={(node) => runner.onSelect(node === runner.selected ? null : node)}\n      expandAll={runner.expandAll}\n      onExpandAllChange={runner.onExpandAllChange}\n      defaultOpen={(node, depth) => depth < 1 || hasFailed(node)}\n      showSearch\n      searchLabel=\"Filter tests\"\n      getSearchText={(node) => `${node.name} ${node.framework ?? \"\"}`}\n      renderRow={({ node, selected }) => <TestTreeNode node={node} selected={selected} />}\n      actions={actions}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,UAAW,uBAAM;AAIrB,QAAM,4BAAY,QAAA;AAClB,MAAI,UAAU;AACd,SAAO,CAAC,SAAuB;AAC7B,QAAI,KAAK,WAAY,QAAO,KAAK;AACjC,QAAI,MAAM,MAAM,IAAI,IAAI;AACxB,QAAI,CAAC,KAAK;AACR,YAAM,MAAM,SAAS,IAAI,KAAK,IAAI;AAClC,YAAM,IAAI,MAAM,GAAG;AAAA,IACrB;AACA,WAAO;AAAA,EACT;AACF,GAAA;AAQO,SAAS,SAAS,EAAE,WAAW,WAAwD;AAC5F,QAAM,SAAS,cAAA;AACf,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,WAAW,SAAS;AAAA,MAClC,OAAO,OAAO;AAAA,MACd,QAAQ;AAAA,MACR,aAAa,CAAC,SAAS,KAAK;AAAA,MAC5B,UAAU,OAAO;AAAA,MACjB,UAAU,CAAC,SAAS,OAAO,SAAS,SAAS,OAAO,WAAW,OAAO,IAAI;AAAA,MAC1E,WAAW,OAAO;AAAA,MAClB,mBAAmB,OAAO;AAAA,MAC1B,aAAa,CAAC,MAAM,UAAU,QAAQ,KAAK,UAAU,IAAI;AAAA,MACzD,YAAU;AAAA,MACV,aAAY;AAAA,MACZ,eAAe,CAAC,SAAS,GAAG,KAAK,IAAI,IAAI,KAAK,aAAa,EAAE;AAAA,MAC7D,WAAW,CAAC,EAAE,MAAM,eAAe,oBAAC,cAAA,EAAa,MAAY,UAAoB;AAAA,MACjF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -7,7 +7,8 @@ const IconButton = require("../../components/IconButton.cjs");
 const utils = require("../../lib/utils.cjs");
 const context = require("./context.cjs");
 const status = require("./status.cjs");
-const frameworkIcon = require("./frameworkIcon.cjs");
+const MarkIcons = require("./MarkIcons.cjs");
+const UiClass = require("../../icons/components/UiClass.cjs");
 const UiStop = require("../../icons/components/UiStop.cjs");
 const UiRefresh = require("../../icons/components/UiRefresh.cjs");
 const NAME_TONE = {
@@ -26,6 +27,7 @@ function CountBadges({ node }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex shrink-0 items-center gap-1", children: [
     s.passed > 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: "success", variant: "solid", size: "xxs", count: s.passed }),
     s.failed > 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: "danger", variant: "solid", size: "xxs", count: s.failed }),
+    s.warned > 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: "warning", variant: "outline", size: "xxs", count: s.warned }),
     s.timedout > 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: "warning", variant: "solid", size: "xxs", count: s.timedout }),
     s.skipped > 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: "warning", variant: "soft", size: "xxs", count: s.skipped }),
     s.running > 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: "info", variant: "solid", size: "xxs", count: s.running }),
@@ -37,7 +39,7 @@ function TestTreeNode({ node, selected }) {
   const runner = context.useTestRunner();
   const hasChildren = (((_a = node.children) == null ? void 0 : _a.length) ?? 0) > 0;
   const status$1 = status.testStatus(node);
-  const fwIcon = frameworkIcon.frameworkIcon(node.framework);
+  const outcome = status.outcomeFor(node);
   const fwAdapter = runner.adapters.resolveFrameworkIcon(node, runner);
   const fwNode = (_b = fwAdapter == null ? void 0 : fwAdapter.renderFrameworkIcon) == null ? void 0 : _b.call(fwAdapter, { node, runner });
   const leadingAdapter = runner.adapters.resolveRowLeading(node, runner);
@@ -46,24 +48,30 @@ function TestTreeNode({ node, selected }) {
   const canStop = !!runner.onStop && !!node.can_stop && !!node.task_id;
   const message = status$1 && MESSAGE_STATUSES.has(status$1) ? (node.message ?? "").trim() : "";
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: status.statusIconFor(node), className: utils.cn("shrink-0", node.running && "animate-spin") }),
-    fwNode != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center text-sm opacity-60", children: fwNode }) : fwIcon && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: fwIcon, className: "shrink-0 text-sm opacity-60" }),
+    outcome ? /* @__PURE__ */ jsxRuntime.jsx(MarkIcons.OutcomeIcon, { outcome }) : /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClass.UiClass, className: "shrink-0 text-muted-foreground" }),
+    fwNode != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center text-sm", children: fwNode }) : /* @__PURE__ */ jsxRuntime.jsx(MarkIcons.ToolIcon, { tool: node.framework, className: "text-sm" }),
     (_c = leadingAdapter == null ? void 0 : leadingAdapter.renderRowLeading) == null ? void 0 : _c.call(leadingAdapter, { node, runner }),
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col", title: message || void 0, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: utils.cn(
-            "truncate",
-            selected ? "font-semibold" : "font-medium",
-            status$1 && NAME_TONE[status$1] || "text-foreground"
-          ),
-          children: status.humanizeName(node.name, node.framework)
-        }
-      ),
-      message && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs text-muted-foreground", children: message })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: utils.cn(
+          "min-w-0 truncate",
+          selected ? "font-semibold" : "font-medium",
+          status$1 && NAME_TONE[status$1] || "text-foreground"
+        ),
+        title: message || void 0,
+        children: status.humanizeName(node.name, node.framework)
+      }
+    ),
+    message ? /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "min-w-0 flex-1 shrink-[100] truncate text-xs text-muted-foreground",
+        title: message,
+        "data-row-message": "",
+        children: message
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
     node.progress && node.progress.total > 0 && !node.passed && !node.failed && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex shrink-0 items-center gap-1 text-xs text-blue-600 dark:text-blue-400", children: [
       node.progress.phase && /* @__PURE__ */ jsxRuntime.jsx("span", { children: node.progress.phase }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tabular-nums", children: [

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

@@ -1 +1 @@
-{"version":3,"file":"TestTreeNode.cjs","sources":["../../../src/data/test-runner/TestTreeNode.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport { Badge } from \"../Badge\";\nimport { IconButton } from \"../../components/IconButton\";\nimport { UiRefresh, UiStop } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport type { Test } from \"./types\";\nimport { useTestRunner } from \"./context\";\nimport {\n  formatTestDuration,\n  humanizeName,\n  statusIconFor,\n  sum,\n  testStatus,\n  totalDuration,\n} from \"./status\";\nimport { frameworkIcon } from \"./frameworkIcon\";\n\nconst NAME_TONE: Record<string, string> = {\n  failed: \"text-red-600 dark:text-red-400\",\n  timedout: \"text-amber-600 dark:text-amber-400\",\n  warned: \"text-amber-600 dark:text-amber-400\",\n  running: \"text-blue-600 dark:text-blue-400\",\n  skipped: \"text-yellow-700 dark:text-yellow-500\",\n  pending: \"text-muted-foreground\",\n  passed: \"text-foreground\",\n};\n\nconst MESSAGE_STATUSES = new Set([\"failed\", \"timedout\", \"warned\", \"skipped\"]);\n\n/** Per-status roll-up count badges shown on a container row. */\nfunction CountBadges({ node }: { node: Test }) {\n  const s = sum(node);\n  if (s.total === 0) return null;\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {s.passed > 0 && <Badge tone=\"success\" variant=\"solid\" size=\"xxs\" count={s.passed} />}\n      {s.failed > 0 && <Badge tone=\"danger\" variant=\"solid\" size=\"xxs\" count={s.failed} />}\n      {s.timedout > 0 && <Badge tone=\"warning\" variant=\"solid\" size=\"xxs\" count={s.timedout} />}\n      {s.skipped > 0 && <Badge tone=\"warning\" variant=\"soft\" size=\"xxs\" count={s.skipped} />}\n      {s.running > 0 && <Badge tone=\"info\" variant=\"solid\" size=\"xxs\" count={s.running} />}\n      {s.pending > 0 && <Badge tone=\"neutral\" variant=\"soft\" size=\"xxs\" count={s.pending} />}\n    </span>\n  );\n}\n\n/**\n * Renders one test tree row: status icon, optional adapter decoration + framework\n * icon, status-colored name, duration, per-status count badges, and (when the\n * runner exposes the handlers) rerun/stop buttons. Designed as the `renderRow`\n * for the clicky `Tree`.\n */\nexport function TestTreeNode({ node, selected }: { node: Test; selected: boolean }) {\n  const runner = useTestRunner();\n  const hasChildren = (node.children?.length ?? 0) > 0;\n  const status = testStatus(node);\n  const fwIcon = frameworkIcon(node.framework);\n  const fwAdapter = runner.adapters.resolveFrameworkIcon(node, runner);\n  const fwNode = fwAdapter?.renderFrameworkIcon?.({ node, runner });\n  const leadingAdapter = runner.adapters.resolveRowLeading(node, runner);\n  const dur = node.duration || (hasChildren ? totalDuration(node) : 0);\n  const canRerun = !!runner.onRerun && node.framework !== \"task\";\n  const canStop = !!runner.onStop && !!node.can_stop && !!node.task_id;\n  // A verdict line under the name for rows that need explaining; green,\n  // running, and queued rows stay single-line.\n  const message = status && MESSAGE_STATUSES.has(status) ? (node.message ?? \"\").trim() : \"\";\n\n  return (\n    <>\n      <Icon icon={statusIconFor(node)} className={cn(\"shrink-0\", node.running && \"animate-spin\")} />\n\n      {fwNode != null ? (\n        <span className=\"flex shrink-0 items-center text-sm opacity-60\">{fwNode}</span>\n      ) : (\n        fwIcon && <Icon icon={fwIcon} className=\"shrink-0 text-sm opacity-60\" />\n      )}\n\n      {leadingAdapter?.renderRowLeading?.({ node, runner })}\n\n      <span className=\"flex min-w-0 flex-col\" title={message || undefined}>\n        <span\n          className={cn(\n            \"truncate\",\n            selected ? \"font-semibold\" : \"font-medium\",\n            (status && NAME_TONE[status]) || \"text-foreground\",\n          )}\n        >\n          {humanizeName(node.name, node.framework)}\n        </span>\n        {message && <span className=\"truncate text-xs text-muted-foreground\">{message}</span>}\n      </span>\n\n      <span className=\"flex-1\" />\n\n      {node.progress && node.progress.total > 0 && !node.passed && !node.failed && (\n        <span className=\"flex shrink-0 items-center gap-1 text-xs text-blue-600 dark:text-blue-400\">\n          {node.progress.phase && <span>{node.progress.phase}</span>}\n          <span className=\"tabular-nums\">\n            {node.progress.done}/{node.progress.total}\n          </span>\n        </span>\n      )}\n\n      {dur > 0 && (\n        <span className=\"shrink-0 text-xs text-muted-foreground\">{formatTestDuration(dur)}</span>\n      )}\n\n      {hasChildren && <CountBadges node={node} />}\n\n      {canStop && (\n        <IconButton\n          icon={UiStop}\n          label=\"Stop\"\n          disabled={runner.busy.stop}\n          onClick={(e) => {\n            e.stopPropagation();\n            runner.onStop!(node);\n          }}\n        />\n      )}\n\n      {canRerun && (\n        <IconButton\n          icon={UiRefresh}\n          label=\"Rerun\"\n          disabled={runner.busy.rerun}\n          onClick={(e) => {\n            e.stopPropagation();\n            runner.onRerun!(node);\n          }}\n        />\n      )}\n    </>\n  );\n}\n"],"names":["sum","jsxs","jsx","Badge","useTestRunner","status","testStatus","frameworkIcon","totalDuration","Fragment","Icon","statusIconFor","cn","humanizeName","formatTestDuration","IconButton","UiStop","UiRefresh"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,YAAoC;AAAA,EACxC,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEA,MAAM,uCAAuB,IAAI,CAAC,UAAU,YAAY,UAAU,SAAS,CAAC;AAG5E,SAAS,YAAY,EAAE,QAAwB;AAC7C,QAAM,IAAIA,OAAAA,IAAI,IAAI;AAClB,MAAI,EAAE,UAAU,EAAG,QAAO;AAC1B,SACEC,2BAAAA,KAAC,QAAA,EAAK,WAAU,oCACb,UAAA;AAAA,IAAA,EAAE,SAAS,KAAKC,2BAAAA,IAACC,MAAAA,OAAA,EAAM,MAAK,WAAU,SAAQ,SAAQ,MAAK,OAAM,OAAO,EAAE,QAAQ;AAAA,IAClF,EAAE,SAAS,KAAKD,2BAAAA,IAACC,MAAAA,OAAA,EAAM,MAAK,UAAS,SAAQ,SAAQ,MAAK,OAAM,OAAO,EAAE,QAAQ;AAAA,IACjF,EAAE,WAAW,KAAKD,2BAAAA,IAACC,MAAAA,OAAA,EAAM,MAAK,WAAU,SAAQ,SAAQ,MAAK,OAAM,OAAO,EAAE,UAAU;AAAA,IACtF,EAAE,UAAU,KAAKD,2BAAAA,IAACC,MAAAA,OAAA,EAAM,MAAK,WAAU,SAAQ,QAAO,MAAK,OAAM,OAAO,EAAE,SAAS;AAAA,IACnF,EAAE,UAAU,KAAKD,2BAAAA,IAACC,MAAAA,OAAA,EAAM,MAAK,QAAO,SAAQ,SAAQ,MAAK,OAAM,OAAO,EAAE,SAAS;AAAA,IACjF,EAAE,UAAU,KAAKD,2BAAAA,IAACC,MAAAA,OAAA,EAAM,MAAK,WAAU,SAAQ,QAAO,MAAK,OAAM,OAAO,EAAE,QAAA,CAAS;AAAA,EAAA,GACtF;AAEJ;AAQO,SAAS,aAAa,EAAE,MAAM,YAA+C;;AAClF,QAAM,SAASC,QAAAA,cAAA;AACf,QAAM,iBAAe,UAAK,aAAL,mBAAe,WAAU,KAAK;AACnD,QAAMC,WAASC,OAAAA,WAAW,IAAI;AAC9B,QAAM,SAASC,cAAAA,cAAc,KAAK,SAAS;AAC3C,QAAM,YAAY,OAAO,SAAS,qBAAqB,MAAM,MAAM;AACnE,QAAM,UAAS,4CAAW,wBAAX,mCAAiC,EAAE,MAAM;AACxD,QAAM,iBAAiB,OAAO,SAAS,kBAAkB,MAAM,MAAM;AACrE,QAAM,MAAM,KAAK,aAAa,cAAcC,qBAAc,IAAI,IAAI;AAClE,QAAM,WAAW,CAAC,CAAC,OAAO,WAAW,KAAK,cAAc;AACxD,QAAM,UAAU,CAAC,CAAC,OAAO,UAAU,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,KAAK;AAG7D,QAAM,UAAUH,YAAU,iBAAiB,IAAIA,QAAM,KAAK,KAAK,WAAW,IAAI,KAAA,IAAS;AAEvF,SACEJ,2BAAAA,KAAAQ,qBAAA,EACE,UAAA;AAAA,IAAAP,2BAAAA,IAACQ,KAAAA,MAAA,EAAK,MAAMC,OAAAA,cAAc,IAAI,GAAG,WAAWC,MAAAA,GAAG,YAAY,KAAK,WAAW,cAAc,EAAA,CAAG;AAAA,IAE3F,UAAU,OACTV,+BAAC,QAAA,EAAK,WAAU,iDAAiD,UAAA,OAAA,CAAO,IAExE,UAAUA,2BAAAA,IAACQ,WAAA,EAAK,MAAM,QAAQ,WAAU,+BAA8B;AAAA,KAGvE,sDAAgB,qBAAhB,wCAAmC,EAAE,MAAM;oCAE3C,QAAA,EAAK,WAAU,yBAAwB,OAAO,WAAW,QACxD,UAAA;AAAA,MAAAR,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWU,MAAAA;AAAAA,YACT;AAAA,YACA,WAAW,kBAAkB;AAAA,YAC5BP,YAAU,UAAUA,QAAM,KAAM;AAAA,UAAA;AAAA,UAGlC,UAAAQ,OAAAA,aAAa,KAAK,MAAM,KAAK,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAExC,WAAWX,2BAAAA,IAAC,QAAA,EAAK,WAAU,0CAA0C,UAAA,QAAA,CAAQ;AAAA,IAAA,GAChF;AAAA,IAEAA,2BAAAA,IAAC,QAAA,EAAK,WAAU,SAAA,CAAS;AAAA,IAExB,KAAK,YAAY,KAAK,SAAS,QAAQ,KAAK,CAAC,KAAK,UAAU,CAAC,KAAK,UACjED,gCAAC,QAAA,EAAK,WAAU,6EACb,UAAA;AAAA,MAAA,KAAK,SAAS,SAASC,+BAAC,QAAA,EAAM,UAAA,KAAK,SAAS,OAAM;AAAA,MACnDD,2BAAAA,KAAC,QAAA,EAAK,WAAU,gBACb,UAAA;AAAA,QAAA,KAAK,SAAS;AAAA,QAAK;AAAA,QAAE,KAAK,SAAS;AAAA,MAAA,EAAA,CACtC;AAAA,IAAA,GACF;AAAA,IAGD,MAAM,KACLC,+BAAC,QAAA,EAAK,WAAU,0CAA0C,UAAAY,OAAAA,mBAAmB,GAAG,GAAE;AAAA,IAGnF,eAAeZ,2BAAAA,IAAC,aAAA,EAAY,KAAA,CAAY;AAAA,IAExC,WACCA,2BAAAA;AAAAA,MAACa,WAAAA;AAAAA,MAAA;AAAA,QACC,MAAMC,OAAAA;AAAAA,QACN,OAAM;AAAA,QACN,UAAU,OAAO,KAAK;AAAA,QACtB,SAAS,CAAC,MAAM;AACd,YAAE,gBAAA;AACF,iBAAO,OAAQ,IAAI;AAAA,QACrB;AAAA,MAAA;AAAA,IAAA;AAAA,IAIH,YACCd,2BAAAA;AAAAA,MAACa,WAAAA;AAAAA,MAAA;AAAA,QACC,MAAME,UAAAA;AAAAA,QACN,OAAM;AAAA,QACN,UAAU,OAAO,KAAK;AAAA,QACtB,SAAS,CAAC,MAAM;AACd,YAAE,gBAAA;AACF,iBAAO,QAAS,IAAI;AAAA,QACtB;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;;"}
+{"version":3,"file":"TestTreeNode.cjs","sources":["../../../src/data/test-runner/TestTreeNode.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport { Badge } from \"../Badge\";\nimport { IconButton } from \"../../components/IconButton\";\nimport { UiClass, UiRefresh, UiStop } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport type { Test } from \"./types\";\nimport { useTestRunner } from \"./context\";\nimport {\n  formatTestDuration,\n  humanizeName,\n  outcomeFor,\n  sum,\n  testStatus,\n  totalDuration,\n} from \"./status\";\nimport { OutcomeIcon, ToolIcon } from \"./MarkIcons\";\n\nconst NAME_TONE: Record<string, string> = {\n  failed: \"text-red-600 dark:text-red-400\",\n  timedout: \"text-amber-600 dark:text-amber-400\",\n  warned: \"text-amber-600 dark:text-amber-400\",\n  running: \"text-blue-600 dark:text-blue-400\",\n  skipped: \"text-yellow-700 dark:text-yellow-500\",\n  pending: \"text-muted-foreground\",\n  passed: \"text-foreground\",\n};\n\nconst MESSAGE_STATUSES = new Set([\"failed\", \"timedout\", \"warned\", \"skipped\"]);\n\n/** Per-status roll-up count badges shown on a container row. */\nfunction CountBadges({ node }: { node: Test }) {\n  const s = sum(node);\n  if (s.total === 0) return null;\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {s.passed > 0 && <Badge tone=\"success\" variant=\"solid\" size=\"xxs\" count={s.passed} />}\n      {s.failed > 0 && <Badge tone=\"danger\" variant=\"solid\" size=\"xxs\" count={s.failed} />}\n      {s.warned > 0 && <Badge tone=\"warning\" variant=\"outline\" size=\"xxs\" count={s.warned} />}\n      {s.timedout > 0 && <Badge tone=\"warning\" variant=\"solid\" size=\"xxs\" count={s.timedout} />}\n      {s.skipped > 0 && <Badge tone=\"warning\" variant=\"soft\" size=\"xxs\" count={s.skipped} />}\n      {s.running > 0 && <Badge tone=\"info\" variant=\"solid\" size=\"xxs\" count={s.running} />}\n      {s.pending > 0 && <Badge tone=\"neutral\" variant=\"soft\" size=\"xxs\" count={s.pending} />}\n    </span>\n  );\n}\n\n/**\n * Renders one test tree row: status icon, optional adapter decoration + framework\n * icon, status-colored name, duration, per-status count badges, and (when the\n * runner exposes the handlers) rerun/stop buttons. Designed as the `renderRow`\n * for the clicky `Tree`.\n */\nexport function TestTreeNode({ node, selected }: { node: Test; selected: boolean }) {\n  const runner = useTestRunner();\n  const hasChildren = (node.children?.length ?? 0) > 0;\n  const status = testStatus(node);\n  const outcome = outcomeFor(node);\n  const fwAdapter = runner.adapters.resolveFrameworkIcon(node, runner);\n  const fwNode = fwAdapter?.renderFrameworkIcon?.({ node, runner });\n  const leadingAdapter = runner.adapters.resolveRowLeading(node, runner);\n  const dur = node.duration || (hasChildren ? totalDuration(node) : 0);\n  const canRerun = !!runner.onRerun && node.framework !== \"task\";\n  const canStop = !!runner.onStop && !!node.can_stop && !!node.task_id;\n  // A verdict line under the name for rows that need explaining; green,\n  // running, and queued rows stay single-line.\n  const message = status && MESSAGE_STATUSES.has(status) ? (node.message ?? \"\").trim() : \"\";\n\n  return (\n    <>\n      {outcome ? (\n        <OutcomeIcon outcome={outcome} />\n      ) : (\n        <Icon icon={UiClass} className=\"shrink-0 text-muted-foreground\" />\n      )}\n\n      {fwNode != null ? (\n        <span className=\"flex shrink-0 items-center text-sm\">{fwNode}</span>\n      ) : (\n        <ToolIcon tool={node.framework} className=\"text-sm\" />\n      )}\n\n      {leadingAdapter?.renderRowLeading?.({ node, runner })}\n\n      <span\n        className={cn(\n          \"min-w-0 truncate\",\n          selected ? \"font-semibold\" : \"font-medium\",\n          (status && NAME_TONE[status]) || \"text-foreground\",\n        )}\n        title={message || undefined}\n      >\n        {humanizeName(node.name, node.framework)}\n      </span>\n      {/* The verdict trails the name on the same line and gives way first. */}\n      {message ? (\n        <span\n          className=\"min-w-0 flex-1 shrink-[100] truncate text-xs text-muted-foreground\"\n          title={message}\n          data-row-message=\"\"\n        >\n          {message}\n        </span>\n      ) : (\n        <span className=\"flex-1\" />\n      )}\n\n      {node.progress && node.progress.total > 0 && !node.passed && !node.failed && (\n        <span className=\"flex shrink-0 items-center gap-1 text-xs text-blue-600 dark:text-blue-400\">\n          {node.progress.phase && <span>{node.progress.phase}</span>}\n          <span className=\"tabular-nums\">\n            {node.progress.done}/{node.progress.total}\n          </span>\n        </span>\n      )}\n\n      {dur > 0 && (\n        <span className=\"shrink-0 text-xs text-muted-foreground\">{formatTestDuration(dur)}</span>\n      )}\n\n      {hasChildren && <CountBadges node={node} />}\n\n      {canStop && (\n        <IconButton\n          icon={UiStop}\n          label=\"Stop\"\n          disabled={runner.busy.stop}\n          onClick={(e) => {\n            e.stopPropagation();\n            runner.onStop!(node);\n          }}\n        />\n      )}\n\n      {canRerun && (\n        <IconButton\n          icon={UiRefresh}\n          label=\"Rerun\"\n          disabled={runner.busy.rerun}\n          onClick={(e) => {\n            e.stopPropagation();\n            runner.onRerun!(node);\n          }}\n        />\n      )}\n    </>\n  );\n}\n"],"names":["sum","jsxs","jsx","Badge","useTestRunner","status","testStatus","outcomeFor","totalDuration","Fragment","OutcomeIcon","Icon","UiClass","ToolIcon","cn","humanizeName","formatTestDuration","IconButton","UiStop","UiRefresh"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TestTreeNode.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/TestTreeNode.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAwCpC;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,+BAkFjF"}
+{"version":3,"file":"TestTreeNode.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/TestTreeNode.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAyCpC;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,+BA8FjF"}

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

@@ -4,8 +4,9 @@ import { Badge } from "../Badge.js";
 import { IconButton } from "../../components/IconButton.js";
 import { cn } from "../../lib/utils.js";
 import { useTestRunner } from "./context.js";
-import { testStatus, totalDuration, statusIconFor, humanizeName, formatTestDuration, sum } from "./status.js";
-import { frameworkIcon } from "./frameworkIcon.js";
+import { testStatus, outcomeFor, totalDuration, humanizeName, formatTestDuration, sum } from "./status.js";
+import { OutcomeIcon, ToolIcon } from "./MarkIcons.js";
+import { UiClass } from "../../icons/components/UiClass.js";
 import { UiStop } from "../../icons/components/UiStop.js";
 import { UiRefresh } from "../../icons/components/UiRefresh.js";
 const NAME_TONE = {
@@ -24,6 +25,7 @@ function CountBadges({ node }) {
   return /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1", children: [
     s.passed > 0 && /* @__PURE__ */ jsx(Badge, { tone: "success", variant: "solid", size: "xxs", count: s.passed }),
     s.failed > 0 && /* @__PURE__ */ jsx(Badge, { tone: "danger", variant: "solid", size: "xxs", count: s.failed }),
+    s.warned > 0 && /* @__PURE__ */ jsx(Badge, { tone: "warning", variant: "outline", size: "xxs", count: s.warned }),
     s.timedout > 0 && /* @__PURE__ */ jsx(Badge, { tone: "warning", variant: "solid", size: "xxs", count: s.timedout }),
     s.skipped > 0 && /* @__PURE__ */ jsx(Badge, { tone: "warning", variant: "soft", size: "xxs", count: s.skipped }),
     s.running > 0 && /* @__PURE__ */ jsx(Badge, { tone: "info", variant: "solid", size: "xxs", count: s.running }),
@@ -35,7 +37,7 @@ function TestTreeNode({ node, selected }) {
   const runner = useTestRunner();
   const hasChildren = (((_a = node.children) == null ? void 0 : _a.length) ?? 0) > 0;
   const status = testStatus(node);
-  const fwIcon = frameworkIcon(node.framework);
+  const outcome = outcomeFor(node);
   const fwAdapter = runner.adapters.resolveFrameworkIcon(node, runner);
   const fwNode = (_b = fwAdapter == null ? void 0 : fwAdapter.renderFrameworkIcon) == null ? void 0 : _b.call(fwAdapter, { node, runner });
   const leadingAdapter = runner.adapters.resolveRowLeading(node, runner);
@@ -44,24 +46,30 @@ function TestTreeNode({ node, selected }) {
   const canStop = !!runner.onStop && !!node.can_stop && !!node.task_id;
   const message = status && MESSAGE_STATUSES.has(status) ? (node.message ?? "").trim() : "";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Icon, { icon: statusIconFor(node), className: cn("shrink-0", node.running && "animate-spin") }),
-    fwNode != null ? /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center text-sm opacity-60", children: fwNode }) : fwIcon && /* @__PURE__ */ jsx(Icon, { icon: fwIcon, className: "shrink-0 text-sm opacity-60" }),
+    outcome ? /* @__PURE__ */ jsx(OutcomeIcon, { outcome }) : /* @__PURE__ */ jsx(Icon, { icon: UiClass, className: "shrink-0 text-muted-foreground" }),
+    fwNode != null ? /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center text-sm", children: fwNode }) : /* @__PURE__ */ jsx(ToolIcon, { tool: node.framework, className: "text-sm" }),
     (_c = leadingAdapter == null ? void 0 : leadingAdapter.renderRowLeading) == null ? void 0 : _c.call(leadingAdapter, { node, runner }),
-    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col", title: message || void 0, children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: cn(
-            "truncate",
-            selected ? "font-semibold" : "font-medium",
-            status && NAME_TONE[status] || "text-foreground"
-          ),
-          children: humanizeName(node.name, node.framework)
-        }
-      ),
-      message && /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: message })
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: "flex-1" }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "min-w-0 truncate",
+          selected ? "font-semibold" : "font-medium",
+          status && NAME_TONE[status] || "text-foreground"
+        ),
+        title: message || void 0,
+        children: humanizeName(node.name, node.framework)
+      }
+    ),
+    message ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "min-w-0 flex-1 shrink-[100] truncate text-xs text-muted-foreground",
+        title: message,
+        "data-row-message": "",
+        children: message
+      }
+    ) : /* @__PURE__ */ jsx("span", { className: "flex-1" }),
     node.progress && node.progress.total > 0 && !node.passed && !node.failed && /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1 text-xs text-blue-600 dark:text-blue-400", children: [
       node.progress.phase && /* @__PURE__ */ jsx("span", { children: node.progress.phase }),
       /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [

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

@@ -1 +1 @@
-{"version":3,"file":"TestTreeNode.js","sources":["../../../src/data/test-runner/TestTreeNode.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport { Badge } from \"../Badge\";\nimport { IconButton } from \"../../components/IconButton\";\nimport { UiRefresh, UiStop } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport type { Test } from \"./types\";\nimport { useTestRunner } from \"./context\";\nimport {\n  formatTestDuration,\n  humanizeName,\n  statusIconFor,\n  sum,\n  testStatus,\n  totalDuration,\n} from \"./status\";\nimport { frameworkIcon } from \"./frameworkIcon\";\n\nconst NAME_TONE: Record<string, string> = {\n  failed: \"text-red-600 dark:text-red-400\",\n  timedout: \"text-amber-600 dark:text-amber-400\",\n  warned: \"text-amber-600 dark:text-amber-400\",\n  running: \"text-blue-600 dark:text-blue-400\",\n  skipped: \"text-yellow-700 dark:text-yellow-500\",\n  pending: \"text-muted-foreground\",\n  passed: \"text-foreground\",\n};\n\nconst MESSAGE_STATUSES = new Set([\"failed\", \"timedout\", \"warned\", \"skipped\"]);\n\n/** Per-status roll-up count badges shown on a container row. */\nfunction CountBadges({ node }: { node: Test }) {\n  const s = sum(node);\n  if (s.total === 0) return null;\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {s.passed > 0 && <Badge tone=\"success\" variant=\"solid\" size=\"xxs\" count={s.passed} />}\n      {s.failed > 0 && <Badge tone=\"danger\" variant=\"solid\" size=\"xxs\" count={s.failed} />}\n      {s.timedout > 0 && <Badge tone=\"warning\" variant=\"solid\" size=\"xxs\" count={s.timedout} />}\n      {s.skipped > 0 && <Badge tone=\"warning\" variant=\"soft\" size=\"xxs\" count={s.skipped} />}\n      {s.running > 0 && <Badge tone=\"info\" variant=\"solid\" size=\"xxs\" count={s.running} />}\n      {s.pending > 0 && <Badge tone=\"neutral\" variant=\"soft\" size=\"xxs\" count={s.pending} />}\n    </span>\n  );\n}\n\n/**\n * Renders one test tree row: status icon, optional adapter decoration + framework\n * icon, status-colored name, duration, per-status count badges, and (when the\n * runner exposes the handlers) rerun/stop buttons. Designed as the `renderRow`\n * for the clicky `Tree`.\n */\nexport function TestTreeNode({ node, selected }: { node: Test; selected: boolean }) {\n  const runner = useTestRunner();\n  const hasChildren = (node.children?.length ?? 0) > 0;\n  const status = testStatus(node);\n  const fwIcon = frameworkIcon(node.framework);\n  const fwAdapter = runner.adapters.resolveFrameworkIcon(node, runner);\n  const fwNode = fwAdapter?.renderFrameworkIcon?.({ node, runner });\n  const leadingAdapter = runner.adapters.resolveRowLeading(node, runner);\n  const dur = node.duration || (hasChildren ? totalDuration(node) : 0);\n  const canRerun = !!runner.onRerun && node.framework !== \"task\";\n  const canStop = !!runner.onStop && !!node.can_stop && !!node.task_id;\n  // A verdict line under the name for rows that need explaining; green,\n  // running, and queued rows stay single-line.\n  const message = status && MESSAGE_STATUSES.has(status) ? (node.message ?? \"\").trim() : \"\";\n\n  return (\n    <>\n      <Icon icon={statusIconFor(node)} className={cn(\"shrink-0\", node.running && \"animate-spin\")} />\n\n      {fwNode != null ? (\n        <span className=\"flex shrink-0 items-center text-sm opacity-60\">{fwNode}</span>\n      ) : (\n        fwIcon && <Icon icon={fwIcon} className=\"shrink-0 text-sm opacity-60\" />\n      )}\n\n      {leadingAdapter?.renderRowLeading?.({ node, runner })}\n\n      <span className=\"flex min-w-0 flex-col\" title={message || undefined}>\n        <span\n          className={cn(\n            \"truncate\",\n            selected ? \"font-semibold\" : \"font-medium\",\n            (status && NAME_TONE[status]) || \"text-foreground\",\n          )}\n        >\n          {humanizeName(node.name, node.framework)}\n        </span>\n        {message && <span className=\"truncate text-xs text-muted-foreground\">{message}</span>}\n      </span>\n\n      <span className=\"flex-1\" />\n\n      {node.progress && node.progress.total > 0 && !node.passed && !node.failed && (\n        <span className=\"flex shrink-0 items-center gap-1 text-xs text-blue-600 dark:text-blue-400\">\n          {node.progress.phase && <span>{node.progress.phase}</span>}\n          <span className=\"tabular-nums\">\n            {node.progress.done}/{node.progress.total}\n          </span>\n        </span>\n      )}\n\n      {dur > 0 && (\n        <span className=\"shrink-0 text-xs text-muted-foreground\">{formatTestDuration(dur)}</span>\n      )}\n\n      {hasChildren && <CountBadges node={node} />}\n\n      {canStop && (\n        <IconButton\n          icon={UiStop}\n          label=\"Stop\"\n          disabled={runner.busy.stop}\n          onClick={(e) => {\n            e.stopPropagation();\n            runner.onStop!(node);\n          }}\n        />\n      )}\n\n      {canRerun && (\n        <IconButton\n          icon={UiRefresh}\n          label=\"Rerun\"\n          disabled={runner.busy.rerun}\n          onClick={(e) => {\n            e.stopPropagation();\n            runner.onRerun!(node);\n          }}\n        />\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TestTreeNode.js","sources":["../../../src/data/test-runner/TestTreeNode.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport { Badge } from \"../Badge\";\nimport { IconButton } from \"../../components/IconButton\";\nimport { UiClass, UiRefresh, UiStop } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport type { Test } from \"./types\";\nimport { useTestRunner } from \"./context\";\nimport {\n  formatTestDuration,\n  humanizeName,\n  outcomeFor,\n  sum,\n  testStatus,\n  totalDuration,\n} from \"./status\";\nimport { OutcomeIcon, ToolIcon } from \"./MarkIcons\";\n\nconst NAME_TONE: Record<string, string> = {\n  failed: \"text-red-600 dark:text-red-400\",\n  timedout: \"text-amber-600 dark:text-amber-400\",\n  warned: \"text-amber-600 dark:text-amber-400\",\n  running: \"text-blue-600 dark:text-blue-400\",\n  skipped: \"text-yellow-700 dark:text-yellow-500\",\n  pending: \"text-muted-foreground\",\n  passed: \"text-foreground\",\n};\n\nconst MESSAGE_STATUSES = new Set([\"failed\", \"timedout\", \"warned\", \"skipped\"]);\n\n/** Per-status roll-up count badges shown on a container row. */\nfunction CountBadges({ node }: { node: Test }) {\n  const s = sum(node);\n  if (s.total === 0) return null;\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {s.passed > 0 && <Badge tone=\"success\" variant=\"solid\" size=\"xxs\" count={s.passed} />}\n      {s.failed > 0 && <Badge tone=\"danger\" variant=\"solid\" size=\"xxs\" count={s.failed} />}\n      {s.warned > 0 && <Badge tone=\"warning\" variant=\"outline\" size=\"xxs\" count={s.warned} />}\n      {s.timedout > 0 && <Badge tone=\"warning\" variant=\"solid\" size=\"xxs\" count={s.timedout} />}\n      {s.skipped > 0 && <Badge tone=\"warning\" variant=\"soft\" size=\"xxs\" count={s.skipped} />}\n      {s.running > 0 && <Badge tone=\"info\" variant=\"solid\" size=\"xxs\" count={s.running} />}\n      {s.pending > 0 && <Badge tone=\"neutral\" variant=\"soft\" size=\"xxs\" count={s.pending} />}\n    </span>\n  );\n}\n\n/**\n * Renders one test tree row: status icon, optional adapter decoration + framework\n * icon, status-colored name, duration, per-status count badges, and (when the\n * runner exposes the handlers) rerun/stop buttons. Designed as the `renderRow`\n * for the clicky `Tree`.\n */\nexport function TestTreeNode({ node, selected }: { node: Test; selected: boolean }) {\n  const runner = useTestRunner();\n  const hasChildren = (node.children?.length ?? 0) > 0;\n  const status = testStatus(node);\n  const outcome = outcomeFor(node);\n  const fwAdapter = runner.adapters.resolveFrameworkIcon(node, runner);\n  const fwNode = fwAdapter?.renderFrameworkIcon?.({ node, runner });\n  const leadingAdapter = runner.adapters.resolveRowLeading(node, runner);\n  const dur = node.duration || (hasChildren ? totalDuration(node) : 0);\n  const canRerun = !!runner.onRerun && node.framework !== \"task\";\n  const canStop = !!runner.onStop && !!node.can_stop && !!node.task_id;\n  // A verdict line under the name for rows that need explaining; green,\n  // running, and queued rows stay single-line.\n  const message = status && MESSAGE_STATUSES.has(status) ? (node.message ?? \"\").trim() : \"\";\n\n  return (\n    <>\n      {outcome ? (\n        <OutcomeIcon outcome={outcome} />\n      ) : (\n        <Icon icon={UiClass} className=\"shrink-0 text-muted-foreground\" />\n      )}\n\n      {fwNode != null ? (\n        <span className=\"flex shrink-0 items-center text-sm\">{fwNode}</span>\n      ) : (\n        <ToolIcon tool={node.framework} className=\"text-sm\" />\n      )}\n\n      {leadingAdapter?.renderRowLeading?.({ node, runner })}\n\n      <span\n        className={cn(\n          \"min-w-0 truncate\",\n          selected ? \"font-semibold\" : \"font-medium\",\n          (status && NAME_TONE[status]) || \"text-foreground\",\n        )}\n        title={message || undefined}\n      >\n        {humanizeName(node.name, node.framework)}\n      </span>\n      {/* The verdict trails the name on the same line and gives way first. */}\n      {message ? (\n        <span\n          className=\"min-w-0 flex-1 shrink-[100] truncate text-xs text-muted-foreground\"\n          title={message}\n          data-row-message=\"\"\n        >\n          {message}\n        </span>\n      ) : (\n        <span className=\"flex-1\" />\n      )}\n\n      {node.progress && node.progress.total > 0 && !node.passed && !node.failed && (\n        <span className=\"flex shrink-0 items-center gap-1 text-xs text-blue-600 dark:text-blue-400\">\n          {node.progress.phase && <span>{node.progress.phase}</span>}\n          <span className=\"tabular-nums\">\n            {node.progress.done}/{node.progress.total}\n          </span>\n        </span>\n      )}\n\n      {dur > 0 && (\n        <span className=\"shrink-0 text-xs text-muted-foreground\">{formatTestDuration(dur)}</span>\n      )}\n\n      {hasChildren && <CountBadges node={node} />}\n\n      {canStop && (\n        <IconButton\n          icon={UiStop}\n          label=\"Stop\"\n          disabled={runner.busy.stop}\n          onClick={(e) => {\n            e.stopPropagation();\n            runner.onStop!(node);\n          }}\n        />\n      )}\n\n      {canRerun && (\n        <IconButton\n          icon={UiRefresh}\n          label=\"Rerun\"\n          disabled={runner.busy.rerun}\n          onClick={(e) => {\n            e.stopPropagation();\n            runner.onRerun!(node);\n          }}\n        />\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -3,6 +3,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const copy = require("./copy.cjs");
 class TestNodeAdapterRegistry {
   constructor(adapters = []) {
     __publicField(this, "adapters");
@@ -42,6 +43,16 @@ class TestNodeAdapterRegistry {
     }
     return tabs;
   }
+  /**
+   * Merge `copy` sections from every matching adapter, de-duplicated by fact
+   * label, section title and item label — the first contributor wins.
+   */
+  resolveCopy(node, runner) {
+    const ctx = { node, runner };
+    return copy.mergeCopySections(
+      this.adapters.flatMap((a) => a.copy && a.match(node, runner) ? [a.copy(ctx)] : [])
+    );
+  }
   /** True when the resolved detail adapter owns its own scroll region. */
   ownsScroll(node, runner) {
     const a = this.resolveDetail(node, runner);