@athenaintel/react 0.57.2 → 0.59.0

package/dist/tools/studio-screenshot-tool-uis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"studio-screenshot-tool-uis.js","sources":["../../src/tools/studio-screenshot-tool-uis.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * Screenshots the studio tools take of what they edit, as Athena on the web\n * shows them: a workbook's sheet (`capture_sheet_screenshot`) and a Word\n * document's page (`capture_page_screenshot`), each with what was captured\n * (\"Screenshot captured for \"Q1 Plan\" (A1:F40)\"), the picture, the asset it\n * was saved as, and a button that opens the asset.\n *\n * A screenshot's result carries a presigned URL that expires and the image's\n * storage key, which does not. The picture is shown from a fresh URL agora\n * signs for that key (`POST /api/asset/screenshot-presigned-url`, which signs\n * only objects it resolves and the caller may read), read once per key with\n * TanStack Query, and from the result's own URL meanwhile or when that read\n * fails, so a session reopened later still shows its screenshots. A card\n * rendered outside `AthenaProvider` has no backend to ask and shows the\n * result's own URL.\n */\nimport type { ToolCallMessagePartComponent } from \"@assistant-ui/react\";\nimport { QueryClientProvider, useQuery } from \"@tanstack/react-query\";\nimport { CameraIcon, ExternalLinkIcon, FileTextIcon } from \"lucide-react\";\nimport { type ReactNode, memo, useContext, useId, useMemo } from \"react\";\nimport { type AssetPanelState, useAssetPanelStore } from \"../assets/asset-panel-store\";\nimport { useAthenaQueryClient, useAthenaQueryIdentity } from \"../lib/use-athena-rest-query\";\nimport { AthenaContext } from \"../provider/AthenaContext\";\nimport { sendWithCredentialRenewal } from \"../runtime/credential-renewal\";\nimport { ToolCard, type ToolStatus, truncate } from \"./primitives\";\n\n// ─── Reading a screenshot result ─────────────────────────────────────\n\nfunction record(value: unknown): Record<string, unknown> | undefined {\n  return value && typeof value === \"object\" && !Array.isArray(value)\n    ? (value as Record<string, unknown>)\n    : undefined;\n}\n\n/**\n * A result string's content items: one JSON value, or the backend's\n * newline-delimited serialization of a multi-block list (an image block and a\n * note, `{…}\\n{…}`), which a plain `JSON.parse` rejects. A bare string carries\n * no image source.\n */\nfunction parseResultString(result: string): unknown[] {\n  try {\n    const parsed: unknown = JSON.parse(result);\n    return typeof parsed === \"string\" ? [] : [parsed];\n  } catch {\n    // Newline-delimited below.\n  }\n  const items: unknown[] = [];\n  for (const line of result.split(\"\\n\")) {\n    const trimmed = line.trim();\n    if (!trimmed) continue;\n    try {\n      const parsed: unknown = JSON.parse(trimmed);\n      if (typeof parsed !== \"string\") items.push(parsed);\n    } catch {\n      // A plain-text line holds nothing to read.\n    }\n  }\n  return items;\n}\n\n/** Every object a result holds, depth first, through JSON strings and `result` wrappers. */\nfunction resultObjects(value: unknown): Record<string, unknown>[] {\n  const found: Record<string, unknown>[] = [];\n  const stack: unknown[] = [value];\n  let budget = 2_000;\n  while (stack.length > 0 && budget > 0) {\n    budget -= 1;\n    const item = stack.pop();\n    if (typeof item === \"string\") {\n      stack.push(...parseResultString(item));\n      continue;\n    }\n    if (Array.isArray(item)) {\n      for (let index = item.length - 1; index >= 0; index -= 1) stack.push(item[index]);\n      continue;\n    }\n    const fields = record(item);\n    if (!fields) continue;\n    found.push(fields);\n    for (const nested of Object.values(fields)) {\n      if (nested && typeof nested === \"object\") stack.push(nested);\n      else if (typeof nested === \"string\" && (nested.startsWith(\"{\") || nested.startsWith(\"[\"))) stack.push(nested);\n    }\n  }\n  return found;\n}\n\n/** What a screenshot result says about its picture and what it captured. */\nexport interface StudioScreenshot {\n  /** The result's own presigned URL, which expires. */\n  presignedUrl: string | null;\n  /** The image's storage key (`source.data` of an `s3_key` image source), which does not. */\n  s3Key: string | null;\n  /** The note the tool returned beside the picture. */\n  text: string | null;\n  sheetId: number | null;\n  sheetName: string | null;\n  range: string | null;\n  pageCount: number | null;\n  /** The asset the screenshot was saved as (`save_as_asset`). */\n  savedAssetId: string | null;\n}\n\n/** Reads a screenshot tool's result (and artifact): the first value of each field found. */\nexport function readStudioScreenshot(...sources: unknown[]): StudioScreenshot {\n  const shot: StudioScreenshot = {\n    presignedUrl: null,\n    s3Key: null,\n    text: null,\n    sheetId: null,\n    sheetName: null,\n    range: null,\n    pageCount: null,\n    savedAssetId: null,\n  };\n  for (const source of sources) {\n    for (const fields of resultObjects(source)) {\n      const imageSource = fields.type === \"image\" ? record(fields.source) : undefined;\n      if (imageSource) {\n        if (shot.presignedUrl === null && typeof imageSource.presigned_url === \"string\") {\n          shot.presignedUrl = imageSource.presigned_url;\n        }\n        if (shot.s3Key === null && imageSource.type === \"s3_key\" && typeof imageSource.data === \"string\") {\n          shot.s3Key = imageSource.data;\n        }\n      }\n      if (shot.presignedUrl === null && typeof fields.presigned_url === \"string\") shot.presignedUrl = fields.presigned_url;\n      if (shot.text === null && fields.type === \"text\" && typeof fields.text === \"string\") shot.text = fields.text;\n      if (shot.sheetId === null && typeof fields.sheet_id === \"number\") shot.sheetId = fields.sheet_id;\n      if (shot.sheetName === null && typeof fields.sheet_name === \"string\") shot.sheetName = fields.sheet_name;\n      if (shot.range === null && typeof fields.range === \"string\") shot.range = fields.range;\n      if (shot.pageCount === null && typeof fields.page_count === \"number\") shot.pageCount = fields.page_count;\n      if (shot.savedAssetId === null && typeof fields.saved_asset_id === \"string\" && fields.saved_asset_id !== \"\") {\n        shot.savedAssetId = fields.saved_asset_id;\n      }\n    }\n  }\n  return shot;\n}\n\n// ─── A fresh URL for the picture ─────────────────────────────────────\n\n/** How long a URL agora signed for a key is used before it is asked again. */\nconst FRESH_URL_STALE_MS = 10 * 60 * 1000;\n\nfunction useFreshPresignedUrlQuery({\n  s3Key,\n  fallbackUrl,\n}: {\n  s3Key: string | null;\n  fallbackUrl: string | null;\n}): string | null {\n  const config = useContext(AthenaContext);\n  const baseUrl = config ? config.backendUrl.replace(/\\/api\\/assistant-ui\\/?$/, \"\") : null;\n  // A signed URL is a bearer grant to the picture, so no card is handed one\n  // another read: the key carries the signed-in principal and a fingerprint\n  // of the credential (never the credential itself) and this card's own id,\n  // and the entry goes when the card unmounts. Each card asks agora, which\n  // runs the read gate for whoever asks, after an account switch too, and\n  // behind a host `getToken` whose account the key cannot see.\n  const identity = useAthenaQueryIdentity({\n    apiKey: config?.apiKey,\n    token: config?.token,\n    getToken: config?.getToken,\n  });\n  const reader = useId();\n  const query = useQuery({\n    queryKey: [\"athena\", \"screenshot-presigned-url\", baseUrl, ...identity, s3Key, reader],\n    enabled: s3Key !== null && config !== null,\n    staleTime: FRESH_URL_STALE_MS,\n    gcTime: 0,\n    refetchOnWindowFocus: false,\n    retry: false,\n    queryFn: async ({ signal }): Promise<string | null> => {\n      if (!config || baseUrl === null) return null;\n      const response = await sendWithCredentialRenewal(config, (headers) =>\n        fetch(`${baseUrl}/api/asset/screenshot-presigned-url`, {\n          method: \"POST\",\n          headers: { \"Content-Type\": \"application/json\", ...headers },\n          body: JSON.stringify({ screenshot_key: s3Key }),\n          signal,\n        }),\n      );\n      if (!response.ok) return null;\n      const data = (await response.json()) as { presigned_url?: unknown };\n      return typeof data.presigned_url === \"string\" ? data.presigned_url : null;\n    },\n  });\n  return query.data ?? fallbackUrl;\n}\n\n/**\n * The URL to show a screenshot from: one agora signs afresh for its storage\n * key, else the result's own. Needs a `QueryClient` in context: wrap the card\n * in `ScreenshotQueryScope`, which brings one when the host has none.\n */\nexport function useScreenshotUrl({\n  s3Key,\n  fallbackUrl,\n}: {\n  s3Key: string | null;\n  fallbackUrl: string | null;\n}): string | null {\n  return useFreshPresignedUrlQuery({ s3Key, fallbackUrl });\n}\n\n/** The host's `QueryClient` when one is in context, else one of the card's own. */\nexport function ScreenshotQueryScope({ children }: { children: ReactNode }) {\n  const queryClient = useAthenaQueryClient();\n  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;\n}\n\n// ─── The cards ───────────────────────────────────────────────────────\n\ntype OpenAssetOptions = Parameters<AssetPanelState[\"openAsset\"]>[1];\n\ninterface StudioScreenshotSpec {\n  /** What was captured, in the card's words (\"“Q1 Plan”\", \"page 2 of 9\"). */\n  label: (params: { args: Record<string, unknown> | undefined; shot: StudioScreenshot }) => string;\n  /** The completed title's tail after the label (\"(A1:F40)\"); empty for none. */\n  detail?: (params: { args: Record<string, unknown> | undefined; shot: StudioScreenshot }) => string;\n  icon: typeof CameraIcon;\n  /** The picture's box: a page keeps a page's proportions while it loads. */\n  imageClassName: string;\n  /** What a failed capture says under its title. */\n  failureNote: string;\n  /** How the asset opens, and the button's words. */\n  open: (params: { args: Record<string, unknown> | undefined; shot: StudioScreenshot }) => {\n    label: string;\n    options: OpenAssetOptions;\n  };\n}\n\nfunction createStudioScreenshotToolUI(spec: StudioScreenshotSpec): ToolCallMessagePartComponent {\n  const Card: ToolCallMessagePartComponent = ({ toolName, args, result, artifact, status }) => {\n    const typedArgs = args as Record<string, unknown> | undefined;\n    const shot = useMemo(() => readStudioScreenshot(result, artifact), [result, artifact]);\n    const imageUrl = useScreenshotUrl({ s3Key: shot.s3Key, fallbackUrl: shot.presignedUrl });\n    const openAsset = useAssetPanelStore((s) => s.openAsset);\n    const assetId = typeof typedArgs?.asset_id === \"string\" && typedArgs.asset_id !== \"\" ? typedArgs.asset_id : null;\n    const label = spec.label({ args: typedArgs, shot });\n    const detail = spec.detail?.({ args: typedArgs, shot }) ?? \"\";\n    const isRunning = status?.type === \"running\";\n    const isComplete = status?.type === \"complete\" || !status;\n    const hasScreenshot = isComplete && (shot.presignedUrl !== null || shot.s3Key !== null);\n    const failed = isComplete && !hasScreenshot;\n    const errorMsg = status?.type === \"incomplete\" ? String(status.error ?? status.reason ?? \"Capture failed\") : null;\n    const title = isRunning\n      ? `Capturing screenshot of ${label}...`\n      : failed || errorMsg\n        ? `Failed to capture screenshot of ${label}`\n        : `Screenshot captured for ${label}${detail ? ` ${detail}` : \"\"}`;\n    const open = assetId ? spec.open({ args: typedArgs, shot }) : null;\n\n    return (\n      <ToolCard\n        icon={spec.icon}\n        status={(failed ? \"incomplete\" : (status?.type ?? \"complete\")) as ToolStatus}\n        title={truncate(title, 90)}\n        toolName={toolName}\n        args={typedArgs}\n        result={result}\n        error={errorMsg ?? (failed ? spec.failureNote : null)}\n      >\n        {hasScreenshot && imageUrl ? (\n          <div data-slot=\"studio-screenshot\" className=\"border-t border-border/40 p-3\">\n            <div className=\"overflow-hidden rounded-lg border border-border/50 bg-muted/20\">\n              <img\n                src={imageUrl}\n                alt={`Screenshot of ${label}`}\n                className={spec.imageClassName}\n                loading=\"lazy\"\n              />\n            </div>\n            {shot.savedAssetId ? (\n              <div className=\"mt-2 flex items-center gap-2 text-[11px] text-muted-foreground\">\n                <span>Saved as asset:</span>\n                <button\n                  type=\"button\"\n                  onClick={() => openAsset(shot.savedAssetId as string)}\n                  className=\"rounded font-mono text-foreground/80 hover:underline\"\n                >\n                  {truncate(shot.savedAssetId, 28)}\n                </button>\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        {hasScreenshot && open && assetId ? (\n          <div className=\"flex flex-wrap gap-2 border-t border-border/40 px-4 py-2\">\n            <button\n              type=\"button\"\n              onClick={() => openAsset(assetId, open.options)}\n              className=\"flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground\"\n            >\n              <ExternalLinkIcon className=\"size-3\" />\n              {open.label}\n            </button>\n          </div>\n        ) : null}\n      </ToolCard>\n    );\n  };\n  const Scoped: ToolCallMessagePartComponent = (props) => (\n    <ScreenshotQueryScope>\n      <Card {...props} />\n    </ScreenshotQueryScope>\n  );\n  return Scoped;\n}\n\n/** \"“Q1 Plan”\", \"sheet 3\", or \"active sheet\", as Athena on the web names the captured sheet. */\nfunction sheetLabel({ args, shot }: { args: Record<string, unknown> | undefined; shot: StudioScreenshot }): string {\n  const name = shot.sheetName ?? (typeof args?.sheet_name === \"string\" ? args.sheet_name : null);\n  const id = shot.sheetId ?? (typeof args?.sheet_id === \"number\" ? args.sheet_id : null);\n  if (name) return `\"${name}\"`;\n  if (id !== null) return `sheet ${id}`;\n  return \"active sheet\";\n}\n\nfunction sheetRange({ args, shot }: { args: Record<string, unknown> | undefined; shot: StudioScreenshot }): string | null {\n  return shot.range ?? (typeof args?.cell_range === \"string\" ? args.cell_range : null);\n}\n\nconst CaptureSheetScreenshotToolUIImpl = createStudioScreenshotToolUI({\n  icon: CameraIcon,\n  label: sheetLabel,\n  detail: (params) => {\n    const range = sheetRange(params);\n    return range ? `(${range})` : \"\";\n  },\n  imageClassName: \"w-full object-contain\",\n  failureNote: \"The screenshot could not be captured. Check that the workbook exists and the sheet or range is valid.\",\n  open: (params) => {\n    const range = sheetRange(params);\n    return {\n      label: range ? `Open ${range}` : \"Open spreadsheet\",\n      options: { type: \"spreadsheet\" },\n    };\n  },\n});\n\n/** `capture_sheet_screenshot`: a workbook sheet's screenshot. */\nexport const CaptureSheetScreenshotToolUI = memo(\n  CaptureSheetScreenshotToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nCaptureSheetScreenshotToolUI.displayName = \"CaptureSheetScreenshotToolUI\";\n\n/** A Word page's proportions (US letter portrait), so the picture's box holds still while it loads. */\nconst PAGE_IMAGE_CLASS = \"aspect-[8.5/11] w-full object-contain\";\n\nconst CapturePageScreenshotToolUIImpl = createStudioScreenshotToolUI({\n  icon: FileTextIcon,\n  label: ({ args, shot }) => {\n    const page = typeof args?.page_number === \"number\" ? args.page_number : 1;\n    return shot.pageCount !== null ? `page ${page} of ${shot.pageCount}` : `page ${page}`;\n  },\n  imageClassName: PAGE_IMAGE_CLASS,\n  failureNote: \"The screenshot could not be captured. Check that the document exists and the page number is within range.\",\n  open: () => ({ label: \"Open document\", options: { type: \"document\" } }),\n});\n\n/** `capture_page_screenshot`: a Word document page's screenshot. */\nexport const CapturePageScreenshotToolUI = memo(\n  CapturePageScreenshotToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nCapturePageScreenshotToolUI.displayName = \"CapturePageScreenshotToolUI\";\n"],"names":[],"mappings":"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"}

package/dist/tools/subagent-task-tool-ui.cjs

@@ -2,133 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("@assistant-ui/react");
-const reactQuery = require("@tanstack/react-query");
-const lucideReact = require("lucide-react");
 const require$$0 = require("react");
-const useStatewireApprovalRequest = require("../chat/use-statewire-approval-request.cjs");
-const messageTime = require("../chat/message-time.cjs");
-const turnTiming = require("../chat/super-grouping/turn-timing.cjs");
-const athenaDiagnostics = require("../diagnostics/athena-diagnostics.cjs");
-const useAthenaRestQuery = require("../lib/use-athena-rest-query.cjs");
-const collapsible = require("../ui/collapsible.cjs");
-const NestedPtcMessages = require("./NestedPtcMessages.cjs");
-const stepText = require("./step-text.cjs");
-const toolAppearance = require("./tool-appearance.cjs");
-const toolFallback = require("./tool-fallback.cjs");
-const toolSummary = require("./tool-summary.cjs");
+const laneParts = require("../subagents/lane-parts.cjs");
+const subagentLaneGroup = require("../subagents/subagent-lane-group.cjs");
+const taskSubagentGroup = require("../subagents/task-subagent-group.cjs");
 const threadExtras = require("../agent-runtime/src/thread-extras.cjs");
-const subagents = require("../agent-runtime/src/subagents.cjs");
-const toolNames = require("../agent-runtime/src/tool-names.cjs");
-const laneHistory = require("../agent-runtime/src/lane-history.cjs");
-const subagentTranscripts = require("../agent-runtime/src/subagent-transcripts.cjs");
-const messages = require("../agent-runtime/src/messages.cjs");
-const cnfast = require("cnfast");
-const NO_LANE_STEPS = [];
-const NOT_AWAITING_APPROVAL = { awaitingApproval: false, gatedCall: void 0 };
-const NO_MESSAGES = [];
-const SUBAGENT_LANE_PHASE_LABELS = {
-  queued: "Queued",
-  approval: subagents.SUBAGENT_AWAITING_APPROVAL_LABEL,
-  waiting: "Waiting for you",
-  running: "Running",
-  complete: "Done",
-  error: "Failed",
-  stopped: "Stopped"
-};
-function subagentLanePhase({
-  status,
-  partStatus,
-  awaitingApproval = false
-}) {
-  if (status === "complete" || status === "error") return status;
-  if (awaitingApproval) return "approval";
-  if ((partStatus == null ? void 0 : partStatus.type) === "requires-action") return "waiting";
-  if ((partStatus == null ? void 0 : partStatus.type) === "incomplete") {
-    return partStatus.reason === "cancelled" ? "stopped" : "error";
-  }
-  return status;
-}
-function isSettledSubagentLanePhase(phase) {
-  return phase === "complete" || phase === "error" || phase === "stopped";
-}
-function subagentLaneResult({
-  output,
-  phase,
-  partStatus
-}) {
-  if (!isSettledSubagentLanePhase(phase)) return "";
-  const own = (output == null ? void 0 : output.trim()) ?? "";
-  if (own !== "" || phase !== "error" || (partStatus == null ? void 0 : partStatus.type) !== "incomplete") return own;
-  const { error } = partStatus;
-  if (error === void 0 || error === null) return "";
-  return (typeof error === "string" ? error : JSON.stringify(error)).trim();
-}
-function record(value) {
-  return value && typeof value === "object" && !Array.isArray(value) ? value : void 0;
-}
-function finishedLaneDurationMs(artifact) {
-  const stamps = record(artifact);
-  const startedAt = turnTiming.readInstantMs(stamps == null ? void 0 : stamps._started_at);
-  const finishedAt = turnTiming.readInstantMs(stamps == null ? void 0 : stamps[messageTime.MESSAGE_CREATED_AT_KEY]);
-  return startedAt !== null && finishedAt !== null && finishedAt >= startedAt ? finishedAt - startedAt : null;
-}
-const ASSISTANT_TYPES = /* @__PURE__ */ new Set(["ai", "AIMessageChunk"]);
-function laneDelegatedAtMs({
-  sources,
-  toolCallId
-}) {
-  for (const source of sources) {
-    const message = record(source);
-    if (!message || !ASSISTANT_TYPES.has(message.type)) continue;
-    const calls = message.tool_calls;
-    if (!Array.isArray(calls) || !calls.some((call) => {
-      var _a;
-      return ((_a = record(call)) == null ? void 0 : _a.id) === toolCallId;
-    })) continue;
-    const kwargs = record(message.additional_kwargs);
-    const metadata = record(kwargs == null ? void 0 : kwargs.metadata);
-    return turnTiming.readInstantMs(metadata == null ? void 0 : metadata[messageTime.MESSAGE_CREATED_AT_KEY]) ?? turnTiming.readInstantMs(kwargs == null ? void 0 : kwargs[messageTime.MESSAGE_CREATED_AT_KEY]) ?? turnTiming.readInstantMs(message[messageTime.MESSAGE_CREATED_AT_KEY]);
-  }
-  return null;
-}
-function latestLaneStep(messages2) {
-  for (let index = messages2.length - 1; index >= 0; index -= 1) {
-    const message = messages2[index];
-    if ((message == null ? void 0 : message.role) !== "assistant") continue;
-    for (let partIndex = message.content.length - 1; partIndex >= 0; partIndex -= 1) {
-      const part = message.content[partIndex];
-      if ((part == null ? void 0 : part.type) !== "tool-call") continue;
-      const answered = part.result !== void 0 && part.isPreliminary !== true;
-      return toolSummary.summarizeToolCall({
-        toolName: part.toolName,
-        args: part.args,
-        result: answered ? part.result : void 0,
-        status: answered ? part.isError === true ? "error" : "complete" : "running"
-      });
-    }
-  }
-  return null;
-}
-function subagentTypeLabel(name) {
-  const trimmed = name.trim();
-  if (trimmed === "" || trimmed === "subagent" || trimmed === "general-purpose") return "Subagent";
-  return toolSummary.humanizeToolName(trimmed);
-}
-function toolCallCountLabel(count) {
-  return `${count} tool call${count === 1 ? "" : "s"}`;
-}
-function stepsLabel(count) {
-  return `${count} step${count === 1 ? "" : "s"}`;
-}
-function laneStepsNote({
-  shown,
-  total,
-  arrivesLater
-}) {
-  if (total === void 0 || total <= shown) return null;
-  const leftOff = total - shown;
-  return arrivesLater ? `Showing the latest steps. ${leftOff} earlier ${leftOff === 1 ? "step arrives" : "steps arrive"} when this subagent finishes.` : `Showing the latest ${shown} of ${stepsLabel(total)}.`;
-}
 function useInReadOnlyThread() {
   return react.useAuiState((s) => {
     var _a;
@@ -136,369 +14,40 @@ function useInReadOnlyThread() {
     return thread !== void 0 && !threadExtras.hasStatewireThreadExtras(thread.extras);
   });
 }
-function laneFromArgs(toolCallId, args) {
-  const record2 = typeof args === "object" && args !== null ? args : {};
-  return {
-    id: toolCallId,
-    name: typeof record2.subagent_type === "string" ? record2.subagent_type : "subagent",
-    description: typeof record2.description === "string" ? record2.description : "",
-    status: "queued",
-    toolCallCount: 0,
-    messages: NO_MESSAGES,
-    messageCount: 0,
-    currentText: ""
-  };
+function argsRecord(args) {
+  return typeof args === "object" && args !== null && !Array.isArray(args) ? args : {};
 }
-function LaneStatusGlyph({ phase }) {
-  const glyph = phase === "running" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderIcon, { className: "size-3.5 animate-spin text-muted-foreground motion-reduce:animate-none" }) : phase === "complete" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-3.5 text-emerald-600" }) : phase === "error" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { className: "size-3.5 text-destructive" }) : phase === "stopped" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircleIcon, { className: "size-3.5 text-muted-foreground" }) : phase === "waiting" || phase === "approval" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldAlertIcon, { className: "size-3.5 text-amber-600" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleDashedIcon, { className: "size-3.5 text-muted-foreground motion-safe:animate-pulse" });
+function TaskSubagentLanes({ toolCallId, args }) {
+  const task = taskSubagentGroup.useTaskSubagentGroup({ toolCallId, args });
+  if (!task.isAnchor) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
+    subagentLaneGroup.SubagentLaneGroup,
     {
-      "data-slot": "subagent-status",
-      "data-phase": phase,
-      "aria-hidden": "true",
-      className: "mt-0.5 flex size-4 shrink-0 items-center justify-center",
-      children: glyph
+      lanes: task.lanes,
+      turnToolCallIds: task.turnToolCallIds,
+      stoppedLaneIds: task.stoppedLaneIds,
+      delegatedAtMs: task.delegatedAtMs
     }
   );
 }
-function useRunningElapsedMs(running, startMs) {
-  const [clock, setClock] = require$$0.useState(null);
-  require$$0.useEffect(() => {
-    if (!running) {
-      setClock(null);
-      return void 0;
-    }
-    const seenAt = Date.now();
-    setClock({ seenAt, now: seenAt });
-    const timer = setInterval(() => setClock({ seenAt, now: Date.now() }), 1e3);
-    return () => clearInterval(timer);
-  }, [running]);
-  if (!running || clock === null) return null;
-  return Math.max(0, clock.now - (startMs ?? clock.seenAt));
-}
-const LaneStepComponentsContext = require$$0.createContext(null);
-const EmptyStepPart = () => null;
-const LaneStep = () => {
-  const role = react.useAuiState((s) => s.message.role);
-  const components = require$$0.useContext(LaneStepComponentsContext);
-  if (role !== "assistant") return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Parts, { components: { Empty: EmptyStepPart, ...components } });
-};
-const LANE_ROW_COMPONENTS = { Message: LaneStep };
-const ROW_KEY_SEPARATOR = "\0";
-function LaneRows() {
-  const joinedKeys = react.useAuiState(
-    (s) => s.thread.messages.map((message) => messages.deepAgentRowKey(message)).join(ROW_KEY_SEPARATOR)
-  );
-  const rowKeys = require$$0.useMemo(
-    () => joinedKeys === "" ? [] : joinedKeys.split(ROW_KEY_SEPARATOR),
-    [joinedKeys]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: rowKeys.map((key, index) => /* @__PURE__ */ jsxRuntime.jsx(react.ThreadPrimitive.MessageByIndex, { index, components: LANE_ROW_COMPONENTS }, key)) });
-}
-class LaneStepsBoundary extends require$$0.Component {
-  constructor(props) {
-    super(props);
-    this.state = { failed: false };
-  }
-  static getDerivedStateFromError() {
-    return { failed: true };
-  }
-  componentDidCatch(error, errorInfo) {
-    var _a;
-    athenaDiagnostics.athenaDiagnostics.error(
-      "sdk.error",
-      error,
-      {
-        code: "chat_render_crash",
-        message: "A subagent's steps could not be shown",
-        hint: "Inspect component_stack: a tool UI that reads the live thread fails inside a subagent's read-only steps."
-      },
+const SubagentTaskToolUIImpl = ({ toolCallId, args }) => {
+  const readOnly = useInReadOnlyThread();
+  if (readOnly) {
+    const fields = argsRecord(args);
+    const name = fields.subagent_type ?? fields.subagentType;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      laneParts.SubagentDelegationChip,
       {
-        surface: "subagent-lane",
-        subagent: this.props.name,
-        component_stack: ((_a = errorInfo.componentStack) == null ? void 0 : _a.slice(0, 2e3)) ?? null
+        name: typeof name === "string" ? name : "subagent",
+        description: typeof fields.description === "string" ? fields.description : void 0
       }
     );
   }
-  render() {
-    if (this.state.failed) {
-      return /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "px-1 text-xs text-muted-foreground", children: "These steps couldn't be shown. The conversation is not affected." });
-    }
-    return this.props.children;
-  }
-}
-function LaneQueryScope({ children }) {
-  const queryClient = useAthenaRestQuery.useAthenaQueryClient();
-  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children });
-}
-function LaneSteps({ lane, phase, result, partMessages }) {
-  var _a, _b;
-  const running = lane.status === "running" && (phase === "running" || phase === "approval");
-  const source = lane.source;
-  const history = laneHistory.useDeepAgentLaneHistory({
-    messageId: source == null ? void 0 : source.messageId,
-    lane: source == null ? void 0 : source.lane,
-    carried: (source == null ? void 0 : source.transcript) ?? NO_LANE_STEPS,
-    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
-  });
-  const [convertLane] = require$$0.useState(() => subagentTranscripts.createSubagentLaneConversion());
-  const report = lane.status === "complete" && (source == null ? void 0 : source.messageId) !== void 0 ? lane.output : void 0;
-  const messages2 = (source === void 0 ? void 0 : convertLane(subagentTranscripts.withLaneReport(history.steps, report), running)) ?? partMessages ?? NO_MESSAGES;
-  const components = NestedPtcMessages.useNestedPtcComponents(toolFallback.ToolFallback);
-  const shown = history.steps.length;
-  const arrivesLater = running && (source == null ? void 0 : source.messageId) !== void 0 && !history.available;
-  const note = laneStepsNote({ shown, total: history.total, arrivesLater });
-  const emptyText = phase === "running" ? "Starting…" : phase === "queued" || phase === "waiting" || phase === "approval" ? "Not started yet." : "No steps were recorded for this subagent.";
-  const failed = phase === "error";
-  const closing = failed || messages2.length === 0 ? result : "";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "subagent-steps", className: "flex min-w-0 flex-col gap-2 px-2.5", children: [
-    lane.description ? /* @__PURE__ */ jsxRuntime.jsx(
-      "p",
-      {
-        "data-slot": "subagent-brief",
-        className: "whitespace-pre-wrap break-words text-xs leading-relaxed text-muted-foreground",
-        children: lane.description
-      }
-    ) : null,
-    note ? /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        "data-slot": "subagent-steps-note",
-        className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: note }),
-          history.hasEarlier && !arrivesLater ? /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: history.loadEarlier,
-              disabled: history.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: history.loading ? "Loading earlier steps…" : "Load earlier steps"
-            }
-          ) : null
-        ]
-      }
-    ) : null,
-    messages2.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(LaneStepsBoundary, { name: lane.name, children: /* @__PURE__ */ jsxRuntime.jsx(LaneStepComponentsContext.Provider, { value: components, children: /* @__PURE__ */ jsxRuntime.jsx(react.ReadonlyThreadProvider, { messages: messages2, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "subagent-step-rows", className: "flex min-w-0 flex-col gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(LaneRows, {}) }) }) }) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: emptyText }),
-    closing ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "subagent-result", className: "flex min-w-0 flex-col gap-0.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "p",
-        {
-          className: cnfast.cn(
-            "text-xs font-medium",
-            failed ? "text-destructive" : "text-muted-foreground"
-          ),
-          children: failed ? "Error" : "Report"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "p",
-        {
-          "data-slot": "subagent-result-text",
-          className: cnfast.cn(
-            "max-h-72 overflow-auto whitespace-pre-wrap break-words text-xs leading-relaxed",
-            failed ? "text-destructive/80" : "text-foreground/80"
-          ),
-          children: closing
-        }
-      )
-    ] }) : null
-  ] });
-}
-function laneMeta({
-  phase,
-  toolCallCount,
-  elapsedMs
-}) {
-  const parts = [SUBAGENT_LANE_PHASE_LABELS[phase]];
-  if (toolCallCount > 0 || isSettledSubagentLanePhase(phase)) {
-    parts.push(toolCallCountLabel(toolCallCount));
-  }
-  if (elapsedMs !== null && (phase !== "running" || elapsedMs >= 1e3)) {
-    parts.push(turnTiming.formatWorkDuration(elapsedMs));
-  }
-  return parts.join(" · ");
-}
-function SubagentTaskCard({ toolCallId, args, status, artifact, messages: messages2 }) {
-  const appearance = toolAppearance.useToolAppearance();
-  const isThread = appearance === "thread";
-  const readLane = react.useAuiState((s) => subagents.taskSubagentsOfTurn(s.message).get(toolCallId));
-  const lane = require$$0.useMemo(
-    () => readLane ?? laneFromArgs(toolCallId, args),
-    [readLane, toolCallId, args]
-  );
-  const { toolCallIds: waitingToolCallIds, actionRequests } = useStatewireApprovalRequest.useApprovalWaitInScope();
-  const waitingTurn = react.useAuiState((s) => waitingToolCallIds.size === 0 ? null : s.message);
-  const approvalWait = require$$0.useMemo(
-    () => waitingTurn === null ? NOT_AWAITING_APPROVAL : subagents.turnLaneApprovalWait({
-      message: waitingTurn,
-      toolCallId,
-      toolCallIds: waitingToolCallIds,
-      actionRequests
-    }),
-    [waitingTurn, toolCallId, waitingToolCallIds, actionRequests]
-  );
-  const { awaitingApproval, gatedCall } = approvalWait;
-  const phase = subagentLanePhase({ status: lane.status, partStatus: status, awaitingApproval });
-  const running = phase === "running";
-  const delegatedAt = react.useAuiState(
-    (s) => running ? laneDelegatedAtMs({ sources: react.getExternalStoreMessages(s.message), toolCallId }) : null
-  );
-  const runningElapsed = useRunningElapsedMs(running, delegatedAt);
-  const elapsedMs = running ? runningElapsed : isSettledSubagentLanePhase(phase) ? finishedLaneDurationMs(artifact) : null;
-  const step = require$$0.useMemo(() => running ? latestLaneStep(lane.messages) : null, [running, lane.messages]);
-  const hasSteps = lane.messageCount > 0 || (lane.omittedMessageCount ?? 0) > 0;
-  const typeLabel = subagentTypeLabel(lane.name);
-  const title = lane.description.trim() || typeLabel;
-  const meta = laneMeta({ phase, toolCallCount: lane.toolCallCount, elapsedMs });
-  const liveText = step ? null : lane.currentText.trim();
-  const report = subagentLaneResult({ output: lane.output, phase, partStatus: status });
-  const header = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(LaneStatusGlyph, { phase }),
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-baseline gap-1.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            "data-slot": "subagent-title",
-            title: lane.description || void 0,
-            className: "min-w-0 truncate font-medium text-foreground",
-            children: title
-          }
-        ),
-        title !== typeLabel ? /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            "data-slot": "subagent-type",
-            className: "shrink-0 rounded-full bg-muted px-1.5 py-px text-[10px] font-medium text-muted-foreground",
-            children: typeLabel
-          }
-        ) : null
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          "data-slot": "subagent-meta",
-          className: cnfast.cn(
-            "text-xs tabular-nums text-muted-foreground",
-            phase === "error" && "text-destructive"
-          ),
-          children: meta
-        }
-      ),
-      phase === "approval" ? /* @__PURE__ */ jsxRuntime.jsxs(
-        "span",
-        {
-          "data-slot": "subagent-approval",
-          className: "flex min-w-0 items-baseline gap-1 text-xs text-muted-foreground",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-amber-700", children: subagents.subagentApprovalNoteLabel(approvalWait) }),
-            gatedCall ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("code", { className: "shrink-0 rounded bg-foreground/[0.06] px-1 py-px font-mono text-[11px] text-foreground/85", children: gatedCall.name }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: toolNames.salientToolCallDetail(gatedCall) })
-            ] }) : null
-          ]
-        }
-      ) : running ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "subagent-activity", className: "min-w-0 truncate text-xs text-muted-foreground", children: step ? /* @__PURE__ */ jsxRuntime.jsx("span", { title: step.detail, children: /* @__PURE__ */ jsxRuntime.jsx(stepText.StepText, { text: step.label, code: step.code }) }) : liveText || "Starting…" }) : null
-    ] })
-  ] });
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    toolFallback.ToolFallbackRoot,
-    {
-      "data-testid": "subagent-task-card",
-      "data-phase": phase,
-      role: "group",
-      "aria-label": `Subagent: ${title}`,
-      className: cnfast.cn(isThread && phase === "error" && "border-destructive/30 bg-destructive/5"),
-      children: [
-        hasSteps || running || report ? /* @__PURE__ */ jsxRuntime.jsxs(
-          collapsible.CollapsibleTrigger,
-          {
-            "data-slot": "subagent-trigger",
-            className: cnfast.cn(
-              "group/trigger flex w-full min-w-0 items-start gap-2 text-left text-[13px] leading-snug transition-colors hover:bg-muted/40",
-              isThread ? "rounded-lg px-2.5 py-1.5" : "px-3"
-            ),
-            children: [
-              header,
-              /* @__PURE__ */ jsxRuntime.jsx(
-                lucideReact.ChevronDownIcon,
-                {
-                  "aria-hidden": "true",
-                  className: cnfast.cn(
-                    "mt-0.5 size-3.5 shrink-0 text-muted-foreground/60",
-                    "transition-transform duration-(--animation-duration) ease-out",
-                    "group-data-[state=closed]/trigger:-rotate-90"
-                  )
-                }
-              )
-            ]
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            "data-slot": "subagent-trigger",
-            className: cnfast.cn(
-              "flex w-full min-w-0 items-start gap-2 text-[13px] leading-snug",
-              isThread ? "px-2.5 py-1.5" : "px-3"
-            ),
-            children: header
-          }
-        ),
-        report ? /* @__PURE__ */ jsxRuntime.jsx(
-          "p",
-          {
-            "data-slot": "subagent-report",
-            className: cnfast.cn(
-              "mb-1.5 line-clamp-3 whitespace-pre-line break-words text-xs leading-relaxed",
-              isThread ? "mr-2.5 ml-8" : "mx-3 mt-1.5 ml-9",
-              phase === "error" ? "text-destructive" : "text-foreground/80"
-            ),
-            children: report
-          }
-        ) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(toolFallback.ToolFallbackContent, { children: /* @__PURE__ */ jsxRuntime.jsx(LaneQueryScope, { children: /* @__PURE__ */ jsxRuntime.jsx(LaneSteps, { lane, phase, result: report, partMessages: messages2 }) }) })
-      ]
-    }
-  );
-}
-function SubagentDelegationRow({ args, result, isError, status }) {
-  const settled = result !== void 0 && (status == null ? void 0 : status.type) !== "running";
-  const summary = toolSummary.summarizeToolCall({
-    toolName: "task",
-    args: typeof args === "object" && args !== null ? args : void 0,
-    status: !settled ? "running" : isError === true ? "error" : "complete"
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-testid": "subagent-delegation",
-      className: "my-1 flex min-w-0 items-center gap-2 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-[13px]",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BotIcon, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { title: summary.detail, className: "min-w-0 truncate text-foreground", children: summary.label })
-      ]
-    }
-  );
-}
-const SubagentTaskToolUIImpl = (props) => useInReadOnlyThread() ? /* @__PURE__ */ jsxRuntime.jsx(SubagentDelegationRow, { ...props }) : /* @__PURE__ */ jsxRuntime.jsx(SubagentTaskCard, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(TaskSubagentLanes, { toolCallId, args });
+};
 const SubagentTaskToolUI = require$$0.memo(
   SubagentTaskToolUIImpl
 );
 SubagentTaskToolUI.displayName = "SubagentTaskToolUI";
-exports.SUBAGENT_LANE_PHASE_LABELS = SUBAGENT_LANE_PHASE_LABELS;
 exports.SubagentTaskToolUI = SubagentTaskToolUI;
-exports.finishedLaneDurationMs = finishedLaneDurationMs;
-exports.isSettledSubagentLanePhase = isSettledSubagentLanePhase;
-exports.laneDelegatedAtMs = laneDelegatedAtMs;
-exports.laneStepsNote = laneStepsNote;
-exports.latestLaneStep = latestLaneStep;
-exports.subagentLanePhase = subagentLanePhase;
-exports.subagentLaneResult = subagentLaneResult;
-exports.subagentTypeLabel = subagentTypeLabel;
-exports.toolCallCountLabel = toolCallCountLabel;
 //# sourceMappingURL=subagent-task-tool-ui.cjs.map