@athenaintel/react 0.57.2 → 0.60.0

package/dist/subagents/subagent-transcript-drawer.d.ts

@@ -0,0 +1,78 @@
+/**
+ * One subagent's whole transcript, in a slide-over from the right: the lane's
+ * steps as a read-only nested thread under the chat's own tool UIs and text,
+ * with what the lane is (its status, brief, tool calls, plan, duration and
+ * tokens) above, and its run details (ids, model, volume) behind a disclosure
+ * for correlating a failure with the backend's logs.
+ *
+ * The lane is assistant-ui's native nested thread: the `task` part's
+ * `messages` (or an in-eval dispatch's live transcript converted the same
+ * way), mounted under `ReadonlyThreadProvider`. A card can be cut to its
+ * newest steps (a running card always, a finished one when the chat declared
+ * the lane-cut contract, `subagentLaneHistory`): the drawer reads the rest
+ * through `history/lane` (`useDeepAgentLaneHistory`), the newest page as it
+ * opens and older pages on request, and shows the steps it has meanwhile. It
+ * converts the lane itself with one conversion memory while open, so a step
+ * keeps its row as the cut slides and pages land. While the lane runs, the
+ * drawer follows it (`useDeepAgentLaneFollow`), so its card carries every
+ * step. An image a step carries is read once its tile scrolls into view
+ * (`history/lane_image`).
+ *
+ * A nested thread has no statewire thread behind it: a delegation inside it is
+ * a static chip, and the drawer is its own error boundary, so a tool UI that
+ * throws there never takes the chat (or the run's approval card) down with it.
+ * Its panel portals into the document its chat renders in (a pop-out window
+ * included), carries the chat's theme, takes focus as it opens and gives it
+ * back as it closes; Escape and the backdrop close it.
+ */
+import { type ThreadMessage } from '@assistant-ui/react';
+import { type SubagentDiscoverySnapshot } from '../agent-runtime/src/index';
+import { type ReactNode } from 'react';
+/** What the lane group hands the drawer it opens. */
+export interface SubagentTranscriptDrawerProps {
+    snapshot: SubagentDiscoverySnapshot;
+    /** The lane's duration as its card shows it. */
+    durationLabel?: string;
+    /** The lane is parked on a person's approval: its header says so instead of "Live". */
+    awaitingApproval?: boolean;
+    /** The run that delegated the lane ended before it settled: it is not live. */
+    stopped?: boolean;
+    onClose: () => void;
+}
+/** What a host's own transcript renderer gets (`renderTranscript`). */
+export interface SubagentTranscriptRenderProps {
+    /** The lane's steps as a nested thread, its report or failure last. */
+    messages: readonly ThreadMessage[];
+    snapshot: SubagentDiscoverySnapshot;
+}
+export interface SubagentTranscriptDrawerOptions {
+    /**
+     * Renders the lane's steps; the chat's own transcript by default (each turn
+     * of the lane as the chat lays a turn out, under the chat's tool UIs).
+     */
+    renderTranscript?: (props: SubagentTranscriptRenderProps) => ReactNode;
+    /**
+     * Renders a finished lane's report when no steps rode (a reopened session's
+     * summary); the chat's own text by default.
+     */
+    renderReport?: (props: {
+        text: string;
+    }) => ReactNode;
+    /** Told when the drawer's content throws; the drawer stays open on a notice. */
+    onError?: (error: Error, info: {
+        componentStack: string | null;
+    }) => void;
+}
+/**
+ * The lane's steps under the chat's own renderers (`AthenaChat`'s nested
+ * components), read-only. The lane is not the chat's thread: older history,
+ * summarized turns and the thread's history edge are the chat's, never read
+ * from inside a lane.
+ */
+export declare function SubagentLaneTranscript({ messages }: SubagentTranscriptRenderProps): import("react").JSX.Element;
+/**
+ * The transcript drawer a lane's "View transcript" opens (see the module
+ * comment). A host draws the steps its own way with `renderTranscript`, and
+ * hears of a crash inside with `onError`.
+ */
+export declare function SubagentTranscriptDrawer({ renderTranscript, renderReport, onError, ...props }: SubagentTranscriptDrawerProps & SubagentTranscriptDrawerOptions): import("react").JSX.Element;

package/dist/subagents/subagent-transcript-drawer.js

@@ -0,0 +1,431 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { ReadonlyThreadProvider, useAuiState, ThreadPrimitive } from "@assistant-ui/react";
+import { QueryClientProvider } from "@tanstack/react-query";
+import { XIcon, CheckCircle2Icon, XCircleIcon, ShieldAlertIcon, LoaderIcon } from "lucide-react";
+import { Component, useRef, useEffect, useState, createContext, useMemo, useContext } from "react";
+import { createPortal } from "react-dom";
+import { SuperGroupingFinalText } from "../chat/super-grouping/SuperGroupingCard.js";
+import { SuperGroupingTranscript } from "../chat/super-grouping/SuperGroupingTranscript.js";
+import { TurnStepsControlContext } from "../chat/super-grouping/use-turn-steps.js";
+import { useApprovalWaitInScope } from "../chat/use-statewire-approval-request.js";
+import { athenaDiagnostics } from "../diagnostics/athena-diagnostics.js";
+import { useOwnerDocument } from "../lib/owner-document.js";
+import { useAthenaQueryClient } from "../lib/use-athena-rest-query.js";
+import { useAthenaThemeStyle } from "../provider/theme-style-context.js";
+import { AthenaStatewireThreadIdContext } from "../threads/thread-id-context.js";
+import { useNestedPtcComponents } from "../tools/NestedPtcMessages.js";
+import { ToolFallback } from "../tools/tool-fallback.js";
+import { useDeepAgentLaneFollowRegistry } from "./lane-follow.js";
+import { lanePlanProgress, formatLaneTokens, formatLaneElapsed, laneTokenBreakdown, laneStepsNote } from "./lane-model.js";
+import { useOmittedImagesInView } from "./use-omitted-images-in-view.js";
+import { useDeepAgentLaneFollow } from "../agent-runtime/src/lane-follow.js";
+import { useDeepAgentLaneHistory } from "../agent-runtime/src/lane-history.js";
+import { useDeepAgentLaneImages } from "../agent-runtime/src/lane-images.js";
+import { createSubagentLaneConversion, withLaneReport } from "../agent-runtime/src/subagent-transcripts.js";
+import { SUBAGENT_AWAITING_APPROVAL_LABEL, useTurnToolCallsAwaitingApproval } from "../agent-runtime/src/subagents.js";
+import { deepAgentRowKey } from "../agent-runtime/src/messages.js";
+import { cn } from "cnfast";
+const STATUS_TEXT = {
+  queued: "Queued",
+  running: "Running",
+  complete: "Complete",
+  error: "Failed",
+  stopped: "Stopped"
+};
+const NO_LANE_ENTRIES = [];
+const BACKDROP_STYLE = {
+  position: "fixed",
+  inset: 0,
+  zIndex: 1e3,
+  backgroundColor: "rgba(0, 0, 0, 0.2)",
+  cursor: "default",
+  border: 0,
+  padding: 0
+};
+const PANEL_STYLE = {
+  position: "fixed",
+  top: 0,
+  right: 0,
+  bottom: 0,
+  zIndex: 1e3,
+  display: "flex",
+  flexDirection: "column",
+  width: 600,
+  maxWidth: "95vw"
+};
+const FOCUSABLE_SELECTOR = 'button:not([disabled]), a[href], summary, [tabindex]:not([tabindex="-1"]), input:not([disabled]), textarea:not([disabled])';
+const stopPropagation = (event) => event.stopPropagation();
+function DrawerFrame({
+  label,
+  onClose,
+  children
+}) {
+  const ownerDocument = useOwnerDocument();
+  const themeStyle = useAthenaThemeStyle();
+  const panelRef = useRef(null);
+  const onCloseRef = useRef(onClose);
+  onCloseRef.current = onClose;
+  useEffect(() => {
+    var _a, _b;
+    if (!ownerDocument) return void 0;
+    const previouslyFocused = ownerDocument.activeElement;
+    (_b = (_a = panelRef.current) == null ? void 0 : _a.querySelector('[data-slot="subagent-transcript-close"]')) == null ? void 0 : _b.focus();
+    const onKeyDown = (event) => {
+      var _a2, _b2;
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        onCloseRef.current();
+        return;
+      }
+      if (event.key !== "Tab") return;
+      const focusable = Array.from(((_a2 = panelRef.current) == null ? void 0 : _a2.querySelectorAll(FOCUSABLE_SELECTOR)) ?? []);
+      const first = focusable[0];
+      const last = focusable.at(-1);
+      if (!first || !last) return;
+      const active = ownerDocument.activeElement;
+      const inside = active instanceof Node && ((_b2 = panelRef.current) == null ? void 0 : _b2.contains(active)) === true;
+      if (!inside || (event.shiftKey ? active === first : active === last)) {
+        event.preventDefault();
+        (event.shiftKey ? last : first).focus();
+      }
+    };
+    ownerDocument.addEventListener("keydown", onKeyDown, true);
+    return () => {
+      ownerDocument.removeEventListener("keydown", onKeyDown, true);
+      if (previouslyFocused instanceof HTMLElement && previouslyFocused.isConnected) previouslyFocused.focus();
+    };
+  }, [ownerDocument]);
+  if (!ownerDocument) return null;
+  return createPortal(
+    // The SDK's scope classes bring its tokens and scoped reset to the
+    // portaled tree; the theme's variables keep the chat's palette.
+    /* @__PURE__ */ jsxs("div", { className: "athena-sdk athena-sdk-chrome", "data-slot": "subagent-transcript", style: themeStyle, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          tabIndex: -1,
+          "aria-label": "Close subagent transcript",
+          onClick: onClose,
+          className: "duration-200 animate-in fade-in-0 motion-reduce:animate-none",
+          style: BACKDROP_STYLE,
+          "data-slot": "subagent-transcript-backdrop"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: panelRef,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": label,
+          "data-slot": "subagent-transcript-panel",
+          style: PANEL_STYLE,
+          onClick: stopPropagation,
+          onPointerDown: stopPropagation,
+          onKeyDown: stopPropagation,
+          onFocus: stopPropagation,
+          onBlur: stopPropagation,
+          className: "border-l border-border bg-background text-foreground shadow-xl duration-300 animate-in slide-in-from-right motion-reduce:animate-none",
+          children
+        }
+      )
+    ] }),
+    ownerDocument.body
+  );
+}
+function DrawerName({ name }) {
+  return /* @__PURE__ */ jsx("h2", { className: "min-w-0 truncate text-sm font-semibold capitalize text-foreground", children: name });
+}
+function DrawerCloseButton({ onClose }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": "Close",
+      "data-slot": "subagent-transcript-close",
+      onClick: onClose,
+      className: "ml-auto flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      children: /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true", className: "size-4" })
+    }
+  );
+}
+function DrawerStatusIcon({
+  status,
+  awaitingApproval,
+  stopped
+}) {
+  if (status === "complete") {
+    return /* @__PURE__ */ jsx(CheckCircle2Icon, { "aria-hidden": "true", className: "size-4 shrink-0 text-emerald-600" });
+  }
+  if (status === "error") return /* @__PURE__ */ jsx(XCircleIcon, { "aria-hidden": "true", className: "size-4 shrink-0 text-destructive" });
+  if (stopped) return /* @__PURE__ */ jsx(XCircleIcon, { "aria-hidden": "true", className: "size-4 shrink-0 text-muted-foreground" });
+  if (awaitingApproval) return /* @__PURE__ */ jsx(ShieldAlertIcon, { "aria-hidden": "true", className: "size-4 shrink-0 text-amber-600" });
+  return /* @__PURE__ */ jsx(LoaderIcon, { "aria-hidden": "true", className: "size-4 shrink-0 text-muted-foreground motion-safe:animate-spin" });
+}
+function DiagnosticsRow({ label, value, mono = false }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2 text-[11px]", children: [
+    /* @__PURE__ */ jsx("span", { className: "w-20 shrink-0 text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("span", { className: cn("min-w-0 select-all break-all text-foreground/80", mono && "font-mono"), children: value })
+  ] });
+}
+function DrawerDiagnostics({
+  snapshot,
+  durationLabel,
+  stopped
+}) {
+  const duration = durationLabel ?? (typeof snapshot.durationMs === "number" ? formatLaneElapsed(snapshot.durationMs) : void 0);
+  return /* @__PURE__ */ jsxs("details", { "data-slot": "subagent-transcript-details", className: "shrink-0 border-b border-border px-4 py-2", children: [
+    /* @__PURE__ */ jsx("summary", { className: "cursor-pointer select-none text-[11px] font-medium text-muted-foreground transition-colors hover:text-foreground", children: "Run details" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 pt-2 pb-1", children: [
+      /* @__PURE__ */ jsx(
+        DiagnosticsRow,
+        {
+          label: "Status",
+          value: STATUS_TEXT[stopped && snapshot.status !== "complete" && snapshot.status !== "error" ? "stopped" : snapshot.status]
+        }
+      ),
+      /* @__PURE__ */ jsx(DiagnosticsRow, { label: "Type", value: snapshot.name }),
+      snapshot.model ? /* @__PURE__ */ jsx(DiagnosticsRow, { label: "Model", value: snapshot.model, mono: true }) : null,
+      /* @__PURE__ */ jsx(DiagnosticsRow, { label: "Dispatch ID", value: snapshot.id, mono: true }),
+      snapshot.evalId ? /* @__PURE__ */ jsx(DiagnosticsRow, { label: "Eval ID", value: snapshot.evalId, mono: true }) : null,
+      duration ? /* @__PURE__ */ jsx(DiagnosticsRow, { label: "Duration", value: duration }) : null,
+      /* @__PURE__ */ jsx(DiagnosticsRow, { label: "Tool calls", value: String(snapshot.toolCallCount) }),
+      /* @__PURE__ */ jsx(DiagnosticsRow, { label: "Messages", value: String(snapshot.messageCount + (snapshot.omittedMessageCount ?? 0)) }),
+      snapshot.usage ? /* @__PURE__ */ jsx(DiagnosticsRow, { label: "Tokens", value: laneTokenBreakdown(snapshot.usage) }) : null
+    ] })
+  ] });
+}
+const LaneComponentsContext = createContext(null);
+const PlainText = ({ text }) => /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words text-sm leading-relaxed", children: text });
+function laneRenderers(components) {
+  var _a, _b;
+  const parts = components;
+  return {
+    Text: (parts == null ? void 0 : parts.Text) ?? PlainText,
+    Reasoning: parts == null ? void 0 : parts.Reasoning,
+    toolUIs: (_a = parts == null ? void 0 : parts.tools) == null ? void 0 : _a.by_name,
+    Fallback: ((_b = parts == null ? void 0 : parts.tools) == null ? void 0 : _b.Fallback) ?? ToolFallback
+  };
+}
+const LaneTurn = () => {
+  const role = useAuiState((s) => s.message.role);
+  const renderers = laneRenderers(useContext(LaneComponentsContext));
+  const waitingToolCallIds = useTurnToolCallsAwaitingApproval(useApprovalWaitInScope().toolCallIds);
+  if (role !== "assistant") return null;
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "subagent-transcript-turn", className: "flex min-w-0 flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsx(
+      SuperGroupingTranscript,
+      {
+        toolUIs: renderers.toolUIs,
+        ToolFallback: renderers.Fallback,
+        TextComponent: renderers.Text,
+        ReasoningComponent: renderers.Reasoning,
+        waitingToolCallIds
+      }
+    ),
+    /* @__PURE__ */ jsx(SuperGroupingFinalText, { TextComponent: renderers.Text })
+  ] });
+};
+const LANE_TURN_COMPONENTS = { Message: LaneTurn };
+const ROW_KEY_SEPARATOR = "\0";
+function LaneRows() {
+  const joinedKeys = useAuiState((s) => s.thread.messages.map((message) => deepAgentRowKey(message)).join(ROW_KEY_SEPARATOR));
+  const rowKeys = useMemo(() => joinedKeys === "" ? [] : joinedKeys.split(ROW_KEY_SEPARATOR), [joinedKeys]);
+  return /* @__PURE__ */ jsx(Fragment, { children: rowKeys.map((key, index) => /* @__PURE__ */ jsx(ThreadPrimitive.MessageByIndex, { index, components: LANE_TURN_COMPONENTS }, key)) });
+}
+function SubagentLaneTranscript({ messages }) {
+  const components = useNestedPtcComponents(ToolFallback);
+  return /* @__PURE__ */ jsx(AthenaStatewireThreadIdContext.Provider, { value: null, children: /* @__PURE__ */ jsx(TurnStepsControlContext.Provider, { value: null, children: /* @__PURE__ */ jsx(LaneComponentsContext.Provider, { value: components, children: /* @__PURE__ */ jsx(ReadonlyThreadProvider, { messages, children: /* @__PURE__ */ jsx("div", { className: "h-full overflow-y-auto", children: /* @__PURE__ */ jsx("div", { "data-slot": "subagent-transcript-rows", className: "flex min-w-0 flex-col gap-3 px-4 py-3", children: /* @__PURE__ */ jsx(LaneRows, {}) }) }) }) }) }) });
+}
+const renderChatTranscript = (props) => /* @__PURE__ */ jsx(SubagentLaneTranscript, { ...props });
+function LaneHistoryNote({
+  note,
+  canLoad,
+  loading,
+  onLoadEarlier
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "subagent-steps-note",
+      className: "flex shrink-0 flex-wrap items-center gap-x-2 gap-y-1 border-b border-border px-4 py-1.5 text-[0.7rem] text-muted-foreground",
+      children: [
+        /* @__PURE__ */ jsx("span", { children: note }),
+        canLoad ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onLoadEarlier,
+            disabled: loading,
+            className: "rounded font-medium text-primary hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-default disabled:no-underline disabled:opacity-60",
+            children: loading ? "Loading earlier steps…" : "Load earlier steps"
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function SubagentTranscriptPanel({
+  snapshot,
+  durationLabel,
+  awaitingApproval = false,
+  stopped = false,
+  onClose,
+  renderTranscript = renderChatTranscript,
+  renderReport
+}) {
+  var _a, _b;
+  const isRunning = snapshot.status === "running" && !stopped;
+  useDeepAgentLaneFollow(useDeepAgentLaneFollowRegistry(), snapshot.id, isRunning && snapshot.evalId === void 0);
+  const source = snapshot.source;
+  const lane = useDeepAgentLaneHistory({
+    messageId: source == null ? void 0 : source.messageId,
+    lane: source == null ? void 0 : source.lane,
+    carried: (source == null ? void 0 : source.transcript) ?? NO_LANE_ENTRIES,
+    total: (_a = source == null ? void 0 : source.truncated) == null ? void 0 : _a.messages,
+    finished: ((_b = source == null ? void 0 : source.truncated) == null ? void 0 : _b.finished) === true,
+    checkpointed: (source == null ? void 0 : source.checkpointed) === true,
+    auto: true
+  });
+  const images = useDeepAgentLaneImages({ messageId: source == null ? void 0 : source.messageId, lane: source == null ? void 0 : source.lane, steps: lane.steps });
+  const transcriptRef = useRef(null);
+  useOmittedImagesInView({ rootRef: transcriptRef, enabled: images.pending, onSeen: images.request });
+  const [convertLane] = useState(() => createSubagentLaneConversion());
+  const report = snapshot.status === "complete" && (source == null ? void 0 : source.messageId) !== void 0 ? snapshot.output : void 0;
+  const messages = (source === void 0 ? void 0 : convertLane(withLaneReport(images.steps, report), isRunning)) ?? snapshot.messages;
+  const shown = Math.min(lane.steps.length, lane.total ?? lane.steps.length);
+  const arrivesLater = isRunning && (source == null ? void 0 : source.messageId) !== void 0 && !lane.available;
+  const note = laneStepsNote({ shown, total: lane.total, arrivesLater });
+  const hasTranscript = messages.length > 0;
+  const plan = lanePlanProgress(snapshot);
+  const laneTokens = formatLaneTokens(snapshot.usage);
+  const Text = laneRenderers(useNestedPtcComponents(ToolFallback)).Text;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col gap-1.5 border-b border-border px-4 py-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(DrawerStatusIcon, { status: snapshot.status, awaitingApproval, stopped }),
+        /* @__PURE__ */ jsx(DrawerName, { name: snapshot.name }),
+        awaitingApproval ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "subagent-transcript-state",
+            className: "shrink-0 rounded-full bg-amber-500/10 px-2 py-0.5 text-[0.7rem] font-medium text-amber-600",
+            children: SUBAGENT_AWAITING_APPROVAL_LABEL
+          }
+        ) : isRunning ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "subagent-transcript-state",
+            className: "shrink-0 rounded-full bg-primary/10 px-2 py-0.5 text-[11px] font-medium text-primary",
+            children: "Live"
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(DrawerCloseButton, { onClose })
+      ] }),
+      snapshot.description ? /* @__PURE__ */ jsx("p", { "data-slot": "subagent-brief", className: "whitespace-pre-wrap break-words text-xs leading-relaxed text-muted-foreground", children: snapshot.description }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-2 text-[11px] tabular-nums text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          snapshot.toolCallCount,
+          " tool call",
+          snapshot.toolCallCount === 1 ? "" : "s"
+        ] }),
+        plan ? /* @__PURE__ */ jsxs("span", { children: [
+          "· ",
+          plan.done,
+          "/",
+          plan.total,
+          " plan steps"
+        ] }) : null,
+        durationLabel ? /* @__PURE__ */ jsxs("span", { className: "font-mono", children: [
+          "· ",
+          durationLabel
+        ] }) : null,
+        laneTokens ? /* @__PURE__ */ jsxs("span", { "data-slot": "lane-tokens", children: [
+          "· ",
+          laneTokens
+        ] }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(DrawerDiagnostics, { snapshot, durationLabel, stopped }),
+    snapshot.status === "error" && snapshot.output && hasTranscript ? /* @__PURE__ */ jsx("div", { "data-slot": "subagent-result", className: "shrink-0 border-b border-destructive/20 bg-destructive/5 px-4 py-2", children: /* @__PURE__ */ jsx(
+      "p",
+      {
+        "data-slot": "subagent-result-text",
+        className: "max-h-32 overflow-y-auto whitespace-pre-wrap font-mono text-[11px] leading-relaxed text-destructive",
+        children: snapshot.output
+      }
+    ) }) : null,
+    note ? /* @__PURE__ */ jsx(
+      LaneHistoryNote,
+      {
+        note,
+        canLoad: lane.hasEarlier && !arrivesLater,
+        loading: lane.loading,
+        onLoadEarlier: lane.loadEarlier
+      }
+    ) : null,
+    /* @__PURE__ */ jsx("div", { ref: transcriptRef, "data-slot": "subagent-transcript-body", className: "min-h-0 flex-1", children: hasTranscript ? renderTranscript({ messages, snapshot }) : /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col gap-2 overflow-y-auto px-4 py-4", children: [
+      (source == null ? void 0 : source.checkpointed) === true && lane.loading ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Loading this subagent's steps…" }) : /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        "No streamed transcript is available for this run — live intermediate steps are not persisted once the session closes. The final ",
+        snapshot.status === "error" ? "error" : "output",
+        " is shown below."
+      ] }),
+      snapshot.output ? snapshot.status === "error" ? /* @__PURE__ */ jsx("p", { "data-slot": "subagent-result-text", className: "whitespace-pre-wrap text-sm leading-relaxed text-destructive", children: snapshot.output }) : /* @__PURE__ */ jsx("div", { "data-slot": "subagent-report", className: "min-w-0 text-sm", children: renderReport ? renderReport({ text: snapshot.output }) : /* @__PURE__ */ jsx(Text, { type: "text", text: snapshot.output, status: COMPLETE_STATUS }) }) : /* @__PURE__ */ jsx("p", { className: "text-xs italic text-muted-foreground", children: "No output was captured for this dispatch." })
+    ] }) })
+  ] });
+}
+const COMPLETE_STATUS = { type: "complete" };
+class DrawerBoundary extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { failed: false };
+  }
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  componentDidCatch(error, errorInfo) {
+    var _a, _b, _c;
+    const componentStack = ((_a = errorInfo.componentStack) == null ? void 0 : _a.slice(0, 2e3)) ?? null;
+    athenaDiagnostics.error(
+      "sdk.error",
+      error,
+      {
+        code: "chat_render_crash",
+        message: "A subagent's transcript could not be shown",
+        hint: "Inspect component_stack: a tool UI that reads the live thread fails inside a subagent's read-only transcript."
+      },
+      { surface: "subagent-transcript-drawer", lane_status: this.props.snapshot.status, component_stack: componentStack }
+    );
+    (_c = (_b = this.props).onError) == null ? void 0 : _c.call(_b, error, { componentStack });
+  }
+  render() {
+    if (!this.state.failed) return this.props.children;
+    const { snapshot, onClose } = this.props;
+    return /* @__PURE__ */ jsx(DrawerFrame, { label: `Subagent transcript: ${snapshot.name}`, onClose, children: /* @__PURE__ */ jsxs("div", { role: "alert", className: "flex min-h-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-border px-4 py-3", children: [
+        /* @__PURE__ */ jsx(DrawerName, { name: snapshot.name }),
+        /* @__PURE__ */ jsx(DrawerCloseButton, { onClose })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "px-4 py-6 text-sm text-muted-foreground", children: "This subagent's transcript could not be shown. The conversation is not affected." })
+    ] }) });
+  }
+}
+function DrawerQueryScope({ children }) {
+  const queryClient = useAthenaQueryClient();
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children });
+}
+function SubagentTranscriptDrawer({
+  renderTranscript,
+  renderReport,
+  onError,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DrawerBoundary, { snapshot: props.snapshot, onClose: props.onClose, onError, children: /* @__PURE__ */ jsx(DrawerQueryScope, { children: /* @__PURE__ */ jsx(DrawerFrame, { label: `Subagent transcript: ${props.snapshot.name}`, onClose: props.onClose, children: /* @__PURE__ */ jsx(SubagentTranscriptPanel, { ...props, renderTranscript, renderReport }) }) }) }, props.snapshot.id);
+}
+export {
+  SubagentLaneTranscript,
+  SubagentTranscriptDrawer
+};
+//# sourceMappingURL=subagent-transcript-drawer.js.map

package/dist/subagents/subagent-transcript-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subagent-transcript-drawer.js","sources":["../../src/subagents/subagent-transcript-drawer.tsx"],"sourcesContent":["'use client';\n\n/**\n * One subagent's whole transcript, in a slide-over from the right: the lane's\n * steps as a read-only nested thread under the chat's own tool UIs and text,\n * with what the lane is (its status, brief, tool calls, plan, duration and\n * tokens) above, and its run details (ids, model, volume) behind a disclosure\n * for correlating a failure with the backend's logs.\n *\n * The lane is assistant-ui's native nested thread: the `task` part's\n * `messages` (or an in-eval dispatch's live transcript converted the same\n * way), mounted under `ReadonlyThreadProvider`. A card can be cut to its\n * newest steps (a running card always, a finished one when the chat declared\n * the lane-cut contract, `subagentLaneHistory`): the drawer reads the rest\n * through `history/lane` (`useDeepAgentLaneHistory`), the newest page as it\n * opens and older pages on request, and shows the steps it has meanwhile. It\n * converts the lane itself with one conversion memory while open, so a step\n * keeps its row as the cut slides and pages land. While the lane runs, the\n * drawer follows it (`useDeepAgentLaneFollow`), so its card carries every\n * step. An image a step carries is read once its tile scrolls into view\n * (`history/lane_image`).\n *\n * A nested thread has no statewire thread behind it: a delegation inside it is\n * a static chip, and the drawer is its own error boundary, so a tool UI that\n * throws there never takes the chat (or the run's approval card) down with it.\n * Its panel portals into the document its chat renders in (a pop-out window\n * included), carries the chat's theme, takes focus as it opens and gives it\n * back as it closes; Escape and the backdrop close it.\n */\nimport {\n  type ReasoningMessagePartComponent,\n  ReadonlyThreadProvider,\n  type TextMessagePartComponent,\n  type ThreadMessage,\n  ThreadPrimitive,\n  type ToolCallMessagePartComponent,\n  useAuiState,\n} from '@assistant-ui/react';\nimport type { LangChainMessage } from '@assistant-ui/react-langgraph';\nimport {\n  createSubagentLaneConversion,\n  deepAgentRowKey,\n  SUBAGENT_AWAITING_APPROVAL_LABEL,\n  type SubagentDiscoverySnapshot,\n  useDeepAgentLaneFollow,\n  useDeepAgentLaneHistory,\n  useDeepAgentLaneImages,\n  useTurnToolCallsAwaitingApproval,\n  withLaneReport,\n} from '@athenaintel/agent-runtime';\nimport { QueryClientProvider } from '@tanstack/react-query';\nimport { CheckCircle2Icon, LoaderIcon, ShieldAlertIcon, XCircleIcon, XIcon } from 'lucide-react';\nimport {\n  Component,\n  type CSSProperties,\n  createContext,\n  type ErrorInfo,\n  type FC,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { SuperGroupingFinalText } from '../chat/super-grouping/SuperGroupingCard';\nimport { SuperGroupingTranscript } from '../chat/super-grouping/SuperGroupingTranscript';\nimport { TurnStepsControlContext } from '../chat/super-grouping/use-turn-steps';\nimport { useApprovalWaitInScope } from '../chat/use-statewire-approval-request';\nimport { athenaDiagnostics } from '../diagnostics/athena-diagnostics';\nimport { useOwnerDocument } from '../lib/owner-document';\nimport { useAthenaQueryClient } from '../lib/use-athena-rest-query';\nimport { cn } from '../lib/utils';\nimport { useAthenaThemeStyle } from '../provider/theme-style-context';\nimport { AthenaStatewireThreadIdContext } from '../threads/thread-id-context';\nimport { useNestedPtcComponents } from '../tools/NestedPtcMessages';\nimport { ToolFallback } from '../tools/tool-fallback';\nimport { useDeepAgentLaneFollowRegistry } from './lane-follow';\nimport { formatLaneElapsed, formatLaneTokens, laneStepsNote, laneTokenBreakdown, lanePlanProgress } from './lane-model';\nimport { useOmittedImagesInView } from './use-omitted-images-in-view';\n\n/** What the lane group hands the drawer it opens. */\nexport interface SubagentTranscriptDrawerProps {\n  snapshot: SubagentDiscoverySnapshot;\n  /** The lane's duration as its card shows it. */\n  durationLabel?: string;\n  /** The lane is parked on a person's approval: its header says so instead of \"Live\". */\n  awaitingApproval?: boolean;\n  /** The run that delegated the lane ended before it settled: it is not live. */\n  stopped?: boolean;\n  onClose: () => void;\n}\n\n/** What a host's own transcript renderer gets (`renderTranscript`). */\nexport interface SubagentTranscriptRenderProps {\n  /** The lane's steps as a nested thread, its report or failure last. */\n  messages: readonly ThreadMessage[];\n  snapshot: SubagentDiscoverySnapshot;\n}\n\nexport interface SubagentTranscriptDrawerOptions {\n  /**\n   * Renders the lane's steps; the chat's own transcript by default (each turn\n   * of the lane as the chat lays a turn out, under the chat's tool UIs).\n   */\n  renderTranscript?: (props: SubagentTranscriptRenderProps) => ReactNode;\n  /**\n   * Renders a finished lane's report when no steps rode (a reopened session's\n   * summary); the chat's own text by default.\n   */\n  renderReport?: (props: { text: string }) => ReactNode;\n  /** Told when the drawer's content throws; the drawer stays open on a notice. */\n  onError?: (error: Error, info: { componentStack: string | null }) => void;\n}\n\n// ─── Words ───────────────────────────────────────────────────────────\n\nconst STATUS_TEXT: Record<SubagentDiscoverySnapshot['status'] | 'stopped', string> = {\n  queued: 'Queued',\n  running: 'Running',\n  complete: 'Complete',\n  error: 'Failed',\n  stopped: 'Stopped',\n};\n\nconst NO_LANE_ENTRIES: readonly LangChainMessage[] = [];\n\n// ─── The frame ───────────────────────────────────────────────────────\n\n// The backdrop and the panel carry their box inline: no host stylesheet can\n// take a full-height slide-over's position away (lib/portal-surface.ts).\nconst BACKDROP_STYLE: CSSProperties = {\n  position: 'fixed',\n  inset: 0,\n  zIndex: 1000,\n  backgroundColor: 'rgba(0, 0, 0, 0.2)',\n  cursor: 'default',\n  border: 0,\n  padding: 0,\n};\nconst PANEL_STYLE: CSSProperties = {\n  position: 'fixed',\n  top: 0,\n  right: 0,\n  bottom: 0,\n  zIndex: 1000,\n  display: 'flex',\n  flexDirection: 'column',\n  width: 600,\n  maxWidth: '95vw',\n};\n\nconst FOCUSABLE_SELECTOR =\n  'button:not([disabled]), a[href], summary, [tabindex]:not([tabindex=\"-1\"]), input:not([disabled]), textarea:not([disabled])';\n\nconst stopPropagation = (event: { stopPropagation: () => void }) => event.stopPropagation();\n\n/**\n * The slide-over: portaled into the chat's own document with the chat's theme\n * and the SDK's scope, dimming what is behind it. Escape (taken before a\n * focused composer's own Escape) and the backdrop close it; focus moves to its\n * close button and returns to the card that opened it; Tab stays inside.\n */\nfunction DrawerFrame({\n  label,\n  onClose,\n  children,\n}: {\n  label: string;\n  onClose: () => void;\n  children: ReactNode;\n}) {\n  const ownerDocument = useOwnerDocument();\n  const themeStyle = useAthenaThemeStyle();\n  const panelRef = useRef<HTMLDivElement | null>(null);\n  const onCloseRef = useRef(onClose);\n  onCloseRef.current = onClose;\n\n  useEffect(() => {\n    if (!ownerDocument) return undefined;\n    const previouslyFocused = ownerDocument.activeElement;\n    panelRef.current?.querySelector<HTMLElement>('[data-slot=\"subagent-transcript-close\"]')?.focus();\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        // Capture phase, before a focused composer's own Escape handling.\n        event.preventDefault();\n        event.stopPropagation();\n        onCloseRef.current();\n        return;\n      }\n      if (event.key !== 'Tab') return;\n      const focusable = Array.from(panelRef.current?.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR) ?? []);\n      const first = focusable[0];\n      const last = focusable.at(-1);\n      if (!first || !last) return;\n      const active = ownerDocument.activeElement;\n      const inside = active instanceof Node && panelRef.current?.contains(active) === true;\n      if (!inside || (event.shiftKey ? active === first : active === last)) {\n        event.preventDefault();\n        (event.shiftKey ? last : first).focus();\n      }\n    };\n    ownerDocument.addEventListener('keydown', onKeyDown, true);\n    return () => {\n      ownerDocument.removeEventListener('keydown', onKeyDown, true);\n      if (previouslyFocused instanceof HTMLElement && previouslyFocused.isConnected) previouslyFocused.focus();\n    };\n  }, [ownerDocument]);\n\n  if (!ownerDocument) return null;\n  return createPortal(\n    // The SDK's scope classes bring its tokens and scoped reset to the\n    // portaled tree; the theme's variables keep the chat's palette.\n    <div className=\"athena-sdk athena-sdk-chrome\" data-slot=\"subagent-transcript\" style={themeStyle}>\n      <button\n        type=\"button\"\n        tabIndex={-1}\n        aria-label=\"Close subagent transcript\"\n        onClick={onClose}\n        className=\"duration-200 animate-in fade-in-0 motion-reduce:animate-none\"\n        style={BACKDROP_STYLE}\n        data-slot=\"subagent-transcript-backdrop\"\n      />\n      {/* The event boundary: a click, a key or a focus in the drawer bubbles\n          through React to the card that opened it (a portal keeps its React\n          parent), so it stops here. */}\n      {/* biome-ignore lint/a11y/noNoninteractiveElementInteractions: an event boundary for the portaled dialog, not a control */}\n      <div\n        ref={panelRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={label}\n        data-slot=\"subagent-transcript-panel\"\n        style={PANEL_STYLE}\n        onClick={stopPropagation}\n        onPointerDown={stopPropagation}\n        onKeyDown={stopPropagation}\n        onFocus={stopPropagation}\n        onBlur={stopPropagation}\n        className=\"border-l border-border bg-background text-foreground shadow-xl duration-300 animate-in slide-in-from-right motion-reduce:animate-none\"\n      >\n        {children}\n      </div>\n    </div>,\n    ownerDocument.body,\n  );\n}\n\nfunction DrawerName({ name }: { name: string }) {\n  return <h2 className=\"min-w-0 truncate text-sm font-semibold capitalize text-foreground\">{name}</h2>;\n}\n\nfunction DrawerCloseButton({ onClose }: { onClose: () => void }) {\n  return (\n    <button\n      type=\"button\"\n      aria-label=\"Close\"\n      data-slot=\"subagent-transcript-close\"\n      onClick={onClose}\n      className=\"ml-auto flex size-7 shrink-0 items-center justify-center rounded-md 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      <XIcon aria-hidden=\"true\" className=\"size-4\" />\n    </button>\n  );\n}\n\nfunction DrawerStatusIcon({\n  status,\n  awaitingApproval,\n  stopped,\n}: {\n  status: SubagentDiscoverySnapshot['status'];\n  awaitingApproval: boolean;\n  stopped: boolean;\n}) {\n  if (status === 'complete') {\n    return <CheckCircle2Icon aria-hidden=\"true\" className=\"size-4 shrink-0 text-emerald-600\" />;\n  }\n  if (status === 'error') return <XCircleIcon aria-hidden=\"true\" className=\"size-4 shrink-0 text-destructive\" />;\n  if (stopped) return <XCircleIcon aria-hidden=\"true\" className=\"size-4 shrink-0 text-muted-foreground\" />;\n  if (awaitingApproval) return <ShieldAlertIcon aria-hidden=\"true\" className=\"size-4 shrink-0 text-amber-600\" />;\n  return <LoaderIcon aria-hidden=\"true\" className=\"size-4 shrink-0 text-muted-foreground motion-safe:animate-spin\" />;\n}\n\nfunction DiagnosticsRow({ label, value, mono = false }: { label: string; value: string; mono?: boolean }) {\n  return (\n    <div className=\"flex items-baseline gap-2 text-[11px]\">\n      <span className=\"w-20 shrink-0 text-muted-foreground\">{label}</span>\n      <span className={cn('min-w-0 select-all break-all text-foreground/80', mono && 'font-mono')}>{value}</span>\n    </div>\n  );\n}\n\n/**\n * The lane's run details: its status, ids, timing and volume, so a failing\n * subagent can be matched with the backend's traces and logs (the dispatch id\n * is the `task` call's id the backend logs; the eval id ties it to the\n * interpreter call that fanned it out).\n */\nfunction DrawerDiagnostics({\n  snapshot,\n  durationLabel,\n  stopped,\n}: {\n  snapshot: SubagentDiscoverySnapshot;\n  durationLabel?: string;\n  stopped: boolean;\n}) {\n  const duration =\n    durationLabel ?? (typeof snapshot.durationMs === 'number' ? formatLaneElapsed(snapshot.durationMs) : undefined);\n  return (\n    <details data-slot=\"subagent-transcript-details\" className=\"shrink-0 border-b border-border px-4 py-2\">\n      <summary className=\"cursor-pointer select-none text-[11px] font-medium text-muted-foreground transition-colors hover:text-foreground\">\n        Run details\n      </summary>\n      <div className=\"flex flex-col gap-1 pt-2 pb-1\">\n        <DiagnosticsRow\n          label=\"Status\"\n          value={STATUS_TEXT[stopped && snapshot.status !== 'complete' && snapshot.status !== 'error' ? 'stopped' : snapshot.status]}\n        />\n        <DiagnosticsRow label=\"Type\" value={snapshot.name} />\n        {snapshot.model ? <DiagnosticsRow label=\"Model\" value={snapshot.model} mono /> : null}\n        <DiagnosticsRow label=\"Dispatch ID\" value={snapshot.id} mono />\n        {snapshot.evalId ? <DiagnosticsRow label=\"Eval ID\" value={snapshot.evalId} mono /> : null}\n        {duration ? <DiagnosticsRow label=\"Duration\" value={duration} /> : null}\n        <DiagnosticsRow label=\"Tool calls\" value={String(snapshot.toolCallCount)} />\n        <DiagnosticsRow label=\"Messages\" value={String(snapshot.messageCount + (snapshot.omittedMessageCount ?? 0))} />\n        {snapshot.usage ? <DiagnosticsRow label=\"Tokens\" value={laneTokenBreakdown(snapshot.usage)} /> : null}\n      </div>\n    </details>\n  );\n}\n\n// ─── The chat's own transcript ───────────────────────────────────────\n\ntype NestedComponents = ReturnType<typeof useNestedPtcComponents>;\n\nconst LaneComponentsContext = createContext<NestedComponents | null>(null);\n\nconst PlainText: TextMessagePartComponent = ({ text }) => (\n  <p className=\"whitespace-pre-wrap break-words text-sm leading-relaxed\">{text}</p>\n);\n\n/** The renderers `AthenaChat` hands its nested threads (`NestedPtcComponentsProvider`), as read here. */\ninterface LaneRendererParts {\n  Text?: TextMessagePartComponent;\n  Reasoning?: ReasoningMessagePartComponent;\n  tools?: { by_name?: Record<string, ToolCallMessagePartComponent>; Fallback?: ToolCallMessagePartComponent };\n}\n\n/** The chat's text, tool UIs and reasoning; plain text and the generic card where the chat gives none. */\nfunction laneRenderers(components: NestedComponents | null) {\n  const parts = components as LaneRendererParts | null;\n  return {\n    Text: parts?.Text ?? PlainText,\n    Reasoning: parts?.Reasoning,\n    toolUIs: parts?.tools?.by_name,\n    Fallback: parts?.tools?.Fallback ?? ToolFallback,\n  };\n}\n\n/**\n * One turn of the lane, laid out as the chat lays out a turn: its steps\n * collapsed under the sentences the subagent wrote, then its answer. The\n * subagent's brief (its user message) is the drawer's header, so it is not\n * repeated.\n */\nconst LaneTurn: FC = () => {\n  const role = useAuiState((s) => s.message.role);\n  const renderers = laneRenderers(useContext(LaneComponentsContext));\n  // A gated call inside the lane reads \"Waiting for your input\", as in the chat.\n  const waitingToolCallIds = useTurnToolCallsAwaitingApproval(useApprovalWaitInScope().toolCallIds);\n  if (role !== 'assistant') return null;\n  return (\n    <div data-slot=\"subagent-transcript-turn\" className=\"flex min-w-0 flex-col gap-1.5\">\n      <SuperGroupingTranscript\n        toolUIs={renderers.toolUIs}\n        ToolFallback={renderers.Fallback}\n        TextComponent={renderers.Text}\n        ReasoningComponent={renderers.Reasoning}\n        waitingToolCallIds={waitingToolCallIds}\n      />\n      <SuperGroupingFinalText TextComponent={renderers.Text} />\n    </div>\n  );\n};\n\nconst LANE_TURN_COMPONENTS = { Message: LaneTurn };\nconst ROW_KEY_SEPARATOR = '\\u0000';\n\n/**\n * The nested thread's rows, each under its row key (`deepAgentRowKey`), so a\n * turn keeps its row while the card's cut drops its oldest steps and earlier\n * pages land, and what the person opened in it stays open.\n */\nfunction LaneRows() {\n  const joinedKeys = useAuiState((s) => s.thread.messages.map((message) => deepAgentRowKey(message)).join(ROW_KEY_SEPARATOR));\n  const rowKeys = useMemo(() => (joinedKeys === '' ? [] : joinedKeys.split(ROW_KEY_SEPARATOR)), [joinedKeys]);\n  return (\n    <>\n      {rowKeys.map((key, index) => (\n        <ThreadPrimitive.MessageByIndex key={key} index={index} components={LANE_TURN_COMPONENTS} />\n      ))}\n    </>\n  );\n}\n\n/**\n * The lane's steps under the chat's own renderers (`AthenaChat`'s nested\n * components), read-only. The lane is not the chat's thread: older history,\n * summarized turns and the thread's history edge are the chat's, never read\n * from inside a lane.\n */\nexport function SubagentLaneTranscript({ messages }: SubagentTranscriptRenderProps) {\n  const components = useNestedPtcComponents(ToolFallback);\n  return (\n    <AthenaStatewireThreadIdContext.Provider value={null}>\n      <TurnStepsControlContext.Provider value={null}>\n        <LaneComponentsContext.Provider value={components}>\n          <ReadonlyThreadProvider messages={messages}>\n            <div className=\"h-full overflow-y-auto\">\n              <div data-slot=\"subagent-transcript-rows\" className=\"flex min-w-0 flex-col gap-3 px-4 py-3\">\n                <LaneRows />\n              </div>\n            </div>\n          </ReadonlyThreadProvider>\n        </LaneComponentsContext.Provider>\n      </TurnStepsControlContext.Provider>\n    </AthenaStatewireThreadIdContext.Provider>\n  );\n}\n\nconst renderChatTranscript = (props: SubagentTranscriptRenderProps) => <SubagentLaneTranscript {...props} />;\n\n// ─── The panel ───────────────────────────────────────────────────────\n\n/** The steps a cut lane's drawer shows of all of them, and the control that reads earlier ones. */\nfunction LaneHistoryNote({\n  note,\n  canLoad,\n  loading,\n  onLoadEarlier,\n}: {\n  note: string;\n  canLoad: boolean;\n  loading: boolean;\n  onLoadEarlier: () => void;\n}) {\n  return (\n    <div\n      data-slot=\"subagent-steps-note\"\n      className=\"flex shrink-0 flex-wrap items-center gap-x-2 gap-y-1 border-b border-border px-4 py-1.5 text-[0.7rem] text-muted-foreground\"\n    >\n      <span>{note}</span>\n      {canLoad ? (\n        <button\n          type=\"button\"\n          onClick={onLoadEarlier}\n          disabled={loading}\n          className=\"rounded font-medium text-primary hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-default disabled:no-underline disabled:opacity-60\"\n        >\n          {loading ? 'Loading earlier steps…' : 'Load earlier steps'}\n        </button>\n      ) : null}\n    </div>\n  );\n}\n\nfunction SubagentTranscriptPanel({\n  snapshot,\n  durationLabel,\n  awaitingApproval = false,\n  stopped = false,\n  onClose,\n  renderTranscript = renderChatTranscript,\n  renderReport,\n}: SubagentTranscriptDrawerProps & Pick<SubagentTranscriptDrawerOptions, 'renderTranscript' | 'renderReport'>) {\n  const isRunning = snapshot.status === 'running' && !stopped;\n  // A running `task` lane rides its card cut to its newest steps; following it\n  // brings every step in. An in-eval lane has no card to follow.\n  useDeepAgentLaneFollow(useDeepAgentLaneFollowRegistry(), snapshot.id, isRunning && snapshot.evalId === undefined);\n  const source = snapshot.source;\n  const lane = useDeepAgentLaneHistory({\n    messageId: source?.messageId,\n    lane: source?.lane,\n    carried: source?.transcript ?? NO_LANE_ENTRIES,\n    total: source?.truncated?.messages,\n    finished: source?.truncated?.finished === true,\n    checkpointed: source?.checkpointed === true,\n    auto: true,\n  });\n  const images = useDeepAgentLaneImages({ messageId: source?.messageId, lane: source?.lane, steps: lane.steps });\n  const transcriptRef = useRef<HTMLDivElement | null>(null);\n  useOmittedImagesInView({ rootRef: transcriptRef, enabled: images.pending, onSeen: images.request });\n  const [convertLane] = useState(() => createSubagentLaneConversion());\n  // A `task` lane that finished ends on its report, the card's content, even\n  // when its stored transcript does not (`withLaneReport`).\n  const report = snapshot.status === 'complete' && source?.messageId !== undefined ? snapshot.output : undefined;\n  const messages =\n    (source === undefined ? undefined : convertLane(withLaneReport(images.steps, report), isRunning)) ??\n    snapshot.messages;\n  const shown = Math.min(lane.steps.length, lane.total ?? lane.steps.length);\n  // A finished in-eval lane stays cut, so only a running `task` card's steps arrive later.\n  const arrivesLater = isRunning && source?.messageId !== undefined && !lane.available;\n  const note = laneStepsNote({ shown, total: lane.total, arrivesLater });\n  const hasTranscript = messages.length > 0;\n  const plan = lanePlanProgress(snapshot);\n  const laneTokens = formatLaneTokens(snapshot.usage);\n  const Text = laneRenderers(useNestedPtcComponents(ToolFallback)).Text;\n\n  return (\n    <>\n      <div className=\"flex shrink-0 flex-col gap-1.5 border-b border-border px-4 py-3\">\n        <div className=\"flex items-center gap-2\">\n          <DrawerStatusIcon status={snapshot.status} awaitingApproval={awaitingApproval} stopped={stopped} />\n          <DrawerName name={snapshot.name} />\n          {awaitingApproval ? (\n            <span\n              data-slot=\"subagent-transcript-state\"\n              className=\"shrink-0 rounded-full bg-amber-500/10 px-2 py-0.5 text-[0.7rem] font-medium text-amber-600\"\n            >\n              {SUBAGENT_AWAITING_APPROVAL_LABEL}\n            </span>\n          ) : isRunning ? (\n            <span\n              data-slot=\"subagent-transcript-state\"\n              className=\"shrink-0 rounded-full bg-primary/10 px-2 py-0.5 text-[11px] font-medium text-primary\"\n            >\n              Live\n            </span>\n          ) : null}\n          <DrawerCloseButton onClose={onClose} />\n        </div>\n        {snapshot.description ? (\n          <p data-slot=\"subagent-brief\" className=\"whitespace-pre-wrap break-words text-xs leading-relaxed text-muted-foreground\">\n            {snapshot.description}\n          </p>\n        ) : null}\n        <div className=\"flex flex-wrap items-center gap-x-2 text-[11px] tabular-nums text-muted-foreground\">\n          <span>\n            {snapshot.toolCallCount} tool call{snapshot.toolCallCount === 1 ? '' : 's'}\n          </span>\n          {plan ? (\n            <span>\n              · {plan.done}/{plan.total} plan steps\n            </span>\n          ) : null}\n          {durationLabel ? <span className=\"font-mono\">· {durationLabel}</span> : null}\n          {laneTokens ? <span data-slot=\"lane-tokens\">· {laneTokens}</span> : null}\n        </div>\n      </div>\n\n      <DrawerDiagnostics snapshot={snapshot} durationLabel={durationLabel} stopped={stopped} />\n\n      {snapshot.status === 'error' && snapshot.output && hasTranscript ? (\n        <div data-slot=\"subagent-result\" className=\"shrink-0 border-b border-destructive/20 bg-destructive/5 px-4 py-2\">\n          <p\n            data-slot=\"subagent-result-text\"\n            className=\"max-h-32 overflow-y-auto whitespace-pre-wrap font-mono text-[11px] leading-relaxed text-destructive\"\n          >\n            {snapshot.output}\n          </p>\n        </div>\n      ) : null}\n\n      {note ? (\n        <LaneHistoryNote\n          note={note}\n          canLoad={lane.hasEarlier && !arrivesLater}\n          loading={lane.loading}\n          onLoadEarlier={lane.loadEarlier}\n        />\n      ) : null}\n\n      {/* The body takes the panel's height; what it shows scrolls itself (a\n          host's own thread shell keeps its own viewport). */}\n      <div ref={transcriptRef} data-slot=\"subagent-transcript-body\" className=\"min-h-0 flex-1\">\n        {hasTranscript ? (\n          renderTranscript({ messages, snapshot })\n        ) : (\n          <div className=\"flex h-full flex-col gap-2 overflow-y-auto px-4 py-4\">\n            {source?.checkpointed === true && lane.loading ? (\n              <p className=\"text-xs text-muted-foreground\">Loading this subagent's steps…</p>\n            ) : (\n              <p className=\"text-xs text-muted-foreground\">\n                No streamed transcript is available for this run — live intermediate steps are not persisted once the\n                session closes. The final {snapshot.status === 'error' ? 'error' : 'output'} is shown below.\n              </p>\n            )}\n            {snapshot.output ? (\n              snapshot.status === 'error' ? (\n                <p data-slot=\"subagent-result-text\" className=\"whitespace-pre-wrap text-sm leading-relaxed text-destructive\">\n                  {snapshot.output}\n                </p>\n              ) : (\n                <div data-slot=\"subagent-report\" className=\"min-w-0 text-sm\">\n                  {renderReport ? (\n                    renderReport({ text: snapshot.output })\n                  ) : (\n                    <Text type=\"text\" text={snapshot.output} status={COMPLETE_STATUS} />\n                  )}\n                </div>\n              )\n            ) : (\n              <p className=\"text-xs italic text-muted-foreground\">No output was captured for this dispatch.</p>\n            )}\n          </div>\n        )}\n      </div>\n    </>\n  );\n}\n\nconst COMPLETE_STATUS = { type: 'complete' } as const;\n\n// ─── Containment ─────────────────────────────────────────────────────\n\ninterface DrawerBoundaryProps {\n  snapshot: SubagentDiscoverySnapshot;\n  onClose: () => void;\n  onError?: SubagentTranscriptDrawerOptions['onError'];\n  children: ReactNode;\n}\n\n/**\n * The drawer's own boundary: its transcript renders the chat's tool UIs (a\n * host's own among them) in a nested thread no statewire thread backs, and a\n * card that throws there must not take the chat or the run's approval card\n * down. The drawer stays open on a notice and closes as it always does;\n * another lane's drawer starts afresh.\n */\nclass DrawerBoundary extends Component<DrawerBoundaryProps, { failed: boolean }> {\n  constructor(props: DrawerBoundaryProps) {\n    super(props);\n    this.state = { failed: false };\n  }\n\n  static getDerivedStateFromError(): { failed: boolean } {\n    return { failed: true };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    const componentStack = errorInfo.componentStack?.slice(0, 2000) ?? null;\n    athenaDiagnostics.error(\n      'sdk.error',\n      error,\n      {\n        code: 'chat_render_crash',\n        message: \"A subagent's transcript could not be shown\",\n        hint: \"Inspect component_stack: a tool UI that reads the live thread fails inside a subagent's read-only transcript.\",\n      },\n      { surface: 'subagent-transcript-drawer', lane_status: this.props.snapshot.status, component_stack: componentStack },\n    );\n    this.props.onError?.(error, { componentStack });\n  }\n\n  render(): ReactNode {\n    if (!this.state.failed) return this.props.children;\n    const { snapshot, onClose } = this.props;\n    return (\n      <DrawerFrame label={`Subagent transcript: ${snapshot.name}`} onClose={onClose}>\n        <div role=\"alert\" className=\"flex min-h-0 flex-1 flex-col\">\n          <div className=\"flex shrink-0 items-center gap-2 border-b border-border px-4 py-3\">\n            <DrawerName name={snapshot.name} />\n            <DrawerCloseButton onClose={onClose} />\n          </div>\n          <p className=\"px-4 py-6 text-sm text-muted-foreground\">\n            This subagent's transcript could not be shown. The conversation is not affected.\n          </p>\n        </div>\n      </DrawerFrame>\n    );\n  }\n}\n\n/** The host's `QueryClient` when one is in context, else one of the drawer's own (lane pages are queries). */\nfunction DrawerQueryScope({ children }: { children: ReactNode }) {\n  const queryClient = useAthenaQueryClient();\n  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;\n}\n\n/**\n * The transcript drawer a lane's \"View transcript\" opens (see the module\n * comment). A host draws the steps its own way with `renderTranscript`, and\n * hears of a crash inside with `onError`.\n */\nexport function SubagentTranscriptDrawer({\n  renderTranscript,\n  renderReport,\n  onError,\n  ...props\n}: SubagentTranscriptDrawerProps & SubagentTranscriptDrawerOptions) {\n  return (\n    <DrawerBoundary key={props.snapshot.id} snapshot={props.snapshot} onClose={props.onClose} onError={onError}>\n      <DrawerQueryScope>\n        <DrawerFrame label={`Subagent transcript: ${props.snapshot.name}`} onClose={props.onClose}>\n          <SubagentTranscriptPanel {...props} renderTranscript={renderTranscript} renderReport={renderReport} />\n        </DrawerFrame>\n      </DrawerQueryScope>\n    </DrawerBoundary>\n  );\n}\n"],"names":["_a","_b"],"mappings":"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"}