@flanksource/clicky-ui 0.3.45 → 0.3.47

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

@@ -5,6 +5,7 @@ const react = require("react");
 const Icon = require("../Icon.cjs");
 const SplitPane = require("../../layout/SplitPane.cjs");
 const utils = require("../../lib/utils.cjs");
+const useContainerWidth = require("../../hooks/use-container-width.cjs");
 const status = require("./status.cjs");
 const adapter = require("./adapter.cjs");
 const context = require("./context.cjs");
@@ -13,10 +14,12 @@ const TestDetailPanel = require("./TestDetailPanel.cjs");
 const TestRunSummary = require("./TestRunSummary.cjs");
 const TestFilterBar = require("./TestFilterBar.cjs");
 const UiBeaker = require("../../icons/components/UiBeaker.cjs");
+const UiArrowLeft = require("../../icons/components/UiArrowLeft.cjs");
 function toRegistry(adapters) {
   if (adapters instanceof adapter.TestNodeAdapterRegistry) return adapters;
   return adapter.createTestRunnerRegistry(adapters ?? []);
 }
+const SPLIT_MIN_WIDTH = 640;
 function TestRunner({
   tests,
   allTests,
@@ -90,19 +93,30 @@ function TestRunner({
   const summaryTests = allTests ?? tests;
   const frameworks = react.useMemo(() => status.collectFrameworks(summaryTests), [summaryTests]);
   const filterCounts = react.useMemo(() => status.aggregateStatusCounts(summaryTests), [summaryTests]);
-  const hasContent = summaryTests.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: [
-    !hideHeader && /* @__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: [
-          title === void 0 ? /* @__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"
-          ] }) : title,
-          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,
+  const filterBar = !hideHeader && summaryTests.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+    TestFilterBar.TestFilterBar,
+    {
+      filters,
+      onChange: onFiltersChange,
+      counts: filterCounts,
+      frameworks
+    }
+  ) : null;
+  const { ref, wider: roomy } = useContainerWidth.useContainerWiderThan(SPLIT_MIN_WIDTH);
+  return /* @__PURE__ */ jsxRuntime.jsx(context.TestRunnerProvider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: utils.cn("flex h-full min-h-0 flex-col bg-background", className), children: [
+    !hideHeader && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [
+            title === void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: "inline-flex shrink-0 items-center gap-1.5 text-base font-bold", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiBeaker.UiBeaker, className: "text-primary" }),
+              "Test Results"
+            ] }) : title,
+            statusText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm text-muted-foreground", children: statusText })
+          ] }),
           showSummary && /* @__PURE__ */ jsxRuntime.jsx(
             TestRunSummary.TestRunSummary,
             {
@@ -111,22 +125,16 @@ function TestRunner({
               endTime,
               done,
               now,
-              runMeta
+              runMeta,
+              compact: true,
+              className: "ml-auto flex-nowrap"
             }
-          )
-        ] })
-      ] }),
-      hasContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-        TestFilterBar.TestFilterBar,
-        {
-          filters,
-          onChange: onFiltersChange,
-          counts: filterCounts,
-          frameworks
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+          ),
+          headerSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("flex shrink-0 items-center gap-1", !showSummary && "ml-auto"), children: headerSlot })
+        ]
+      }
+    ),
+    roomy ? /* @__PURE__ */ jsxRuntime.jsx(
       SplitPane.SplitPane,
       {
         className: "min-h-0 flex-1",
@@ -134,10 +142,24 @@ function TestRunner({
         minLeft: 25,
         minRight: 30,
         leftClass: "border-r-2 border-border bg-muted/30",
-        left: /* @__PURE__ */ jsxRuntime.jsx(TestTree.TestTree, {}),
+        left: /* @__PURE__ */ jsxRuntime.jsx(TestTree.TestTree, { actions: filterBar }),
         right: /* @__PURE__ */ jsxRuntime.jsx(TestDetailPanel.TestDetailPanel, {})
       }
-    )
+    ) : selected ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiArrowLeft.UiArrowLeft }),
+            "Back to results"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(TestDetailPanel.TestDetailPanel, {}) })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(TestTree.TestTree, { actions: filterBar }) })
   ] }) });
 }
 exports.TestRunner = TestRunner;

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

@@ -1 +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 { 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":["TestNodeAdapterRegistry","createTestRunnerRegistry","status","useMemo","collectFrameworks","aggregateStatusCounts","jsx","TestRunnerProvider","jsxs","cn","Icon","UiBeaker","TestRunSummary","TestFilterBar","SplitPane","TestTree","TestDetailPanel"],"mappings":"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"}
+{"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 { 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":["TestNodeAdapterRegistry","createTestRunnerRegistry","status","useMemo","collectFrameworks","aggregateStatusCounts","jsx","TestFilterBar","useContainerWiderThan","TestRunnerProvider","jsxs","cn","Icon","UiBeaker","TestRunSummary","SplitPane","TestTree","TestDetailPanel","UiArrowLeft"],"mappings":"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"}

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

@@ -49,10 +49,11 @@ export type TestRunnerProps = {
      * header) to avoid duplicating it.
      */
     showSummary?: boolean;
-    /** Extra header content (e.g. export/download controls owned by the host). */
+    /** Run actions at the right end of the one-line header (e.g. re-run, export, copy). */
     headerSlot?: ReactNode;
     /**
-     * Suppresses the entire built-in header bar (title, summary, filter row).
+     * Suppresses the built-in header bar (title, summary) and the status/tool
+     * facets in the tree toolbar.
      * Defaults to false; pass true when a host renders its own combined header
      * (e.g. a dialog header that already embeds `TestRunSummary` and filters) so
      * the runner doesn't render a second bordered bar underneath it.

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

@@ -1 +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;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,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,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,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;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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;AASF;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,UAAU,EACV,GAAG,EACH,IAAI,EACJ,SAAS,EACT,WAAW,EACX,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,WAAkB,EAClB,UAAU,EACV,UAAkB,EAClB,YAAiB,EACjB,SAAS,EACT,OAAO,EACP,SAAS,GACV,EAAE,eAAe,+BAyGjB"}
+{"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;AAMhD,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;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,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,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,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;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uFAAuF;IACvF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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;AAWF;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,UAAU,EACV,GAAG,EACH,IAAI,EACJ,SAAS,EACT,WAAW,EACX,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,WAAkB,EAClB,UAAU,EACV,UAAkB,EAClB,YAAiB,EACjB,SAAS,EACT,OAAO,EACP,SAAS,GACV,EAAE,eAAe,+BAsIjB"}

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":"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"}
+{"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":"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"}

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: [