@athenaintel/react 0.57.2 → 0.60.0

package/dist/subagents/lane-parts.cjs

@@ -0,0 +1,517 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const lucideReact = require("lucide-react");
+const require$$0 = require("react");
+const laneModel = require("./lane-model.cjs");
+const subagents = require("../agent-runtime/src/subagents.cjs");
+const toolNames = require("../agent-runtime/src/tool-names.cjs");
+const cnfast = require("cnfast");
+const RING_RADIUS = 8;
+const RING_CIRCUMFERENCE = 2 * Math.PI * RING_RADIUS;
+function SubagentProgressRing({
+  snapshot,
+  stalled = false,
+  awaitingApproval = false,
+  stopped = false,
+  sizeClassName = "size-4"
+}) {
+  if (snapshot.status === "complete") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2Icon, { "aria-hidden": "true", className: cnfast.cn("shrink-0 text-emerald-600", sizeClassName) });
+  }
+  if (snapshot.status === "error") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircleIcon, { "aria-hidden": "true", className: cnfast.cn("shrink-0 text-destructive", sizeClassName) });
+  }
+  if (stopped) {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircleIcon, { "aria-hidden": "true", className: cnfast.cn("shrink-0 text-muted-foreground", sizeClassName) });
+  }
+  if (awaitingApproval) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      lucideReact.ShieldAlertIcon,
+      {
+        role: "img",
+        "aria-label": "Waiting for approval",
+        className: cnfast.cn("shrink-0 text-amber-600", sizeClassName)
+      }
+    );
+  }
+  const colorClass = stalled ? "text-amber-600" : "text-foreground/60";
+  if (snapshot.status === "queued") {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cnfast.cn("flex shrink-0 items-center justify-center", sizeClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: cnfast.cn(
+          "h-1/2 w-1/2 rounded-full border-2 motion-safe:animate-pulse",
+          colorClass
+        )
+      }
+    ) });
+  }
+  const plan = laneModel.lanePlanProgress(snapshot);
+  const fraction = plan ? plan.done / plan.total : null;
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cnfast.cn("flex shrink-0 items-center justify-center", sizeClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      viewBox: "0 0 20 20",
+      className: cnfast.cn(
+        "h-full w-full",
+        fraction == null ? "motion-safe:animate-spin" : "-rotate-90"
+      ),
+      role: "img",
+      "aria-label": "Subagent progress",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("title", { children: plan ? `${plan.done}/${plan.total} plan steps complete` : "Working — no plan written yet" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: "10",
+            cy: "10",
+            r: RING_RADIUS,
+            strokeWidth: "2.5",
+            className: "fill-none stroke-current text-border"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: "10",
+            cy: "10",
+            r: RING_RADIUS,
+            strokeWidth: "2.5",
+            strokeLinecap: "round",
+            strokeDasharray: RING_CIRCUMFERENCE,
+            strokeDashoffset: RING_CIRCUMFERENCE * (1 - (fraction ?? 0.25)),
+            className: cnfast.cn(
+              "fill-none stroke-current transition-[stroke-dashoffset] duration-500",
+              colorClass
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}
+function SubagentStatusLine({
+  status,
+  awaitingApproval = false,
+  stopped = false,
+  duration,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "data-slot": "lane-meta",
+      className: cnfast.cn("flex min-w-0 items-center gap-1 tabular-nums text-muted-foreground", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cnfast.cn(
+              !stopped && awaitingApproval && "text-amber-600",
+              !stopped && !awaitingApproval && status === "error" && "text-destructive"
+            ),
+            children: laneModel.subagentStatusLabel({ status, awaitingApproval, stopped })
+          }
+        ),
+        duration ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "·" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: duration })
+        ] }) : null
+      ]
+    }
+  );
+}
+function SubagentSegmentedProgress({
+  total,
+  complete,
+  failed,
+  className
+}) {
+  const width = (count) => `${total > 0 ? Math.round(count / total * 100) : 0}%`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", "data-slot": "subagent-progress", className: cnfast.cn("flex overflow-hidden bg-muted", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "data-slot": "subagent-progress-done",
+        className: "block h-full bg-foreground/25 transition-all duration-500",
+        style: { width: width(complete) }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "data-slot": "subagent-progress-failed",
+        className: "block h-full bg-destructive/60 transition-all duration-500",
+        style: { width: width(failed) }
+      }
+    )
+  ] });
+}
+function LaneAwaitingApprovalNote({
+  gatedCall,
+  insideLane = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "subagent-lane-awaiting-approval", className: "flex min-w-0 items-center gap-1.5 text-[0.7rem]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldAlertIcon, { "aria-hidden": "true", className: "size-3 shrink-0 text-amber-600" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-amber-600", children: subagents.subagentApprovalNoteLabel({ gatedCall, insideLane }) }),
+    gatedCall ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("code", { className: "shrink-0 font-mono font-medium text-foreground", children: gatedCall.name }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-muted-foreground", children: toolNames.salientToolCallDetail(gatedCall) })
+    ] }) : null
+  ] });
+}
+const TYPE_BADGE_CLASS = "inline-flex items-center gap-1 whitespace-nowrap rounded-md border border-transparent bg-muted px-1.5 py-0 text-[10px] font-medium leading-4 text-muted-foreground";
+function SubagentLaneCard({
+  snapshot,
+  timing,
+  now,
+  duration,
+  index,
+  onOpenTranscript,
+  registerCardEl,
+  approval,
+  wait,
+  stopped = false
+}) {
+  const [descriptionExpanded, setDescriptionExpanded] = require$$0.useState(false);
+  const running = snapshot.status === "running" && !stopped;
+  const editing = !stopped && snapshot.status === "queued" && approval !== void 0 && approval !== null;
+  const awaitingApproval = !stopped && wait.awaitingApproval && !editing;
+  const settled = stopped || subagents.isTerminalSubagentStatus(snapshot.status);
+  const live = running && !awaitingApproval;
+  const stalled = live && !wait.runParked && !snapshot.evalId && timing != null && now - timing.lastEventAt > laneModel.SUBAGENT_STALL_THRESHOLD_MS;
+  const stallSeconds = timing ? Math.floor((now - timing.lastEventAt) / 1e3) : 0;
+  const hasTranscript = snapshot.messages.length > 0 || Boolean(snapshot.output) || snapshot.source !== void 0;
+  const lastToolCall = snapshot.lastToolCall;
+  const laneTokens = laneModel.formatLaneTokens(snapshot.usage);
+  const typeLabel = laneModel.subagentTypeLabel(snapshot.name);
+  const title = laneModel.subagentLaneTitle(snapshot);
+  const facts = laneModel.laneFacts(snapshot);
+  const entrance = { animationDelay: `${index * 60}ms` };
+  return (
+    // A fieldset: the card is a group named by its lane, which assistive tech
+    // announces as one (its implicit role), with no form semantics of its own.
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "fieldset",
+      {
+        ref: registerCardEl ? (el) => registerCardEl(snapshot.id, el) : void 0,
+        "aria-label": `Subagent: ${title}`,
+        "data-testid": "subagent-lane-card",
+        "data-status": stopped ? "stopped" : awaitingApproval ? "awaiting-approval" : snapshot.status,
+        style: entrance,
+        className: "relative z-10 m-0 flex min-w-0 flex-col overflow-hidden rounded-lg border border-border bg-card p-0 text-card-foreground duration-300 ease-out [animation-fill-mode:both] animate-in fade-in-0 slide-in-from-bottom-2 zoom-in-95 motion-reduce:animate-none",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 px-3 pt-2.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              SubagentProgressRing,
+              {
+                snapshot,
+                stalled,
+                awaitingApproval,
+                stopped,
+                sizeClassName: "mt-0.5 size-4"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+              snapshot.description ? /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "lane-title",
+                  "aria-expanded": descriptionExpanded,
+                  onClick: () => setDescriptionExpanded(!descriptionExpanded),
+                  title: descriptionExpanded ? void 0 : snapshot.description,
+                  className: "rounded-sm text-left text-sm font-medium leading-snug text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cnfast.cn("break-words", !descriptionExpanded && "line-clamp-1"), children: snapshot.description })
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "lane-title", className: "text-sm font-medium leading-snug text-foreground", children: title }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                SubagentStatusLine,
+                {
+                  status: snapshot.status,
+                  awaitingApproval,
+                  stopped,
+                  duration: awaitingApproval ? void 0 : duration,
+                  className: "text-xs"
+                }
+              )
+            ] }),
+            typeLabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "lane-type", className: cnfast.cn(TYPE_BADGE_CLASS, "mt-0.5 shrink-0"), children: typeLabel }) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-[3.25rem] flex-col gap-1.5 px-3 py-2", children: [
+            editing ? approval : null,
+            awaitingApproval ? /* @__PURE__ */ jsxRuntime.jsx(LaneAwaitingApprovalNote, { gatedCall: wait.gatedCall, insideLane: wait.insideLane }) : null,
+            snapshot.status === "queued" && !stopped && !editing && !awaitingApproval ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground motion-safe:animate-pulse", children: "Queued — waiting for a dispatch slot…" }) : null,
+            live && lastToolCall ? /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                "data-slot": "lane-activity",
+                className: "flex min-w-0 items-center gap-1.5 duration-300 animate-in fade-in slide-in-from-bottom-1 motion-reduce:animate-none",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ZapIcon, { "aria-hidden": "true", className: "size-3 shrink-0 text-muted-foreground" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("code", { className: "shrink-0 font-mono text-[0.7rem] font-medium text-foreground/80", children: lastToolCall.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[0.7rem] text-muted-foreground", children: toolNames.salientToolCallDetail(lastToolCall) })
+                ]
+              },
+              lastToolCall.id ?? `${lastToolCall.name}-${snapshot.toolCallCount}`
+            ) : null,
+            live && snapshot.currentText ? /* @__PURE__ */ jsxRuntime.jsxs("p", { "data-slot": "lane-thought", className: "line-clamp-2 text-xs leading-relaxed text-muted-foreground", children: [
+              snapshot.currentText,
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-0.5 inline-block h-3 w-1 rounded-sm bg-muted-foreground/50 align-middle motion-safe:animate-pulse" })
+            ] }) : null,
+            live && !snapshot.currentText && !lastToolCall ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground motion-safe:animate-pulse", children: snapshot.evalId ? "Working… — output arrives when this dispatch completes" : "Working…" }) : null,
+            stalled ? /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                "data-slot": "lane-stalled",
+                className: "flex w-fit items-center gap-1 rounded-md bg-amber-500/10 px-1.5 py-0.5 text-[0.7rem] text-amber-600 duration-300 animate-in fade-in motion-reduce:animate-none",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangleIcon, { "aria-hidden": "true", className: "size-3 shrink-0" }),
+                  "No activity for ",
+                  stallSeconds,
+                  "s"
+                ]
+              }
+            ) : null,
+            settled ? /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                "data-slot": "lane-output",
+                className: cnfast.cn(
+                  "line-clamp-3 whitespace-pre-line break-words text-xs leading-relaxed",
+                  snapshot.status === "error" ? "text-destructive" : stopped ? "text-muted-foreground" : "text-foreground/80"
+                ),
+                children: snapshot.output || (stopped ? laneModel.SUBAGENT_STOPPED_OUTPUT : snapshot.status === "complete" && snapshot.evalId ? "Done — result returned to the orchestrator." : "No output.")
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto flex min-h-8 items-center gap-2 border-t border-border px-3 py-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 truncate text-[0.7rem] tabular-nums text-muted-foreground", children: [
+              facts.join(" · "),
+              laneTokens ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                facts.length > 0 ? " · " : null,
+                /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "lane-tokens", children: laneTokens })
+              ] }) : null
+            ] }),
+            hasTranscript ? /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                "data-slot": "lane-view-transcript",
+                onClick: () => onOpenTranscript(snapshot.id),
+                className: "ml-auto flex shrink-0 items-center gap-0.5 rounded px-1 py-0.5 text-[0.7rem] font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: [
+                  "View transcript",
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { "aria-hidden": "true", className: "size-3" })
+                ]
+              }
+            ) : null
+          ] })
+        ]
+      }
+    )
+  );
+}
+function SubagentOrchestrationStrip({
+  snapshots,
+  timings,
+  now,
+  stripRef,
+  awaitingLaneIds,
+  stoppedLaneIds
+}) {
+  let queued = 0;
+  let running = 0;
+  let complete = 0;
+  let failed = 0;
+  let stopped = 0;
+  let awaiting = 0;
+  let calls = 0;
+  for (const lane of snapshots) {
+    calls += lane.toolCallCount;
+    if ((stoppedLaneIds == null ? void 0 : stoppedLaneIds.has(lane.id)) === true && !subagents.isTerminalSubagentStatus(lane.status)) stopped += 1;
+    else if (awaitingLaneIds.has(lane.id) && !subagents.isTerminalSubagentStatus(lane.status)) awaiting += 1;
+    else if (lane.status === "queued") queued += 1;
+    else if (lane.status === "running") running += 1;
+    else if (lane.status === "complete") complete += 1;
+    else failed += 1;
+  }
+  const total = snapshots.length;
+  const watched = snapshots.some((lane) => {
+    var _a;
+    return ((_a = timings.get(lane.id)) == null ? void 0 : _a.sawActive) === true;
+  });
+  const firstSeen = Math.min(
+    ...snapshots.map((lane) => {
+      var _a;
+      return ((_a = timings.get(lane.id)) == null ? void 0 : _a.firstSeenAt) ?? Number.POSITIVE_INFINITY;
+    })
+  );
+  const elapsed = watched && Number.isFinite(firstSeen) ? laneModel.formatLaneElapsed(now - firstSeen) : null;
+  const parts = laneModel.subagentCountParts({ awaiting, queued, running, complete, failed, stopped });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: stripRef,
+      "data-slot": "subagent-strip",
+      className: "relative z-10 mx-auto flex w-fit max-w-full items-center gap-2 overflow-hidden rounded-full border border-border bg-card py-1 pr-4 pl-3 duration-300 animate-in fade-in slide-in-from-bottom-1 motion-reduce:animate-none",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitForkIcon, { "aria-hidden": "true", className: "size-3.5 rotate-180 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "whitespace-nowrap text-xs font-medium text-foreground", children: [
+          total,
+          " subagents in parallel"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate whitespace-nowrap text-xs tabular-nums text-muted-foreground", children: [
+          parts.join(" · "),
+          calls > 0 ? ` · ${calls} tool calls` : null,
+          elapsed ? ` · ${elapsed}` : null
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SubagentSegmentedProgress,
+          {
+            total,
+            complete,
+            failed: failed + stopped,
+            className: "absolute inset-x-0 bottom-0 h-0.5"
+          }
+        )
+      ]
+    }
+  );
+}
+function SubagentForkConnectors({
+  containerRef,
+  stripRef,
+  cardEls,
+  snapshots,
+  stoppedLaneIds
+}) {
+  const [paths, setPaths] = require$$0.useState([]);
+  require$$0.useLayoutEffect(() => {
+    const container = containerRef.current;
+    if (!container) return void 0;
+    const measure = () => {
+      var _a;
+      const strip = stripRef.current;
+      if (!strip) {
+        setPaths([]);
+        return;
+      }
+      const containerRect = container.getBoundingClientRect();
+      const stripRect = strip.getBoundingClientRect();
+      const originX = stripRect.left + stripRect.width / 2 - containerRect.left;
+      const originY = stripRect.bottom - containerRect.top;
+      const next = [];
+      for (const snap of snapshots) {
+        const el = (_a = cardEls.current) == null ? void 0 : _a.get(snap.id);
+        if (!el) continue;
+        const rect = el.getBoundingClientRect();
+        const cardX = rect.left + rect.width / 2 - containerRect.left;
+        const cardY = rect.top - containerRect.top;
+        if (cardY <= originY) continue;
+        next.push({
+          id: snap.id,
+          d: `M ${originX} ${originY} C ${originX} ${originY + 14}, ${cardX} ${cardY - 14}, ${cardX} ${cardY}`,
+          flowing: (snap.status === "running" || snap.status === "queued") && (stoppedLaneIds == null ? void 0 : stoppedLaneIds.has(snap.id)) !== true
+        });
+      }
+      setPaths(next);
+    };
+    measure();
+    if (typeof ResizeObserver !== "function") return void 0;
+    const observer = new ResizeObserver(measure);
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [containerRef, stripRef, cardEls, snapshots, stoppedLaneIds]);
+  if (paths.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      "data-slot": "subagent-connectors",
+      className: "pointer-events-none absolute inset-0 z-0 h-full w-full overflow-visible",
+      "aria-hidden": "true",
+      children: paths.map((path) => /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: path.d,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeDasharray: path.flowing ? "5 5" : void 0,
+          className: cnfast.cn("fill-none stroke-current", path.flowing ? "text-muted-foreground/60" : "text-border"),
+          children: path.flowing ? /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "stroke-dashoffset", values: "10;0", dur: "0.8s", repeatCount: "indefinite" }) : null
+        },
+        path.id
+      ))
+    }
+  );
+}
+function LanesPagerButton({
+  label,
+  disabled,
+  onClick,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": label,
+      disabled,
+      onClick,
+      className: "flex size-6 items-center justify-center rounded-full border border-border bg-card text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-default disabled:opacity-40 disabled:hover:bg-card disabled:hover:text-muted-foreground",
+      children
+    }
+  );
+}
+function SubagentLanesPager({
+  page,
+  pageCount,
+  onPageChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "subagent-pager", className: "relative z-10 mt-2 flex items-center justify-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(LanesPagerButton, { label: "Previous subagents", disabled: page === 0, onClick: () => onPageChange(page - 1), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { "aria-hidden": "true", className: "size-3.5" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
+      "Page ",
+      page + 1,
+      " of ",
+      pageCount
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      LanesPagerButton,
+      {
+        label: "Next subagents",
+        disabled: page === pageCount - 1,
+        onClick: () => onPageChange(page + 1),
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { "aria-hidden": "true", className: "size-3.5" })
+      }
+    )
+  ] });
+}
+function SubagentDelegationChip({
+  name,
+  description
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-testid": "subagent-delegation",
+      className: "my-2 flex min-w-0 items-center gap-2 rounded-lg border border-border bg-muted/40 px-3 py-2",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitForkIcon, { "aria-hidden": "true", className: "size-3.5 shrink-0 rotate-180 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-xs font-medium text-foreground", children: laneModel.subagentTypeLabel(name) ?? "Subagent" }),
+        description ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-xs text-muted-foreground", children: description }) : null
+      ]
+    }
+  );
+}
+exports.LaneAwaitingApprovalNote = LaneAwaitingApprovalNote;
+exports.SubagentDelegationChip = SubagentDelegationChip;
+exports.SubagentForkConnectors = SubagentForkConnectors;
+exports.SubagentLaneCard = SubagentLaneCard;
+exports.SubagentLanesPager = SubagentLanesPager;
+exports.SubagentOrchestrationStrip = SubagentOrchestrationStrip;
+exports.SubagentProgressRing = SubagentProgressRing;
+exports.SubagentSegmentedProgress = SubagentSegmentedProgress;
+exports.SubagentStatusLine = SubagentStatusLine;
+//# sourceMappingURL=lane-parts.cjs.map

package/dist/subagents/lane-parts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lane-parts.cjs","sources":["../../src/subagents/lane-parts.tsx"],"sourcesContent":["'use client';\n\n/**\n * The pieces a subagent lane is drawn with: its progress ring, its status\n * line, its card, a fan-out's orchestration strip and fork connectors, the\n * pager, and the chip a delegation inside a transcript shows as. Presentational\n * only: what a lane says comes from `lane-model.ts`, and where it is from the\n * group (`subagent-lane-group.tsx`). Every app that shows lanes draws them\n * with these (Athena on the web, the desktop app, any SDK host).\n */\nimport {\n  isTerminalSubagentStatus,\n  type SubagentDiscoverySnapshot,\n  type SubagentLaneApprovalWait,\n  type SubagentStatus,\n  salientToolCallDetail,\n  subagentApprovalNoteLabel,\n} from '@athenaintel/agent-runtime';\nimport {\n  AlertTriangleIcon,\n  CheckCircle2Icon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  GitForkIcon,\n  ShieldAlertIcon,\n  XCircleIcon,\n  ZapIcon,\n} from 'lucide-react';\nimport { type CSSProperties, type ReactNode, type RefObject, useLayoutEffect, useState } from 'react';\nimport { cn } from '../lib/utils';\nimport {\n  formatLaneElapsed,\n  formatLaneTokens,\n  laneFacts,\n  lanePlanProgress,\n  SUBAGENT_STALL_THRESHOLD_MS,\n  SUBAGENT_STOPPED_OUTPUT,\n  subagentCountParts,\n  subagentLaneTitle,\n  subagentStatusLabel,\n  subagentTypeLabel,\n  type SubagentTiming,\n} from './lane-model';\n\n// ─── Progress ring ───────────────────────────────────────────────────\n\nconst RING_RADIUS = 8;\nconst RING_CIRCUMFERENCE = 2 * Math.PI * RING_RADIUS;\n\n/**\n * The status dot with the subagent's plan progress drawn as a ring: the share\n * of its own `write_todos` plan it completed (`subgraph_state.todos`); an\n * indeterminate spinning arc while it has written no plan; a pulsing hollow\n * dot while queued; a check or a cross once settled (a muted one for a lane\n * its run stopped). Neutral while it works, amber while stalled, and a shield\n * while it waits for a person's approval. `sizeClassName` sizes it, so a list\n * of lanes can draw it smaller.\n */\nexport function SubagentProgressRing({\n  snapshot,\n  stalled = false,\n  awaitingApproval = false,\n  stopped = false,\n  sizeClassName = 'size-4',\n}: {\n  snapshot: Pick<SubagentDiscoverySnapshot, 'status' | 'todos'>;\n  stalled?: boolean;\n  awaitingApproval?: boolean;\n  /** The run ended before the lane settled. */\n  stopped?: boolean;\n  sizeClassName?: string;\n}) {\n  if (snapshot.status === 'complete') {\n    return <CheckCircle2Icon aria-hidden=\"true\" className={cn('shrink-0 text-emerald-600', sizeClassName)} />;\n  }\n  if (snapshot.status === 'error') {\n    return <XCircleIcon aria-hidden=\"true\" className={cn('shrink-0 text-destructive', sizeClassName)} />;\n  }\n  if (stopped) {\n    return <XCircleIcon aria-hidden=\"true\" className={cn('shrink-0 text-muted-foreground', sizeClassName)} />;\n  }\n  if (awaitingApproval) {\n    return (\n      <ShieldAlertIcon\n        role=\"img\"\n        aria-label=\"Waiting for approval\"\n        className={cn('shrink-0 text-amber-600', sizeClassName)}\n      />\n    );\n  }\n  const colorClass = stalled ? 'text-amber-600' : 'text-foreground/60';\n  if (snapshot.status === 'queued') {\n    return (\n      <span className={cn('flex shrink-0 items-center justify-center', sizeClassName)}>\n        <span\n          className={cn(\n            'h-1/2 w-1/2 rounded-full border-2 motion-safe:animate-pulse',\n            colorClass,\n          )}\n        />\n      </span>\n    );\n  }\n  const plan = lanePlanProgress(snapshot);\n  const fraction = plan ? plan.done / plan.total : null;\n  return (\n    <span className={cn('flex shrink-0 items-center justify-center', sizeClassName)}>\n      <svg\n        viewBox=\"0 0 20 20\"\n        className={cn(\n          'h-full w-full',\n          fraction == null ? 'motion-safe:animate-spin' : '-rotate-90',\n        )}\n        role=\"img\"\n        aria-label=\"Subagent progress\"\n      >\n        {/* The hover hint, as the ring's own: no tooltip library for one line. */}\n        <title>{plan ? `${plan.done}/${plan.total} plan steps complete` : 'Working — no plan written yet'}</title>\n        <circle\n          cx=\"10\"\n          cy=\"10\"\n          r={RING_RADIUS}\n          strokeWidth=\"2.5\"\n          className=\"fill-none stroke-current text-border\"\n        />\n        <circle\n          cx=\"10\"\n          cy=\"10\"\n          r={RING_RADIUS}\n          strokeWidth=\"2.5\"\n          strokeLinecap=\"round\"\n          strokeDasharray={RING_CIRCUMFERENCE}\n          strokeDashoffset={RING_CIRCUMFERENCE * (1 - (fraction ?? 0.25))}\n          className={cn(\n            'fill-none stroke-current transition-[stroke-dashoffset] duration-500',\n            colorClass,\n          )}\n        />\n      </svg>\n    </span>\n  );\n}\n\n// ─── Status line ─────────────────────────────────────────────────────\n\n/**\n * A lane's muted status line, \"Done · 29s\": its status word and, when known,\n * its duration. Only a failure and a wait for approval take a tone.\n */\nexport function SubagentStatusLine({\n  status,\n  awaitingApproval = false,\n  stopped = false,\n  duration,\n  className,\n}: {\n  status: SubagentStatus;\n  awaitingApproval?: boolean;\n  /** The run ended before the lane settled. */\n  stopped?: boolean;\n  duration?: string;\n  className?: string;\n}) {\n  return (\n    <span\n      data-slot=\"lane-meta\"\n      className={cn('flex min-w-0 items-center gap-1 tabular-nums text-muted-foreground', className)}\n    >\n      <span\n        className={cn(\n          !stopped && awaitingApproval && 'text-amber-600',\n          !stopped && !awaitingApproval && status === 'error' && 'text-destructive',\n        )}\n      >\n        {subagentStatusLabel({ status, awaitingApproval, stopped })}\n      </span>\n      {duration ? (\n        <>\n          <span aria-hidden=\"true\">·</span>\n          <span>{duration}</span>\n        </>\n      ) : null}\n    </span>\n  );\n}\n\n/**\n * A fan-out's progress as one quiet bar: the finished lanes, then the failed\n * ones, over the queued and running remainder. Placed and sized through\n * `className`.\n */\nexport function SubagentSegmentedProgress({\n  total,\n  complete,\n  failed,\n  className,\n}: {\n  total: number;\n  complete: number;\n  failed: number;\n  className?: string;\n}) {\n  const width = (count: number) => `${total > 0 ? Math.round((count / total) * 100) : 0}%`;\n  return (\n    <span aria-hidden=\"true\" data-slot=\"subagent-progress\" className={cn('flex overflow-hidden bg-muted', className)}>\n      <span\n        data-slot=\"subagent-progress-done\"\n        className=\"block h-full bg-foreground/25 transition-all duration-500\"\n        style={{ width: width(complete) }}\n      />\n      <span\n        data-slot=\"subagent-progress-failed\"\n        className=\"block h-full bg-destructive/60 transition-all duration-500\"\n        style={{ width: width(failed) }}\n      />\n    </span>\n  );\n}\n\n/**\n * What a lane waiting for approval shows in place of its live activity: the\n * call it waits on (a gated tool its subagent raised), or that it needs\n * approval to start or to continue. Answering is the approval card's.\n */\nexport function LaneAwaitingApprovalNote({\n  gatedCall,\n  insideLane = false,\n}: Pick<SubagentLaneApprovalWait, 'gatedCall' | 'insideLane'>) {\n  return (\n    <div data-testid=\"subagent-lane-awaiting-approval\" className=\"flex min-w-0 items-center gap-1.5 text-[0.7rem]\">\n      <ShieldAlertIcon aria-hidden=\"true\" className=\"size-3 shrink-0 text-amber-600\" />\n      <span className=\"shrink-0 text-amber-600\">{subagentApprovalNoteLabel({ gatedCall, insideLane })}</span>\n      {gatedCall ? (\n        <>\n          <code className=\"shrink-0 font-mono font-medium text-foreground\">{gatedCall.name}</code>\n          <span className=\"truncate text-muted-foreground\">{salientToolCallDetail(gatedCall)}</span>\n        </>\n      ) : null}\n    </div>\n  );\n}\n\n// ─── The lane card ───────────────────────────────────────────────────\n\n/** Whether a lane waits on a person, and on what; `runParked` when the whole run waits on one. */\nexport interface SubagentLaneWait extends SubagentLaneApprovalWait {\n  /** The whole run is parked on a request a person answers: no lane runs until someone does. */\n  runParked: boolean;\n}\n\nexport interface SubagentLaneCardProps {\n  snapshot: SubagentDiscoverySnapshot;\n  timing: SubagentTiming | undefined;\n  /** The group's clock. */\n  now: number;\n  /** The duration the card shows (`laneDurationLabel`). */\n  duration: string | undefined;\n  /** Its place among the cards shown, which staggers their entrance. */\n  index: number;\n  /** Opens the lane's transcript. */\n  onOpenTranscript: (id: string) => void;\n  /** The card's element, for the fork connectors. */\n  registerCardEl?: (id: string, el: HTMLElement | null) => void;\n  /** A host's in-card approval controls for this queued lane (Athena on the web's lane editor). */\n  approval?: ReactNode;\n  wait: SubagentLaneWait;\n  /** The run that delegated the lane ended before it settled: it reads Stopped, not live. */\n  stopped?: boolean;\n}\n\nconst TYPE_BADGE_CLASS =\n  'inline-flex items-center gap-1 whitespace-nowrap rounded-md border border-transparent bg-muted px-1.5 py-0 text-[10px] font-medium leading-4 text-muted-foreground';\n\n/**\n * One subagent lane: its brief (which opens whole), its status and duration,\n * and while it works, the call it made last, the thought it streams, and a\n * badge once it has gone quiet; a settled lane's report or failure; its facts\n * (tool calls, plan steps, tokens) and \"View transcript\".\n */\nexport function SubagentLaneCard({\n  snapshot,\n  timing,\n  now,\n  duration,\n  index,\n  onOpenTranscript,\n  registerCardEl,\n  approval,\n  wait,\n  stopped = false,\n}: SubagentLaneCardProps) {\n  const [descriptionExpanded, setDescriptionExpanded] = useState(false);\n  const running = snapshot.status === 'running' && !stopped;\n  // A queued lane offering a host's in-card approval controls already shows\n  // what it waits for; every other lane waiting for approval says so, and\n  // shows what it waits on in place of live activity.\n  const editing = !stopped && snapshot.status === 'queued' && approval !== undefined && approval !== null;\n  const awaitingApproval = !stopped && wait.awaitingApproval && !editing;\n  const settled = stopped || isTerminalSubagentStatus(snapshot.status);\n  const live = running && !awaitingApproval;\n  // In-eval dispatches (`evalId`) report their lifecycle only, so a healthy\n  // long dispatch would read as stalled; a lane waiting on a person (its\n  // approval, or a run parked on one) makes no progress until someone\n  // answers, and that is not a stall either.\n  const stalled =\n    live &&\n    !wait.runParked &&\n    !snapshot.evalId &&\n    timing != null &&\n    now - timing.lastEventAt > SUBAGENT_STALL_THRESHOLD_MS;\n  const stallSeconds = timing ? Math.floor((now - timing.lastEventAt) / 1000) : 0;\n  // A lane with a source pages its steps in the transcript (one left only its summary too).\n  const hasTranscript =\n    snapshot.messages.length > 0 || Boolean(snapshot.output) || snapshot.source !== undefined;\n  const lastToolCall = snapshot.lastToolCall;\n  const laneTokens = formatLaneTokens(snapshot.usage);\n  const typeLabel = subagentTypeLabel(snapshot.name);\n  const title = subagentLaneTitle(snapshot);\n  const facts = laneFacts(snapshot);\n  const entrance: CSSProperties = { animationDelay: `${index * 60}ms` };\n\n  return (\n    // A fieldset: the card is a group named by its lane, which assistive tech\n    // announces as one (its implicit role), with no form semantics of its own.\n    <fieldset\n      ref={registerCardEl ? (el) => registerCardEl(snapshot.id, el) : undefined}\n      aria-label={`Subagent: ${title}`}\n      data-testid=\"subagent-lane-card\"\n      data-status={stopped ? 'stopped' : awaitingApproval ? 'awaiting-approval' : snapshot.status}\n      style={entrance}\n      className=\"relative z-10 m-0 flex min-w-0 flex-col overflow-hidden rounded-lg border border-border bg-card p-0 text-card-foreground duration-300 ease-out [animation-fill-mode:both] animate-in fade-in-0 slide-in-from-bottom-2 zoom-in-95 motion-reduce:animate-none\"\n    >\n      <div className=\"flex items-start gap-2 px-3 pt-2.5\">\n        <SubagentProgressRing\n          snapshot={snapshot}\n          stalled={stalled}\n          awaitingApproval={awaitingApproval}\n          stopped={stopped}\n          sizeClassName=\"mt-0.5 size-4\"\n        />\n        <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n          {snapshot.description ? (\n            <button\n              type=\"button\"\n              data-slot=\"lane-title\"\n              aria-expanded={descriptionExpanded}\n              onClick={() => setDescriptionExpanded(!descriptionExpanded)}\n              title={descriptionExpanded ? undefined : snapshot.description}\n              className=\"rounded-sm text-left text-sm font-medium leading-snug text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <span className={cn('break-words', !descriptionExpanded && 'line-clamp-1')}>\n                {snapshot.description}\n              </span>\n            </button>\n          ) : (\n            <span data-slot=\"lane-title\" className=\"text-sm font-medium leading-snug text-foreground\">\n              {title}\n            </span>\n          )}\n          <SubagentStatusLine\n            status={snapshot.status}\n            awaitingApproval={awaitingApproval}\n            stopped={stopped}\n            // No clock while it waits on a person: it is not running.\n            duration={awaitingApproval ? undefined : duration}\n            className=\"text-xs\"\n          />\n        </div>\n        {typeLabel ? (\n          <span data-slot=\"lane-type\" className={cn(TYPE_BADGE_CLASS, 'mt-0.5 shrink-0')}>\n            {typeLabel}\n          </span>\n        ) : null}\n      </div>\n\n      <div className=\"flex min-h-[3.25rem] flex-col gap-1.5 px-3 py-2\">\n        {editing ? approval : null}\n        {awaitingApproval ? (\n          <LaneAwaitingApprovalNote gatedCall={wait.gatedCall} insideLane={wait.insideLane} />\n        ) : null}\n        {snapshot.status === 'queued' && !stopped && !editing && !awaitingApproval ? (\n          <div className=\"text-xs text-muted-foreground motion-safe:animate-pulse\">\n            Queued — waiting for a dispatch slot…\n          </div>\n        ) : null}\n\n        {live && lastToolCall ? (\n          <div\n            key={lastToolCall.id ?? `${lastToolCall.name}-${snapshot.toolCallCount}`}\n            data-slot=\"lane-activity\"\n            className=\"flex min-w-0 items-center gap-1.5 duration-300 animate-in fade-in slide-in-from-bottom-1 motion-reduce:animate-none\"\n          >\n            <ZapIcon aria-hidden=\"true\" className=\"size-3 shrink-0 text-muted-foreground\" />\n            <code className=\"shrink-0 font-mono text-[0.7rem] font-medium text-foreground/80\">\n              {lastToolCall.name}\n            </code>\n            <span className=\"truncate text-[0.7rem] text-muted-foreground\">{salientToolCallDetail(lastToolCall)}</span>\n          </div>\n        ) : null}\n\n        {live && snapshot.currentText ? (\n          <p data-slot=\"lane-thought\" className=\"line-clamp-2 text-xs leading-relaxed text-muted-foreground\">\n            {snapshot.currentText}\n            <span className=\"ml-0.5 inline-block h-3 w-1 rounded-sm bg-muted-foreground/50 align-middle motion-safe:animate-pulse\" />\n          </p>\n        ) : null}\n        {live && !snapshot.currentText && !lastToolCall ? (\n          <div className=\"text-xs text-muted-foreground motion-safe:animate-pulse\">\n            {snapshot.evalId ? 'Working… — output arrives when this dispatch completes' : 'Working…'}\n          </div>\n        ) : null}\n\n        {stalled ? (\n          <div\n            data-slot=\"lane-stalled\"\n            className=\"flex w-fit items-center gap-1 rounded-md bg-amber-500/10 px-1.5 py-0.5 text-[0.7rem] text-amber-600 duration-300 animate-in fade-in motion-reduce:animate-none\"\n          >\n            <AlertTriangleIcon aria-hidden=\"true\" className=\"size-3 shrink-0\" />\n            No activity for {stallSeconds}s\n          </div>\n        ) : null}\n\n        {settled ? (\n          <p\n            data-slot=\"lane-output\"\n            className={cn(\n              'line-clamp-3 whitespace-pre-line break-words text-xs leading-relaxed',\n              snapshot.status === 'error' ? 'text-destructive' : stopped ? 'text-muted-foreground' : 'text-foreground/80',\n            )}\n          >\n            {/* An in-eval dispatch's completion carries no output (the result\n                returns into the interpreter, not this lane): say so rather\n                than implying the subagent produced nothing. */}\n            {snapshot.output ||\n              (stopped\n                ? SUBAGENT_STOPPED_OUTPUT\n                : snapshot.status === 'complete' && snapshot.evalId\n                  ? 'Done — result returned to the orchestrator.'\n                  : 'No output.')}\n          </p>\n        ) : null}\n      </div>\n\n      <div className=\"mt-auto flex min-h-8 items-center gap-2 border-t border-border px-3 py-1.5\">\n        <span className=\"min-w-0 truncate text-[0.7rem] tabular-nums text-muted-foreground\">\n          {facts.join(' · ')}\n          {laneTokens ? (\n            <>\n              {facts.length > 0 ? ' · ' : null}\n              <span data-slot=\"lane-tokens\">{laneTokens}</span>\n            </>\n          ) : null}\n        </span>\n        {hasTranscript ? (\n          <button\n            type=\"button\"\n            data-slot=\"lane-view-transcript\"\n            onClick={() => onOpenTranscript(snapshot.id)}\n            className=\"ml-auto flex shrink-0 items-center gap-0.5 rounded px-1 py-0.5 text-[0.7rem] font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            View transcript\n            <ChevronRightIcon aria-hidden=\"true\" className=\"size-3\" />\n          </button>\n        ) : null}\n      </div>\n    </fieldset>\n  );\n}\n\n// ─── Orchestration strip (parallel groups only) ──────────────────────\n\nexport function SubagentOrchestrationStrip({\n  snapshots,\n  timings,\n  now,\n  stripRef,\n  awaitingLaneIds,\n  stoppedLaneIds,\n}: {\n  snapshots: readonly SubagentDiscoverySnapshot[];\n  timings: ReadonlyMap<string, SubagentTiming>;\n  now: number;\n  stripRef: RefObject<HTMLDivElement | null>;\n  /** Lanes waiting for approval: counted on their own, so a paged-away one is still seen. */\n  awaitingLaneIds: ReadonlySet<string>;\n  /** Lanes the run stopped before they settled. */\n  stoppedLaneIds?: ReadonlySet<string>;\n}) {\n  let queued = 0;\n  let running = 0;\n  let complete = 0;\n  let failed = 0;\n  let stopped = 0;\n  let awaiting = 0;\n  let calls = 0;\n  for (const lane of snapshots) {\n    calls += lane.toolCallCount;\n    if (stoppedLaneIds?.has(lane.id) === true && !isTerminalSubagentStatus(lane.status)) stopped += 1;\n    else if (awaitingLaneIds.has(lane.id) && !isTerminalSubagentStatus(lane.status)) awaiting += 1;\n    else if (lane.status === 'queued') queued += 1;\n    else if (lane.status === 'running') running += 1;\n    else if (lane.status === 'complete') complete += 1;\n    else failed += 1;\n  }\n  const total = snapshots.length;\n  // Wall time only for a run this page watched: a reopened group's lanes were\n  // all first seen at mount, so its clock would read \"0s\".\n  const watched = snapshots.some((lane) => timings.get(lane.id)?.sawActive === true);\n  const firstSeen = Math.min(\n    ...snapshots.map((lane) => timings.get(lane.id)?.firstSeenAt ?? Number.POSITIVE_INFINITY),\n  );\n  const elapsed = watched && Number.isFinite(firstSeen) ? formatLaneElapsed(now - firstSeen) : null;\n  const parts = subagentCountParts({ awaiting, queued, running, complete, failed, stopped });\n\n  return (\n    <div\n      ref={stripRef}\n      data-slot=\"subagent-strip\"\n      className=\"relative z-10 mx-auto flex w-fit max-w-full items-center gap-2 overflow-hidden rounded-full border border-border bg-card py-1 pr-4 pl-3 duration-300 animate-in fade-in slide-in-from-bottom-1 motion-reduce:animate-none\"\n    >\n      <GitForkIcon aria-hidden=\"true\" className=\"size-3.5 rotate-180 text-muted-foreground\" />\n      <span className=\"whitespace-nowrap text-xs font-medium text-foreground\">{total} subagents in parallel</span>\n      <span className=\"truncate whitespace-nowrap text-xs tabular-nums text-muted-foreground\">\n        {parts.join(' · ')}\n        {calls > 0 ? ` · ${calls} tool calls` : null}\n        {elapsed ? ` · ${elapsed}` : null}\n      </span>\n      <SubagentSegmentedProgress\n        total={total}\n        complete={complete}\n        failed={failed + stopped}\n        className=\"absolute inset-x-0 bottom-0 h-0.5\"\n      />\n    </div>\n  );\n}\n\n// ─── Fork connectors ─────────────────────────────────────────────────\n\ninterface ConnectorPath {\n  id: string;\n  d: string;\n  flowing: boolean;\n}\n\n/**\n * Curves from the strip's bottom centre to the top centre of each card shown,\n * measured from the layout. A connector to a lane still working carries a\n * flowing dash (SVG's own animation, no stylesheet keyframes); one to a\n * settled lane is a faint solid line. Measured again on every resize, so a\n * reflow keeps the fork attached.\n */\nexport function SubagentForkConnectors({\n  containerRef,\n  stripRef,\n  cardEls,\n  snapshots,\n  stoppedLaneIds,\n}: {\n  containerRef: RefObject<HTMLDivElement | null>;\n  stripRef: RefObject<HTMLDivElement | null>;\n  cardEls: RefObject<Map<string, HTMLElement>>;\n  snapshots: readonly SubagentDiscoverySnapshot[];\n  /** Lanes the run stopped before they settled: their connectors settle too. */\n  stoppedLaneIds?: ReadonlySet<string>;\n}) {\n  const [paths, setPaths] = useState<ConnectorPath[]>([]);\n\n  useLayoutEffect(() => {\n    const container = containerRef.current;\n    if (!container) return undefined;\n    const measure = () => {\n      const strip = stripRef.current;\n      if (!strip) {\n        setPaths([]);\n        return;\n      }\n      const containerRect = container.getBoundingClientRect();\n      const stripRect = strip.getBoundingClientRect();\n      const originX = stripRect.left + stripRect.width / 2 - containerRect.left;\n      const originY = stripRect.bottom - containerRect.top;\n      const next: ConnectorPath[] = [];\n      for (const snap of snapshots) {\n        const el = cardEls.current?.get(snap.id);\n        if (!el) continue;\n        const rect = el.getBoundingClientRect();\n        const cardX = rect.left + rect.width / 2 - containerRect.left;\n        const cardY = rect.top - containerRect.top;\n        if (cardY <= originY) continue;\n        next.push({\n          id: snap.id,\n          d: `M ${originX} ${originY} C ${originX} ${originY + 14}, ${cardX} ${cardY - 14}, ${cardX} ${cardY}`,\n          flowing: (snap.status === 'running' || snap.status === 'queued') && stoppedLaneIds?.has(snap.id) !== true,\n        });\n      }\n      setPaths(next);\n    };\n    measure();\n    if (typeof ResizeObserver !== 'function') return undefined;\n    const observer = new ResizeObserver(measure);\n    observer.observe(container);\n    return () => observer.disconnect();\n    // `snapshots` gets a fresh identity on every stream update, so status flips\n    // re-measure too; the observer covers pure geometry (wrap/resize) changes.\n  }, [containerRef, stripRef, cardEls, snapshots, stoppedLaneIds]);\n\n  if (paths.length === 0) return null;\n  return (\n    <svg\n      data-slot=\"subagent-connectors\"\n      className=\"pointer-events-none absolute inset-0 z-0 h-full w-full overflow-visible\"\n      aria-hidden=\"true\"\n    >\n      {paths.map((path) => (\n        <path\n          key={path.id}\n          d={path.d}\n          strokeWidth=\"1.5\"\n          strokeLinecap=\"round\"\n          strokeDasharray={path.flowing ? '5 5' : undefined}\n          className={cn('fill-none stroke-current', path.flowing ? 'text-muted-foreground/60' : 'text-border')}\n        >\n          {path.flowing ? (\n            <animate attributeName=\"stroke-dashoffset\" values=\"10;0\" dur=\"0.8s\" repeatCount=\"indefinite\" />\n          ) : null}\n        </path>\n      ))}\n    </svg>\n  );\n}\n\n// ─── Pager ───────────────────────────────────────────────────────────\n\nfunction LanesPagerButton({\n  label,\n  disabled,\n  onClick,\n  children,\n}: {\n  label: string;\n  disabled: boolean;\n  onClick: () => void;\n  children: ReactNode;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      disabled={disabled}\n      onClick={onClick}\n      className=\"flex size-6 items-center justify-center rounded-full border border-border bg-card text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-default disabled:opacity-40 disabled:hover:bg-card disabled:hover:text-muted-foreground\"\n    >\n      {children}\n    </button>\n  );\n}\n\n/** Prev and next for a fan-out of more lanes than one page shows. */\nexport function SubagentLanesPager({\n  page,\n  pageCount,\n  onPageChange,\n}: {\n  /** The page shown, from 0. */\n  page: number;\n  pageCount: number;\n  onPageChange: (page: number) => void;\n}) {\n  return (\n    <div data-slot=\"subagent-pager\" className=\"relative z-10 mt-2 flex items-center justify-center gap-2\">\n      <LanesPagerButton label=\"Previous subagents\" disabled={page === 0} onClick={() => onPageChange(page - 1)}>\n        <ChevronLeftIcon aria-hidden=\"true\" className=\"size-3.5\" />\n      </LanesPagerButton>\n      <span className=\"text-xs tabular-nums text-muted-foreground\">\n        Page {page + 1} of {pageCount}\n      </span>\n      <LanesPagerButton\n        label=\"Next subagents\"\n        disabled={page === pageCount - 1}\n        onClick={() => onPageChange(page + 1)}\n      >\n        <ChevronRightIcon aria-hidden=\"true\" className=\"size-3.5\" />\n      </LanesPagerButton>\n    </div>\n  );\n}\n\n// ─── A delegation inside a transcript ────────────────────────────────\n\n/**\n * A delegation inside a subagent's own transcript: one static chip. It is not\n * the run's lane to show (its steps live in the subagent's own transcript) and\n * carries no approval.\n */\nexport function SubagentDelegationChip({\n  name,\n  description,\n}: {\n  /** The delegation's `subagent_type`. */\n  name: string;\n  description?: string;\n}) {\n  return (\n    <div\n      data-testid=\"subagent-delegation\"\n      className=\"my-2 flex min-w-0 items-center gap-2 rounded-lg border border-border bg-muted/40 px-3 py-2\"\n    >\n      <GitForkIcon aria-hidden=\"true\" className=\"size-3.5 shrink-0 rotate-180 text-muted-foreground\" />\n      <span className=\"shrink-0 text-xs font-medium text-foreground\">{subagentTypeLabel(name) ?? 'Subagent'}</span>\n      {description ? <span className=\"min-w-0 truncate text-xs text-muted-foreground\">{description}</span> : null}\n    </div>\n  );\n}\n"],"names":["jsx","CheckCircle2Icon","cn","XCircleIcon","ShieldAlertIcon","lanePlanProgress","jsxs","subagentStatusLabel","Fragment","salientToolCallDetail","useState","isTerminalSubagentStatus","SUBAGENT_STALL_THRESHOLD_MS","formatLaneTokens","subagentTypeLabel","subagentLaneTitle","laneFacts","ZapIcon","AlertTriangleIcon","SUBAGENT_STOPPED_OUTPUT","ChevronRightIcon","formatLaneElapsed","subagentCountParts","GitForkIcon","useLayoutEffect","ChevronLeftIcon"],"mappings":"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"}