@flanksource/clicky-ui 0.3.46 → 0.3.47

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

@@ -5,8 +5,9 @@ const Icon = require("../Icon.cjs");
 const ProgressBar = require("../ProgressBar.cjs");
 const utils = require("../../lib/utils.cjs");
 const status = require("./status.cjs");
+const marks = require("./marks.cjs");
+const MarkIcons = require("./MarkIcons.cjs");
 const UiClock = require("../../icons/components/UiClock.cjs");
-const UiCheck = require("../../icons/components/UiCheck.cjs");
 const UiLoader = require("../../icons/components/UiLoader.cjs");
 function pct(part, total) {
   return total > 0 ? Math.round(part / total * 100) : 0;
@@ -29,18 +30,37 @@ function TestRunSummary({
     { count: t.passed, color: "bg-green-500", label: "passed" },
     { count: t.skipped, color: "bg-yellow-400", label: "skipped" },
     { count: t.failed, color: "bg-red-500", label: "failed" },
+    { count: t.warned, color: "bg-amber-400", label: "warned" },
     { count: t.timedout, color: "bg-amber-500", label: "timed out" },
     { count: t.running, color: "bg-blue-400", label: "running" },
     { count: t.pending, color: "bg-muted-foreground/40", label: "queued" }
   ];
   const chips = [
-    { n: t.passed, label: "passed", tone: "text-green-600 dark:text-green-400" },
-    { n: t.failed, label: "failed", tone: "text-red-600 dark:text-red-400" },
-    { n: t.timedout, label: "timed out", tone: "text-amber-600 dark:text-amber-400" },
-    { n: t.skipped, label: "skipped", tone: "text-yellow-700 dark:text-yellow-500" },
-    { n: t.running, label: "running", tone: "text-blue-600 dark:text-blue-400" },
-    { n: t.pending, label: "queued", tone: "text-muted-foreground" }
+    { n: t.passed, label: "passed", outcome: "passed" },
+    { n: t.failed, label: "failed", outcome: "failed" },
+    { n: t.warned, label: "warned", outcome: "warned" },
+    { n: t.timedout, label: "timed out", outcome: "timedout" },
+    { n: t.skipped, label: "skipped", outcome: "skipped" },
+    { n: t.running, label: "running", outcome: "running" },
+    { n: t.pending, label: "queued", outcome: "pending" }
   ];
+  const chipRow = chips.filter((c) => c.n > 0).map((c) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: utils.cn(
+        "inline-flex items-center gap-0.5 tabular-nums",
+        marks.TEST_OUTCOMES[c.outcome].className
+      ),
+      "aria-label": `${c.n} ${c.label}`,
+      title: `${c.n} ${c.label}`,
+      "data-summary-outcome": c.outcome,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(MarkIcons.OutcomeIcon, { outcome: c.outcome }),
+        c.n
+      ]
+    },
+    c.label
+  ));
   if (compact) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -52,14 +72,11 @@ function TestRunSummary({
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-foreground", children: [
             t.total,
-            " tests",
+            " ",
+            t.total === 1 ? "test" : "tests",
             (runMeta == null ? void 0 : runMeta.kind) === "rerun" ? ` · rerun #${runMeta.sequence}` : ""
           ] }),
-          chips.filter((c) => c.n > 0).map((c) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: c.tone, children: [
-            c.n,
-            " ",
-            c.label
-          ] }, c.label)),
+          chipRow,
           elapsed && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClock.UiClock, className: "text-xs" }),
             elapsed
@@ -71,7 +88,7 @@ function TestRunSummary({
               "%"
             ] })
           ] }),
-          done ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck, className: "text-green-600 dark:text-green-400" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiLoader.UiLoader, className: "animate-spin text-blue-500" })
+          !done && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiLoader.UiLoader, className: "animate-spin text-blue-500" })
         ]
       }
     );
@@ -80,19 +97,16 @@ function TestRunSummary({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-x-3 gap-y-0.5 text-sm text-muted-foreground", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-foreground", children: [
         t.total,
-        " tests",
+        " ",
+        t.total === 1 ? "test" : "tests",
         (runMeta == null ? void 0 : runMeta.kind) === "rerun" ? ` · rerun #${runMeta.sequence}` : ""
       ] }),
-      chips.filter((c) => c.n > 0).map((c) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: c.tone, children: [
-        c.n,
-        " ",
-        c.label
-      ] }, c.label)),
+      chipRow,
       elapsed && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClock.UiClock, className: "text-xs" }),
         elapsed
       ] }),
-      done ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck, className: "text-green-600 dark:text-green-400" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiLoader.UiLoader, className: "animate-spin text-blue-500" })
+      !done && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiLoader.UiLoader, className: "animate-spin text-blue-500" })
     ] }),
     t.total > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-72 items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ProgressBar.ProgressBar, { className: "flex-1", segments, total: t.total, height: "h-2" }),

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

@@ -1 +1 @@
-{"version":3,"file":"TestRunSummary.cjs","sources":["../../../src/data/test-runner/TestRunSummary.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport { ProgressBar, type ProgressSegment } from \"../ProgressBar\";\nimport { cn } from \"../../lib/utils\";\nimport { UiCheck, UiClock, UiLoader } from \"../../icons\";\nimport type { RunMeta, Test } from \"./types\";\nimport { aggregateStatusCounts } from \"./status\";\n\nexport type TestRunSummaryProps = {\n  tests: Test[];\n  /** Run start, epoch ms (host-provided). */\n  startTime?: number | null | undefined;\n  /** Run end, epoch ms; falls back to `now` while running. */\n  endTime?: number | null | undefined;\n  done: boolean;\n  /** Injected clock (epoch ms) so the component stays pure. */\n  now?: number | undefined;\n  runMeta?: RunMeta | undefined;\n  /**\n   * Single-line layout for embedding in a host header (e.g. a dialog header):\n   * counts + a short inline progress bar on one row, instead of the default\n   * two-line right-aligned column.\n   */\n  compact?: boolean | undefined;\n  className?: string | undefined;\n};\n\nfunction pct(part: number, total: number): number {\n  return total > 0 ? Math.round((part / total) * 100) : 0;\n}\n\n/**\n * Header summary: per-status counts, elapsed time, a stacked progress bar, and\n * pass/fail/pending gauge cards. Pure — elapsed time comes from injected `now`.\n */\nexport function TestRunSummary({\n  tests,\n  startTime,\n  endTime,\n  done,\n  now,\n  runMeta,\n  compact = false,\n  className,\n}: TestRunSummaryProps) {\n  const t = aggregateStatusCounts(tests);\n  const clock = now ?? 0;\n  const end = done && endTime ? endTime : clock;\n  const elapsed = startTime && end >= startTime ? `${((end - startTime) / 1000).toFixed(1)}s` : \"\";\n\n  const segments: ProgressSegment[] = [\n    { count: t.passed, color: \"bg-green-500\", label: \"passed\" },\n    { count: t.skipped, color: \"bg-yellow-400\", label: \"skipped\" },\n    { count: t.failed, color: \"bg-red-500\", label: \"failed\" },\n    { count: t.timedout, color: \"bg-amber-500\", label: \"timed out\" },\n    { count: t.running, color: \"bg-blue-400\", label: \"running\" },\n    { count: t.pending, color: \"bg-muted-foreground/40\", label: \"queued\" },\n  ];\n\n  // Each status appears once, as a coloured count chip — no separate gauge-card\n  // row repeating the same numbers as percentages.\n  const chips: { n: number; label: string; tone: string }[] = [\n    { n: t.passed, label: \"passed\", tone: \"text-green-600 dark:text-green-400\" },\n    { n: t.failed, label: \"failed\", tone: \"text-red-600 dark:text-red-400\" },\n    { n: t.timedout, label: \"timed out\", tone: \"text-amber-600 dark:text-amber-400\" },\n    { n: t.skipped, label: \"skipped\", tone: \"text-yellow-700 dark:text-yellow-500\" },\n    { n: t.running, label: \"running\", tone: \"text-blue-600 dark:text-blue-400\" },\n    { n: t.pending, label: \"queued\", tone: \"text-muted-foreground\" },\n  ];\n\n  if (compact) {\n    return (\n      <div\n        className={cn(\n          \"flex flex-wrap items-center gap-x-3 gap-y-0.5 text-sm text-muted-foreground\",\n          className,\n        )}\n      >\n        <span className=\"font-medium text-foreground\">\n          {t.total} tests\n          {runMeta?.kind === \"rerun\" ? ` · rerun #${runMeta.sequence}` : \"\"}\n        </span>\n        {chips\n          .filter((c) => c.n > 0)\n          .map((c) => (\n            <span key={c.label} className={c.tone}>\n              {c.n} {c.label}\n            </span>\n          ))}\n        {elapsed && (\n          <span className=\"inline-flex items-center gap-1\">\n            <Icon icon={UiClock} className=\"text-xs\" />\n            {elapsed}\n          </span>\n        )}\n        {t.total > 0 && (\n          <span className=\"inline-flex items-center gap-1.5\">\n            <ProgressBar className=\"w-24\" segments={segments} total={t.total} height=\"h-1.5\" />\n            <span className=\"text-xs font-medium text-green-600 dark:text-green-400\">\n              {pct(t.passed, t.total)}%\n            </span>\n          </span>\n        )}\n        {done ? (\n          <Icon icon={UiCheck} className=\"text-green-600 dark:text-green-400\" />\n        ) : (\n          <Icon icon={UiLoader} className=\"animate-spin text-blue-500\" />\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"flex min-w-[18rem] flex-col items-end gap-1.5\", className)}>\n      <div className=\"flex flex-wrap items-center justify-end gap-x-3 gap-y-0.5 text-sm text-muted-foreground\">\n        <span className=\"font-medium text-foreground\">\n          {t.total} tests\n          {runMeta?.kind === \"rerun\" ? ` · rerun #${runMeta.sequence}` : \"\"}\n        </span>\n        {chips\n          .filter((c) => c.n > 0)\n          .map((c) => (\n            <span key={c.label} className={c.tone}>\n              {c.n} {c.label}\n            </span>\n          ))}\n        {elapsed && (\n          <span className=\"inline-flex items-center gap-1\">\n            <Icon icon={UiClock} className=\"text-xs\" />\n            {elapsed}\n          </span>\n        )}\n        {done ? (\n          <Icon icon={UiCheck} className=\"text-green-600 dark:text-green-400\" />\n        ) : (\n          <Icon icon={UiLoader} className=\"animate-spin text-blue-500\" />\n        )}\n      </div>\n\n      {t.total > 0 && (\n        <div className=\"flex w-72 items-center gap-2\">\n          <ProgressBar className=\"flex-1\" segments={segments} total={t.total} height=\"h-2\" />\n          <span className=\"shrink-0 text-xs font-medium text-green-600 dark:text-green-400\">\n            {pct(t.passed, t.total)}%\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["aggregateStatusCounts","jsxs","cn","jsx","Icon","UiClock","ProgressBar","UiCheck","UiLoader"],"mappings":";;;;;;;;;;AA0BA,SAAS,IAAI,MAAc,OAAuB;AAChD,SAAO,QAAQ,IAAI,KAAK,MAAO,OAAO,QAAS,GAAG,IAAI;AACxD;AAMO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AACF,GAAwB;AACtB,QAAM,IAAIA,OAAAA,sBAAsB,KAAK;AACrC,QAAM,QAAQ,OAAO;AACrB,QAAM,MAAM,QAAQ,UAAU,UAAU;AACxC,QAAM,UAAU,aAAa,OAAO,YAAY,KAAK,MAAM,aAAa,KAAM,QAAQ,CAAC,CAAC,MAAM;AAE9F,QAAM,WAA8B;AAAA,IAClC,EAAE,OAAO,EAAE,QAAQ,OAAO,gBAAgB,OAAO,SAAA;AAAA,IACjD,EAAE,OAAO,EAAE,SAAS,OAAO,iBAAiB,OAAO,UAAA;AAAA,IACnD,EAAE,OAAO,EAAE,QAAQ,OAAO,cAAc,OAAO,SAAA;AAAA,IAC/C,EAAE,OAAO,EAAE,UAAU,OAAO,gBAAgB,OAAO,YAAA;AAAA,IACnD,EAAE,OAAO,EAAE,SAAS,OAAO,eAAe,OAAO,UAAA;AAAA,IACjD,EAAE,OAAO,EAAE,SAAS,OAAO,0BAA0B,OAAO,SAAA;AAAA,EAAS;AAKvE,QAAM,QAAsD;AAAA,IAC1D,EAAE,GAAG,EAAE,QAAQ,OAAO,UAAU,MAAM,qCAAA;AAAA,IACtC,EAAE,GAAG,EAAE,QAAQ,OAAO,UAAU,MAAM,iCAAA;AAAA,IACtC,EAAE,GAAG,EAAE,UAAU,OAAO,aAAa,MAAM,qCAAA;AAAA,IAC3C,EAAE,GAAG,EAAE,SAAS,OAAO,WAAW,MAAM,uCAAA;AAAA,IACxC,EAAE,GAAG,EAAE,SAAS,OAAO,WAAW,MAAM,mCAAA;AAAA,IACxC,EAAE,GAAG,EAAE,SAAS,OAAO,UAAU,MAAM,wBAAA;AAAA,EAAwB;AAGjE,MAAI,SAAS;AACX,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,MAAAA;AAAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAGF,UAAA;AAAA,UAAAD,2BAAAA,KAAC,QAAA,EAAK,WAAU,+BACb,UAAA;AAAA,YAAA,EAAE;AAAA,YAAM;AAAA,aACR,mCAAS,UAAS,UAAU,aAAa,QAAQ,QAAQ,KAAK;AAAA,UAAA,GACjE;AAAA,UACC,MACE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,EACrB,IAAI,CAAC,MACJA,2BAAAA,KAAC,QAAA,EAAmB,WAAW,EAAE,MAC9B,UAAA;AAAA,YAAA,EAAE;AAAA,YAAE;AAAA,YAAE,EAAE;AAAA,UAAA,KADA,EAAE,KAEb,CACD;AAAA,UACF,WACCA,2BAAAA,KAAC,QAAA,EAAK,WAAU,kCACd,UAAA;AAAA,YAAAE,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMC,QAAAA,SAAS,WAAU,WAAU;AAAA,YACxC;AAAA,UAAA,GACH;AAAA,UAED,EAAE,QAAQ,KACTJ,2BAAAA,KAAC,QAAA,EAAK,WAAU,oCACd,UAAA;AAAA,YAAAE,2BAAAA,IAACG,YAAAA,aAAA,EAAY,WAAU,QAAO,UAAoB,OAAO,EAAE,OAAO,QAAO,QAAA,CAAQ;AAAA,YACjFL,2BAAAA,KAAC,QAAA,EAAK,WAAU,0DACb,UAAA;AAAA,cAAA,IAAI,EAAE,QAAQ,EAAE,KAAK;AAAA,cAAE;AAAA,YAAA,EAAA,CAC1B;AAAA,UAAA,GACF;AAAA,UAED,OACCE,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMG,QAAAA,SAAS,WAAU,qCAAA,CAAqC,IAEpEJ,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMI,SAAAA,UAAU,WAAU,6BAAA,CAA6B;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIrE;AAEA,yCACG,OAAA,EAAI,WAAWN,MAAAA,GAAG,iDAAiD,SAAS,GAC3E,UAAA;AAAA,IAAAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,2FACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,+BACb,UAAA;AAAA,QAAA,EAAE;AAAA,QAAM;AAAA,SACR,mCAAS,UAAS,UAAU,aAAa,QAAQ,QAAQ,KAAK;AAAA,MAAA,GACjE;AAAA,MACC,MACE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,EACrB,IAAI,CAAC,MACJA,2BAAAA,KAAC,QAAA,EAAmB,WAAW,EAAE,MAC9B,UAAA;AAAA,QAAA,EAAE;AAAA,QAAE;AAAA,QAAE,EAAE;AAAA,MAAA,KADA,EAAE,KAEb,CACD;AAAA,MACF,WACCA,2BAAAA,KAAC,QAAA,EAAK,WAAU,kCACd,UAAA;AAAA,QAAAE,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMC,QAAAA,SAAS,WAAU,WAAU;AAAA,QACxC;AAAA,MAAA,GACH;AAAA,MAED,OACCF,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMG,QAAAA,SAAS,WAAU,qCAAA,CAAqC,IAEpEJ,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMI,SAAAA,UAAU,WAAU,6BAAA,CAA6B;AAAA,IAAA,GAEjE;AAAA,IAEC,EAAE,QAAQ,KACTP,2BAAAA,KAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,MAAAE,2BAAAA,IAACG,YAAAA,aAAA,EAAY,WAAU,UAAS,UAAoB,OAAO,EAAE,OAAO,QAAO,MAAA,CAAM;AAAA,MACjFL,2BAAAA,KAAC,QAAA,EAAK,WAAU,mEACb,UAAA;AAAA,QAAA,IAAI,EAAE,QAAQ,EAAE,KAAK;AAAA,QAAE;AAAA,MAAA,EAAA,CAC1B;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;;"}
+{"version":3,"file":"TestRunSummary.cjs","sources":["../../../src/data/test-runner/TestRunSummary.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport { ProgressBar, type ProgressSegment } from \"../ProgressBar\";\nimport { cn } from \"../../lib/utils\";\nimport { UiClock, UiLoader } from \"../../icons\";\nimport type { RunMeta, Test } from \"./types\";\nimport { aggregateStatusCounts, type TestOutcome } from \"./status\";\nimport { TEST_OUTCOMES } from \"./marks\";\nimport { OutcomeIcon } from \"./MarkIcons\";\n\nexport type TestRunSummaryProps = {\n  tests: Test[];\n  /** Run start, epoch ms (host-provided). */\n  startTime?: number | null | undefined;\n  /** Run end, epoch ms; falls back to `now` while running. */\n  endTime?: number | null | undefined;\n  done: boolean;\n  /** Injected clock (epoch ms) so the component stays pure. */\n  now?: number | undefined;\n  runMeta?: RunMeta | undefined;\n  /**\n   * Single-line layout for embedding in a host header (e.g. a dialog header):\n   * counts + a short inline progress bar on one row, instead of the default\n   * two-line right-aligned column.\n   */\n  compact?: boolean | undefined;\n  className?: string | undefined;\n};\n\nfunction pct(part: number, total: number): number {\n  return total > 0 ? Math.round((part / total) * 100) : 0;\n}\n\n/**\n * Header summary: per-status counts, elapsed time, a stacked progress bar, and\n * pass/fail/pending gauge cards. Pure — elapsed time comes from injected `now`.\n */\nexport function TestRunSummary({\n  tests,\n  startTime,\n  endTime,\n  done,\n  now,\n  runMeta,\n  compact = false,\n  className,\n}: TestRunSummaryProps) {\n  const t = aggregateStatusCounts(tests);\n  const clock = now ?? 0;\n  const end = done && endTime ? endTime : clock;\n  const elapsed = startTime && end >= startTime ? `${((end - startTime) / 1000).toFixed(1)}s` : \"\";\n\n  const segments: ProgressSegment[] = [\n    { count: t.passed, color: \"bg-green-500\", label: \"passed\" },\n    { count: t.skipped, color: \"bg-yellow-400\", label: \"skipped\" },\n    { count: t.failed, color: \"bg-red-500\", label: \"failed\" },\n    { count: t.warned, color: \"bg-amber-400\", label: \"warned\" },\n    { count: t.timedout, color: \"bg-amber-500\", label: \"timed out\" },\n    { count: t.running, color: \"bg-blue-400\", label: \"running\" },\n    { count: t.pending, color: \"bg-muted-foreground/40\", label: \"queued\" },\n  ];\n\n  // Each status appears once, as its outcome mark and a count — the same\n  // glyphs the tree uses, so the header reads in the tree's vocabulary.\n  const chips: { n: number; label: string; outcome: TestOutcome }[] = [\n    { n: t.passed, label: \"passed\", outcome: \"passed\" },\n    { n: t.failed, label: \"failed\", outcome: \"failed\" },\n    { n: t.warned, label: \"warned\", outcome: \"warned\" },\n    { n: t.timedout, label: \"timed out\", outcome: \"timedout\" },\n    { n: t.skipped, label: \"skipped\", outcome: \"skipped\" },\n    { n: t.running, label: \"running\", outcome: \"running\" },\n    { n: t.pending, label: \"queued\", outcome: \"pending\" },\n  ];\n  const chipRow = chips\n    .filter((c) => c.n > 0)\n    .map((c) => (\n      <span\n        key={c.label}\n        className={cn(\n          \"inline-flex items-center gap-0.5 tabular-nums\",\n          TEST_OUTCOMES[c.outcome].className,\n        )}\n        aria-label={`${c.n} ${c.label}`}\n        title={`${c.n} ${c.label}`}\n        data-summary-outcome={c.outcome}\n      >\n        <OutcomeIcon outcome={c.outcome} />\n        {c.n}\n      </span>\n    ));\n\n  if (compact) {\n    return (\n      <div\n        className={cn(\n          \"flex flex-wrap items-center gap-x-3 gap-y-0.5 text-sm text-muted-foreground\",\n          className,\n        )}\n      >\n        <span className=\"font-medium text-foreground\">\n          {t.total} {t.total === 1 ? \"test\" : \"tests\"}\n          {runMeta?.kind === \"rerun\" ? ` · rerun #${runMeta.sequence}` : \"\"}\n        </span>\n        {chipRow}\n        {elapsed && (\n          <span className=\"inline-flex items-center gap-1\">\n            <Icon icon={UiClock} className=\"text-xs\" />\n            {elapsed}\n          </span>\n        )}\n        {t.total > 0 && (\n          <span className=\"inline-flex items-center gap-1.5\">\n            <ProgressBar className=\"w-24\" segments={segments} total={t.total} height=\"h-1.5\" />\n            <span className=\"text-xs font-medium text-green-600 dark:text-green-400\">\n              {pct(t.passed, t.total)}%\n            </span>\n          </span>\n        )}\n        {!done && <Icon icon={UiLoader} className=\"animate-spin text-blue-500\" />}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"flex min-w-[18rem] flex-col items-end gap-1.5\", className)}>\n      <div className=\"flex flex-wrap items-center justify-end gap-x-3 gap-y-0.5 text-sm text-muted-foreground\">\n        <span className=\"font-medium text-foreground\">\n          {t.total} {t.total === 1 ? \"test\" : \"tests\"}\n          {runMeta?.kind === \"rerun\" ? ` · rerun #${runMeta.sequence}` : \"\"}\n        </span>\n        {chipRow}\n        {elapsed && (\n          <span className=\"inline-flex items-center gap-1\">\n            <Icon icon={UiClock} className=\"text-xs\" />\n            {elapsed}\n          </span>\n        )}\n        {!done && <Icon icon={UiLoader} className=\"animate-spin text-blue-500\" />}\n      </div>\n\n      {t.total > 0 && (\n        <div className=\"flex w-72 items-center gap-2\">\n          <ProgressBar className=\"flex-1\" segments={segments} total={t.total} height=\"h-2\" />\n          <span className=\"shrink-0 text-xs font-medium text-green-600 dark:text-green-400\">\n            {pct(t.passed, t.total)}%\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["aggregateStatusCounts","jsxs","cn","TEST_OUTCOMES","jsx","OutcomeIcon","Icon","UiClock","ProgressBar","UiLoader"],"mappings":"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"}

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

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

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

@@ -3,8 +3,9 @@ import { Icon } from "../Icon.js";
 import { ProgressBar } from "../ProgressBar.js";
 import { cn } from "../../lib/utils.js";
 import { aggregateStatusCounts } from "./status.js";
+import { TEST_OUTCOMES } from "./marks.js";
+import { OutcomeIcon } from "./MarkIcons.js";
 import { UiClock } from "../../icons/components/UiClock.js";
-import { UiCheck } from "../../icons/components/UiCheck.js";
 import { UiLoader } from "../../icons/components/UiLoader.js";
 function pct(part, total) {
   return total > 0 ? Math.round(part / total * 100) : 0;
@@ -27,18 +28,37 @@ function TestRunSummary({
     { count: t.passed, color: "bg-green-500", label: "passed" },
     { count: t.skipped, color: "bg-yellow-400", label: "skipped" },
     { count: t.failed, color: "bg-red-500", label: "failed" },
+    { count: t.warned, color: "bg-amber-400", label: "warned" },
     { count: t.timedout, color: "bg-amber-500", label: "timed out" },
     { count: t.running, color: "bg-blue-400", label: "running" },
     { count: t.pending, color: "bg-muted-foreground/40", label: "queued" }
   ];
   const chips = [
-    { n: t.passed, label: "passed", tone: "text-green-600 dark:text-green-400" },
-    { n: t.failed, label: "failed", tone: "text-red-600 dark:text-red-400" },
-    { n: t.timedout, label: "timed out", tone: "text-amber-600 dark:text-amber-400" },
-    { n: t.skipped, label: "skipped", tone: "text-yellow-700 dark:text-yellow-500" },
-    { n: t.running, label: "running", tone: "text-blue-600 dark:text-blue-400" },
-    { n: t.pending, label: "queued", tone: "text-muted-foreground" }
+    { n: t.passed, label: "passed", outcome: "passed" },
+    { n: t.failed, label: "failed", outcome: "failed" },
+    { n: t.warned, label: "warned", outcome: "warned" },
+    { n: t.timedout, label: "timed out", outcome: "timedout" },
+    { n: t.skipped, label: "skipped", outcome: "skipped" },
+    { n: t.running, label: "running", outcome: "running" },
+    { n: t.pending, label: "queued", outcome: "pending" }
   ];
+  const chipRow = chips.filter((c) => c.n > 0).map((c) => /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center gap-0.5 tabular-nums",
+        TEST_OUTCOMES[c.outcome].className
+      ),
+      "aria-label": `${c.n} ${c.label}`,
+      title: `${c.n} ${c.label}`,
+      "data-summary-outcome": c.outcome,
+      children: [
+        /* @__PURE__ */ jsx(OutcomeIcon, { outcome: c.outcome }),
+        c.n
+      ]
+    },
+    c.label
+  ));
   if (compact) {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -50,14 +70,11 @@ function TestRunSummary({
         children: [
           /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground", children: [
             t.total,
-            " tests",
+            " ",
+            t.total === 1 ? "test" : "tests",
             (runMeta == null ? void 0 : runMeta.kind) === "rerun" ? ` · rerun #${runMeta.sequence}` : ""
           ] }),
-          chips.filter((c) => c.n > 0).map((c) => /* @__PURE__ */ jsxs("span", { className: c.tone, children: [
-            c.n,
-            " ",
-            c.label
-          ] }, c.label)),
+          chipRow,
           elapsed && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
             /* @__PURE__ */ jsx(Icon, { icon: UiClock, className: "text-xs" }),
             elapsed
@@ -69,7 +86,7 @@ function TestRunSummary({
               "%"
             ] })
           ] }),
-          done ? /* @__PURE__ */ jsx(Icon, { icon: UiCheck, className: "text-green-600 dark:text-green-400" }) : /* @__PURE__ */ jsx(Icon, { icon: UiLoader, className: "animate-spin text-blue-500" })
+          !done && /* @__PURE__ */ jsx(Icon, { icon: UiLoader, className: "animate-spin text-blue-500" })
         ]
       }
     );
@@ -78,19 +95,16 @@ function TestRunSummary({
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-x-3 gap-y-0.5 text-sm text-muted-foreground", children: [
       /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground", children: [
         t.total,
-        " tests",
+        " ",
+        t.total === 1 ? "test" : "tests",
         (runMeta == null ? void 0 : runMeta.kind) === "rerun" ? ` · rerun #${runMeta.sequence}` : ""
       ] }),
-      chips.filter((c) => c.n > 0).map((c) => /* @__PURE__ */ jsxs("span", { className: c.tone, children: [
-        c.n,
-        " ",
-        c.label
-      ] }, c.label)),
+      chipRow,
       elapsed && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
         /* @__PURE__ */ jsx(Icon, { icon: UiClock, className: "text-xs" }),
         elapsed
       ] }),
-      done ? /* @__PURE__ */ jsx(Icon, { icon: UiCheck, className: "text-green-600 dark:text-green-400" }) : /* @__PURE__ */ jsx(Icon, { icon: UiLoader, className: "animate-spin text-blue-500" })
+      !done && /* @__PURE__ */ jsx(Icon, { icon: UiLoader, className: "animate-spin text-blue-500" })
     ] }),
     t.total > 0 && /* @__PURE__ */ jsxs("div", { className: "flex w-72 items-center gap-2", children: [
       /* @__PURE__ */ jsx(ProgressBar, { className: "flex-1", segments, total: t.total, height: "h-2" }),

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

@@ -1 +1 @@
-{"version":3,"file":"TestRunSummary.js","sources":["../../../src/data/test-runner/TestRunSummary.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport { ProgressBar, type ProgressSegment } from \"../ProgressBar\";\nimport { cn } from \"../../lib/utils\";\nimport { UiCheck, UiClock, UiLoader } from \"../../icons\";\nimport type { RunMeta, Test } from \"./types\";\nimport { aggregateStatusCounts } from \"./status\";\n\nexport type TestRunSummaryProps = {\n  tests: Test[];\n  /** Run start, epoch ms (host-provided). */\n  startTime?: number | null | undefined;\n  /** Run end, epoch ms; falls back to `now` while running. */\n  endTime?: number | null | undefined;\n  done: boolean;\n  /** Injected clock (epoch ms) so the component stays pure. */\n  now?: number | undefined;\n  runMeta?: RunMeta | undefined;\n  /**\n   * Single-line layout for embedding in a host header (e.g. a dialog header):\n   * counts + a short inline progress bar on one row, instead of the default\n   * two-line right-aligned column.\n   */\n  compact?: boolean | undefined;\n  className?: string | undefined;\n};\n\nfunction pct(part: number, total: number): number {\n  return total > 0 ? Math.round((part / total) * 100) : 0;\n}\n\n/**\n * Header summary: per-status counts, elapsed time, a stacked progress bar, and\n * pass/fail/pending gauge cards. Pure — elapsed time comes from injected `now`.\n */\nexport function TestRunSummary({\n  tests,\n  startTime,\n  endTime,\n  done,\n  now,\n  runMeta,\n  compact = false,\n  className,\n}: TestRunSummaryProps) {\n  const t = aggregateStatusCounts(tests);\n  const clock = now ?? 0;\n  const end = done && endTime ? endTime : clock;\n  const elapsed = startTime && end >= startTime ? `${((end - startTime) / 1000).toFixed(1)}s` : \"\";\n\n  const segments: ProgressSegment[] = [\n    { count: t.passed, color: \"bg-green-500\", label: \"passed\" },\n    { count: t.skipped, color: \"bg-yellow-400\", label: \"skipped\" },\n    { count: t.failed, color: \"bg-red-500\", label: \"failed\" },\n    { count: t.timedout, color: \"bg-amber-500\", label: \"timed out\" },\n    { count: t.running, color: \"bg-blue-400\", label: \"running\" },\n    { count: t.pending, color: \"bg-muted-foreground/40\", label: \"queued\" },\n  ];\n\n  // Each status appears once, as a coloured count chip — no separate gauge-card\n  // row repeating the same numbers as percentages.\n  const chips: { n: number; label: string; tone: string }[] = [\n    { n: t.passed, label: \"passed\", tone: \"text-green-600 dark:text-green-400\" },\n    { n: t.failed, label: \"failed\", tone: \"text-red-600 dark:text-red-400\" },\n    { n: t.timedout, label: \"timed out\", tone: \"text-amber-600 dark:text-amber-400\" },\n    { n: t.skipped, label: \"skipped\", tone: \"text-yellow-700 dark:text-yellow-500\" },\n    { n: t.running, label: \"running\", tone: \"text-blue-600 dark:text-blue-400\" },\n    { n: t.pending, label: \"queued\", tone: \"text-muted-foreground\" },\n  ];\n\n  if (compact) {\n    return (\n      <div\n        className={cn(\n          \"flex flex-wrap items-center gap-x-3 gap-y-0.5 text-sm text-muted-foreground\",\n          className,\n        )}\n      >\n        <span className=\"font-medium text-foreground\">\n          {t.total} tests\n          {runMeta?.kind === \"rerun\" ? ` · rerun #${runMeta.sequence}` : \"\"}\n        </span>\n        {chips\n          .filter((c) => c.n > 0)\n          .map((c) => (\n            <span key={c.label} className={c.tone}>\n              {c.n} {c.label}\n            </span>\n          ))}\n        {elapsed && (\n          <span className=\"inline-flex items-center gap-1\">\n            <Icon icon={UiClock} className=\"text-xs\" />\n            {elapsed}\n          </span>\n        )}\n        {t.total > 0 && (\n          <span className=\"inline-flex items-center gap-1.5\">\n            <ProgressBar className=\"w-24\" segments={segments} total={t.total} height=\"h-1.5\" />\n            <span className=\"text-xs font-medium text-green-600 dark:text-green-400\">\n              {pct(t.passed, t.total)}%\n            </span>\n          </span>\n        )}\n        {done ? (\n          <Icon icon={UiCheck} className=\"text-green-600 dark:text-green-400\" />\n        ) : (\n          <Icon icon={UiLoader} className=\"animate-spin text-blue-500\" />\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"flex min-w-[18rem] flex-col items-end gap-1.5\", className)}>\n      <div className=\"flex flex-wrap items-center justify-end gap-x-3 gap-y-0.5 text-sm text-muted-foreground\">\n        <span className=\"font-medium text-foreground\">\n          {t.total} tests\n          {runMeta?.kind === \"rerun\" ? ` · rerun #${runMeta.sequence}` : \"\"}\n        </span>\n        {chips\n          .filter((c) => c.n > 0)\n          .map((c) => (\n            <span key={c.label} className={c.tone}>\n              {c.n} {c.label}\n            </span>\n          ))}\n        {elapsed && (\n          <span className=\"inline-flex items-center gap-1\">\n            <Icon icon={UiClock} className=\"text-xs\" />\n            {elapsed}\n          </span>\n        )}\n        {done ? (\n          <Icon icon={UiCheck} className=\"text-green-600 dark:text-green-400\" />\n        ) : (\n          <Icon icon={UiLoader} className=\"animate-spin text-blue-500\" />\n        )}\n      </div>\n\n      {t.total > 0 && (\n        <div className=\"flex w-72 items-center gap-2\">\n          <ProgressBar className=\"flex-1\" segments={segments} total={t.total} height=\"h-2\" />\n          <span className=\"shrink-0 text-xs font-medium text-green-600 dark:text-green-400\">\n            {pct(t.passed, t.total)}%\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TestRunSummary.js","sources":["../../../src/data/test-runner/TestRunSummary.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport { ProgressBar, type ProgressSegment } from \"../ProgressBar\";\nimport { cn } from \"../../lib/utils\";\nimport { UiClock, UiLoader } from \"../../icons\";\nimport type { RunMeta, Test } from \"./types\";\nimport { aggregateStatusCounts, type TestOutcome } from \"./status\";\nimport { TEST_OUTCOMES } from \"./marks\";\nimport { OutcomeIcon } from \"./MarkIcons\";\n\nexport type TestRunSummaryProps = {\n  tests: Test[];\n  /** Run start, epoch ms (host-provided). */\n  startTime?: number | null | undefined;\n  /** Run end, epoch ms; falls back to `now` while running. */\n  endTime?: number | null | undefined;\n  done: boolean;\n  /** Injected clock (epoch ms) so the component stays pure. */\n  now?: number | undefined;\n  runMeta?: RunMeta | undefined;\n  /**\n   * Single-line layout for embedding in a host header (e.g. a dialog header):\n   * counts + a short inline progress bar on one row, instead of the default\n   * two-line right-aligned column.\n   */\n  compact?: boolean | undefined;\n  className?: string | undefined;\n};\n\nfunction pct(part: number, total: number): number {\n  return total > 0 ? Math.round((part / total) * 100) : 0;\n}\n\n/**\n * Header summary: per-status counts, elapsed time, a stacked progress bar, and\n * pass/fail/pending gauge cards. Pure — elapsed time comes from injected `now`.\n */\nexport function TestRunSummary({\n  tests,\n  startTime,\n  endTime,\n  done,\n  now,\n  runMeta,\n  compact = false,\n  className,\n}: TestRunSummaryProps) {\n  const t = aggregateStatusCounts(tests);\n  const clock = now ?? 0;\n  const end = done && endTime ? endTime : clock;\n  const elapsed = startTime && end >= startTime ? `${((end - startTime) / 1000).toFixed(1)}s` : \"\";\n\n  const segments: ProgressSegment[] = [\n    { count: t.passed, color: \"bg-green-500\", label: \"passed\" },\n    { count: t.skipped, color: \"bg-yellow-400\", label: \"skipped\" },\n    { count: t.failed, color: \"bg-red-500\", label: \"failed\" },\n    { count: t.warned, color: \"bg-amber-400\", label: \"warned\" },\n    { count: t.timedout, color: \"bg-amber-500\", label: \"timed out\" },\n    { count: t.running, color: \"bg-blue-400\", label: \"running\" },\n    { count: t.pending, color: \"bg-muted-foreground/40\", label: \"queued\" },\n  ];\n\n  // Each status appears once, as its outcome mark and a count — the same\n  // glyphs the tree uses, so the header reads in the tree's vocabulary.\n  const chips: { n: number; label: string; outcome: TestOutcome }[] = [\n    { n: t.passed, label: \"passed\", outcome: \"passed\" },\n    { n: t.failed, label: \"failed\", outcome: \"failed\" },\n    { n: t.warned, label: \"warned\", outcome: \"warned\" },\n    { n: t.timedout, label: \"timed out\", outcome: \"timedout\" },\n    { n: t.skipped, label: \"skipped\", outcome: \"skipped\" },\n    { n: t.running, label: \"running\", outcome: \"running\" },\n    { n: t.pending, label: \"queued\", outcome: \"pending\" },\n  ];\n  const chipRow = chips\n    .filter((c) => c.n > 0)\n    .map((c) => (\n      <span\n        key={c.label}\n        className={cn(\n          \"inline-flex items-center gap-0.5 tabular-nums\",\n          TEST_OUTCOMES[c.outcome].className,\n        )}\n        aria-label={`${c.n} ${c.label}`}\n        title={`${c.n} ${c.label}`}\n        data-summary-outcome={c.outcome}\n      >\n        <OutcomeIcon outcome={c.outcome} />\n        {c.n}\n      </span>\n    ));\n\n  if (compact) {\n    return (\n      <div\n        className={cn(\n          \"flex flex-wrap items-center gap-x-3 gap-y-0.5 text-sm text-muted-foreground\",\n          className,\n        )}\n      >\n        <span className=\"font-medium text-foreground\">\n          {t.total} {t.total === 1 ? \"test\" : \"tests\"}\n          {runMeta?.kind === \"rerun\" ? ` · rerun #${runMeta.sequence}` : \"\"}\n        </span>\n        {chipRow}\n        {elapsed && (\n          <span className=\"inline-flex items-center gap-1\">\n            <Icon icon={UiClock} className=\"text-xs\" />\n            {elapsed}\n          </span>\n        )}\n        {t.total > 0 && (\n          <span className=\"inline-flex items-center gap-1.5\">\n            <ProgressBar className=\"w-24\" segments={segments} total={t.total} height=\"h-1.5\" />\n            <span className=\"text-xs font-medium text-green-600 dark:text-green-400\">\n              {pct(t.passed, t.total)}%\n            </span>\n          </span>\n        )}\n        {!done && <Icon icon={UiLoader} className=\"animate-spin text-blue-500\" />}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"flex min-w-[18rem] flex-col items-end gap-1.5\", className)}>\n      <div className=\"flex flex-wrap items-center justify-end gap-x-3 gap-y-0.5 text-sm text-muted-foreground\">\n        <span className=\"font-medium text-foreground\">\n          {t.total} {t.total === 1 ? \"test\" : \"tests\"}\n          {runMeta?.kind === \"rerun\" ? ` · rerun #${runMeta.sequence}` : \"\"}\n        </span>\n        {chipRow}\n        {elapsed && (\n          <span className=\"inline-flex items-center gap-1\">\n            <Icon icon={UiClock} className=\"text-xs\" />\n            {elapsed}\n          </span>\n        )}\n        {!done && <Icon icon={UiLoader} className=\"animate-spin text-blue-500\" />}\n      </div>\n\n      {t.total > 0 && (\n        <div className=\"flex w-72 items-center gap-2\">\n          <ProgressBar className=\"flex-1\" segments={segments} total={t.total} height=\"h-2\" />\n          <span className=\"shrink-0 text-xs font-medium text-green-600 dark:text-green-400\">\n            {pct(t.passed, t.total)}%\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

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