@athenaintel/react 0.57.2 → 0.60.0

package/dist/subagents/lane-parts.d.ts

@@ -0,0 +1,130 @@
+/**
+ * The pieces a subagent lane is drawn with: its progress ring, its status
+ * line, its card, a fan-out's orchestration strip and fork connectors, the
+ * pager, and the chip a delegation inside a transcript shows as. Presentational
+ * only: what a lane says comes from `lane-model.ts`, and where it is from the
+ * group (`subagent-lane-group.tsx`). Every app that shows lanes draws them
+ * with these (Athena on the web, the desktop app, any SDK host).
+ */
+import { type SubagentDiscoverySnapshot, type SubagentLaneApprovalWait, type SubagentStatus } from '../agent-runtime/src/index';
+import { type ReactNode, type RefObject } from 'react';
+import { type SubagentTiming } from './lane-model';
+/**
+ * The status dot with the subagent's plan progress drawn as a ring: the share
+ * of its own `write_todos` plan it completed (`subgraph_state.todos`); an
+ * indeterminate spinning arc while it has written no plan; a pulsing hollow
+ * dot while queued; a check or a cross once settled (a muted one for a lane
+ * its run stopped). Neutral while it works, amber while stalled, and a shield
+ * while it waits for a person's approval. `sizeClassName` sizes it, so a list
+ * of lanes can draw it smaller.
+ */
+export declare function SubagentProgressRing({ snapshot, stalled, awaitingApproval, stopped, sizeClassName, }: {
+    snapshot: Pick<SubagentDiscoverySnapshot, 'status' | 'todos'>;
+    stalled?: boolean;
+    awaitingApproval?: boolean;
+    /** The run ended before the lane settled. */
+    stopped?: boolean;
+    sizeClassName?: string;
+}): import("react").JSX.Element;
+/**
+ * A lane's muted status line, "Done · 29s": its status word and, when known,
+ * its duration. Only a failure and a wait for approval take a tone.
+ */
+export declare function SubagentStatusLine({ status, awaitingApproval, stopped, duration, className, }: {
+    status: SubagentStatus;
+    awaitingApproval?: boolean;
+    /** The run ended before the lane settled. */
+    stopped?: boolean;
+    duration?: string;
+    className?: string;
+}): import("react").JSX.Element;
+/**
+ * A fan-out's progress as one quiet bar: the finished lanes, then the failed
+ * ones, over the queued and running remainder. Placed and sized through
+ * `className`.
+ */
+export declare function SubagentSegmentedProgress({ total, complete, failed, className, }: {
+    total: number;
+    complete: number;
+    failed: number;
+    className?: string;
+}): import("react").JSX.Element;
+/**
+ * What a lane waiting for approval shows in place of its live activity: the
+ * call it waits on (a gated tool its subagent raised), or that it needs
+ * approval to start or to continue. Answering is the approval card's.
+ */
+export declare function LaneAwaitingApprovalNote({ gatedCall, insideLane, }: Pick<SubagentLaneApprovalWait, 'gatedCall' | 'insideLane'>): import("react").JSX.Element;
+/** Whether a lane waits on a person, and on what; `runParked` when the whole run waits on one. */
+export interface SubagentLaneWait extends SubagentLaneApprovalWait {
+    /** The whole run is parked on a request a person answers: no lane runs until someone does. */
+    runParked: boolean;
+}
+export interface SubagentLaneCardProps {
+    snapshot: SubagentDiscoverySnapshot;
+    timing: SubagentTiming | undefined;
+    /** The group's clock. */
+    now: number;
+    /** The duration the card shows (`laneDurationLabel`). */
+    duration: string | undefined;
+    /** Its place among the cards shown, which staggers their entrance. */
+    index: number;
+    /** Opens the lane's transcript. */
+    onOpenTranscript: (id: string) => void;
+    /** The card's element, for the fork connectors. */
+    registerCardEl?: (id: string, el: HTMLElement | null) => void;
+    /** A host's in-card approval controls for this queued lane (Athena on the web's lane editor). */
+    approval?: ReactNode;
+    wait: SubagentLaneWait;
+    /** The run that delegated the lane ended before it settled: it reads Stopped, not live. */
+    stopped?: boolean;
+}
+/**
+ * One subagent lane: its brief (which opens whole), its status and duration,
+ * and while it works, the call it made last, the thought it streams, and a
+ * badge once it has gone quiet; a settled lane's report or failure; its facts
+ * (tool calls, plan steps, tokens) and "View transcript".
+ */
+export declare function SubagentLaneCard({ snapshot, timing, now, duration, index, onOpenTranscript, registerCardEl, approval, wait, stopped, }: SubagentLaneCardProps): import("react").JSX.Element;
+export declare function SubagentOrchestrationStrip({ snapshots, timings, now, stripRef, awaitingLaneIds, stoppedLaneIds, }: {
+    snapshots: readonly SubagentDiscoverySnapshot[];
+    timings: ReadonlyMap<string, SubagentTiming>;
+    now: number;
+    stripRef: RefObject<HTMLDivElement | null>;
+    /** Lanes waiting for approval: counted on their own, so a paged-away one is still seen. */
+    awaitingLaneIds: ReadonlySet<string>;
+    /** Lanes the run stopped before they settled. */
+    stoppedLaneIds?: ReadonlySet<string>;
+}): import("react").JSX.Element;
+/**
+ * Curves from the strip's bottom centre to the top centre of each card shown,
+ * measured from the layout. A connector to a lane still working carries a
+ * flowing dash (SVG's own animation, no stylesheet keyframes); one to a
+ * settled lane is a faint solid line. Measured again on every resize, so a
+ * reflow keeps the fork attached.
+ */
+export declare function SubagentForkConnectors({ containerRef, stripRef, cardEls, snapshots, stoppedLaneIds, }: {
+    containerRef: RefObject<HTMLDivElement | null>;
+    stripRef: RefObject<HTMLDivElement | null>;
+    cardEls: RefObject<Map<string, HTMLElement>>;
+    snapshots: readonly SubagentDiscoverySnapshot[];
+    /** Lanes the run stopped before they settled: their connectors settle too. */
+    stoppedLaneIds?: ReadonlySet<string>;
+}): import("react").JSX.Element | null;
+/** Prev and next for a fan-out of more lanes than one page shows. */
+export declare function SubagentLanesPager({ page, pageCount, onPageChange, }: {
+    /** The page shown, from 0. */
+    page: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+}): import("react").JSX.Element;
+/**
+ * A delegation inside a subagent's own transcript: one static chip. It is not
+ * the run's lane to show (its steps live in the subagent's own transcript) and
+ * carries no approval.
+ */
+export declare function SubagentDelegationChip({ name, description, }: {
+    /** The delegation's `subagent_type`. */
+    name: string;
+    description?: string;
+}): import("react").JSX.Element;

package/dist/subagents/lane-parts.js

@@ -0,0 +1,517 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { ShieldAlertIcon, GitForkIcon, ZapIcon, AlertTriangleIcon, ChevronRightIcon, ChevronLeftIcon, CheckCircle2Icon, XCircleIcon } from "lucide-react";
+import { useState, useLayoutEffect } from "react";
+import { subagentTypeLabel, SUBAGENT_STALL_THRESHOLD_MS, formatLaneTokens, subagentLaneTitle, laneFacts, SUBAGENT_STOPPED_OUTPUT, formatLaneElapsed, lanePlanProgress, subagentStatusLabel, subagentCountParts } from "./lane-model.js";
+import { subagentApprovalNoteLabel, isTerminalSubagentStatus } from "../agent-runtime/src/subagents.js";
+import { salientToolCallDetail } from "../agent-runtime/src/tool-names.js";
+import { cn } from "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__ */ jsx(CheckCircle2Icon, { "aria-hidden": "true", className: cn("shrink-0 text-emerald-600", sizeClassName) });
+  }
+  if (snapshot.status === "error") {
+    return /* @__PURE__ */ jsx(XCircleIcon, { "aria-hidden": "true", className: cn("shrink-0 text-destructive", sizeClassName) });
+  }
+  if (stopped) {
+    return /* @__PURE__ */ jsx(XCircleIcon, { "aria-hidden": "true", className: cn("shrink-0 text-muted-foreground", sizeClassName) });
+  }
+  if (awaitingApproval) {
+    return /* @__PURE__ */ jsx(
+      ShieldAlertIcon,
+      {
+        role: "img",
+        "aria-label": "Waiting for approval",
+        className: cn("shrink-0 text-amber-600", sizeClassName)
+      }
+    );
+  }
+  const colorClass = stalled ? "text-amber-600" : "text-foreground/60";
+  if (snapshot.status === "queued") {
+    return /* @__PURE__ */ jsx("span", { className: cn("flex shrink-0 items-center justify-center", sizeClassName), children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "h-1/2 w-1/2 rounded-full border-2 motion-safe:animate-pulse",
+          colorClass
+        )
+      }
+    ) });
+  }
+  const plan = lanePlanProgress(snapshot);
+  const fraction = plan ? plan.done / plan.total : null;
+  return /* @__PURE__ */ jsx("span", { className: cn("flex shrink-0 items-center justify-center", sizeClassName), children: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 20 20",
+      className: cn(
+        "h-full w-full",
+        fraction == null ? "motion-safe:animate-spin" : "-rotate-90"
+      ),
+      role: "img",
+      "aria-label": "Subagent progress",
+      children: [
+        /* @__PURE__ */ jsx("title", { children: plan ? `${plan.done}/${plan.total} plan steps complete` : "Working — no plan written yet" }),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "10",
+            cy: "10",
+            r: RING_RADIUS,
+            strokeWidth: "2.5",
+            className: "fill-none stroke-current text-border"
+          }
+        ),
+        /* @__PURE__ */ 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: cn(
+              "fill-none stroke-current transition-[stroke-dashoffset] duration-500",
+              colorClass
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}
+function SubagentStatusLine({
+  status,
+  awaitingApproval = false,
+  stopped = false,
+  duration,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "lane-meta",
+      className: cn("flex min-w-0 items-center gap-1 tabular-nums text-muted-foreground", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              !stopped && awaitingApproval && "text-amber-600",
+              !stopped && !awaitingApproval && status === "error" && "text-destructive"
+            ),
+            children: subagentStatusLabel({ status, awaitingApproval, stopped })
+          }
+        ),
+        duration ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "·" }),
+          /* @__PURE__ */ jsx("span", { children: duration })
+        ] }) : null
+      ]
+    }
+  );
+}
+function SubagentSegmentedProgress({
+  total,
+  complete,
+  failed,
+  className
+}) {
+  const width = (count) => `${total > 0 ? Math.round(count / total * 100) : 0}%`;
+  return /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", "data-slot": "subagent-progress", className: cn("flex overflow-hidden bg-muted", className), children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "data-slot": "subagent-progress-done",
+        className: "block h-full bg-foreground/25 transition-all duration-500",
+        style: { width: width(complete) }
+      }
+    ),
+    /* @__PURE__ */ 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__ */ jsxs("div", { "data-testid": "subagent-lane-awaiting-approval", className: "flex min-w-0 items-center gap-1.5 text-[0.7rem]", children: [
+    /* @__PURE__ */ jsx(ShieldAlertIcon, { "aria-hidden": "true", className: "size-3 shrink-0 text-amber-600" }),
+    /* @__PURE__ */ jsx("span", { className: "shrink-0 text-amber-600", children: subagentApprovalNoteLabel({ gatedCall, insideLane }) }),
+    gatedCall ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("code", { className: "shrink-0 font-mono font-medium text-foreground", children: gatedCall.name }),
+      /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: 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] = 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 || isTerminalSubagentStatus(snapshot.status);
+  const live = running && !awaitingApproval;
+  const stalled = live && !wait.runParked && !snapshot.evalId && timing != null && now - timing.lastEventAt > 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 = formatLaneTokens(snapshot.usage);
+  const typeLabel = subagentTypeLabel(snapshot.name);
+  const title = subagentLaneTitle(snapshot);
+  const facts = 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__ */ 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__ */ jsxs("div", { className: "flex items-start gap-2 px-3 pt-2.5", children: [
+            /* @__PURE__ */ jsx(
+              SubagentProgressRing,
+              {
+                snapshot,
+                stalled,
+                awaitingApproval,
+                stopped,
+                sizeClassName: "mt-0.5 size-4"
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+              snapshot.description ? /* @__PURE__ */ 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__ */ jsx("span", { className: cn("break-words", !descriptionExpanded && "line-clamp-1"), children: snapshot.description })
+                }
+              ) : /* @__PURE__ */ jsx("span", { "data-slot": "lane-title", className: "text-sm font-medium leading-snug text-foreground", children: title }),
+              /* @__PURE__ */ jsx(
+                SubagentStatusLine,
+                {
+                  status: snapshot.status,
+                  awaitingApproval,
+                  stopped,
+                  duration: awaitingApproval ? void 0 : duration,
+                  className: "text-xs"
+                }
+              )
+            ] }),
+            typeLabel ? /* @__PURE__ */ jsx("span", { "data-slot": "lane-type", className: cn(TYPE_BADGE_CLASS, "mt-0.5 shrink-0"), children: typeLabel }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-h-[3.25rem] flex-col gap-1.5 px-3 py-2", children: [
+            editing ? approval : null,
+            awaitingApproval ? /* @__PURE__ */ jsx(LaneAwaitingApprovalNote, { gatedCall: wait.gatedCall, insideLane: wait.insideLane }) : null,
+            snapshot.status === "queued" && !stopped && !editing && !awaitingApproval ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground motion-safe:animate-pulse", children: "Queued — waiting for a dispatch slot…" }) : null,
+            live && lastToolCall ? /* @__PURE__ */ 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__ */ jsx(ZapIcon, { "aria-hidden": "true", className: "size-3 shrink-0 text-muted-foreground" }),
+                  /* @__PURE__ */ jsx("code", { className: "shrink-0 font-mono text-[0.7rem] font-medium text-foreground/80", children: lastToolCall.name }),
+                  /* @__PURE__ */ jsx("span", { className: "truncate text-[0.7rem] text-muted-foreground", children: salientToolCallDetail(lastToolCall) })
+                ]
+              },
+              lastToolCall.id ?? `${lastToolCall.name}-${snapshot.toolCallCount}`
+            ) : null,
+            live && snapshot.currentText ? /* @__PURE__ */ jsxs("p", { "data-slot": "lane-thought", className: "line-clamp-2 text-xs leading-relaxed text-muted-foreground", children: [
+              snapshot.currentText,
+              /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(AlertTriangleIcon, { "aria-hidden": "true", className: "size-3 shrink-0" }),
+                  "No activity for ",
+                  stallSeconds,
+                  "s"
+                ]
+              }
+            ) : null,
+            settled ? /* @__PURE__ */ jsx(
+              "p",
+              {
+                "data-slot": "lane-output",
+                className: 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 ? SUBAGENT_STOPPED_OUTPUT : snapshot.status === "complete" && snapshot.evalId ? "Done — result returned to the orchestrator." : "No output.")
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-auto flex min-h-8 items-center gap-2 border-t border-border px-3 py-1.5", children: [
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0 truncate text-[0.7rem] tabular-nums text-muted-foreground", children: [
+              facts.join(" · "),
+              laneTokens ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                facts.length > 0 ? " · " : null,
+                /* @__PURE__ */ jsx("span", { "data-slot": "lane-tokens", children: laneTokens })
+              ] }) : null
+            ] }),
+            hasTranscript ? /* @__PURE__ */ 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__ */ jsx(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 && !isTerminalSubagentStatus(lane.status)) stopped += 1;
+    else if (awaitingLaneIds.has(lane.id) && !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) ? formatLaneElapsed(now - firstSeen) : null;
+  const parts = subagentCountParts({ awaiting, queued, running, complete, failed, stopped });
+  return /* @__PURE__ */ 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__ */ jsx(GitForkIcon, { "aria-hidden": "true", className: "size-3.5 rotate-180 text-muted-foreground" }),
+        /* @__PURE__ */ jsxs("span", { className: "whitespace-nowrap text-xs font-medium text-foreground", children: [
+          total,
+          " subagents in parallel"
+        ] }),
+        /* @__PURE__ */ 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__ */ 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] = useState([]);
+  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__ */ 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__ */ jsx(
+        "path",
+        {
+          d: path.d,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeDasharray: path.flowing ? "5 5" : void 0,
+          className: cn("fill-none stroke-current", path.flowing ? "text-muted-foreground/60" : "text-border"),
+          children: path.flowing ? /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", values: "10;0", dur: "0.8s", repeatCount: "indefinite" }) : null
+        },
+        path.id
+      ))
+    }
+  );
+}
+function LanesPagerButton({
+  label,
+  disabled,
+  onClick,
+  children
+}) {
+  return /* @__PURE__ */ 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__ */ jsxs("div", { "data-slot": "subagent-pager", className: "relative z-10 mt-2 flex items-center justify-center gap-2", children: [
+    /* @__PURE__ */ jsx(LanesPagerButton, { label: "Previous subagents", disabled: page === 0, onClick: () => onPageChange(page - 1), children: /* @__PURE__ */ jsx(ChevronLeftIcon, { "aria-hidden": "true", className: "size-3.5" }) }),
+    /* @__PURE__ */ jsxs("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
+      "Page ",
+      page + 1,
+      " of ",
+      pageCount
+    ] }),
+    /* @__PURE__ */ jsx(
+      LanesPagerButton,
+      {
+        label: "Next subagents",
+        disabled: page === pageCount - 1,
+        onClick: () => onPageChange(page + 1),
+        children: /* @__PURE__ */ jsx(ChevronRightIcon, { "aria-hidden": "true", className: "size-3.5" })
+      }
+    )
+  ] });
+}
+function SubagentDelegationChip({
+  name,
+  description
+}) {
+  return /* @__PURE__ */ 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__ */ jsx(GitForkIcon, { "aria-hidden": "true", className: "size-3.5 shrink-0 rotate-180 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs font-medium text-foreground", children: subagentTypeLabel(name) ?? "Subagent" }),
+        description ? /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-xs text-muted-foreground", children: description }) : null
+      ]
+    }
+  );
+}
+export {
+  LaneAwaitingApprovalNote,
+  SubagentDelegationChip,
+  SubagentForkConnectors,
+  SubagentLaneCard,
+  SubagentLanesPager,
+  SubagentOrchestrationStrip,
+  SubagentProgressRing,
+  SubagentSegmentedProgress,
+  SubagentStatusLine
+};
+//# sourceMappingURL=lane-parts.js.map