@flanksource/clicky-ui 0.3.44 → 0.3.45

package/dist/data/chat/Conversation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Conversation.cjs","sources":["../../../src/data/chat/Conversation.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowDown, UiCheck, UiCircleX, UiCopy, UiLoader } from \"../../icons\";\nimport { Message, type MessageActionHandlers } from \"./Message\";\nimport type { ChatStatus, UIMessage } from \"./types\";\n\nexport type ConversationProps = MessageActionHandlers & {\n  messages: UIMessage[];\n  /** Current chat status; used for transient pending/error affordances. */\n  status?: ChatStatus | undefined;\n  /** Last request error from the chat transport, if any. */\n  error?: Error | undefined;\n  /** Clears the visible transport error. */\n  onClearError?: (() => void) | undefined;\n  /** Conversation/thread id, surfaced in the copyable error report. */\n  sessionId?: string | undefined;\n  /** Selected model id, surfaced in the copyable error report. */\n  model?: string | undefined;\n  /** Shown when there are no messages yet. */\n  emptyState?: React.ReactNode;\n  className?: string;\n};\n\n/** A scrollable message log that sticks to the bottom as new content streams\n *  in, unless the user has scrolled up — in which case a jump-to-bottom button\n *  appears. */\nexport function Conversation({\n  messages,\n  status,\n  error,\n  onClearError,\n  sessionId,\n  model,\n  emptyState,\n  className,\n  ...actions\n}: ConversationProps) {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [pinned, setPinned] = useState(true);\n  const isWaiting = status === \"submitted\" || (status === \"streaming\" && !hasVisibleAssistantResponse(messages));\n  const errorText = error?.message || (status === \"error\" ? \"The assistant request failed.\" : undefined);\n\n  const onScroll = () => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const distance = el.scrollHeight - el.scrollTop - el.clientHeight;\n    setPinned(distance < 32);\n  };\n\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (el && pinned) {\n      el.scrollTop = el.scrollHeight;\n    }\n  });\n\n  const scrollToBottom = () => {\n    const el = scrollRef.current;\n    if (el) el.scrollTo({ top: el.scrollHeight, behavior: \"smooth\" });\n  };\n\n  return (\n    <div className=\"relative flex min-h-0 flex-1 flex-col\">\n      <div\n        ref={scrollRef}\n        onScroll={onScroll}\n        role=\"log\"\n        className={cn(\"flex-1 overflow-y-auto\", className)}\n      >\n        {messages.length === 0 && emptyState ? (\n          <div className=\"flex size-full flex-col items-center justify-center gap-3 p-8 text-center\">\n            {emptyState}\n          </div>\n        ) : (\n          <div className=\"flex flex-col gap-8 p-4\">\n            {messages.map((message) => (\n              <Message key={message.id} message={message} {...actions} />\n            ))}\n            {isWaiting && <LoadingIndicator />}\n            {errorText && (\n              <ErrorNotice\n                message={errorText}\n                error={error}\n                sessionId={sessionId}\n                model={model}\n                onClear={onClearError}\n              />\n            )}\n          </div>\n        )}\n      </div>\n\n      {!pinned && messages.length > 0 && (\n        <button\n          type=\"button\"\n          aria-label=\"Scroll to latest\"\n          onClick={scrollToBottom}\n          className=\"absolute bottom-3 left-1/2 flex size-8 -translate-x-1/2 items-center justify-center rounded-full border border-border bg-background text-muted-foreground shadow-md hover:text-foreground\"\n        >\n          <Icon icon={UiArrowDown} className=\"size-4\" />\n        </button>\n      )}\n    </div>\n  );\n}\n\nfunction hasVisibleAssistantResponse(messages: UIMessage[]) {\n  const last = messages[messages.length - 1];\n  if (last?.role !== \"assistant\") return false;\n  return last.parts.some((part) => {\n    if (part.type === \"step-start\") return false;\n    if (part.type === \"text\" || part.type === \"reasoning\") return part.text.length > 0;\n    return true;\n  });\n}\n\nfunction LoadingIndicator() {\n  return (\n    <div className=\"flex w-full max-w-[95%] items-center gap-2 text-sm text-muted-foreground\">\n      <Icon icon={UiLoader} className=\"size-4 shrink-0 animate-spin\" />\n      <span>Waiting for response...</span>\n    </div>\n  );\n}\n\ntype ErrorReport = {\n  message: string;\n  error?: Error | undefined;\n  sessionId?: string | undefined;\n  model?: string | undefined;\n};\n\n/** Assembles a support-ready plain-text report: the error, the session/model\n *  that produced it, the page, and the full stack/cause — everything needed to\n *  file or triage the failure without a back-and-forth. */\nfunction buildErrorReport({ message, error, sessionId, model }: ErrorReport): string {\n  const lines = [`Error: ${message}`];\n  if (error?.name && error.name !== \"Error\") lines.push(`Type: ${error.name}`);\n  if (sessionId) lines.push(`Session: ${sessionId}`);\n  if (model) lines.push(`Model: ${model}`);\n  if (typeof window !== \"undefined\") lines.push(`Page: ${window.location.href}`);\n  if (typeof navigator !== \"undefined\" && navigator.userAgent) lines.push(`User agent: ${navigator.userAgent}`);\n  lines.push(`Time: ${new Date().toISOString()}`);\n  const cause = (error as { cause?: unknown } | undefined)?.cause;\n  const detail = error?.stack ?? (cause != null ? String(cause) : \"\");\n  if (detail.trim() && detail.trim() !== message) lines.push(\"\", detail.trim());\n  return lines.join(\"\\n\");\n}\n\nfunction ErrorNotice({ message, error, sessionId, model, onClear }: ErrorReport & { onClear?: (() => void) | undefined }) {\n  const [copied, setCopied] = useState(false);\n  const copyReport = () => {\n    const clip = typeof navigator !== \"undefined\" ? navigator.clipboard : undefined;\n    if (!clip) return;\n    void clip\n      .writeText(buildErrorReport({ message, error, sessionId, model }))\n      .then(() => {\n        setCopied(true);\n        setTimeout(() => setCopied(false), 2000);\n      })\n      .catch(() => {});\n  };\n  return (\n    <div\n      role=\"alert\"\n      className=\"flex w-full max-w-[95%] items-start gap-2 rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\"\n    >\n      <Icon icon={UiCircleX} className=\"mt-0.5 size-4 shrink-0\" />\n      <div className=\"min-w-0 flex-1 whitespace-pre-wrap break-words\">{message}</div>\n      <div className=\"flex shrink-0 items-center gap-2\">\n        <button\n          type=\"button\"\n          aria-label=\"Copy error details\"\n          title=\"Copy session id, model, page and full error\"\n          className=\"inline-flex items-center gap-1 text-xs underline-offset-2 hover:underline\"\n          onClick={copyReport}\n        >\n          <Icon icon={copied ? UiCheck : UiCopy} className=\"size-3.5\" />\n          {copied ? \"Copied\" : \"Copy\"}\n        </button>\n        {onClear && (\n          <button type=\"button\" className=\"text-xs underline-offset-2 hover:underline\" onClick={onClear}>\n            Dismiss\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["useRef","useState","useEffect","jsxs","jsx","cn","Message","Icon","UiArrowDown","UiLoader","UiCircleX","UiCheck","UiCopy"],"mappings":"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"}
+{"version":3,"file":"Conversation.cjs","sources":["../../../src/data/chat/Conversation.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowDown, UiCheck, UiCircleX, UiCopy, UiLoader } from \"../../icons\";\nimport { Message, type MessageActionHandlers } from \"./Message\";\nimport type { ChatStatus, UIMessage } from \"./types\";\n\nexport type ConversationProps = MessageActionHandlers & {\n  messages: UIMessage[];\n  /** Current chat status; used for transient pending/error affordances. */\n  status?: ChatStatus | undefined;\n  /** Last request error from the chat transport, if any. */\n  error?: Error | undefined;\n  /** Clears the visible transport error. */\n  onClearError?: (() => void) | undefined;\n  /** Conversation/thread id, surfaced in the copyable error report. */\n  sessionId?: string | undefined;\n  /** Selected model id, surfaced in the copyable error report. */\n  model?: string | undefined;\n  /** Hide the waiting indicator because another control (e.g. an approval\n   *  button) is already showing progress. */\n  suppressWaiting?: boolean | undefined;\n  /** Shown when there are no messages yet. */\n  emptyState?: React.ReactNode;\n  className?: string;\n};\n\n/** A scrollable message log that sticks to the bottom as new content streams\n *  in, unless the user has scrolled up — in which case a jump-to-bottom button\n *  appears. */\nexport function Conversation({\n  messages,\n  status,\n  error,\n  onClearError,\n  sessionId,\n  model,\n  suppressWaiting,\n  emptyState,\n  className,\n  ...actions\n}: ConversationProps) {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [pinned, setPinned] = useState(true);\n  const isWaiting =\n    !suppressWaiting &&\n    (status === \"submitted\" || (status === \"streaming\" && !hasVisibleAssistantResponse(messages)));\n  const errorText = error?.message || (status === \"error\" ? \"The assistant request failed.\" : undefined);\n\n  const onScroll = () => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const distance = el.scrollHeight - el.scrollTop - el.clientHeight;\n    setPinned(distance < 32);\n  };\n\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (el && pinned) {\n      el.scrollTop = el.scrollHeight;\n    }\n  });\n\n  const scrollToBottom = () => {\n    const el = scrollRef.current;\n    if (el) el.scrollTo({ top: el.scrollHeight, behavior: \"smooth\" });\n  };\n\n  return (\n    <div className=\"relative flex min-h-0 flex-1 flex-col\">\n      <div\n        ref={scrollRef}\n        onScroll={onScroll}\n        role=\"log\"\n        className={cn(\"flex-1 overflow-y-auto\", className)}\n      >\n        {messages.length === 0 && emptyState ? (\n          <div className=\"flex size-full flex-col items-center justify-center gap-3 p-8 text-center\">\n            {emptyState}\n          </div>\n        ) : (\n          <div className=\"flex flex-col gap-8 p-4\">\n            {messages.map((message) => (\n              <Message key={message.id} message={message} {...actions} />\n            ))}\n            {isWaiting && <LoadingIndicator />}\n            {errorText && (\n              <ErrorNotice\n                message={errorText}\n                error={error}\n                sessionId={sessionId}\n                model={model}\n                onClear={onClearError}\n              />\n            )}\n          </div>\n        )}\n      </div>\n\n      {!pinned && messages.length > 0 && (\n        <button\n          type=\"button\"\n          aria-label=\"Scroll to latest\"\n          onClick={scrollToBottom}\n          className=\"absolute bottom-3 left-1/2 flex size-8 -translate-x-1/2 items-center justify-center rounded-full border border-border bg-background text-muted-foreground shadow-md hover:text-foreground\"\n        >\n          <Icon icon={UiArrowDown} className=\"size-4\" />\n        </button>\n      )}\n    </div>\n  );\n}\n\nfunction hasVisibleAssistantResponse(messages: UIMessage[]) {\n  const last = messages[messages.length - 1];\n  if (last?.role !== \"assistant\") return false;\n  return last.parts.some((part) => {\n    if (part.type === \"step-start\") return false;\n    if (part.type === \"text\" || part.type === \"reasoning\") return part.text.length > 0;\n    return true;\n  });\n}\n\nfunction LoadingIndicator() {\n  return (\n    <div className=\"flex w-full max-w-[95%] items-center gap-2 text-sm text-muted-foreground\">\n      <Icon icon={UiLoader} className=\"size-4 shrink-0 animate-spin\" />\n      <span>Waiting for response...</span>\n    </div>\n  );\n}\n\ntype ErrorReport = {\n  message: string;\n  error?: Error | undefined;\n  sessionId?: string | undefined;\n  model?: string | undefined;\n};\n\n/** Assembles a support-ready plain-text report: the error, the session/model\n *  that produced it, the page, and the full stack/cause — everything needed to\n *  file or triage the failure without a back-and-forth. */\nfunction buildErrorReport({ message, error, sessionId, model }: ErrorReport): string {\n  const lines = [`Error: ${message}`];\n  if (error?.name && error.name !== \"Error\") lines.push(`Type: ${error.name}`);\n  if (sessionId) lines.push(`Session: ${sessionId}`);\n  if (model) lines.push(`Model: ${model}`);\n  if (typeof window !== \"undefined\") lines.push(`Page: ${window.location.href}`);\n  if (typeof navigator !== \"undefined\" && navigator.userAgent) lines.push(`User agent: ${navigator.userAgent}`);\n  lines.push(`Time: ${new Date().toISOString()}`);\n  const cause = (error as { cause?: unknown } | undefined)?.cause;\n  const detail = error?.stack ?? (cause != null ? String(cause) : \"\");\n  if (detail.trim() && detail.trim() !== message) lines.push(\"\", detail.trim());\n  return lines.join(\"\\n\");\n}\n\nfunction ErrorNotice({ message, error, sessionId, model, onClear }: ErrorReport & { onClear?: (() => void) | undefined }) {\n  const [copied, setCopied] = useState(false);\n  const copyReport = () => {\n    const clip = typeof navigator !== \"undefined\" ? navigator.clipboard : undefined;\n    if (!clip) return;\n    void clip\n      .writeText(buildErrorReport({ message, error, sessionId, model }))\n      .then(() => {\n        setCopied(true);\n        setTimeout(() => setCopied(false), 2000);\n      })\n      .catch(() => {});\n  };\n  return (\n    <div\n      role=\"alert\"\n      className=\"flex w-full max-w-[95%] items-start gap-2 rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\"\n    >\n      <Icon icon={UiCircleX} className=\"mt-0.5 size-4 shrink-0\" />\n      <div className=\"min-w-0 flex-1 whitespace-pre-wrap break-words\">{message}</div>\n      <div className=\"flex shrink-0 items-center gap-2\">\n        <button\n          type=\"button\"\n          aria-label=\"Copy error details\"\n          title=\"Copy session id, model, page and full error\"\n          className=\"inline-flex items-center gap-1 text-xs underline-offset-2 hover:underline\"\n          onClick={copyReport}\n        >\n          <Icon icon={copied ? UiCheck : UiCopy} className=\"size-3.5\" />\n          {copied ? \"Copied\" : \"Copy\"}\n        </button>\n        {onClear && (\n          <button type=\"button\" className=\"text-xs underline-offset-2 hover:underline\" onClick={onClear}>\n            Dismiss\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["useRef","useState","useEffect","jsxs","jsx","cn","Message","Icon","UiArrowDown","UiLoader","UiCircleX","UiCheck","UiCopy"],"mappings":"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"}

package/dist/data/chat/Conversation.d.ts

@@ -12,6 +12,9 @@ export type ConversationProps = MessageActionHandlers & {
     sessionId?: string | undefined;
     /** Selected model id, surfaced in the copyable error report. */
     model?: string | undefined;
+    /** Hide the waiting indicator because another control (e.g. an approval
+     *  button) is already showing progress. */
+    suppressWaiting?: boolean | undefined;
     /** Shown when there are no messages yet. */
     emptyState?: React.ReactNode;
     className?: string;
@@ -19,5 +22,5 @@ export type ConversationProps = MessageActionHandlers & {
 /** A scrollable message log that sticks to the bottom as new content streams
  *  in, unless the user has scrolled up — in which case a jump-to-bottom button
  *  appears. */
-export declare function Conversation({ messages, status, error, onClearError, sessionId, model, emptyState, className, ...actions }: ConversationProps): import("react").JSX.Element;
+export declare function Conversation({ messages, status, error, onClearError, sessionId, model, suppressWaiting, emptyState, className, ...actions }: ConversationProps): import("react").JSX.Element;
 //# sourceMappingURL=Conversation.d.ts.map

package/dist/data/chat/Conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Conversation.d.ts","sourceRoot":"","sources":["../../../src/data/chat/Conversation.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAW,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,GAAG;IACtD,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,yEAAyE;IACzE,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACxC,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,4CAA4C;IAC5C,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;eAEe;AACf,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,KAAK,EACL,YAAY,EACZ,SAAS,EACT,KAAK,EACL,UAAU,EACV,SAAS,EACT,GAAG,OAAO,EACX,EAAE,iBAAiB,+BAoEnB"}
+{"version":3,"file":"Conversation.d.ts","sourceRoot":"","sources":["../../../src/data/chat/Conversation.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAW,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,GAAG;IACtD,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,yEAAyE;IACzE,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACxC,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;+CAC2C;IAC3C,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;eAEe;AACf,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,KAAK,EACL,YAAY,EACZ,SAAS,EACT,KAAK,EACL,eAAe,EACf,UAAU,EACV,SAAS,EACT,GAAG,OAAO,EACX,EAAE,iBAAiB,+BAsEnB"}

package/dist/data/chat/Conversation.js

@@ -15,13 +15,14 @@ function Conversation({
   onClearError,
   sessionId,
   model,
+  suppressWaiting,
   emptyState,
   className,
   ...actions
 }) {
   const scrollRef = useRef(null);
   const [pinned, setPinned] = useState(true);
-  const isWaiting = status === "submitted" || status === "streaming" && !hasVisibleAssistantResponse(messages);
+  const isWaiting = !suppressWaiting && (status === "submitted" || status === "streaming" && !hasVisibleAssistantResponse(messages));
   const errorText = (error == null ? void 0 : error.message) || (status === "error" ? "The assistant request failed." : void 0);
   const onScroll = () => {
     const el = scrollRef.current;

package/dist/data/chat/Conversation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Conversation.js","sources":["../../../src/data/chat/Conversation.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowDown, UiCheck, UiCircleX, UiCopy, UiLoader } from \"../../icons\";\nimport { Message, type MessageActionHandlers } from \"./Message\";\nimport type { ChatStatus, UIMessage } from \"./types\";\n\nexport type ConversationProps = MessageActionHandlers & {\n  messages: UIMessage[];\n  /** Current chat status; used for transient pending/error affordances. */\n  status?: ChatStatus | undefined;\n  /** Last request error from the chat transport, if any. */\n  error?: Error | undefined;\n  /** Clears the visible transport error. */\n  onClearError?: (() => void) | undefined;\n  /** Conversation/thread id, surfaced in the copyable error report. */\n  sessionId?: string | undefined;\n  /** Selected model id, surfaced in the copyable error report. */\n  model?: string | undefined;\n  /** Shown when there are no messages yet. */\n  emptyState?: React.ReactNode;\n  className?: string;\n};\n\n/** A scrollable message log that sticks to the bottom as new content streams\n *  in, unless the user has scrolled up — in which case a jump-to-bottom button\n *  appears. */\nexport function Conversation({\n  messages,\n  status,\n  error,\n  onClearError,\n  sessionId,\n  model,\n  emptyState,\n  className,\n  ...actions\n}: ConversationProps) {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [pinned, setPinned] = useState(true);\n  const isWaiting = status === \"submitted\" || (status === \"streaming\" && !hasVisibleAssistantResponse(messages));\n  const errorText = error?.message || (status === \"error\" ? \"The assistant request failed.\" : undefined);\n\n  const onScroll = () => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const distance = el.scrollHeight - el.scrollTop - el.clientHeight;\n    setPinned(distance < 32);\n  };\n\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (el && pinned) {\n      el.scrollTop = el.scrollHeight;\n    }\n  });\n\n  const scrollToBottom = () => {\n    const el = scrollRef.current;\n    if (el) el.scrollTo({ top: el.scrollHeight, behavior: \"smooth\" });\n  };\n\n  return (\n    <div className=\"relative flex min-h-0 flex-1 flex-col\">\n      <div\n        ref={scrollRef}\n        onScroll={onScroll}\n        role=\"log\"\n        className={cn(\"flex-1 overflow-y-auto\", className)}\n      >\n        {messages.length === 0 && emptyState ? (\n          <div className=\"flex size-full flex-col items-center justify-center gap-3 p-8 text-center\">\n            {emptyState}\n          </div>\n        ) : (\n          <div className=\"flex flex-col gap-8 p-4\">\n            {messages.map((message) => (\n              <Message key={message.id} message={message} {...actions} />\n            ))}\n            {isWaiting && <LoadingIndicator />}\n            {errorText && (\n              <ErrorNotice\n                message={errorText}\n                error={error}\n                sessionId={sessionId}\n                model={model}\n                onClear={onClearError}\n              />\n            )}\n          </div>\n        )}\n      </div>\n\n      {!pinned && messages.length > 0 && (\n        <button\n          type=\"button\"\n          aria-label=\"Scroll to latest\"\n          onClick={scrollToBottom}\n          className=\"absolute bottom-3 left-1/2 flex size-8 -translate-x-1/2 items-center justify-center rounded-full border border-border bg-background text-muted-foreground shadow-md hover:text-foreground\"\n        >\n          <Icon icon={UiArrowDown} className=\"size-4\" />\n        </button>\n      )}\n    </div>\n  );\n}\n\nfunction hasVisibleAssistantResponse(messages: UIMessage[]) {\n  const last = messages[messages.length - 1];\n  if (last?.role !== \"assistant\") return false;\n  return last.parts.some((part) => {\n    if (part.type === \"step-start\") return false;\n    if (part.type === \"text\" || part.type === \"reasoning\") return part.text.length > 0;\n    return true;\n  });\n}\n\nfunction LoadingIndicator() {\n  return (\n    <div className=\"flex w-full max-w-[95%] items-center gap-2 text-sm text-muted-foreground\">\n      <Icon icon={UiLoader} className=\"size-4 shrink-0 animate-spin\" />\n      <span>Waiting for response...</span>\n    </div>\n  );\n}\n\ntype ErrorReport = {\n  message: string;\n  error?: Error | undefined;\n  sessionId?: string | undefined;\n  model?: string | undefined;\n};\n\n/** Assembles a support-ready plain-text report: the error, the session/model\n *  that produced it, the page, and the full stack/cause — everything needed to\n *  file or triage the failure without a back-and-forth. */\nfunction buildErrorReport({ message, error, sessionId, model }: ErrorReport): string {\n  const lines = [`Error: ${message}`];\n  if (error?.name && error.name !== \"Error\") lines.push(`Type: ${error.name}`);\n  if (sessionId) lines.push(`Session: ${sessionId}`);\n  if (model) lines.push(`Model: ${model}`);\n  if (typeof window !== \"undefined\") lines.push(`Page: ${window.location.href}`);\n  if (typeof navigator !== \"undefined\" && navigator.userAgent) lines.push(`User agent: ${navigator.userAgent}`);\n  lines.push(`Time: ${new Date().toISOString()}`);\n  const cause = (error as { cause?: unknown } | undefined)?.cause;\n  const detail = error?.stack ?? (cause != null ? String(cause) : \"\");\n  if (detail.trim() && detail.trim() !== message) lines.push(\"\", detail.trim());\n  return lines.join(\"\\n\");\n}\n\nfunction ErrorNotice({ message, error, sessionId, model, onClear }: ErrorReport & { onClear?: (() => void) | undefined }) {\n  const [copied, setCopied] = useState(false);\n  const copyReport = () => {\n    const clip = typeof navigator !== \"undefined\" ? navigator.clipboard : undefined;\n    if (!clip) return;\n    void clip\n      .writeText(buildErrorReport({ message, error, sessionId, model }))\n      .then(() => {\n        setCopied(true);\n        setTimeout(() => setCopied(false), 2000);\n      })\n      .catch(() => {});\n  };\n  return (\n    <div\n      role=\"alert\"\n      className=\"flex w-full max-w-[95%] items-start gap-2 rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\"\n    >\n      <Icon icon={UiCircleX} className=\"mt-0.5 size-4 shrink-0\" />\n      <div className=\"min-w-0 flex-1 whitespace-pre-wrap break-words\">{message}</div>\n      <div className=\"flex shrink-0 items-center gap-2\">\n        <button\n          type=\"button\"\n          aria-label=\"Copy error details\"\n          title=\"Copy session id, model, page and full error\"\n          className=\"inline-flex items-center gap-1 text-xs underline-offset-2 hover:underline\"\n          onClick={copyReport}\n        >\n          <Icon icon={copied ? UiCheck : UiCopy} className=\"size-3.5\" />\n          {copied ? \"Copied\" : \"Copy\"}\n        </button>\n        {onClear && (\n          <button type=\"button\" className=\"text-xs underline-offset-2 hover:underline\" onClick={onClear}>\n            Dismiss\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Conversation.js","sources":["../../../src/data/chat/Conversation.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowDown, UiCheck, UiCircleX, UiCopy, UiLoader } from \"../../icons\";\nimport { Message, type MessageActionHandlers } from \"./Message\";\nimport type { ChatStatus, UIMessage } from \"./types\";\n\nexport type ConversationProps = MessageActionHandlers & {\n  messages: UIMessage[];\n  /** Current chat status; used for transient pending/error affordances. */\n  status?: ChatStatus | undefined;\n  /** Last request error from the chat transport, if any. */\n  error?: Error | undefined;\n  /** Clears the visible transport error. */\n  onClearError?: (() => void) | undefined;\n  /** Conversation/thread id, surfaced in the copyable error report. */\n  sessionId?: string | undefined;\n  /** Selected model id, surfaced in the copyable error report. */\n  model?: string | undefined;\n  /** Hide the waiting indicator because another control (e.g. an approval\n   *  button) is already showing progress. */\n  suppressWaiting?: boolean | undefined;\n  /** Shown when there are no messages yet. */\n  emptyState?: React.ReactNode;\n  className?: string;\n};\n\n/** A scrollable message log that sticks to the bottom as new content streams\n *  in, unless the user has scrolled up — in which case a jump-to-bottom button\n *  appears. */\nexport function Conversation({\n  messages,\n  status,\n  error,\n  onClearError,\n  sessionId,\n  model,\n  suppressWaiting,\n  emptyState,\n  className,\n  ...actions\n}: ConversationProps) {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [pinned, setPinned] = useState(true);\n  const isWaiting =\n    !suppressWaiting &&\n    (status === \"submitted\" || (status === \"streaming\" && !hasVisibleAssistantResponse(messages)));\n  const errorText = error?.message || (status === \"error\" ? \"The assistant request failed.\" : undefined);\n\n  const onScroll = () => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const distance = el.scrollHeight - el.scrollTop - el.clientHeight;\n    setPinned(distance < 32);\n  };\n\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (el && pinned) {\n      el.scrollTop = el.scrollHeight;\n    }\n  });\n\n  const scrollToBottom = () => {\n    const el = scrollRef.current;\n    if (el) el.scrollTo({ top: el.scrollHeight, behavior: \"smooth\" });\n  };\n\n  return (\n    <div className=\"relative flex min-h-0 flex-1 flex-col\">\n      <div\n        ref={scrollRef}\n        onScroll={onScroll}\n        role=\"log\"\n        className={cn(\"flex-1 overflow-y-auto\", className)}\n      >\n        {messages.length === 0 && emptyState ? (\n          <div className=\"flex size-full flex-col items-center justify-center gap-3 p-8 text-center\">\n            {emptyState}\n          </div>\n        ) : (\n          <div className=\"flex flex-col gap-8 p-4\">\n            {messages.map((message) => (\n              <Message key={message.id} message={message} {...actions} />\n            ))}\n            {isWaiting && <LoadingIndicator />}\n            {errorText && (\n              <ErrorNotice\n                message={errorText}\n                error={error}\n                sessionId={sessionId}\n                model={model}\n                onClear={onClearError}\n              />\n            )}\n          </div>\n        )}\n      </div>\n\n      {!pinned && messages.length > 0 && (\n        <button\n          type=\"button\"\n          aria-label=\"Scroll to latest\"\n          onClick={scrollToBottom}\n          className=\"absolute bottom-3 left-1/2 flex size-8 -translate-x-1/2 items-center justify-center rounded-full border border-border bg-background text-muted-foreground shadow-md hover:text-foreground\"\n        >\n          <Icon icon={UiArrowDown} className=\"size-4\" />\n        </button>\n      )}\n    </div>\n  );\n}\n\nfunction hasVisibleAssistantResponse(messages: UIMessage[]) {\n  const last = messages[messages.length - 1];\n  if (last?.role !== \"assistant\") return false;\n  return last.parts.some((part) => {\n    if (part.type === \"step-start\") return false;\n    if (part.type === \"text\" || part.type === \"reasoning\") return part.text.length > 0;\n    return true;\n  });\n}\n\nfunction LoadingIndicator() {\n  return (\n    <div className=\"flex w-full max-w-[95%] items-center gap-2 text-sm text-muted-foreground\">\n      <Icon icon={UiLoader} className=\"size-4 shrink-0 animate-spin\" />\n      <span>Waiting for response...</span>\n    </div>\n  );\n}\n\ntype ErrorReport = {\n  message: string;\n  error?: Error | undefined;\n  sessionId?: string | undefined;\n  model?: string | undefined;\n};\n\n/** Assembles a support-ready plain-text report: the error, the session/model\n *  that produced it, the page, and the full stack/cause — everything needed to\n *  file or triage the failure without a back-and-forth. */\nfunction buildErrorReport({ message, error, sessionId, model }: ErrorReport): string {\n  const lines = [`Error: ${message}`];\n  if (error?.name && error.name !== \"Error\") lines.push(`Type: ${error.name}`);\n  if (sessionId) lines.push(`Session: ${sessionId}`);\n  if (model) lines.push(`Model: ${model}`);\n  if (typeof window !== \"undefined\") lines.push(`Page: ${window.location.href}`);\n  if (typeof navigator !== \"undefined\" && navigator.userAgent) lines.push(`User agent: ${navigator.userAgent}`);\n  lines.push(`Time: ${new Date().toISOString()}`);\n  const cause = (error as { cause?: unknown } | undefined)?.cause;\n  const detail = error?.stack ?? (cause != null ? String(cause) : \"\");\n  if (detail.trim() && detail.trim() !== message) lines.push(\"\", detail.trim());\n  return lines.join(\"\\n\");\n}\n\nfunction ErrorNotice({ message, error, sessionId, model, onClear }: ErrorReport & { onClear?: (() => void) | undefined }) {\n  const [copied, setCopied] = useState(false);\n  const copyReport = () => {\n    const clip = typeof navigator !== \"undefined\" ? navigator.clipboard : undefined;\n    if (!clip) return;\n    void clip\n      .writeText(buildErrorReport({ message, error, sessionId, model }))\n      .then(() => {\n        setCopied(true);\n        setTimeout(() => setCopied(false), 2000);\n      })\n      .catch(() => {});\n  };\n  return (\n    <div\n      role=\"alert\"\n      className=\"flex w-full max-w-[95%] items-start gap-2 rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\"\n    >\n      <Icon icon={UiCircleX} className=\"mt-0.5 size-4 shrink-0\" />\n      <div className=\"min-w-0 flex-1 whitespace-pre-wrap break-words\">{message}</div>\n      <div className=\"flex shrink-0 items-center gap-2\">\n        <button\n          type=\"button\"\n          aria-label=\"Copy error details\"\n          title=\"Copy session id, model, page and full error\"\n          className=\"inline-flex items-center gap-1 text-xs underline-offset-2 hover:underline\"\n          onClick={copyReport}\n        >\n          <Icon icon={copied ? UiCheck : UiCopy} className=\"size-3.5\" />\n          {copied ? \"Copied\" : \"Copy\"}\n        </button>\n        {onClear && (\n          <button type=\"button\" className=\"text-xs underline-offset-2 hover:underline\" onClick={onClear}>\n            Dismiss\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/chat/Message.cjs

@@ -23,6 +23,7 @@ function Message({
   }
   const isUser = message.role === "user";
   const text = message.parts.filter((p) => p.type === "text").map((p) => p.text).join("");
+  const { subcalls, nested } = groupSubagentCalls(message.parts);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -39,16 +40,20 @@ function Message({
               "flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm",
               isUser && "rounded-lg bg-secondary px-4 py-3 text-secondary-foreground"
             ),
-            children: message.parts.map((part, i) => /* @__PURE__ */ jsxRuntime.jsx(
-              MessagePart,
-              {
-                part,
-                isUser,
-                onApprove,
-                renderToolResult
-              },
-              `${message.id}-${i}`
-            ))
+            children: message.parts.map(
+              (part, i) => nested.has(part) ? null : /* @__PURE__ */ jsxRuntime.jsx(
+                MessagePart,
+                {
+                  part,
+                  isUser,
+                  onApprove,
+                  renderToolResult,
+                  subcalls: isToolPart(part) ? subcalls.get(part.toolCallId) : void 0,
+                  subcallsByParent: subcalls
+                },
+                `${message.id}-${i}`
+              )
+            )
           }
         ),
         !isUser && text && /* @__PURE__ */ jsxRuntime.jsx(
@@ -62,6 +67,24 @@ function Message({
     }
   );
 }
+function isToolPart(part) {
+  return types.isDynamicToolPart(part) || types.isTypedToolPart(part);
+}
+function groupSubagentCalls(parts) {
+  const callIds = new Set(
+    parts.filter(isToolPart).map((part) => part.toolCallId)
+  );
+  const subcalls = /* @__PURE__ */ new Map();
+  const nested = /* @__PURE__ */ new Set();
+  for (const part of parts) {
+    if (!isToolPart(part)) continue;
+    const parent = types.toolPartParentId(part);
+    if (!parent || !callIds.has(parent)) continue;
+    subcalls.set(parent, [...subcalls.get(parent) ?? [], part]);
+    nested.add(part);
+  }
+  return { subcalls, nested };
+}
 function ForkSeedMessage({
   message,
   className
@@ -90,7 +113,9 @@ function MessagePart({
   part,
   isUser,
   onApprove,
-  renderToolResult
+  renderToolResult,
+  subcalls,
+  subcallsByParent
 }) {
   if (part.type === "text") {
     if (isUser) {
@@ -104,12 +129,14 @@ function MessagePart({
   if (types.isFilePart(part)) {
     return /* @__PURE__ */ jsxRuntime.jsx(MessageFilePart.MessageFilePart, { part });
   }
-  if (types.isDynamicToolPart(part) || types.isTypedToolPart(part)) {
+  if (isToolPart(part)) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       ToolCall.ToolCall,
       {
         part,
         onApprove,
+        subcalls,
+        subcallsByParent,
         ...renderToolResult ? { renderToolResult } : {}
       }
     );

package/dist/data/chat/Message.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Message.cjs","sources":["../../../src/data/chat/Message.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiGitBranch } from \"../../icons\";\nimport { Markdown } from \"../Markdown\";\nimport { ToolCall } from \"./ToolCall\";\nimport { MessageActions } from \"./MessageActions\";\nimport { Reasoning } from \"./Reasoning\";\nimport type { UIMessage } from \"./types\";\nimport {\n  isDynamicToolPart,\n  isTypedToolPart,\n  isReasoningPart,\n  isFilePart,\n  type AnyToolPart,\n  type ToolResultRenderer,\n} from \"./types\";\nimport { forkSeedProvenance, isForkSeedMessage } from \"./fork-seed\";\nimport { MessageFilePart } from \"./MessageFilePart\";\n\n/** Callbacks the conversation threads down to each message. */\nexport type MessageActionHandlers = {\n  /** Re-generate the assistant message with the given id. */\n  onRegenerate?: ((messageId: string) => void) | undefined;\n  /** Respond to a tool approval request. */\n  onApprove?:\n    | ((approvalId: string, approved: boolean, reason?: string) => void)\n    | undefined;\n  /** Optional host renderer for recognized completed tool outputs. */\n  renderToolResult?: ToolResultRenderer;\n};\n\nexport type MessageProps = MessageActionHandlers & {\n  message: UIMessage;\n  className?: string;\n};\n\n/** Renders one chat message. User messages are right-aligned bubbles; assistant\n *  messages render text as markdown, reasoning and tool parts inline, file parts\n *  as thumbnails/chips, and a hover action row (copy / regenerate). */\nexport function Message({\n  message,\n  className,\n  onRegenerate,\n  onApprove,\n  renderToolResult,\n}: MessageProps) {\n  if (isForkSeedMessage(message)) {\n    return <ForkSeedMessage message={message} className={className} />;\n  }\n  const isUser = message.role === \"user\";\n  const text = message.parts\n    .filter((p) => p.type === \"text\")\n    .map((p) => (p as { text: string }).text)\n    .join(\"\");\n\n  return (\n    <div\n      className={cn(\n        \"group flex w-full max-w-[95%] flex-col gap-2\",\n        isUser ? \"ml-auto items-end\" : \"items-start\",\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          \"flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm\",\n          isUser &&\n            \"rounded-lg bg-secondary px-4 py-3 text-secondary-foreground\",\n        )}\n      >\n        {message.parts.map((part, i) => (\n          <MessagePart\n            key={`${message.id}-${i}`}\n            part={part}\n            isUser={isUser}\n            onApprove={onApprove}\n            renderToolResult={renderToolResult}\n          />\n        ))}\n      </div>\n\n      {!isUser && text && (\n        <MessageActions\n          text={text}\n          onRegenerate={\n            onRegenerate ? () => onRegenerate(message.id) : undefined\n          }\n        />\n      )}\n    </div>\n  );\n}\n\nfunction ForkSeedMessage({\n  message,\n  className,\n}: {\n  message: UIMessage;\n  className?: string | undefined;\n}) {\n  const provenance = forkSeedProvenance(message);\n  const transcript = message.parts\n    .filter((part) => part.type === \"text\")\n    .map((part) => part.text)\n    .join(\"\\n\");\n  const label = provenance.title\n    ? `Forked from ${provenance.title}`\n    : \"Forked from another conversation\";\n  return (\n    <details\n      className={cn(\n        \"group/fork max-w-full self-center rounded-full border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground open:w-full open:rounded-lg\",\n        className,\n      )}\n    >\n      <summary className=\"flex cursor-pointer list-none items-center justify-center gap-1.5 font-medium text-foreground/80\">\n        <Icon icon={UiGitBranch} className=\"size-3.5\" />\n        <span>{label}</span>\n      </summary>\n      {transcript && (\n        <pre className=\"mt-2 max-h-64 overflow-auto whitespace-pre-wrap border-t border-border pt-2 font-mono text-[11px] text-muted-foreground\">\n          {transcript}\n        </pre>\n      )}\n    </details>\n  );\n}\n\nfunction MessagePart({\n  part,\n  isUser,\n  onApprove,\n  renderToolResult,\n}: {\n  part: UIMessage[\"parts\"][number];\n  isUser: boolean;\n  onApprove: MessageActionHandlers[\"onApprove\"];\n  renderToolResult: MessageActionHandlers[\"renderToolResult\"];\n}) {\n  if (part.type === \"text\") {\n    if (isUser) {\n      return (\n        <span className=\"whitespace-pre-wrap break-words\">{part.text}</span>\n      );\n    }\n    return <Markdown text={part.text} />;\n  }\n  if (isReasoningPart(part)) {\n    return <Reasoning text={part.text} />;\n  }\n  if (isFilePart(part)) {\n    return <MessageFilePart part={part} />;\n  }\n  if (isDynamicToolPart(part) || isTypedToolPart(part)) {\n    return (\n      <ToolCall\n        part={part as AnyToolPart}\n        onApprove={onApprove}\n        {...(renderToolResult ? { renderToolResult } : {})}\n      />\n    );\n  }\n  return null;\n}\n"],"names":["isForkSeedMessage","jsx","jsxs","cn","MessageActions","forkSeedProvenance","Icon","UiGitBranch","Markdown","isReasoningPart","Reasoning","isFilePart","MessageFilePart","isDynamicToolPart","isTypedToolPart","ToolCall"],"mappings":"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"}
+{"version":3,"file":"Message.cjs","sources":["../../../src/data/chat/Message.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiGitBranch } from \"../../icons\";\nimport { Markdown } from \"../Markdown\";\nimport { ToolCall } from \"./ToolCall\";\nimport { MessageActions } from \"./MessageActions\";\nimport { Reasoning } from \"./Reasoning\";\nimport type { UIMessage } from \"./types\";\nimport {\n  isDynamicToolPart,\n  isTypedToolPart,\n  isReasoningPart,\n  isFilePart,\n  toolPartParentId,\n  type AnyToolPart,\n  type ToolResultRenderer,\n} from \"./types\";\nimport { forkSeedProvenance, isForkSeedMessage } from \"./fork-seed\";\nimport { MessageFilePart } from \"./MessageFilePart\";\n\n/** Callbacks the conversation threads down to each message. */\nexport type MessageActionHandlers = {\n  /** Re-generate the assistant message with the given id. */\n  onRegenerate?: ((messageId: string) => void) | undefined;\n  /** Respond to a tool approval request. */\n  onApprove?:\n    | ((approvalId: string, approved: boolean, reason?: string) => void | Promise<unknown>)\n    | undefined;\n  /** Optional host renderer for recognized completed tool outputs. */\n  renderToolResult?: ToolResultRenderer;\n};\n\nexport type MessageProps = MessageActionHandlers & {\n  message: UIMessage;\n  className?: string;\n};\n\n/** Renders one chat message. User messages are right-aligned bubbles; assistant\n *  messages render text as markdown, reasoning and tool parts inline, file parts\n *  as thumbnails/chips, and a hover action row (copy / regenerate). */\nexport function Message({\n  message,\n  className,\n  onRegenerate,\n  onApprove,\n  renderToolResult,\n}: MessageProps) {\n  if (isForkSeedMessage(message)) {\n    return <ForkSeedMessage message={message} className={className} />;\n  }\n  const isUser = message.role === \"user\";\n  const text = message.parts\n    .filter((p) => p.type === \"text\")\n    .map((p) => (p as { text: string }).text)\n    .join(\"\");\n  const { subcalls, nested } = groupSubagentCalls(message.parts);\n\n  return (\n    <div\n      className={cn(\n        \"group flex w-full max-w-[95%] flex-col gap-2\",\n        isUser ? \"ml-auto items-end\" : \"items-start\",\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          \"flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm\",\n          isUser &&\n            \"rounded-lg bg-secondary px-4 py-3 text-secondary-foreground\",\n        )}\n      >\n        {message.parts.map((part, i) =>\n          nested.has(part) ? null : (\n            <MessagePart\n              key={`${message.id}-${i}`}\n              part={part}\n              isUser={isUser}\n              onApprove={onApprove}\n              renderToolResult={renderToolResult}\n              subcalls={isToolPart(part) ? subcalls.get(part.toolCallId) : undefined}\n              subcallsByParent={subcalls}\n            />\n          ),\n        )}\n      </div>\n\n      {!isUser && text && (\n        <MessageActions\n          text={text}\n          onRegenerate={\n            onRegenerate ? () => onRegenerate(message.id) : undefined\n          }\n        />\n      )}\n    </div>\n  );\n}\n\ntype MessagePartValue = UIMessage[\"parts\"][number];\n\nfunction isToolPart(part: MessagePartValue): part is AnyToolPart {\n  return isDynamicToolPart(part) || isTypedToolPart(part);\n}\n\n/** Groups a subagent's tool calls under the call that spawned it. A call whose\n *  parent is not in this message (e.g. a resumed turn) stays top-level. */\nfunction groupSubagentCalls(parts: UIMessage[\"parts\"]) {\n  const callIds = new Set(\n    parts.filter(isToolPart).map((part) => part.toolCallId),\n  );\n  const subcalls = new Map<string, AnyToolPart[]>();\n  const nested = new Set<MessagePartValue>();\n  for (const part of parts) {\n    if (!isToolPart(part)) continue;\n    const parent = toolPartParentId(part);\n    if (!parent || !callIds.has(parent)) continue;\n    subcalls.set(parent, [...(subcalls.get(parent) ?? []), part]);\n    nested.add(part);\n  }\n  return { subcalls, nested };\n}\n\nfunction ForkSeedMessage({\n  message,\n  className,\n}: {\n  message: UIMessage;\n  className?: string | undefined;\n}) {\n  const provenance = forkSeedProvenance(message);\n  const transcript = message.parts\n    .filter((part) => part.type === \"text\")\n    .map((part) => part.text)\n    .join(\"\\n\");\n  const label = provenance.title\n    ? `Forked from ${provenance.title}`\n    : \"Forked from another conversation\";\n  return (\n    <details\n      className={cn(\n        \"group/fork max-w-full self-center rounded-full border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground open:w-full open:rounded-lg\",\n        className,\n      )}\n    >\n      <summary className=\"flex cursor-pointer list-none items-center justify-center gap-1.5 font-medium text-foreground/80\">\n        <Icon icon={UiGitBranch} className=\"size-3.5\" />\n        <span>{label}</span>\n      </summary>\n      {transcript && (\n        <pre className=\"mt-2 max-h-64 overflow-auto whitespace-pre-wrap border-t border-border pt-2 font-mono text-[11px] text-muted-foreground\">\n          {transcript}\n        </pre>\n      )}\n    </details>\n  );\n}\n\nfunction MessagePart({\n  part,\n  isUser,\n  onApprove,\n  renderToolResult,\n  subcalls,\n  subcallsByParent,\n}: {\n  part: MessagePartValue;\n  isUser: boolean;\n  onApprove: MessageActionHandlers[\"onApprove\"];\n  renderToolResult: MessageActionHandlers[\"renderToolResult\"];\n  subcalls: AnyToolPart[] | undefined;\n  subcallsByParent: ReadonlyMap<string, AnyToolPart[]>;\n}) {\n  if (part.type === \"text\") {\n    if (isUser) {\n      return (\n        <span className=\"whitespace-pre-wrap break-words\">{part.text}</span>\n      );\n    }\n    return <Markdown text={part.text} />;\n  }\n  if (isReasoningPart(part)) {\n    return <Reasoning text={part.text} />;\n  }\n  if (isFilePart(part)) {\n    return <MessageFilePart part={part} />;\n  }\n  if (isToolPart(part)) {\n    return (\n      <ToolCall\n        part={part}\n        onApprove={onApprove}\n        subcalls={subcalls}\n        subcallsByParent={subcallsByParent}\n        {...(renderToolResult ? { renderToolResult } : {})}\n      />\n    );\n  }\n  return null;\n}\n"],"names":["isForkSeedMessage","jsx","jsxs","cn","MessageActions","isDynamicToolPart","isTypedToolPart","toolPartParentId","forkSeedProvenance","Icon","UiGitBranch","Markdown","isReasoningPart","Reasoning","isFilePart","MessageFilePart","ToolCall"],"mappings":"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"}

package/dist/data/chat/Message.d.ts

@@ -4,7 +4,7 @@ export type MessageActionHandlers = {
     /** Re-generate the assistant message with the given id. */
     onRegenerate?: ((messageId: string) => void) | undefined;
     /** Respond to a tool approval request. */
-    onApprove?: ((approvalId: string, approved: boolean, reason?: string) => void) | undefined;
+    onApprove?: ((approvalId: string, approved: boolean, reason?: string) => void | Promise<unknown>) | undefined;
     /** Optional host renderer for recognized completed tool outputs. */
     renderToolResult?: ToolResultRenderer;
 };

package/dist/data/chat/Message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/data/chat/Message.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAML,KAAK,kBAAkB,EACxB,MAAM,SAAS,CAAC;AAIjB,+DAA+D;AAC/D,MAAM,MAAM,qBAAqB,GAAG;IAClC,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACzD,0CAA0C;IAC1C,SAAS,CAAC,EACN,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,GAClE,SAAS,CAAC;IACd,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,qBAAqB,GAAG;IACjD,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;uEAEuE;AACvE,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,SAAS,EACT,YAAY,EACZ,SAAS,EACT,gBAAgB,GACjB,EAAE,YAAY,+BA8Cd"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/data/chat/Message.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAOL,KAAK,kBAAkB,EACxB,MAAM,SAAS,CAAC;AAIjB,+DAA+D;AAC/D,MAAM,MAAM,qBAAqB,GAAG;IAClC,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACzD,0CAA0C;IAC1C,SAAS,CAAC,EACN,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,GACrF,SAAS,CAAC;IACd,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,qBAAqB,GAAG;IACjD,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;uEAEuE;AACvE,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,SAAS,EACT,YAAY,EACZ,SAAS,EACT,gBAAgB,GACjB,EAAE,YAAY,+BAmDd"}

package/dist/data/chat/Message.js

@@ -5,7 +5,7 @@ import { Markdown } from "../Markdown.js";
 import { ToolCall } from "./ToolCall.js";
 import { MessageActions } from "./MessageActions.js";
 import { Reasoning } from "./Reasoning.js";
-import { isReasoningPart, isFilePart, isDynamicToolPart, isTypedToolPart } from "./types.js";
+import { toolPartParentId, isReasoningPart, isFilePart, isDynamicToolPart, isTypedToolPart } from "./types.js";
 import { isForkSeedMessage, forkSeedProvenance } from "./fork-seed.js";
 import { MessageFilePart } from "./MessageFilePart.js";
 import { UiGitBranch } from "../../icons/components/UiGitBranch.js";
@@ -21,6 +21,7 @@ function Message({
   }
   const isUser = message.role === "user";
   const text = message.parts.filter((p) => p.type === "text").map((p) => p.text).join("");
+  const { subcalls, nested } = groupSubagentCalls(message.parts);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -37,16 +38,20 @@ function Message({
               "flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm",
               isUser && "rounded-lg bg-secondary px-4 py-3 text-secondary-foreground"
             ),
-            children: message.parts.map((part, i) => /* @__PURE__ */ jsx(
-              MessagePart,
-              {
-                part,
-                isUser,
-                onApprove,
-                renderToolResult
-              },
-              `${message.id}-${i}`
-            ))
+            children: message.parts.map(
+              (part, i) => nested.has(part) ? null : /* @__PURE__ */ jsx(
+                MessagePart,
+                {
+                  part,
+                  isUser,
+                  onApprove,
+                  renderToolResult,
+                  subcalls: isToolPart(part) ? subcalls.get(part.toolCallId) : void 0,
+                  subcallsByParent: subcalls
+                },
+                `${message.id}-${i}`
+              )
+            )
           }
         ),
         !isUser && text && /* @__PURE__ */ jsx(
@@ -60,6 +65,24 @@ function Message({
     }
   );
 }
+function isToolPart(part) {
+  return isDynamicToolPart(part) || isTypedToolPart(part);
+}
+function groupSubagentCalls(parts) {
+  const callIds = new Set(
+    parts.filter(isToolPart).map((part) => part.toolCallId)
+  );
+  const subcalls = /* @__PURE__ */ new Map();
+  const nested = /* @__PURE__ */ new Set();
+  for (const part of parts) {
+    if (!isToolPart(part)) continue;
+    const parent = toolPartParentId(part);
+    if (!parent || !callIds.has(parent)) continue;
+    subcalls.set(parent, [...subcalls.get(parent) ?? [], part]);
+    nested.add(part);
+  }
+  return { subcalls, nested };
+}
 function ForkSeedMessage({
   message,
   className
@@ -88,7 +111,9 @@ function MessagePart({
   part,
   isUser,
   onApprove,
-  renderToolResult
+  renderToolResult,
+  subcalls,
+  subcallsByParent
 }) {
   if (part.type === "text") {
     if (isUser) {
@@ -102,12 +127,14 @@ function MessagePart({
   if (isFilePart(part)) {
     return /* @__PURE__ */ jsx(MessageFilePart, { part });
   }
-  if (isDynamicToolPart(part) || isTypedToolPart(part)) {
+  if (isToolPart(part)) {
     return /* @__PURE__ */ jsx(
       ToolCall,
       {
         part,
         onApprove,
+        subcalls,
+        subcallsByParent,
         ...renderToolResult ? { renderToolResult } : {}
       }
     );

package/dist/data/chat/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../src/data/chat/Message.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiGitBranch } from \"../../icons\";\nimport { Markdown } from \"../Markdown\";\nimport { ToolCall } from \"./ToolCall\";\nimport { MessageActions } from \"./MessageActions\";\nimport { Reasoning } from \"./Reasoning\";\nimport type { UIMessage } from \"./types\";\nimport {\n  isDynamicToolPart,\n  isTypedToolPart,\n  isReasoningPart,\n  isFilePart,\n  type AnyToolPart,\n  type ToolResultRenderer,\n} from \"./types\";\nimport { forkSeedProvenance, isForkSeedMessage } from \"./fork-seed\";\nimport { MessageFilePart } from \"./MessageFilePart\";\n\n/** Callbacks the conversation threads down to each message. */\nexport type MessageActionHandlers = {\n  /** Re-generate the assistant message with the given id. */\n  onRegenerate?: ((messageId: string) => void) | undefined;\n  /** Respond to a tool approval request. */\n  onApprove?:\n    | ((approvalId: string, approved: boolean, reason?: string) => void)\n    | undefined;\n  /** Optional host renderer for recognized completed tool outputs. */\n  renderToolResult?: ToolResultRenderer;\n};\n\nexport type MessageProps = MessageActionHandlers & {\n  message: UIMessage;\n  className?: string;\n};\n\n/** Renders one chat message. User messages are right-aligned bubbles; assistant\n *  messages render text as markdown, reasoning and tool parts inline, file parts\n *  as thumbnails/chips, and a hover action row (copy / regenerate). */\nexport function Message({\n  message,\n  className,\n  onRegenerate,\n  onApprove,\n  renderToolResult,\n}: MessageProps) {\n  if (isForkSeedMessage(message)) {\n    return <ForkSeedMessage message={message} className={className} />;\n  }\n  const isUser = message.role === \"user\";\n  const text = message.parts\n    .filter((p) => p.type === \"text\")\n    .map((p) => (p as { text: string }).text)\n    .join(\"\");\n\n  return (\n    <div\n      className={cn(\n        \"group flex w-full max-w-[95%] flex-col gap-2\",\n        isUser ? \"ml-auto items-end\" : \"items-start\",\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          \"flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm\",\n          isUser &&\n            \"rounded-lg bg-secondary px-4 py-3 text-secondary-foreground\",\n        )}\n      >\n        {message.parts.map((part, i) => (\n          <MessagePart\n            key={`${message.id}-${i}`}\n            part={part}\n            isUser={isUser}\n            onApprove={onApprove}\n            renderToolResult={renderToolResult}\n          />\n        ))}\n      </div>\n\n      {!isUser && text && (\n        <MessageActions\n          text={text}\n          onRegenerate={\n            onRegenerate ? () => onRegenerate(message.id) : undefined\n          }\n        />\n      )}\n    </div>\n  );\n}\n\nfunction ForkSeedMessage({\n  message,\n  className,\n}: {\n  message: UIMessage;\n  className?: string | undefined;\n}) {\n  const provenance = forkSeedProvenance(message);\n  const transcript = message.parts\n    .filter((part) => part.type === \"text\")\n    .map((part) => part.text)\n    .join(\"\\n\");\n  const label = provenance.title\n    ? `Forked from ${provenance.title}`\n    : \"Forked from another conversation\";\n  return (\n    <details\n      className={cn(\n        \"group/fork max-w-full self-center rounded-full border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground open:w-full open:rounded-lg\",\n        className,\n      )}\n    >\n      <summary className=\"flex cursor-pointer list-none items-center justify-center gap-1.5 font-medium text-foreground/80\">\n        <Icon icon={UiGitBranch} className=\"size-3.5\" />\n        <span>{label}</span>\n      </summary>\n      {transcript && (\n        <pre className=\"mt-2 max-h-64 overflow-auto whitespace-pre-wrap border-t border-border pt-2 font-mono text-[11px] text-muted-foreground\">\n          {transcript}\n        </pre>\n      )}\n    </details>\n  );\n}\n\nfunction MessagePart({\n  part,\n  isUser,\n  onApprove,\n  renderToolResult,\n}: {\n  part: UIMessage[\"parts\"][number];\n  isUser: boolean;\n  onApprove: MessageActionHandlers[\"onApprove\"];\n  renderToolResult: MessageActionHandlers[\"renderToolResult\"];\n}) {\n  if (part.type === \"text\") {\n    if (isUser) {\n      return (\n        <span className=\"whitespace-pre-wrap break-words\">{part.text}</span>\n      );\n    }\n    return <Markdown text={part.text} />;\n  }\n  if (isReasoningPart(part)) {\n    return <Reasoning text={part.text} />;\n  }\n  if (isFilePart(part)) {\n    return <MessageFilePart part={part} />;\n  }\n  if (isDynamicToolPart(part) || isTypedToolPart(part)) {\n    return (\n      <ToolCall\n        part={part as AnyToolPart}\n        onApprove={onApprove}\n        {...(renderToolResult ? { renderToolResult } : {})}\n      />\n    );\n  }\n  return null;\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAuCO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiB;AACf,MAAI,kBAAkB,OAAO,GAAG;AAC9B,WAAO,oBAAC,iBAAA,EAAgB,SAAkB,UAAA,CAAsB;AAAA,EAClE;AACA,QAAM,SAAS,QAAQ,SAAS;AAChC,QAAM,OAAO,QAAQ,MAClB,OAAO,CAAC,MAAM,EAAE,SAAS,MAAM,EAC/B,IAAI,CAAC,MAAO,EAAuB,IAAI,EACvC,KAAK,EAAE;AAEV,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS,sBAAsB;AAAA,QAC/B;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,UACE;AAAA,YAAA;AAAA,YAGH,UAAA,QAAQ,MAAM,IAAI,CAAC,MAAM,MACxB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,cAJK,GAAG,QAAQ,EAAE,IAAI,CAAC;AAAA,YAAA,CAM1B;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,CAAC,UAAU,QACV;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,cACE,eAAe,MAAM,aAAa,QAAQ,EAAE,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAEpD;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AACF,GAGG;AACD,QAAM,aAAa,mBAAmB,OAAO;AAC7C,QAAM,aAAa,QAAQ,MACxB,OAAO,CAAC,SAAS,KAAK,SAAS,MAAM,EACrC,IAAI,CAAC,SAAS,KAAK,IAAI,EACvB,KAAK,IAAI;AACZ,QAAM,QAAQ,WAAW,QACrB,eAAe,WAAW,KAAK,KAC/B;AACJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,qBAAC,WAAA,EAAQ,WAAU,oGACjB,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAK,MAAM,aAAa,WAAU,YAAW;AAAA,UAC9C,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,QAAA,GACf;AAAA,QACC,cACC,oBAAC,OAAA,EAAI,WAAU,2HACZ,UAAA,WAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,MAAI,KAAK,SAAS,QAAQ;AACxB,QAAI,QAAQ;AACV,aACE,oBAAC,QAAA,EAAK,WAAU,mCAAmC,eAAK,MAAK;AAAA,IAEjE;AACA,WAAO,oBAAC,UAAA,EAAS,MAAM,KAAK,KAAA,CAAM;AAAA,EACpC;AACA,MAAI,gBAAgB,IAAI,GAAG;AACzB,WAAO,oBAAC,WAAA,EAAU,MAAM,KAAK,KAAA,CAAM;AAAA,EACrC;AACA,MAAI,WAAW,IAAI,GAAG;AACpB,WAAO,oBAAC,mBAAgB,MAAY;AAAA,EACtC;AACA,MAAI,kBAAkB,IAAI,KAAK,gBAAgB,IAAI,GAAG;AACpD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACC,GAAI,mBAAmB,EAAE,qBAAqB,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EAGtD;AACA,SAAO;AACT;"}
+{"version":3,"file":"Message.js","sources":["../../../src/data/chat/Message.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiGitBranch } from \"../../icons\";\nimport { Markdown } from \"../Markdown\";\nimport { ToolCall } from \"./ToolCall\";\nimport { MessageActions } from \"./MessageActions\";\nimport { Reasoning } from \"./Reasoning\";\nimport type { UIMessage } from \"./types\";\nimport {\n  isDynamicToolPart,\n  isTypedToolPart,\n  isReasoningPart,\n  isFilePart,\n  toolPartParentId,\n  type AnyToolPart,\n  type ToolResultRenderer,\n} from \"./types\";\nimport { forkSeedProvenance, isForkSeedMessage } from \"./fork-seed\";\nimport { MessageFilePart } from \"./MessageFilePart\";\n\n/** Callbacks the conversation threads down to each message. */\nexport type MessageActionHandlers = {\n  /** Re-generate the assistant message with the given id. */\n  onRegenerate?: ((messageId: string) => void) | undefined;\n  /** Respond to a tool approval request. */\n  onApprove?:\n    | ((approvalId: string, approved: boolean, reason?: string) => void | Promise<unknown>)\n    | undefined;\n  /** Optional host renderer for recognized completed tool outputs. */\n  renderToolResult?: ToolResultRenderer;\n};\n\nexport type MessageProps = MessageActionHandlers & {\n  message: UIMessage;\n  className?: string;\n};\n\n/** Renders one chat message. User messages are right-aligned bubbles; assistant\n *  messages render text as markdown, reasoning and tool parts inline, file parts\n *  as thumbnails/chips, and a hover action row (copy / regenerate). */\nexport function Message({\n  message,\n  className,\n  onRegenerate,\n  onApprove,\n  renderToolResult,\n}: MessageProps) {\n  if (isForkSeedMessage(message)) {\n    return <ForkSeedMessage message={message} className={className} />;\n  }\n  const isUser = message.role === \"user\";\n  const text = message.parts\n    .filter((p) => p.type === \"text\")\n    .map((p) => (p as { text: string }).text)\n    .join(\"\");\n  const { subcalls, nested } = groupSubagentCalls(message.parts);\n\n  return (\n    <div\n      className={cn(\n        \"group flex w-full max-w-[95%] flex-col gap-2\",\n        isUser ? \"ml-auto items-end\" : \"items-start\",\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          \"flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm\",\n          isUser &&\n            \"rounded-lg bg-secondary px-4 py-3 text-secondary-foreground\",\n        )}\n      >\n        {message.parts.map((part, i) =>\n          nested.has(part) ? null : (\n            <MessagePart\n              key={`${message.id}-${i}`}\n              part={part}\n              isUser={isUser}\n              onApprove={onApprove}\n              renderToolResult={renderToolResult}\n              subcalls={isToolPart(part) ? subcalls.get(part.toolCallId) : undefined}\n              subcallsByParent={subcalls}\n            />\n          ),\n        )}\n      </div>\n\n      {!isUser && text && (\n        <MessageActions\n          text={text}\n          onRegenerate={\n            onRegenerate ? () => onRegenerate(message.id) : undefined\n          }\n        />\n      )}\n    </div>\n  );\n}\n\ntype MessagePartValue = UIMessage[\"parts\"][number];\n\nfunction isToolPart(part: MessagePartValue): part is AnyToolPart {\n  return isDynamicToolPart(part) || isTypedToolPart(part);\n}\n\n/** Groups a subagent's tool calls under the call that spawned it. A call whose\n *  parent is not in this message (e.g. a resumed turn) stays top-level. */\nfunction groupSubagentCalls(parts: UIMessage[\"parts\"]) {\n  const callIds = new Set(\n    parts.filter(isToolPart).map((part) => part.toolCallId),\n  );\n  const subcalls = new Map<string, AnyToolPart[]>();\n  const nested = new Set<MessagePartValue>();\n  for (const part of parts) {\n    if (!isToolPart(part)) continue;\n    const parent = toolPartParentId(part);\n    if (!parent || !callIds.has(parent)) continue;\n    subcalls.set(parent, [...(subcalls.get(parent) ?? []), part]);\n    nested.add(part);\n  }\n  return { subcalls, nested };\n}\n\nfunction ForkSeedMessage({\n  message,\n  className,\n}: {\n  message: UIMessage;\n  className?: string | undefined;\n}) {\n  const provenance = forkSeedProvenance(message);\n  const transcript = message.parts\n    .filter((part) => part.type === \"text\")\n    .map((part) => part.text)\n    .join(\"\\n\");\n  const label = provenance.title\n    ? `Forked from ${provenance.title}`\n    : \"Forked from another conversation\";\n  return (\n    <details\n      className={cn(\n        \"group/fork max-w-full self-center rounded-full border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground open:w-full open:rounded-lg\",\n        className,\n      )}\n    >\n      <summary className=\"flex cursor-pointer list-none items-center justify-center gap-1.5 font-medium text-foreground/80\">\n        <Icon icon={UiGitBranch} className=\"size-3.5\" />\n        <span>{label}</span>\n      </summary>\n      {transcript && (\n        <pre className=\"mt-2 max-h-64 overflow-auto whitespace-pre-wrap border-t border-border pt-2 font-mono text-[11px] text-muted-foreground\">\n          {transcript}\n        </pre>\n      )}\n    </details>\n  );\n}\n\nfunction MessagePart({\n  part,\n  isUser,\n  onApprove,\n  renderToolResult,\n  subcalls,\n  subcallsByParent,\n}: {\n  part: MessagePartValue;\n  isUser: boolean;\n  onApprove: MessageActionHandlers[\"onApprove\"];\n  renderToolResult: MessageActionHandlers[\"renderToolResult\"];\n  subcalls: AnyToolPart[] | undefined;\n  subcallsByParent: ReadonlyMap<string, AnyToolPart[]>;\n}) {\n  if (part.type === \"text\") {\n    if (isUser) {\n      return (\n        <span className=\"whitespace-pre-wrap break-words\">{part.text}</span>\n      );\n    }\n    return <Markdown text={part.text} />;\n  }\n  if (isReasoningPart(part)) {\n    return <Reasoning text={part.text} />;\n  }\n  if (isFilePart(part)) {\n    return <MessageFilePart part={part} />;\n  }\n  if (isToolPart(part)) {\n    return (\n      <ToolCall\n        part={part}\n        onApprove={onApprove}\n        subcalls={subcalls}\n        subcallsByParent={subcallsByParent}\n        {...(renderToolResult ? { renderToolResult } : {})}\n      />\n    );\n  }\n  return null;\n}\n"],"names":[],"mappings":"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"}

package/dist/data/chat/ToolCall.cjs

@@ -46,10 +46,13 @@ function ToolCall({
   renderToolResult,
   tool,
   registry: registryProp,
+  subcalls = [],
+  subcallsByParent,
   className
 }) {
   const needsApproval = part.state === "approval-requested";
-  const [open, setOpen] = react.useState(defaultOpen || needsApproval);
+  const [userOpen, setOpen] = react.useState(defaultOpen || needsApproval);
+  const open = userOpen || needsApproval || hasPendingApproval(subcalls, subcallsByParent);
   const contextRegistry = context.useToolRenderRegistry();
   const registry = registryProp ?? contextRegistry;
   const status = STATUS_ICON[part.state];
@@ -90,6 +93,7 @@ function ToolCall({
                 className: utils.cn("size-3 shrink-0", status.className)
               }
             ),
+            subcalls.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-xs", children: subcallsLabel(subcalls) }) : null,
             !open && summary ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-xs", children: summary }) : null
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -116,24 +120,72 @@ function ToolCall({
           output: normalized.value,
           ...renderToolResult ? { renderToolResult } : {}
         }
+      ),
+      subcalls.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          "data-slot": "tool-call-subcalls",
+          className: "border-l border-border pl-2",
+          children: subcalls.map((call) => /* @__PURE__ */ jsxRuntime.jsx(
+            ToolCall,
+            {
+              part: call,
+              subcalls: subcallsByParent == null ? void 0 : subcallsByParent.get(call.toolCallId),
+              subcallsByParent,
+              onApprove,
+              registry,
+              ...renderToolResult ? { renderToolResult } : {}
+            },
+            call.toolCallId
+          ))
+        }
       )
     ] }),
     needsApproval && /* @__PURE__ */ jsxRuntime.jsx(ApprovalControls, { part, onApprove })
   ] });
 }
+function hasPendingApproval(calls, grouped) {
+  return calls.some(
+    (call) => call.state === "approval-requested" || hasPendingApproval((grouped == null ? void 0 : grouped.get(call.toolCallId)) ?? [], grouped)
+  );
+}
+function subcallsLabel(subcalls) {
+  const running = subcalls.filter(
+    (call) => call.state === "input-streaming" || call.state === "input-available"
+  ).length;
+  const count = `${subcalls.length} ${subcalls.length === 1 ? "call" : "calls"}`;
+  return running > 0 ? `${count} · ${running} running` : count;
+}
 function ApprovalControls({
   part,
   onApprove
 }) {
+  const [pending, setPending] = react.useState();
+  const [error, setError] = react.useState();
   const approval = "approval" in part ? part.approval : void 0;
   if (!approval || !onApprove) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1.5 flex items-center gap-2 pl-4", children: [
+  const decide = async (approved) => {
+    setPending(approved ? "approve" : "deny");
+    setError(void 0);
+    try {
+      await onApprove(approval.id, approved);
+    } catch (cause) {
+      setError(
+        `Cannot ${approved ? "approve" : "deny"} tool call: ${cause instanceof Error ? cause.message : String(cause)}`
+      );
+    } finally {
+      setPending(void 0);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1.5 flex flex-wrap items-center gap-2 pl-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       button.Button,
       {
         type: "button",
         size: "sm",
-        onClick: () => onApprove(approval.id, true),
+        loading: pending === "approve",
+        disabled: pending !== void 0,
+        onClick: () => void decide(true),
         children: "Approve"
       }
     ),
@@ -143,10 +195,13 @@ function ApprovalControls({
         type: "button",
         size: "sm",
         variant: "outline",
-        onClick: () => onApprove(approval.id, false),
+        loading: pending === "deny",
+        disabled: pending !== void 0,
+        onClick: () => void decide(false),
         children: "Deny"
       }
-    )
+    ),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", className: "w-full text-xs text-destructive", children: error })
   ] });
 }
 function ToolOutput({