@lumea-labs/orchestrator 0.1.0 → 0.1.1

package/dist/swarm-run-detail.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import {
   useLayoutEffect,
   useRef,
@@ -43,82 +44,101 @@ function SwarmRunDetail({
   const isLive = run.status === "running" || run.status === "pending";
   const showCancel = onCancel && isLive;
   const showRetry = onRetry && (run.status === "failed" || run.status === "cancelled");
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "section",
     {
       className: [
         "flex h-full min-h-0 flex-col overflow-hidden rounded-2xl border border-p-line bg-p-surface",
         className || ""
-      ].join(" ")
-    },
-    /* @__PURE__ */ React.createElement("header", { className: "flex shrink-0 flex-wrap items-center gap-2 border-b border-p-line px-4 py-3" }, /* @__PURE__ */ React.createElement(SwarmAgentBadge, { agent: run.agent, avatar: renderAvatar?.(run.agent) }), /* @__PURE__ */ React.createElement("span", { className: "ml-auto inline-flex items-center gap-1" }, showCancel ? /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => onCancel(run.id),
-        className: "inline-flex items-center gap-1 rounded-md px-2 py-1 font-mono text-[10.5px] font-bold uppercase tracking-[0.16em] text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-[#E63946]"
-      },
-      /* @__PURE__ */ React.createElement(Square, { className: "size-2.5" }),
-      L.cancel
-    ) : null, showRetry ? /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => onRetry(run.id),
-        className: "inline-flex items-center gap-1 rounded-md px-2 py-1 font-mono text-[10.5px] font-bold uppercase tracking-[0.16em] text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-p-ink"
-      },
-      /* @__PURE__ */ React.createElement(RotateCcw, { className: "size-2.5" }),
-      L.retry
-    ) : null, onClose ? /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: onClose,
-        "aria-label": "Close",
-        title: "Close",
-        className: "grid size-7 place-items-center rounded-md text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-p-ink"
-      },
-      /* @__PURE__ */ React.createElement(X, { className: "size-4" })
-    ) : null)),
-    /* @__PURE__ */ React.createElement(VitalSigns, { run, L, isLive, elapsed }),
-    /* @__PURE__ */ React.createElement("div", { className: "border-b border-p-line px-4 py-3" }, /* @__PURE__ */ React.createElement("div", { className: "font-mono text-[10px] font-bold uppercase tracking-[0.18em] text-p-ink-3" }, L.goal), /* @__PURE__ */ React.createElement("div", { className: "mt-1 font-body text-[14px] leading-snug text-p-ink" }, renderMarkdown ? renderMarkdown(run.goal) : /* @__PURE__ */ React.createElement("p", { className: "m-0" }, run.goal)), isLive && run.lastLog ? /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: "mt-2 flex items-center gap-2 rounded-md border border-p-line bg-p-bg/60 px-2 py-1.5 font-mono text-[11px] italic text-p-ink-3",
-        "aria-live": "polite"
-      },
-      /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          "aria-hidden": true,
-          className: "size-1.5 shrink-0 animate-pulse rounded-full bg-p-accent"
-        }
-      ),
-      /* @__PURE__ */ React.createElement("span", { className: "truncate" }, run.lastLog)
-    ) : null),
-    variant === "tabs" ? /* @__PURE__ */ React.createElement(
-      TabsBody,
-      {
-        run,
-        L,
-        hideTools,
-        renderToolCalls,
-        renderArtifacts,
-        renderEvaluation,
-        renderMarkdown
-      }
-    ) : /* @__PURE__ */ React.createElement(
-      FlatBody,
-      {
-        run,
-        L,
-        hideTools,
-        renderToolCalls,
-        renderArtifacts,
-        renderEvaluation,
-        renderMarkdown
-      }
-    )
+      ].join(" "),
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex shrink-0 flex-wrap items-center gap-2 border-b border-p-line px-4 py-3", children: [
+          /* @__PURE__ */ jsx(SwarmAgentBadge, { agent: run.agent, avatar: renderAvatar?.(run.agent) }),
+          /* @__PURE__ */ jsxs("span", { className: "ml-auto inline-flex items-center gap-1", children: [
+            showCancel ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onCancel(run.id),
+                className: "inline-flex items-center gap-1 rounded-md px-2 py-1 font-mono text-[10.5px] font-bold uppercase tracking-[0.16em] text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-[#E63946]",
+                children: [
+                  /* @__PURE__ */ jsx(Square, { className: "size-2.5" }),
+                  L.cancel
+                ]
+              }
+            ) : null,
+            showRetry ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onRetry(run.id),
+                className: "inline-flex items-center gap-1 rounded-md px-2 py-1 font-mono text-[10.5px] font-bold uppercase tracking-[0.16em] text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-p-ink",
+                children: [
+                  /* @__PURE__ */ jsx(RotateCcw, { className: "size-2.5" }),
+                  L.retry
+                ]
+              }
+            ) : null,
+            onClose ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                "aria-label": "Close",
+                title: "Close",
+                className: "grid size-7 place-items-center rounded-md text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-p-ink",
+                children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+              }
+            ) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(VitalSigns, { run, L, isLive, elapsed }),
+        /* @__PURE__ */ jsxs("div", { className: "border-b border-p-line px-4 py-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "font-mono text-[10px] font-bold uppercase tracking-[0.18em] text-p-ink-3", children: L.goal }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1 font-body text-[14px] leading-snug text-p-ink", children: renderMarkdown ? renderMarkdown(run.goal) : /* @__PURE__ */ jsx("p", { className: "m-0", children: run.goal }) }),
+          isLive && run.lastLog ? /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "mt-2 flex items-center gap-2 rounded-md border border-p-line bg-p-bg/60 px-2 py-1.5 font-mono text-[11px] italic text-p-ink-3",
+              "aria-live": "polite",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    className: "size-1.5 shrink-0 animate-pulse rounded-full bg-p-accent"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: run.lastLog })
+              ]
+            }
+          ) : null
+        ] }),
+        variant === "tabs" ? /* @__PURE__ */ jsx(
+          TabsBody,
+          {
+            run,
+            L,
+            hideTools,
+            renderToolCalls,
+            renderArtifacts,
+            renderEvaluation,
+            renderMarkdown
+          }
+        ) : /* @__PURE__ */ jsx(
+          FlatBody,
+          {
+            run,
+            L,
+            hideTools,
+            renderToolCalls,
+            renderArtifacts,
+            renderEvaluation,
+            renderMarkdown
+          }
+        )
+      ]
+    }
   );
 }
 function TabsBody({
@@ -138,50 +158,63 @@ function TabsBody({
   const artifactCount = run.artifacts?.length ?? 0;
   const toolCount = run.toolCalls?.length ?? 0;
   const safeTab = tab === "tools" && hideTools ? "output" : tab;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 items-center gap-1 border-b border-p-line px-2" }, /* @__PURE__ */ React.createElement(
-    Tab,
-    {
-      active: safeTab === "output",
-      onClick: () => setTab("output"),
-      label: run.error ? L.error : L.output
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Tab,
-    {
-      active: safeTab === "artifacts",
-      onClick: () => setTab("artifacts"),
-      label: "artifacts",
-      badge: artifactCount > 0 ? /* @__PURE__ */ React.createElement(CountBadge, { value: artifactCount }) : null
-    }
-  ), !hideTools ? /* @__PURE__ */ React.createElement(
-    Tab,
-    {
-      active: safeTab === "tools",
-      onClick: () => setTab("tools"),
-      label: L.tools,
-      badge: toolCount > 0 ? /* @__PURE__ */ React.createElement(CountBadge, { value: toolCount }) : null
-    }
-  ) : null, hasEval ? /* @__PURE__ */ React.createElement(
-    Tab,
-    {
-      active: safeTab === "eval",
-      onClick: () => setTab("eval"),
-      label: "eval",
-      badge: /* @__PURE__ */ React.createElement(
-        ScoreBadge,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1 border-b border-p-line px-2", children: [
+      /* @__PURE__ */ jsx(
+        Tab,
         {
-          score: run.evaluation.verdict.overall,
-          scale: run.evaluation.verdict.scale
+          active: safeTab === "output",
+          onClick: () => setTab("output"),
+          label: run.error ? L.error : L.output
         }
-      )
-    }
-  ) : null), /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1 overflow-y-auto p-4" }, safeTab === "output" ? /* @__PURE__ */ React.createElement(OutputBlock, { run, L, renderMarkdown }) : null, safeTab === "artifacts" ? /* @__PURE__ */ React.createElement(ArtifactsBlock, { run, renderArtifacts }) : null, safeTab === "tools" && !hideTools ? /* @__PURE__ */ React.createElement(ToolsBlock, { run, renderToolCalls }) : null, safeTab === "eval" && run.evaluation ? /* @__PURE__ */ React.createElement(
-    EvalBlock,
-    {
-      evaluation: run.evaluation,
-      renderEvaluation
-    }
-  ) : null));
+      ),
+      /* @__PURE__ */ jsx(
+        Tab,
+        {
+          active: safeTab === "artifacts",
+          onClick: () => setTab("artifacts"),
+          label: "artifacts",
+          badge: artifactCount > 0 ? /* @__PURE__ */ jsx(CountBadge, { value: artifactCount }) : null
+        }
+      ),
+      !hideTools ? /* @__PURE__ */ jsx(
+        Tab,
+        {
+          active: safeTab === "tools",
+          onClick: () => setTab("tools"),
+          label: L.tools,
+          badge: toolCount > 0 ? /* @__PURE__ */ jsx(CountBadge, { value: toolCount }) : null
+        }
+      ) : null,
+      hasEval ? /* @__PURE__ */ jsx(
+        Tab,
+        {
+          active: safeTab === "eval",
+          onClick: () => setTab("eval"),
+          label: "eval",
+          badge: /* @__PURE__ */ jsx(
+            ScoreBadge,
+            {
+              score: run.evaluation.verdict.overall,
+              scale: run.evaluation.verdict.scale
+            }
+          )
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: [
+      safeTab === "output" ? /* @__PURE__ */ jsx(OutputBlock, { run, L, renderMarkdown }) : null,
+      safeTab === "artifacts" ? /* @__PURE__ */ jsx(ArtifactsBlock, { run, renderArtifacts }) : null,
+      safeTab === "tools" && !hideTools ? /* @__PURE__ */ jsx(ToolsBlock, { run, renderToolCalls }) : null,
+      safeTab === "eval" && run.evaluation ? /* @__PURE__ */ jsx(
+        EvalBlock,
+        {
+          evaluation: run.evaluation,
+          renderEvaluation
+        }
+      ) : null
+    ] })
+  ] });
 }
 function FlatBody({
   run,
@@ -195,28 +228,33 @@ function FlatBody({
   const toolCount = run.toolCalls?.length ?? 0;
   const artifactCount = run.artifacts?.length ?? 0;
   const hasEval = !!run.evaluation;
-  return /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1 overflow-y-auto" }, /* @__PURE__ */ React.createElement(FlatSection, { title: run.error ? L.error : L.output }, /* @__PURE__ */ React.createElement(OutputBlock, { run, L, renderMarkdown })), /* @__PURE__ */ React.createElement(
-    FlatSection,
-    {
-      title: "artifacts",
-      meta: artifactCount > 0 ? String(artifactCount) : void 0
-    },
-    /* @__PURE__ */ React.createElement(ArtifactsBlock, { run, renderArtifacts })
-  ), !hideTools ? /* @__PURE__ */ React.createElement(
-    FlatSection,
-    {
-      title: L.tools,
-      meta: toolCount > 0 ? String(toolCount) : void 0,
-      last: !hasEval
-    },
-    /* @__PURE__ */ React.createElement(ToolsBlock, { run, renderToolCalls })
-  ) : null, hasEval ? /* @__PURE__ */ React.createElement(FlatSection, { title: "evaluation", last: true }, /* @__PURE__ */ React.createElement(
-    EvalBlock,
-    {
-      evaluation: run.evaluation,
-      renderEvaluation
-    }
-  )) : null);
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto", children: [
+    /* @__PURE__ */ jsx(FlatSection, { title: run.error ? L.error : L.output, children: /* @__PURE__ */ jsx(OutputBlock, { run, L, renderMarkdown }) }),
+    /* @__PURE__ */ jsx(
+      FlatSection,
+      {
+        title: "artifacts",
+        meta: artifactCount > 0 ? String(artifactCount) : void 0,
+        children: /* @__PURE__ */ jsx(ArtifactsBlock, { run, renderArtifacts })
+      }
+    ),
+    !hideTools ? /* @__PURE__ */ jsx(
+      FlatSection,
+      {
+        title: L.tools,
+        meta: toolCount > 0 ? String(toolCount) : void 0,
+        last: !hasEval,
+        children: /* @__PURE__ */ jsx(ToolsBlock, { run, renderToolCalls })
+      }
+    ) : null,
+    hasEval ? /* @__PURE__ */ jsx(FlatSection, { title: "evaluation", last: true, children: /* @__PURE__ */ jsx(
+      EvalBlock,
+      {
+        evaluation: run.evaluation,
+        renderEvaluation
+      }
+    ) }) : null
+  ] });
 }
 function FlatSection({
   title,
@@ -237,68 +275,84 @@ function FlatSection({
     if (mode === "collapsed" || !bodyRef.current) return;
     setOverflows(bodyRef.current.scrollHeight > previewMaxHeight + 4);
   }, [mode, previewMaxHeight, children]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "section",
     {
       className: [
         "px-4 py-4",
         last ? "" : "border-b border-p-line"
-      ].join(" ")
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "mb-2 flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[10px] font-bold uppercase tracking-[0.22em] text-p-ink-3" }, title), meta ? /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[10px] uppercase tracking-[0.18em] text-p-ink-3/70 tabular-nums" }, "\xB7 ", meta) : null, /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => setMode((m) => m === "collapsed" ? "preview" : "collapsed"),
-        "aria-label": mode === "collapsed" ? "Expand section" : "Collapse section",
-        "aria-expanded": mode !== "collapsed",
-        className: "ml-auto grid size-5 place-items-center rounded text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-p-ink"
-      },
-      /* @__PURE__ */ React.createElement(
-        ChevronDown,
-        {
-          className: [
-            "size-3.5 transition-transform duration-150",
-            mode === "collapsed" ? "-rotate-90" : ""
-          ].join(" ")
-        }
-      )
-    )),
-    mode === "collapsed" ? null : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref: bodyRef,
-        className: "relative overflow-hidden",
-        style: {
-          maxHeight: mode === "preview" && overflows ? previewMaxHeight : void 0
-        }
-      },
-      children,
-      mode === "preview" && overflows ? /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          "aria-hidden": true,
-          className: "pointer-events-none absolute inset-x-0 bottom-0 h-12 bg-gradient-to-t from-p-surface to-transparent"
-        }
-      ) : null
-    ), overflows ? /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => setMode((m) => m === "preview" ? "expanded" : "preview"),
-        className: "mt-2 inline-flex items-center gap-1 rounded-md font-mono text-[10.5px] font-bold uppercase tracking-[0.16em] text-p-ink-3 transition-colors cursor-pointer hover:text-p-ink"
-      },
-      mode === "preview" ? "show more" : "show less",
-      /* @__PURE__ */ React.createElement(
-        ChevronDown,
-        {
-          className: [
-            "size-3 transition-transform duration-150",
-            mode === "expanded" ? "rotate-180" : ""
-          ].join(" ")
-        }
-      )
-    ) : null)
+      ].join(" "),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] font-bold uppercase tracking-[0.22em] text-p-ink-3", children: title }),
+          meta ? /* @__PURE__ */ jsxs("span", { className: "font-mono text-[10px] uppercase tracking-[0.18em] text-p-ink-3/70 tabular-nums", children: [
+            "\xB7 ",
+            meta
+          ] }) : null,
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setMode((m) => m === "collapsed" ? "preview" : "collapsed"),
+              "aria-label": mode === "collapsed" ? "Expand section" : "Collapse section",
+              "aria-expanded": mode !== "collapsed",
+              className: "ml-auto grid size-5 place-items-center rounded text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-p-ink",
+              children: /* @__PURE__ */ jsx(
+                ChevronDown,
+                {
+                  className: [
+                    "size-3.5 transition-transform duration-150",
+                    mode === "collapsed" ? "-rotate-90" : ""
+                  ].join(" ")
+                }
+              )
+            }
+          )
+        ] }),
+        mode === "collapsed" ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: bodyRef,
+              className: "relative overflow-hidden",
+              style: {
+                maxHeight: mode === "preview" && overflows ? previewMaxHeight : void 0
+              },
+              children: [
+                children,
+                mode === "preview" && overflows ? /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "aria-hidden": true,
+                    className: "pointer-events-none absolute inset-x-0 bottom-0 h-12 bg-gradient-to-t from-p-surface to-transparent"
+                  }
+                ) : null
+              ]
+            }
+          ),
+          overflows ? /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setMode((m) => m === "preview" ? "expanded" : "preview"),
+              className: "mt-2 inline-flex items-center gap-1 rounded-md font-mono text-[10.5px] font-bold uppercase tracking-[0.16em] text-p-ink-3 transition-colors cursor-pointer hover:text-p-ink",
+              children: [
+                mode === "preview" ? "show more" : "show less",
+                /* @__PURE__ */ jsx(
+                  ChevronDown,
+                  {
+                    className: [
+                      "size-3 transition-transform duration-150",
+                      mode === "expanded" ? "rotate-180" : ""
+                    ].join(" ")
+                  }
+                )
+              ]
+            }
+          ) : null
+        ] })
+      ]
+    }
   );
 }
 function VitalSigns({
@@ -309,35 +363,48 @@ function VitalSigns({
 }) {
   const attempts = (run.retries ?? 0) + 1;
   const maxAttempts = typeof run.maxRetries === "number" ? run.maxRetries + 1 : void 0;
-  return /* @__PURE__ */ React.createElement("section", { className: "grid shrink-0 grid-cols-3 gap-px border-b border-p-line bg-p-line" }, /* @__PURE__ */ React.createElement(
-    Stat,
-    {
-      label: "duration",
-      value: /* @__PURE__ */ React.createElement("span", { className: "tabular-nums" }, isLive ? L.startedAgo(elapsed) : L.duration(elapsed))
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Stat,
-    {
-      label: "status",
-      value: /* @__PURE__ */ React.createElement(
-        SwarmStatusPill,
-        {
-          status: run.status,
-          label: L[run.status],
-          size: "sm"
-        }
-      )
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Stat,
-    {
-      label: "attempts",
-      value: /* @__PURE__ */ React.createElement("span", { className: "tabular-nums" }, attempts, typeof maxAttempts === "number" ? /* @__PURE__ */ React.createElement("span", { className: "text-p-ink-3" }, "/", maxAttempts) : null)
-    }
-  ));
+  return /* @__PURE__ */ jsxs("section", { className: "grid shrink-0 grid-cols-3 gap-px border-b border-p-line bg-p-line", children: [
+    /* @__PURE__ */ jsx(
+      Stat,
+      {
+        label: "duration",
+        value: /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: isLive ? L.startedAgo(elapsed) : L.duration(elapsed) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Stat,
+      {
+        label: "status",
+        value: /* @__PURE__ */ jsx(
+          SwarmStatusPill,
+          {
+            status: run.status,
+            label: L[run.status],
+            size: "sm"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Stat,
+      {
+        label: "attempts",
+        value: /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [
+          attempts,
+          typeof maxAttempts === "number" ? /* @__PURE__ */ jsxs("span", { className: "text-p-ink-3", children: [
+            "/",
+            maxAttempts
+          ] }) : null
+        ] })
+      }
+    )
+  ] });
 }
 function Stat({ label, value }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1 bg-p-surface px-4 py-3" }, /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[9.5px] font-bold uppercase tracking-[0.22em] text-p-ink-3" }, label), /* @__PURE__ */ React.createElement("span", { className: "font-display text-[16px] font-bold leading-tight tracking-[-0.01em] text-p-ink" }, value));
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 bg-p-surface px-4 py-3", children: [
+    /* @__PURE__ */ jsx("span", { className: "font-mono text-[9.5px] font-bold uppercase tracking-[0.22em] text-p-ink-3", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "font-display text-[16px] font-bold leading-tight tracking-[-0.01em] text-p-ink", children: value })
+  ] });
 }
 function OutputBlock({
   run,
@@ -345,40 +412,43 @@ function OutputBlock({
   renderMarkdown
 }) {
   if (run.error) {
-    return /* @__PURE__ */ React.createElement("pre", { className: "m-0 whitespace-pre-wrap break-words font-mono text-[12px] leading-relaxed text-[#E63946]" }, run.error);
+    return /* @__PURE__ */ jsx("pre", { className: "m-0 whitespace-pre-wrap break-words font-mono text-[12px] leading-relaxed text-[#E63946]", children: run.error });
   }
   if (!run.output) {
-    return /* @__PURE__ */ React.createElement("span", { className: "block px-1 py-2 font-mono text-[11px] uppercase tracking-[0.16em] text-p-ink-3" }, L.output, " \u2014 \u2014");
+    return /* @__PURE__ */ jsxs("span", { className: "block px-1 py-2 font-mono text-[11px] uppercase tracking-[0.16em] text-p-ink-3", children: [
+      L.output,
+      " \u2014 \u2014"
+    ] });
   }
   if (renderMarkdown) {
-    return /* @__PURE__ */ React.createElement("div", { className: "font-body text-[14px] leading-[1.65] text-p-ink-2" }, renderMarkdown(run.output));
+    return /* @__PURE__ */ jsx("div", { className: "font-body text-[14px] leading-[1.65] text-p-ink-2", children: renderMarkdown(run.output) });
   }
-  return /* @__PURE__ */ React.createElement("pre", { className: "m-0 whitespace-pre-wrap break-words font-mono text-[12px] leading-relaxed text-p-ink-2" }, run.output);
+  return /* @__PURE__ */ jsx("pre", { className: "m-0 whitespace-pre-wrap break-words font-mono text-[12px] leading-relaxed text-p-ink-2", children: run.output });
 }
 function ArtifactsBlock({
   run,
   renderArtifacts
 }) {
   const artifacts = run.artifacts ?? [];
-  if (renderArtifacts) return /* @__PURE__ */ React.createElement(React.Fragment, null, renderArtifacts(artifacts));
+  if (renderArtifacts) return /* @__PURE__ */ jsx(Fragment, { children: renderArtifacts(artifacts) });
   if (artifacts.length === 0) {
-    return /* @__PURE__ */ React.createElement("span", { className: "block px-1 py-2 font-mono text-[11px] uppercase tracking-[0.16em] text-p-ink-3" }, "no artifacts produced");
+    return /* @__PURE__ */ jsx("span", { className: "block px-1 py-2 font-mono text-[11px] uppercase tracking-[0.16em] text-p-ink-3", children: "no artifacts produced" });
   }
-  return /* @__PURE__ */ React.createElement(DefaultArtifactList, { artifacts });
+  return /* @__PURE__ */ jsx(DefaultArtifactList, { artifacts });
 }
 function ToolsBlock({
   run,
   renderToolCalls
 }) {
-  if (renderToolCalls) return /* @__PURE__ */ React.createElement(React.Fragment, null, renderToolCalls(run.toolCalls ?? []));
-  return /* @__PURE__ */ React.createElement(DefaultToolCallList, { toolCalls: run.toolCalls ?? [] });
+  if (renderToolCalls) return /* @__PURE__ */ jsx(Fragment, { children: renderToolCalls(run.toolCalls ?? []) });
+  return /* @__PURE__ */ jsx(DefaultToolCallList, { toolCalls: run.toolCalls ?? [] });
 }
 function EvalBlock({
   evaluation,
   renderEvaluation
 }) {
-  if (renderEvaluation) return /* @__PURE__ */ React.createElement(React.Fragment, null, renderEvaluation(evaluation));
-  return /* @__PURE__ */ React.createElement(DefaultEvalSummary, { evaluation });
+  if (renderEvaluation) return /* @__PURE__ */ jsx(Fragment, { children: renderEvaluation(evaluation) });
+  return /* @__PURE__ */ jsx(DefaultEvalSummary, { evaluation });
 }
 function DefaultEvalSummary({
   evaluation
@@ -386,34 +456,63 @@ function DefaultEvalSummary({
   const { verdict, scores, evaluatedAt } = evaluation;
   const scale = verdict.scale ?? scores[0]?.scale ?? { min: 1, max: 5 };
   const tone = verdictTone(verdict.overall, scale);
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-baseline gap-3" }, /* @__PURE__ */ React.createElement(
-    "span",
-    {
-      className: "font-display text-[40px] font-bold leading-none tracking-[-0.02em] tabular-nums",
-      style: { color: tone }
-    },
-    formatScore(verdict.overall)
-  ), /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[10.5px] uppercase tracking-[0.18em] text-p-ink-3" }, "/", scale.max, " \xB7 evaluated", " ", new Date(evaluatedAt).toLocaleDateString(void 0, {
-    month: "short",
-    day: "numeric"
-  }), typeof verdict.passed === "boolean" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "mx-1.5 text-p-line" }, "\xB7"), /* @__PURE__ */ React.createElement("span", { style: { color: verdict.passed ? "var(--green)" : "#E63946" } }, verdict.passed ? "passed" : "failed")) : null)), verdict.summary ? /* @__PURE__ */ React.createElement("p", { className: "font-body text-[13px] leading-[1.55] text-p-ink-2" }, verdict.summary) : null, /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-2" }, scores.map((s) => {
-    const sScale = s.scale ?? scale;
-    const pct = Math.max(
-      0,
-      Math.min(
-        100,
-        (s.value - sScale.min) / (sScale.max - sScale.min) * 100
-      )
-    );
-    const sTone = verdictTone(s.value, sScale);
-    return /* @__PURE__ */ React.createElement("li", { key: s.criterion, className: "flex flex-col gap-1" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-baseline justify-between gap-3 font-mono text-[10.5px] uppercase tracking-[0.16em]" }, /* @__PURE__ */ React.createElement("span", { className: "text-p-ink-2" }, s.criterion), /* @__PURE__ */ React.createElement("span", { className: "tabular-nums", style: { color: sTone } }, formatScore(s.value), /* @__PURE__ */ React.createElement("span", { className: "text-p-ink-3" }, "/", sScale.max))), /* @__PURE__ */ React.createElement("div", { className: "h-[3px] w-full overflow-hidden rounded-full bg-p-line" }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: "h-full rounded-full",
-        style: { width: `${pct}%`, background: sTone }
-      }
-    )));
-  })));
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-3", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "font-display text-[40px] font-bold leading-none tracking-[-0.02em] tabular-nums",
+          style: { color: tone },
+          children: formatScore(verdict.overall)
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "font-mono text-[10.5px] uppercase tracking-[0.18em] text-p-ink-3", children: [
+        "/",
+        scale.max,
+        " \xB7 evaluated",
+        " ",
+        new Date(evaluatedAt).toLocaleDateString(void 0, {
+          month: "short",
+          day: "numeric"
+        }),
+        typeof verdict.passed === "boolean" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "mx-1.5 text-p-line", children: "\xB7" }),
+          /* @__PURE__ */ jsx("span", { style: { color: verdict.passed ? "var(--green)" : "#E63946" }, children: verdict.passed ? "passed" : "failed" })
+        ] }) : null
+      ] })
+    ] }),
+    verdict.summary ? /* @__PURE__ */ jsx("p", { className: "font-body text-[13px] leading-[1.55] text-p-ink-2", children: verdict.summary }) : null,
+    /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: scores.map((s) => {
+      const sScale = s.scale ?? scale;
+      const pct = Math.max(
+        0,
+        Math.min(
+          100,
+          (s.value - sScale.min) / (sScale.max - sScale.min) * 100
+        )
+      );
+      const sTone = verdictTone(s.value, sScale);
+      return /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-3 font-mono text-[10.5px] uppercase tracking-[0.16em]", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-p-ink-2", children: s.criterion }),
+          /* @__PURE__ */ jsxs("span", { className: "tabular-nums", style: { color: sTone }, children: [
+            formatScore(s.value),
+            /* @__PURE__ */ jsxs("span", { className: "text-p-ink-3", children: [
+              "/",
+              sScale.max
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "h-[3px] w-full overflow-hidden rounded-full bg-p-line", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "h-full rounded-full",
+            style: { width: `${pct}%`, background: sTone }
+          }
+        ) })
+      ] }, s.criterion);
+    }) })
+  ] });
 }
 function formatScore(n) {
   return n.toFixed(1).replace(/\.0$/, "");
@@ -433,7 +532,7 @@ function Tab({
   label,
   badge
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",
@@ -441,21 +540,23 @@ function Tab({
       className: [
         "relative inline-flex items-center gap-1.5 px-3 py-2 font-mono text-[11px] font-bold uppercase tracking-[0.16em] transition-colors cursor-pointer",
         active ? "text-p-ink" : "text-p-ink-3 hover:text-p-ink"
-      ].join(" ")
-    },
-    label,
-    badge,
-    active ? /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        "aria-hidden": true,
-        className: "absolute inset-x-2 -bottom-px h-[2px] rounded-t bg-p-accent"
-      }
-    ) : null
+      ].join(" "),
+      children: [
+        label,
+        badge,
+        active ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: "absolute inset-x-2 -bottom-px h-[2px] rounded-t bg-p-accent"
+          }
+        ) : null
+      ]
+    }
   );
 }
 function CountBadge({ value }) {
-  return /* @__PURE__ */ React.createElement("span", { className: "inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-full border border-p-line bg-transparent px-1.5 font-mono text-[10px] font-bold tabular-nums text-p-ink-3" }, value);
+  return /* @__PURE__ */ jsx("span", { className: "inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-full border border-p-line bg-transparent px-1.5 font-mono text-[10px] font-bold tabular-nums text-p-ink-3", children: value });
 }
 function ScoreBadge({
   score,
@@ -477,7 +578,7 @@ function ScoreBadge({
     bg: "bg-[#FEF2F2]",
     ring: "border-[#E63946]/30"
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "span",
     {
       className: [
@@ -485,34 +586,36 @@ function ScoreBadge({
         palette.fg,
         palette.bg,
         palette.ring
-      ].join(" ")
-    },
-    formatScore(score)
+      ].join(" "),
+      children: formatScore(score)
+    }
   );
 }
 function DefaultToolCallList({ toolCalls }) {
   if (toolCalls.length === 0) {
-    return /* @__PURE__ */ React.createElement("span", { className: "block px-1 py-2 font-mono text-[11px] uppercase tracking-[0.16em] text-p-ink-3" }, "no tool calls yet");
+    return /* @__PURE__ */ jsx("span", { className: "block px-1 py-2 font-mono text-[11px] uppercase tracking-[0.16em] text-p-ink-3", children: "no tool calls yet" });
   }
-  return /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-1.5" }, toolCalls.map((t) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1.5", children: toolCalls.map((t) => /* @__PURE__ */ jsxs(
     "li",
     {
-      key: t.id,
-      className: "flex items-center gap-2 rounded-md border border-p-line bg-p-bg px-2 py-1.5"
+      className: "flex items-center gap-2 rounded-md border border-p-line bg-p-bg px-2 py-1.5",
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: [
+              "size-1.5 shrink-0 rounded-full",
+              t.state === "calling" ? "bg-p-accent animate-pulse" : t.state === "completed" ? "bg-p-green" : "bg-[#E63946]"
+            ].join(" ")
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "font-mono text-[11.5px] font-semibold text-p-ink", children: t.name }),
+        t.summary ? /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-[11px] text-p-ink-3", children: t.summary }) : null
+      ]
     },
-    /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        "aria-hidden": true,
-        className: [
-          "size-1.5 shrink-0 rounded-full",
-          t.state === "calling" ? "bg-p-accent animate-pulse" : t.state === "completed" ? "bg-p-green" : "bg-[#E63946]"
-        ].join(" ")
-      }
-    ),
-    /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[11.5px] font-semibold text-p-ink" }, t.name),
-    t.summary ? /* @__PURE__ */ React.createElement("span", { className: "truncate font-mono text-[11px] text-p-ink-3" }, t.summary) : null
-  )));
+    t.id
+  )) });
 }
 const ARTIFACT_ICON = {
   file: FileText,
@@ -522,11 +625,11 @@ const ARTIFACT_ICON = {
   note: StickyNote
 };
 function DefaultArtifactList({ artifacts }) {
-  return /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-1.5" }, artifacts.map((a) => {
+  return /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1.5", children: artifacts.map((a) => {
     const Icon = ARTIFACT_ICON[a.kind];
     const interactive = !!a.url;
     const Wrapper = interactive ? "a" : "div";
-    return /* @__PURE__ */ React.createElement("li", { key: a.id }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
       Wrapper,
       {
         ...interactive ? {
@@ -537,22 +640,24 @@ function DefaultArtifactList({ artifacts }) {
         className: [
           "flex items-center gap-2 rounded-md border border-p-line bg-p-surface px-2.5 py-1.5 no-underline transition-colors",
           interactive ? "cursor-pointer hover:bg-p-warm/40" : ""
-        ].join(" ")
-      },
-      /* @__PURE__ */ React.createElement(Icon, { className: "size-3 shrink-0 text-p-ink-3", "aria-hidden": true }),
-      /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate font-display text-[12.5px] font-semibold text-p-ink" }, a.label),
-      a.path ? /* @__PURE__ */ React.createElement("code", { className: "hidden truncate font-mono text-[10.5px] text-p-ink-3 sm:inline" }, a.path) : null,
-      a.tags && a.tags.length > 0 ? /* @__PURE__ */ React.createElement("span", { className: "hidden flex-wrap gap-1 sm:inline-flex" }, a.tags.map((t) => /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          key: t,
-          className: "inline-flex items-center rounded border border-p-line bg-p-bg px-1 py-px font-mono text-[9.5px] uppercase tracking-[0.14em] text-p-ink-2"
-        },
-        t
-      ))) : null,
-      a.summary ? /* @__PURE__ */ React.createElement("span", { className: "hidden truncate font-mono text-[10.5px] text-p-ink-3 lg:inline" }, a.summary) : null
-    ));
-  }));
+        ].join(" "),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: "size-3 shrink-0 text-p-ink-3", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-display text-[12.5px] font-semibold text-p-ink", children: a.label }),
+          a.path ? /* @__PURE__ */ jsx("code", { className: "hidden truncate font-mono text-[10.5px] text-p-ink-3 sm:inline", children: a.path }) : null,
+          a.tags && a.tags.length > 0 ? /* @__PURE__ */ jsx("span", { className: "hidden flex-wrap gap-1 sm:inline-flex", children: a.tags.map((t) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "inline-flex items-center rounded border border-p-line bg-p-bg px-1 py-px font-mono text-[9.5px] uppercase tracking-[0.14em] text-p-ink-2",
+              children: t
+            },
+            t
+          )) }) : null,
+          a.summary ? /* @__PURE__ */ jsx("span", { className: "hidden truncate font-mono text-[10.5px] text-p-ink-3 lg:inline", children: a.summary }) : null
+        ]
+      }
+    ) }, a.id);
+  }) });
 }
 export {
   SwarmRunDetail