@flanksource/clicky-ui 0.2.12 → 0.2.13

package/dist/data/Version.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../lib/utils.cjs");
+const Badge = require("./Badge.cjs");
+const versionInfo = require("./version-info.cjs");
+const MODE_BADGE = {
+  dev: { label: "dev", tone: "info" },
+  storybook: { label: "storybook", tone: "neutral" }
+};
+function formatDate(iso) {
+  if (!iso) return "";
+  const parsed = new Date(iso);
+  return Number.isNaN(parsed.getTime()) ? iso : parsed.toISOString();
+}
+const Version = react.forwardRef(
+  ({ commit = true, tag = true, date = true, info, className, ...props }, ref) => {
+    const resolved = { ...versionInfo.getVersionInfo(), ...info };
+    const parts = [];
+    if (tag && resolved.tag) parts.push(resolved.tag);
+    if (commit && resolved.commit) parts.push(resolved.commit);
+    if (date && resolved.date) parts.push(formatDate(resolved.date));
+    const mode = resolved.mode !== "production" ? MODE_BADGE[resolved.mode] : null;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        ref,
+        className: utils.cn("inline-flex items-center gap-1.5 font-mono text-xs text-muted-foreground", className),
+        ...props,
+        children: [
+          parts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { children: parts.join(" · ") }),
+          resolved.dirty && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: "warning", variant: "soft", size: "xs", children: "dirty" }),
+          mode && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: mode.tone, variant: "soft", size: "xs", children: mode.label })
+        ]
+      }
+    );
+  }
+);
+Version.displayName = "Version";
+exports.Version = Version;
+//# sourceMappingURL=Version.cjs.map

package/dist/data/Version.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Version.cjs","sources":["../../src/data/Version.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Badge, type BadgeTone } from \"./Badge\";\nimport { getVersionInfo, type RuntimeMode, type VersionInfo } from \"./version-info\";\n\nexport type VersionProps = HTMLAttributes<HTMLSpanElement> & {\n  /** Show the short git commit hash. */\n  commit?: boolean;\n  /** Show the git tag. */\n  tag?: boolean;\n  /** Show the build date. */\n  date?: boolean;\n  /**\n   * Override the resolved build/runtime info. Primarily for stories and tests;\n   * when omitted the values injected at build time are used.\n   */\n  info?: Partial<VersionInfo>;\n};\n\nconst MODE_BADGE: Record<Exclude<RuntimeMode, \"production\">, { label: string; tone: BadgeTone }> = {\n  dev: { label: \"dev\", tone: \"info\" },\n  storybook: { label: \"storybook\", tone: \"neutral\" },\n};\n\nfunction formatDate(iso: string): string {\n  if (!iso) return \"\";\n  const parsed = new Date(iso);\n  return Number.isNaN(parsed.getTime()) ? iso : parsed.toISOString();\n}\n\n/**\n * Renders clicky-ui build metadata: git commit, tag, and build date, plus a\n * status badge for a dirty working tree, Vite dev mode, or Storybook.\n *\n * Commit/tag/date/dirty are captured when the library is built (Vite `define`);\n * `dev` and `storybook` are detected at runtime.\n */\nexport const Version = forwardRef<HTMLSpanElement, VersionProps>(\n  ({ commit = true, tag = true, date = true, info, className, ...props }, ref) => {\n    const resolved = { ...getVersionInfo(), ...info };\n\n    const parts: string[] = [];\n    if (tag && resolved.tag) parts.push(resolved.tag);\n    if (commit && resolved.commit) parts.push(resolved.commit);\n    if (date && resolved.date) parts.push(formatDate(resolved.date));\n\n    const mode = resolved.mode !== \"production\" ? MODE_BADGE[resolved.mode] : null;\n\n    return (\n      <span\n        ref={ref}\n        className={cn(\"inline-flex items-center gap-1.5 font-mono text-xs text-muted-foreground\", className)}\n        {...props}\n      >\n        {parts.length > 0 && <span>{parts.join(\" · \")}</span>}\n        {resolved.dirty && (\n          <Badge tone=\"warning\" variant=\"soft\" size=\"xs\">\n            dirty\n          </Badge>\n        )}\n        {mode && (\n          <Badge tone={mode.tone} variant=\"soft\" size=\"xs\">\n            {mode.label}\n          </Badge>\n        )}\n      </span>\n    );\n  },\n);\n\nVersion.displayName = \"Version\";\n"],"names":["forwardRef","getVersionInfo","jsxs","cn","jsx","Badge"],"mappings":";;;;;;;AAmBA,MAAM,aAA6F;AAAA,EACjG,KAAK,EAAE,OAAO,OAAO,MAAM,OAAA;AAAA,EAC3B,WAAW,EAAE,OAAO,aAAa,MAAM,UAAA;AACzC;AAEA,SAAS,WAAW,KAAqB;AACvC,MAAI,CAAC,IAAK,QAAO;AACjB,QAAM,SAAS,IAAI,KAAK,GAAG;AAC3B,SAAO,OAAO,MAAM,OAAO,QAAA,CAAS,IAAI,MAAM,OAAO,YAAA;AACvD;AASO,MAAM,UAAUA,MAAAA;AAAAA,EACrB,CAAC,EAAE,SAAS,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,WAAW,GAAG,MAAA,GAAS,QAAQ;AAC9E,UAAM,WAAW,EAAE,GAAGC,2BAAA,GAAkB,GAAG,KAAA;AAE3C,UAAM,QAAkB,CAAA;AACxB,QAAI,OAAO,SAAS,IAAK,OAAM,KAAK,SAAS,GAAG;AAChD,QAAI,UAAU,SAAS,OAAQ,OAAM,KAAK,SAAS,MAAM;AACzD,QAAI,QAAQ,SAAS,KAAM,OAAM,KAAK,WAAW,SAAS,IAAI,CAAC;AAE/D,UAAM,OAAO,SAAS,SAAS,eAAe,WAAW,SAAS,IAAI,IAAI;AAE1E,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,MAAAA,GAAG,4EAA4E,SAAS;AAAA,QAClG,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,MAAM,SAAS,KAAKC,2BAAAA,IAAC,UAAM,UAAA,MAAM,KAAK,KAAK,GAAE;AAAA,UAC7C,SAAS,SACRA,2BAAAA,IAACC,MAAAA,OAAA,EAAM,MAAK,WAAU,SAAQ,QAAO,MAAK,MAAK,UAAA,QAAA,CAE/C;AAAA,UAED,QACCD,2BAAAA,IAACC,MAAAA,OAAA,EAAM,MAAM,KAAK,MAAM,SAAQ,QAAO,MAAK,MACzC,UAAA,KAAK,MAAA,CACR;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEA,QAAQ,cAAc;;"}

package/dist/data/Version.d.ts

@@ -0,0 +1,36 @@
+import { HTMLAttributes } from 'react';
+import { VersionInfo } from './version-info';
+export type VersionProps = HTMLAttributes<HTMLSpanElement> & {
+    /** Show the short git commit hash. */
+    commit?: boolean;
+    /** Show the git tag. */
+    tag?: boolean;
+    /** Show the build date. */
+    date?: boolean;
+    /**
+     * Override the resolved build/runtime info. Primarily for stories and tests;
+     * when omitted the values injected at build time are used.
+     */
+    info?: Partial<VersionInfo>;
+};
+/**
+ * Renders clicky-ui build metadata: git commit, tag, and build date, plus a
+ * status badge for a dirty working tree, Vite dev mode, or Storybook.
+ *
+ * Commit/tag/date/dirty are captured when the library is built (Vite `define`);
+ * `dev` and `storybook` are detected at runtime.
+ */
+export declare const Version: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
+    /** Show the short git commit hash. */
+    commit?: boolean;
+    /** Show the git tag. */
+    tag?: boolean;
+    /** Show the build date. */
+    date?: boolean;
+    /**
+     * Override the resolved build/runtime info. Primarily for stories and tests;
+     * when omitted the values injected at build time are used.
+     */
+    info?: Partial<VersionInfo>;
+} & import('react').RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Version.d.ts.map

package/dist/data/Version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Version.d.ts","sourceRoot":"","sources":["../../src/data/Version.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAoC,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEpF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IAC3D,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wBAAwB;IACxB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,2BAA2B;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC7B,CAAC;AAaF;;;;;;GAMG;AACH,eAAO,MAAM,OAAO;IA/BlB,sCAAsC;aAC7B,OAAO;IAChB,wBAAwB;UAClB,OAAO;IACb,2BAA2B;WACpB,OAAO;IACd;;;OAGG;WACI,OAAO,CAAC,WAAW,CAAC;mDAoD5B,CAAC"}

package/dist/data/Version.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../lib/utils.js";
+import { Badge } from "./Badge.js";
+import { getVersionInfo } from "./version-info.js";
+const MODE_BADGE = {
+  dev: { label: "dev", tone: "info" },
+  storybook: { label: "storybook", tone: "neutral" }
+};
+function formatDate(iso) {
+  if (!iso) return "";
+  const parsed = new Date(iso);
+  return Number.isNaN(parsed.getTime()) ? iso : parsed.toISOString();
+}
+const Version = forwardRef(
+  ({ commit = true, tag = true, date = true, info, className, ...props }, ref) => {
+    const resolved = { ...getVersionInfo(), ...info };
+    const parts = [];
+    if (tag && resolved.tag) parts.push(resolved.tag);
+    if (commit && resolved.commit) parts.push(resolved.commit);
+    if (date && resolved.date) parts.push(formatDate(resolved.date));
+    const mode = resolved.mode !== "production" ? MODE_BADGE[resolved.mode] : null;
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn("inline-flex items-center gap-1.5 font-mono text-xs text-muted-foreground", className),
+        ...props,
+        children: [
+          parts.length > 0 && /* @__PURE__ */ jsx("span", { children: parts.join(" · ") }),
+          resolved.dirty && /* @__PURE__ */ jsx(Badge, { tone: "warning", variant: "soft", size: "xs", children: "dirty" }),
+          mode && /* @__PURE__ */ jsx(Badge, { tone: mode.tone, variant: "soft", size: "xs", children: mode.label })
+        ]
+      }
+    );
+  }
+);
+Version.displayName = "Version";
+export {
+  Version
+};
+//# sourceMappingURL=Version.js.map

package/dist/data/Version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Version.js","sources":["../../src/data/Version.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Badge, type BadgeTone } from \"./Badge\";\nimport { getVersionInfo, type RuntimeMode, type VersionInfo } from \"./version-info\";\n\nexport type VersionProps = HTMLAttributes<HTMLSpanElement> & {\n  /** Show the short git commit hash. */\n  commit?: boolean;\n  /** Show the git tag. */\n  tag?: boolean;\n  /** Show the build date. */\n  date?: boolean;\n  /**\n   * Override the resolved build/runtime info. Primarily for stories and tests;\n   * when omitted the values injected at build time are used.\n   */\n  info?: Partial<VersionInfo>;\n};\n\nconst MODE_BADGE: Record<Exclude<RuntimeMode, \"production\">, { label: string; tone: BadgeTone }> = {\n  dev: { label: \"dev\", tone: \"info\" },\n  storybook: { label: \"storybook\", tone: \"neutral\" },\n};\n\nfunction formatDate(iso: string): string {\n  if (!iso) return \"\";\n  const parsed = new Date(iso);\n  return Number.isNaN(parsed.getTime()) ? iso : parsed.toISOString();\n}\n\n/**\n * Renders clicky-ui build metadata: git commit, tag, and build date, plus a\n * status badge for a dirty working tree, Vite dev mode, or Storybook.\n *\n * Commit/tag/date/dirty are captured when the library is built (Vite `define`);\n * `dev` and `storybook` are detected at runtime.\n */\nexport const Version = forwardRef<HTMLSpanElement, VersionProps>(\n  ({ commit = true, tag = true, date = true, info, className, ...props }, ref) => {\n    const resolved = { ...getVersionInfo(), ...info };\n\n    const parts: string[] = [];\n    if (tag && resolved.tag) parts.push(resolved.tag);\n    if (commit && resolved.commit) parts.push(resolved.commit);\n    if (date && resolved.date) parts.push(formatDate(resolved.date));\n\n    const mode = resolved.mode !== \"production\" ? MODE_BADGE[resolved.mode] : null;\n\n    return (\n      <span\n        ref={ref}\n        className={cn(\"inline-flex items-center gap-1.5 font-mono text-xs text-muted-foreground\", className)}\n        {...props}\n      >\n        {parts.length > 0 && <span>{parts.join(\" · \")}</span>}\n        {resolved.dirty && (\n          <Badge tone=\"warning\" variant=\"soft\" size=\"xs\">\n            dirty\n          </Badge>\n        )}\n        {mode && (\n          <Badge tone={mode.tone} variant=\"soft\" size=\"xs\">\n            {mode.label}\n          </Badge>\n        )}\n      </span>\n    );\n  },\n);\n\nVersion.displayName = \"Version\";\n"],"names":[],"mappings":";;;;;AAmBA,MAAM,aAA6F;AAAA,EACjG,KAAK,EAAE,OAAO,OAAO,MAAM,OAAA;AAAA,EAC3B,WAAW,EAAE,OAAO,aAAa,MAAM,UAAA;AACzC;AAEA,SAAS,WAAW,KAAqB;AACvC,MAAI,CAAC,IAAK,QAAO;AACjB,QAAM,SAAS,IAAI,KAAK,GAAG;AAC3B,SAAO,OAAO,MAAM,OAAO,QAAA,CAAS,IAAI,MAAM,OAAO,YAAA;AACvD;AASO,MAAM,UAAU;AAAA,EACrB,CAAC,EAAE,SAAS,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,WAAW,GAAG,MAAA,GAAS,QAAQ;AAC9E,UAAM,WAAW,EAAE,GAAG,eAAA,GAAkB,GAAG,KAAA;AAE3C,UAAM,QAAkB,CAAA;AACxB,QAAI,OAAO,SAAS,IAAK,OAAM,KAAK,SAAS,GAAG;AAChD,QAAI,UAAU,SAAS,OAAQ,OAAM,KAAK,SAAS,MAAM;AACzD,QAAI,QAAQ,SAAS,KAAM,OAAM,KAAK,WAAW,SAAS,IAAI,CAAC;AAE/D,UAAM,OAAO,SAAS,SAAS,eAAe,WAAW,SAAS,IAAI,IAAI;AAE1E,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,4EAA4E,SAAS;AAAA,QAClG,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,MAAM,SAAS,KAAK,oBAAC,UAAM,UAAA,MAAM,KAAK,KAAK,GAAE;AAAA,UAC7C,SAAS,SACR,oBAAC,OAAA,EAAM,MAAK,WAAU,SAAQ,QAAO,MAAK,MAAK,UAAA,QAAA,CAE/C;AAAA,UAED,QACC,oBAAC,OAAA,EAAM,MAAM,KAAK,MAAM,SAAQ,QAAO,MAAK,MACzC,UAAA,KAAK,MAAA,CACR;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEA,QAAQ,cAAc;"}

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

@@ -0,0 +1,165 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Icon = require("../Icon.cjs");
+const button = require("../../components/button.cjs");
+const JsonView = require("../JsonView.cjs");
+const TabButton = require("../TabButton.cjs");
+const utils = require("../../lib/utils.cjs");
+const context = require("./context.cjs");
+const status = require("./status.cjs");
+const frameworkIcon = require("./frameworkIcon.cjs");
+const TestFailureDetail = require("./TestFailureDetail.cjs");
+const UiClass = require("../../icons/components/UiClass.cjs");
+const UiRefresh = require("../../icons/components/UiRefresh.cjs");
+const UiStop = require("../../icons/components/UiStop.cjs");
+const UiClock = require("../../icons/components/UiClock.cjs");
+const ICON_TONE = {
+  danger: "rose",
+  warning: "amber",
+  success: "emerald",
+  info: "sky",
+  neutral: "neutral"
+};
+function DefaultDetailBody({ node }) {
+  var _a;
+  const hasChildren = (((_a = node.children) == null ? void 0 : _a.length) ?? 0) > 0;
+  const counts = hasChildren ? status.sum(node) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-density-4", children: [
+    node.message && !node.failure_detail && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-wrap break-words text-sm", children: node.message }),
+    node.failure_detail && /* @__PURE__ */ jsxRuntime.jsx(TestFailureDetail.TestFailureDetail, { failure: node.failure_detail }),
+    /* @__PURE__ */ jsxRuntime.jsx(TestFailureDetail.TestOutput, { node }),
+    node.attempts && node.attempts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(TestFailureDetail.TestAttempts, { attempts: node.attempts }),
+    counts && counts.total > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        counts.total,
+        " total"
+      ] }),
+      counts.passed > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        counts.passed,
+        " passed"
+      ] }),
+      counts.failed > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        counts.failed,
+        " failed"
+      ] }),
+      counts.skipped > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        counts.skipped,
+        " skipped"
+      ] })
+    ] }),
+    node.detail != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Detail" }),
+      /* @__PURE__ */ jsxRuntime.jsx(JsonView.JsonView, { data: node.detail })
+    ] })
+  ] });
+}
+function DetailHeader({ node, actions }) {
+  const runner = context.useTestRunner();
+  const fwIcon = frameworkIcon.frameworkIcon(node.framework);
+  const canRerun = !!runner.onRerun && node.framework !== "task";
+  const canStop = !!runner.onStop && !!node.can_stop && !!node.task_id;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 border-b border-border p-density-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Icon.Icon,
+      {
+        icon: status.statusIconFor(node),
+        className: utils.cn("mt-0.5 shrink-0 text-2xl", node.running && "animate-spin"),
+        tone: ICON_TONE[status.statusToneFor(node)]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "break-words text-base font-semibold", children: node.name }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+          actions,
+          canRerun && /* @__PURE__ */ jsxRuntime.jsxs(
+            button.Button,
+            {
+              size: "sm",
+              disabled: runner.busy.rerun,
+              onClick: () => runner.onRerun(node),
+              title: "Rerun this test or subtree",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiRefresh.UiRefresh, className: "mr-1 text-sm" }),
+                runner.busy.rerun ? "Running..." : "Rerun"
+              ]
+            }
+          ),
+          canStop && /* @__PURE__ */ jsxRuntime.jsxs(
+            button.Button,
+            {
+              size: "sm",
+              variant: "destructive",
+              disabled: runner.busy.stop,
+              onClick: () => runner.onStop(node),
+              title: "Stop this running task",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiStop.UiStop, className: "mr-1 text-sm" }),
+                runner.busy.stop ? "Stopping..." : "Stop"
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [
+        fwIcon && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: fwIcon, className: "text-sm" }),
+          node.framework
+        ] }),
+        node.duration ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClock.UiClock, className: "text-xs" }),
+          status.formatTestDuration(node.duration)
+        ] }) : null,
+        node.file && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono", children: [
+          node.file,
+          node.line ? `:${node.line}` : ""
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function TestDetailPanel() {
+  var _a;
+  const runner = context.useTestRunner();
+  const node = runner.selected;
+  const [activeTab, setActiveTab] = react.useState("detail");
+  if (!node) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center text-sm text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClass.UiClass, className: "mb-2 block text-4xl" }),
+      "Select a test to view its details."
+    ] }) });
+  }
+  const detailAdapter = runner.adapters.resolveDetail(node, runner);
+  const actionAdapter = runner.adapters.resolveActions(node, runner);
+  const tabs = runner.adapters.resolveTabs(node, runner);
+  const ownsScroll = runner.adapters.ownsScroll(node, runner);
+  const body = (detailAdapter == null ? void 0 : detailAdapter.renderDetail) ? detailAdapter.renderDetail({ node, runner }) : /* @__PURE__ */ jsxRuntime.jsx(DefaultDetailBody, { node });
+  const actions = (_a = actionAdapter == null ? void 0 : actionAdapter.nodeActions) == null ? void 0 : _a.call(actionAdapter, { node, runner });
+  const detailRegion = ownsScroll ? "min-h-0 flex-1" : "min-h-0 flex-1 overflow-y-auto";
+  if (tabs.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DetailHeader, { node, actions }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: detailRegion, children: body })
+    ] });
+  }
+  const detailTab = { id: "detail", label: "Detail", render: () => body };
+  const allTabs = [detailTab, ...tabs];
+  const active = allTabs.find((t) => t.id === activeTab) ?? detailTab;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DetailHeader, { node, actions }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-1 border-b border-border px-density-2 py-density-1", children: allTabs.map((t) => /* @__PURE__ */ jsxRuntime.jsx(
+      TabButton.TabButton,
+      {
+        active: active.id === t.id,
+        onClick: () => setActiveTab(t.id),
+        label: t.label
+      },
+      t.id
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: detailRegion, children: active.render() })
+  ] });
+}
+exports.TestDetailPanel = TestDetailPanel;
+//# sourceMappingURL=TestDetailPanel.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TestDetailPanel.cjs","sources":["../../../src/data/test-runner/TestDetailPanel.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\nimport { Button } from \"../../components/button\";\nimport { JsonView } from \"../JsonView\";\nimport { TabButton } from \"../TabButton\";\nimport { cn } from \"../../lib/utils\";\nimport { UiClass, UiClock, UiRefresh, UiStop } from \"../../icons\";\nimport type { Test } from \"./types\";\nimport { useTestRunner } from \"./context\";\nimport { formatTestDuration, statusIconFor, statusToneFor, sum } from \"./status\";\nimport { frameworkIcon } from \"./frameworkIcon\";\nimport { TestAttempts, TestFailureDetail, TestOutput } from \"./TestFailureDetail\";\n\nconst ICON_TONE = {\n  danger: \"rose\",\n  warning: \"amber\",\n  success: \"emerald\",\n  info: \"sky\",\n  neutral: \"neutral\",\n} as const;\n\n/** Built-in detail body — used when no adapter contributes `renderDetail`. */\nfunction DefaultDetailBody({ node }: { node: Test }) {\n  const hasChildren = (node.children?.length ?? 0) > 0;\n  const counts = hasChildren ? sum(node) : null;\n  return (\n    <div className=\"space-y-4 p-density-4\">\n      {node.message && !node.failure_detail && (\n        <p className=\"whitespace-pre-wrap break-words text-sm\">{node.message}</p>\n      )}\n      {node.failure_detail && <TestFailureDetail failure={node.failure_detail} />}\n      <TestOutput node={node} />\n      {node.attempts && node.attempts.length > 0 && <TestAttempts attempts={node.attempts} />}\n      {counts && counts.total > 0 && (\n        <div className=\"flex flex-wrap gap-3 text-xs text-muted-foreground\">\n          <span>{counts.total} total</span>\n          {counts.passed > 0 && <span>{counts.passed} passed</span>}\n          {counts.failed > 0 && <span>{counts.failed} failed</span>}\n          {counts.skipped > 0 && <span>{counts.skipped} skipped</span>}\n        </div>\n      )}\n      {node.detail != null && (\n        <div className=\"space-y-1\">\n          <div className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">Detail</div>\n          <JsonView data={node.detail} />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction DetailHeader({ node, actions }: { node: Test; actions?: ReactNode }) {\n  const runner = useTestRunner();\n  const fwIcon = frameworkIcon(node.framework);\n  const canRerun = !!runner.onRerun && node.framework !== \"task\";\n  const canStop = !!runner.onStop && !!node.can_stop && !!node.task_id;\n  return (\n    <div className=\"flex items-start gap-2 border-b border-border p-density-4\">\n      <Icon\n        icon={statusIconFor(node)}\n        className={cn(\"mt-0.5 shrink-0 text-2xl\", node.running && \"animate-spin\")}\n        tone={ICON_TONE[statusToneFor(node)]}\n      />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-start justify-between gap-2\">\n          <h2 className=\"break-words text-base font-semibold\">{node.name}</h2>\n          <div className=\"flex shrink-0 items-center gap-1\">\n            {actions}\n            {canRerun && (\n              <Button\n                size=\"sm\"\n                disabled={runner.busy.rerun}\n                onClick={() => runner.onRerun!(node)}\n                title=\"Rerun this test or subtree\"\n              >\n                <Icon icon={UiRefresh} className=\"mr-1 text-sm\" />\n                {runner.busy.rerun ? \"Running...\" : \"Rerun\"}\n              </Button>\n            )}\n            {canStop && (\n              <Button\n                size=\"sm\"\n                variant=\"destructive\"\n                disabled={runner.busy.stop}\n                onClick={() => runner.onStop!(node)}\n                title=\"Stop this running task\"\n              >\n                <Icon icon={UiStop} className=\"mr-1 text-sm\" />\n                {runner.busy.stop ? \"Stopping...\" : \"Stop\"}\n              </Button>\n            )}\n          </div>\n        </div>\n        <div className=\"mt-1 flex flex-wrap items-center gap-2 text-xs text-muted-foreground\">\n          {fwIcon && (\n            <span className=\"inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5\">\n              <Icon icon={fwIcon} className=\"text-sm\" />\n              {node.framework}\n            </span>\n          )}\n          {node.duration ? (\n            <span className=\"inline-flex items-center gap-1\">\n              <Icon icon={UiClock} className=\"text-xs\" />\n              {formatTestDuration(node.duration)}\n            </span>\n          ) : null}\n          {node.file && (\n            <span className=\"font-mono\">\n              {node.file}\n              {node.line ? `:${node.line}` : \"\"}\n            </span>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * The right pane. Resolves the node's adapter for body / tabs / header actions,\n * falling back to the built-in default body. Shows an empty state when nothing\n * is selected.\n */\nexport function TestDetailPanel() {\n  const runner = useTestRunner();\n  const node = runner.selected;\n  const [activeTab, setActiveTab] = useState<string>(\"detail\");\n\n  if (!node) {\n    return (\n      <div className=\"flex h-full items-center justify-center text-sm text-muted-foreground\">\n        <div className=\"text-center\">\n          <Icon icon={UiClass} className=\"mb-2 block text-4xl\" />\n          Select a test to view its details.\n        </div>\n      </div>\n    );\n  }\n\n  const detailAdapter = runner.adapters.resolveDetail(node, runner);\n  const actionAdapter = runner.adapters.resolveActions(node, runner);\n  const tabs = runner.adapters.resolveTabs(node, runner);\n  const ownsScroll = runner.adapters.ownsScroll(node, runner);\n\n  const body = detailAdapter?.renderDetail\n    ? detailAdapter.renderDetail({ node, runner })\n    : <DefaultDetailBody node={node} />;\n  const actions = actionAdapter?.nodeActions?.({ node, runner });\n\n  const detailRegion = ownsScroll ? \"min-h-0 flex-1\" : \"min-h-0 flex-1 overflow-y-auto\";\n\n  // No extra tabs → just the body under the header.\n  if (tabs.length === 0) {\n    return (\n      <div className=\"flex h-full min-h-0 flex-col\">\n        <DetailHeader node={node} actions={actions} />\n        <div className={detailRegion}>{body}</div>\n      </div>\n    );\n  }\n\n  const detailTab = { id: \"detail\", label: \"Detail\", render: () => body };\n  const allTabs = [detailTab, ...tabs];\n  const active = allTabs.find((t) => t.id === activeTab) ?? detailTab;\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <DetailHeader node={node} actions={actions} />\n      <div className=\"flex shrink-0 items-center gap-1 border-b border-border px-density-2 py-density-1\">\n        {allTabs.map((t) => (\n          <TabButton\n            key={t.id}\n            active={active.id === t.id}\n            onClick={() => setActiveTab(t.id)}\n            label={t.label}\n          />\n        ))}\n      </div>\n      <div className={detailRegion}>{active.render()}</div>\n    </div>\n  );\n}\n"],"names":["sum","jsxs","jsx","TestFailureDetail","TestOutput","TestAttempts","JsonView","useTestRunner","frameworkIcon","Icon","statusIconFor","cn","statusToneFor","Button","UiRefresh","UiStop","UiClock","formatTestDuration","useState","UiClass","TabButton"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+/**
+ * The right pane. Resolves the node's adapter for body / tabs / header actions,
+ * falling back to the built-in default body. Shows an empty state when nothing
+ * is selected.
+ */
+export declare function TestDetailPanel(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TestDetailPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TestDetailPanel.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/TestDetailPanel.tsx"],"names":[],"mappings":"AAsHA;;;;GAIG;AACH,wBAAgB,eAAe,4CA0D9B"}

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

@@ -0,0 +1,165 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Icon } from "../Icon.js";
+import { Button } from "../../components/button.js";
+import { JsonView } from "../JsonView.js";
+import { TabButton } from "../TabButton.js";
+import { cn } from "../../lib/utils.js";
+import { useTestRunner } from "./context.js";
+import { sum, statusToneFor, statusIconFor, formatTestDuration } from "./status.js";
+import { frameworkIcon } from "./frameworkIcon.js";
+import { TestFailureDetail, TestOutput, TestAttempts } from "./TestFailureDetail.js";
+import { UiClass } from "../../icons/components/UiClass.js";
+import { UiRefresh } from "../../icons/components/UiRefresh.js";
+import { UiStop } from "../../icons/components/UiStop.js";
+import { UiClock } from "../../icons/components/UiClock.js";
+const ICON_TONE = {
+  danger: "rose",
+  warning: "amber",
+  success: "emerald",
+  info: "sky",
+  neutral: "neutral"
+};
+function DefaultDetailBody({ node }) {
+  var _a;
+  const hasChildren = (((_a = node.children) == null ? void 0 : _a.length) ?? 0) > 0;
+  const counts = hasChildren ? sum(node) : null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-density-4", children: [
+    node.message && !node.failure_detail && /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words text-sm", children: node.message }),
+    node.failure_detail && /* @__PURE__ */ jsx(TestFailureDetail, { failure: node.failure_detail }),
+    /* @__PURE__ */ jsx(TestOutput, { node }),
+    node.attempts && node.attempts.length > 0 && /* @__PURE__ */ jsx(TestAttempts, { attempts: node.attempts }),
+    counts && counts.total > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        counts.total,
+        " total"
+      ] }),
+      counts.passed > 0 && /* @__PURE__ */ jsxs("span", { children: [
+        counts.passed,
+        " passed"
+      ] }),
+      counts.failed > 0 && /* @__PURE__ */ jsxs("span", { children: [
+        counts.failed,
+        " failed"
+      ] }),
+      counts.skipped > 0 && /* @__PURE__ */ jsxs("span", { children: [
+        counts.skipped,
+        " skipped"
+      ] })
+    ] }),
+    node.detail != null && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Detail" }),
+      /* @__PURE__ */ jsx(JsonView, { data: node.detail })
+    ] })
+  ] });
+}
+function DetailHeader({ node, actions }) {
+  const runner = useTestRunner();
+  const fwIcon = frameworkIcon(node.framework);
+  const canRerun = !!runner.onRerun && node.framework !== "task";
+  const canStop = !!runner.onStop && !!node.can_stop && !!node.task_id;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 border-b border-border p-density-4", children: [
+    /* @__PURE__ */ jsx(
+      Icon,
+      {
+        icon: statusIconFor(node),
+        className: cn("mt-0.5 shrink-0 text-2xl", node.running && "animate-spin"),
+        tone: ICON_TONE[statusToneFor(node)]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsx("h2", { className: "break-words text-base font-semibold", children: node.name }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+          actions,
+          canRerun && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              size: "sm",
+              disabled: runner.busy.rerun,
+              onClick: () => runner.onRerun(node),
+              title: "Rerun this test or subtree",
+              children: [
+                /* @__PURE__ */ jsx(Icon, { icon: UiRefresh, className: "mr-1 text-sm" }),
+                runner.busy.rerun ? "Running..." : "Rerun"
+              ]
+            }
+          ),
+          canStop && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              size: "sm",
+              variant: "destructive",
+              disabled: runner.busy.stop,
+              onClick: () => runner.onStop(node),
+              title: "Stop this running task",
+              children: [
+                /* @__PURE__ */ jsx(Icon, { icon: UiStop, className: "mr-1 text-sm" }),
+                runner.busy.stop ? "Stopping..." : "Stop"
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [
+        fwIcon && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5", children: [
+          /* @__PURE__ */ jsx(Icon, { icon: fwIcon, className: "text-sm" }),
+          node.framework
+        ] }),
+        node.duration ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(Icon, { icon: UiClock, className: "text-xs" }),
+          formatTestDuration(node.duration)
+        ] }) : null,
+        node.file && /* @__PURE__ */ jsxs("span", { className: "font-mono", children: [
+          node.file,
+          node.line ? `:${node.line}` : ""
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function TestDetailPanel() {
+  var _a;
+  const runner = useTestRunner();
+  const node = runner.selected;
+  const [activeTab, setActiveTab] = useState("detail");
+  if (!node) {
+    return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center text-sm text-muted-foreground", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx(Icon, { icon: UiClass, className: "mb-2 block text-4xl" }),
+      "Select a test to view its details."
+    ] }) });
+  }
+  const detailAdapter = runner.adapters.resolveDetail(node, runner);
+  const actionAdapter = runner.adapters.resolveActions(node, runner);
+  const tabs = runner.adapters.resolveTabs(node, runner);
+  const ownsScroll = runner.adapters.ownsScroll(node, runner);
+  const body = (detailAdapter == null ? void 0 : detailAdapter.renderDetail) ? detailAdapter.renderDetail({ node, runner }) : /* @__PURE__ */ jsx(DefaultDetailBody, { node });
+  const actions = (_a = actionAdapter == null ? void 0 : actionAdapter.nodeActions) == null ? void 0 : _a.call(actionAdapter, { node, runner });
+  const detailRegion = ownsScroll ? "min-h-0 flex-1" : "min-h-0 flex-1 overflow-y-auto";
+  if (tabs.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [
+      /* @__PURE__ */ jsx(DetailHeader, { node, actions }),
+      /* @__PURE__ */ jsx("div", { className: detailRegion, children: body })
+    ] });
+  }
+  const detailTab = { id: "detail", label: "Detail", render: () => body };
+  const allTabs = [detailTab, ...tabs];
+  const active = allTabs.find((t) => t.id === activeTab) ?? detailTab;
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [
+    /* @__PURE__ */ jsx(DetailHeader, { node, actions }),
+    /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1 border-b border-border px-density-2 py-density-1", children: allTabs.map((t) => /* @__PURE__ */ jsx(
+      TabButton,
+      {
+        active: active.id === t.id,
+        onClick: () => setActiveTab(t.id),
+        label: t.label
+      },
+      t.id
+    )) }),
+    /* @__PURE__ */ jsx("div", { className: detailRegion, children: active.render() })
+  ] });
+}
+export {
+  TestDetailPanel
+};
+//# sourceMappingURL=TestDetailPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TestDetailPanel.js","sources":["../../../src/data/test-runner/TestDetailPanel.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\nimport { Button } from \"../../components/button\";\nimport { JsonView } from \"../JsonView\";\nimport { TabButton } from \"../TabButton\";\nimport { cn } from \"../../lib/utils\";\nimport { UiClass, UiClock, UiRefresh, UiStop } from \"../../icons\";\nimport type { Test } from \"./types\";\nimport { useTestRunner } from \"./context\";\nimport { formatTestDuration, statusIconFor, statusToneFor, sum } from \"./status\";\nimport { frameworkIcon } from \"./frameworkIcon\";\nimport { TestAttempts, TestFailureDetail, TestOutput } from \"./TestFailureDetail\";\n\nconst ICON_TONE = {\n  danger: \"rose\",\n  warning: \"amber\",\n  success: \"emerald\",\n  info: \"sky\",\n  neutral: \"neutral\",\n} as const;\n\n/** Built-in detail body — used when no adapter contributes `renderDetail`. */\nfunction DefaultDetailBody({ node }: { node: Test }) {\n  const hasChildren = (node.children?.length ?? 0) > 0;\n  const counts = hasChildren ? sum(node) : null;\n  return (\n    <div className=\"space-y-4 p-density-4\">\n      {node.message && !node.failure_detail && (\n        <p className=\"whitespace-pre-wrap break-words text-sm\">{node.message}</p>\n      )}\n      {node.failure_detail && <TestFailureDetail failure={node.failure_detail} />}\n      <TestOutput node={node} />\n      {node.attempts && node.attempts.length > 0 && <TestAttempts attempts={node.attempts} />}\n      {counts && counts.total > 0 && (\n        <div className=\"flex flex-wrap gap-3 text-xs text-muted-foreground\">\n          <span>{counts.total} total</span>\n          {counts.passed > 0 && <span>{counts.passed} passed</span>}\n          {counts.failed > 0 && <span>{counts.failed} failed</span>}\n          {counts.skipped > 0 && <span>{counts.skipped} skipped</span>}\n        </div>\n      )}\n      {node.detail != null && (\n        <div className=\"space-y-1\">\n          <div className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">Detail</div>\n          <JsonView data={node.detail} />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction DetailHeader({ node, actions }: { node: Test; actions?: ReactNode }) {\n  const runner = useTestRunner();\n  const fwIcon = frameworkIcon(node.framework);\n  const canRerun = !!runner.onRerun && node.framework !== \"task\";\n  const canStop = !!runner.onStop && !!node.can_stop && !!node.task_id;\n  return (\n    <div className=\"flex items-start gap-2 border-b border-border p-density-4\">\n      <Icon\n        icon={statusIconFor(node)}\n        className={cn(\"mt-0.5 shrink-0 text-2xl\", node.running && \"animate-spin\")}\n        tone={ICON_TONE[statusToneFor(node)]}\n      />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-start justify-between gap-2\">\n          <h2 className=\"break-words text-base font-semibold\">{node.name}</h2>\n          <div className=\"flex shrink-0 items-center gap-1\">\n            {actions}\n            {canRerun && (\n              <Button\n                size=\"sm\"\n                disabled={runner.busy.rerun}\n                onClick={() => runner.onRerun!(node)}\n                title=\"Rerun this test or subtree\"\n              >\n                <Icon icon={UiRefresh} className=\"mr-1 text-sm\" />\n                {runner.busy.rerun ? \"Running...\" : \"Rerun\"}\n              </Button>\n            )}\n            {canStop && (\n              <Button\n                size=\"sm\"\n                variant=\"destructive\"\n                disabled={runner.busy.stop}\n                onClick={() => runner.onStop!(node)}\n                title=\"Stop this running task\"\n              >\n                <Icon icon={UiStop} className=\"mr-1 text-sm\" />\n                {runner.busy.stop ? \"Stopping...\" : \"Stop\"}\n              </Button>\n            )}\n          </div>\n        </div>\n        <div className=\"mt-1 flex flex-wrap items-center gap-2 text-xs text-muted-foreground\">\n          {fwIcon && (\n            <span className=\"inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5\">\n              <Icon icon={fwIcon} className=\"text-sm\" />\n              {node.framework}\n            </span>\n          )}\n          {node.duration ? (\n            <span className=\"inline-flex items-center gap-1\">\n              <Icon icon={UiClock} className=\"text-xs\" />\n              {formatTestDuration(node.duration)}\n            </span>\n          ) : null}\n          {node.file && (\n            <span className=\"font-mono\">\n              {node.file}\n              {node.line ? `:${node.line}` : \"\"}\n            </span>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * The right pane. Resolves the node's adapter for body / tabs / header actions,\n * falling back to the built-in default body. Shows an empty state when nothing\n * is selected.\n */\nexport function TestDetailPanel() {\n  const runner = useTestRunner();\n  const node = runner.selected;\n  const [activeTab, setActiveTab] = useState<string>(\"detail\");\n\n  if (!node) {\n    return (\n      <div className=\"flex h-full items-center justify-center text-sm text-muted-foreground\">\n        <div className=\"text-center\">\n          <Icon icon={UiClass} className=\"mb-2 block text-4xl\" />\n          Select a test to view its details.\n        </div>\n      </div>\n    );\n  }\n\n  const detailAdapter = runner.adapters.resolveDetail(node, runner);\n  const actionAdapter = runner.adapters.resolveActions(node, runner);\n  const tabs = runner.adapters.resolveTabs(node, runner);\n  const ownsScroll = runner.adapters.ownsScroll(node, runner);\n\n  const body = detailAdapter?.renderDetail\n    ? detailAdapter.renderDetail({ node, runner })\n    : <DefaultDetailBody node={node} />;\n  const actions = actionAdapter?.nodeActions?.({ node, runner });\n\n  const detailRegion = ownsScroll ? \"min-h-0 flex-1\" : \"min-h-0 flex-1 overflow-y-auto\";\n\n  // No extra tabs → just the body under the header.\n  if (tabs.length === 0) {\n    return (\n      <div className=\"flex h-full min-h-0 flex-col\">\n        <DetailHeader node={node} actions={actions} />\n        <div className={detailRegion}>{body}</div>\n      </div>\n    );\n  }\n\n  const detailTab = { id: \"detail\", label: \"Detail\", render: () => body };\n  const allTabs = [detailTab, ...tabs];\n  const active = allTabs.find((t) => t.id === activeTab) ?? detailTab;\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <DetailHeader node={node} actions={actions} />\n      <div className=\"flex shrink-0 items-center gap-1 border-b border-border px-density-2 py-density-1\">\n        {allTabs.map((t) => (\n          <TabButton\n            key={t.id}\n            active={active.id === t.id}\n            onClick={() => setActiveTab(t.id)}\n            label={t.label}\n          />\n        ))}\n      </div>\n      <div className={detailRegion}>{active.render()}</div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

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