@athenaintel/react 0.42.2 → 0.48.0

package/dist/chat/super-grouping/ToolTimeline.cjs

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const lucideReact = require("lucide-react");
-const react = require("react");
+const require$$0 = require("react");
+const citationAnchors = require("../../chat-ui/rich-text/citation-anchors.cjs");
 const stepText = require("../../tools/step-text.cjs");
 const collapsible = require("../../ui/collapsible.cjs");
 const timelineStep = require("./timeline-step.cjs");
@@ -21,6 +22,28 @@ function StepIcon({ state }) {
     }
   );
 }
+function SourceFavicon({ url }) {
+  const [failed, setFailed] = require$$0.useState(false);
+  const src = citationAnchors.sourceFaviconUrl(url);
+  if (!src || failed) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      src,
+      alt: "",
+      width: 14,
+      height: 14,
+      className: "size-3.5 shrink-0 rounded-[3px] ring-2 ring-background [&:not(:first-child)]:-ml-1",
+      loading: "lazy",
+      referrerPolicy: "no-referrer",
+      draggable: false,
+      onError: () => setFailed(true)
+    }
+  );
+}
+function StepSourceFavicons({ urls }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "tool-timeline-sources", className: "flex shrink-0 items-center", children: urls.map((url) => /* @__PURE__ */ jsxRuntime.jsx(SourceFavicon, { url }, url)) });
+}
 function ToolTimeline({
   steps,
   open,
@@ -32,13 +55,27 @@ function ToolTimeline({
   keepMounted,
   actions,
   meta,
+  renderStepIcon,
+  renderStepRow,
+  showSourceFavicons = false,
   children
 }) {
-  const panelId = react.useId();
-  const [showAll, setShowAll] = react.useState(false);
+  const panelId = require$$0.useId();
+  const [showAll, setShowAll] = require$$0.useState(false);
   const recentSteps = timelineStep.visibleTimelineSteps({ steps, limit: maxVisibleSteps });
-  const shown = showAll ? steps : recentSteps;
   const hiddenCount = steps.length - recentSteps.length;
+  const recent = new Set(recentSteps);
+  const hostRows = /* @__PURE__ */ new Map();
+  if (renderStepRow) {
+    for (const step of steps) {
+      const row = renderStepRow(step);
+      if (row) hostRows.set(step, row);
+    }
+  }
+  const hostRowId = (position) => `${panelId}-step-${position}`;
+  const foldedHostRowIds = steps.flatMap(
+    (step, position) => hostRows.has(step) && !recent.has(step) && (showAll || keepMounted) ? [hostRowId(position)] : []
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(collapsible.Collapsible, { "data-slot": "tool-timeline", open, onOpenChange, className: "w-full min-w-0", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -94,43 +131,66 @@ function ToolTimeline({
               {
                 type: "button",
                 onClick: () => setShowAll((previous) => !previous),
+                ...foldedHostRowIds.length > 0 ? { "aria-controls": foldedHostRowIds.join(" "), "aria-expanded": showAll } : {},
                 className: "rounded text-xs text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                 children: showAll ? "Show recent steps" : `Show ${hiddenCount} earlier ${hiddenCount === 1 ? "step" : "steps"}`
               }
             ) }) : null,
-            shown.map((step) => /* @__PURE__ */ jsxRuntime.jsxs(
-              "li",
-              {
-                "data-step-id": step.id,
-                "data-step-state": step.state,
-                className: "flex min-w-0 items-center gap-2 text-[13px] text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(StepIcon, { state: step.state }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "span",
-                    {
-                      title: step.detail,
-                      className: cnfast.cn(
-                        "min-w-0 break-words leading-5",
-                        step.state === "error" && "text-destructive",
-                        step.state === "running" && "text-foreground"
-                      ),
-                      children: /* @__PURE__ */ jsxRuntime.jsx(stepText.StepText, { text: step.verb, code: step.code })
-                    }
-                  ),
-                  step.chip ? /* @__PURE__ */ jsxRuntime.jsx(
-                    "span",
-                    {
-                      title: step.chip,
-                      className: "max-w-[45%] truncate rounded-md bg-foreground/[0.06] px-1.5 py-0.5 font-mono text-[11px] text-foreground/70",
-                      children: step.chip
-                    }
-                  ) : null,
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: step.state })
-                ]
-              },
-              step.id
-            ))
+            steps.map((step, position) => {
+              const folded = !showAll && !recent.has(step);
+              const hostRow = hostRows.get(step);
+              if (hostRow) {
+                if (folded && !keepMounted) return null;
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  "li",
+                  {
+                    id: hostRowId(position),
+                    "data-step-id": step.id,
+                    "data-step-state": step.state,
+                    hidden: folded,
+                    className: "min-w-0",
+                    children: hostRow
+                  },
+                  step.id
+                );
+              }
+              if (folded) return null;
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "li",
+                {
+                  "data-step-id": step.id,
+                  "data-step-state": step.state,
+                  className: "flex min-w-0 items-center gap-2 text-[13px] text-muted-foreground",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(StepIcon, { state: step.state }),
+                    renderStepIcon == null ? void 0 : renderStepIcon(step),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        title: step.detail,
+                        className: cnfast.cn(
+                          "min-w-0 break-words leading-5",
+                          step.state === "error" && "text-destructive",
+                          step.state === "running" && "text-foreground"
+                        ),
+                        children: /* @__PURE__ */ jsxRuntime.jsx(stepText.StepText, { text: step.verb, code: step.code })
+                      }
+                    ),
+                    showSourceFavicons && step.sourceUrls ? /* @__PURE__ */ jsxRuntime.jsx(StepSourceFavicons, { urls: step.sourceUrls }) : null,
+                    step.chip ? /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        title: step.chip,
+                        className: "max-w-[45%] truncate rounded-md bg-foreground/[0.06] px-1.5 py-0.5 font-mono text-[11px] text-foreground/70",
+                        children: step.chip
+                      }
+                    ) : null,
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: step.state })
+                  ]
+                },
+                step.id
+              );
+            })
           ] }),
           children
         ]

package/dist/chat/super-grouping/ToolTimeline.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToolTimeline.cjs","sources":["../../../src/chat/super-grouping/ToolTimeline.tsx"],"sourcesContent":["'use client';\n\n/*!\n * Adapted from assistant-ui's ToolTimeline element:\n * https://github.com/assistant-ui/assistant-ui/blob/main/packages/ui/src/components/react/assistant-ui/elements/tool-timeline.tsx\n * MIT License — Copyright (c) 2025 AgentbaseAI Inc.\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nimport { AlertCircle, Check, ChevronRight, Circle, LoaderCircle, Pause, X } from 'lucide-react';\nimport { type ReactNode, useId, useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { StepText } from '../../tools/step-text';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../ui/collapsible';\nimport type { ActivityPhase } from './activity-timeline';\nimport { type TimelineStep, visibleTimelineSteps } from './timeline-step';\n\nfunction StepIcon({ state }: { state: TimelineStep['state'] }) {\n  const Icon =\n    state === 'running'\n      ? LoaderCircle\n      : state === 'complete'\n        ? Check\n        : state === 'error'\n          ? AlertCircle\n          : state === 'rejected'\n            ? X\n            : state === 'paused'\n              ? Pause\n              : Circle;\n  return (\n    <Icon\n      aria-hidden=\"true\"\n      className={cn(\n        'size-3.5 shrink-0',\n        state === 'running' && 'motion-safe:animate-spin',\n        state === 'error'\n          ? 'text-destructive'\n          : state === 'waiting' || state === 'paused'\n            ? 'text-amber-600 dark:text-amber-400'\n            : 'text-muted-foreground',\n      )}\n    />\n  );\n}\n\n/**\n * The upstream disclosure/verb/chip layout, with real per-call states and live\n * tool UIs. `meta` (a host's elapsed counter) sits on the header row itself,\n * right of the status and before `actions`, so a live card carries one status\n * line rather than a second row repeating what the header already says.\n */\nexport function ToolTimeline({\n  steps,\n  open,\n  onOpenChange,\n  label,\n  labelTitle,\n  phase,\n  maxVisibleSteps,\n  keepMounted,\n  actions,\n  meta,\n  children,\n}: {\n  steps: readonly TimelineStep[];\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  label: ReactNode;\n  /** Tooltip for the header line (the full form of a clipped label). */\n  labelTitle?: string;\n  phase: ActivityPhase;\n  maxVisibleSteps: number;\n  keepMounted: boolean;\n  actions?: ReactNode;\n  meta?: ReactNode;\n  children?: ReactNode;\n}) {\n  const panelId = useId();\n  const [showAll, setShowAll] = useState(false);\n  const recentSteps = visibleTimelineSteps({ steps, limit: maxVisibleSteps });\n  const shown = showAll ? steps : recentSteps;\n  const hiddenCount = steps.length - recentSteps.length;\n  return (\n    <Collapsible data-slot=\"tool-timeline\" open={open} onOpenChange={onOpenChange} className=\"w-full min-w-0\">\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <CollapsibleTrigger\n          aria-controls={panelId}\n          className=\"group/trigger flex min-w-0 flex-1 items-center gap-1.5 rounded-md py-1 text-left text-[13px] text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"size-3.5 shrink-0 opacity-60 transition-transform duration-200 group-data-[state=open]/trigger:rotate-90 motion-reduce:transition-none\"\n          />\n          {phase === 'error' || phase === 'waiting' ? <StepIcon state={phase} /> : null}\n          <span\n            title={labelTitle}\n            className={cn(\n              'min-w-0 break-words leading-5',\n              phase === 'running' && 'motion-safe:animate-pulse',\n              phase === 'error' && 'text-destructive',\n            )}\n          >\n            {label}\n          </span>\n        </CollapsibleTrigger>\n        {meta ? (\n          <div\n            data-slot=\"tool-timeline-meta\"\n            className=\"flex shrink-0 items-center text-xs text-muted-foreground tabular-nums\"\n          >\n            {meta}\n          </div>\n        ) : null}\n        {actions ? <div className=\"flex shrink-0 items-center gap-1\">{actions}</div> : null}\n      </div>\n      <CollapsibleContent\n        id={panelId}\n        forceMount={keepMounted ? true : undefined}\n        hidden={!open}\n        className=\"min-w-0\"\n      >\n        <ol aria-label=\"Work status updates\" className=\"flex list-none flex-col gap-2.5 py-2.5 pl-5\">\n          {hiddenCount > 0 ? (\n            <li>\n              <button\n                type=\"button\"\n                onClick={() => setShowAll((previous) => !previous)}\n                className=\"rounded text-xs text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                {showAll\n                  ? 'Show recent steps'\n                  : `Show ${hiddenCount} earlier ${hiddenCount === 1 ? 'step' : 'steps'}`}\n              </button>\n            </li>\n          ) : null}\n          {shown.map((step) => (\n            <li\n              key={step.id}\n              data-step-id={step.id}\n              data-step-state={step.state}\n              className=\"flex min-w-0 items-center gap-2 text-[13px] text-muted-foreground\"\n            >\n              <StepIcon state={step.state} />\n              <span\n                title={step.detail}\n                className={cn(\n                  'min-w-0 break-words leading-5',\n                  step.state === 'error' && 'text-destructive',\n                  step.state === 'running' && 'text-foreground',\n                )}\n              >\n                <StepText text={step.verb} code={step.code} />\n              </span>\n              {step.chip ? (\n                <span\n                  title={step.chip}\n                  className=\"max-w-[45%] truncate rounded-md bg-foreground/[0.06] px-1.5 py-0.5 font-mono text-[11px] text-foreground/70\"\n                >\n                  {step.chip}\n                </span>\n              ) : null}\n              <span className=\"sr-only\">{step.state}</span>\n            </li>\n          ))}\n        </ol>\n        {children}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"names":["LoaderCircle","Check","AlertCircle","X","Pause","Circle","jsx","cn","useId","useState","visibleTimelineSteps","Collapsible","jsxs","CollapsibleTrigger","ChevronRight","CollapsibleContent","StepText"],"mappings":"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"}
+{"version":3,"file":"ToolTimeline.cjs","sources":["../../../src/chat/super-grouping/ToolTimeline.tsx"],"sourcesContent":["'use client';\n\n/*!\n * Adapted from assistant-ui's ToolTimeline element:\n * https://github.com/assistant-ui/assistant-ui/blob/main/packages/ui/src/components/react/assistant-ui/elements/tool-timeline.tsx\n * MIT License — Copyright (c) 2025 AgentbaseAI Inc.\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nimport { AlertCircle, Check, ChevronRight, Circle, LoaderCircle, Pause, X } from 'lucide-react';\nimport { type ReactElement, type ReactNode, useId, useState } from 'react';\nimport { sourceFaviconUrl } from '../../chat-ui/rich-text/citation-anchors';\nimport { cn } from '../../lib/utils';\nimport { StepText } from '../../tools/step-text';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../ui/collapsible';\nimport type { ActivityPhase } from './activity-timeline';\nimport { type TimelineStep, visibleTimelineSteps } from './timeline-step';\n\nfunction StepIcon({ state }: { state: TimelineStep['state'] }) {\n  const Icon =\n    state === 'running'\n      ? LoaderCircle\n      : state === 'complete'\n        ? Check\n        : state === 'error'\n          ? AlertCircle\n          : state === 'rejected'\n            ? X\n            : state === 'paused'\n              ? Pause\n              : Circle;\n  return (\n    <Icon\n      aria-hidden=\"true\"\n      className={cn(\n        'size-3.5 shrink-0',\n        state === 'running' && 'motion-safe:animate-spin',\n        state === 'error'\n          ? 'text-destructive'\n          : state === 'waiting' || state === 'paused'\n            ? 'text-amber-600 dark:text-amber-400'\n            : 'text-muted-foreground',\n      )}\n    />\n  );\n}\n\nfunction SourceFavicon({ url }: { url: string }) {\n  const [failed, setFailed] = useState(false);\n  const src = sourceFaviconUrl(url);\n  if (!src || failed) return null;\n  return (\n    <img\n      src={src}\n      alt=\"\"\n      width={14}\n      height={14}\n      className=\"size-3.5 shrink-0 rounded-[3px] ring-2 ring-background [&:not(:first-child)]:-ml-1\"\n      loading=\"lazy\"\n      referrerPolicy=\"no-referrer\"\n      draggable={false}\n      onError={() => setFailed(true)}\n    />\n  );\n}\n\n/** The sites a step's result came from, as overlapping favicons; one that fails to load is left out. */\nfunction StepSourceFavicons({ urls }: { urls: readonly string[] }) {\n  return (\n    <span data-slot=\"tool-timeline-sources\" className=\"flex shrink-0 items-center\">\n      {urls.map((url) => (\n        <SourceFavicon key={url} url={url} />\n      ))}\n    </span>\n  );\n}\n\n/**\n * The upstream disclosure/verb/chip layout, with real per-call states and live\n * tool UIs. `meta` (a host's elapsed counter) sits on the header row itself,\n * right of the status and before `actions`, so a live card carries one status\n * line rather than a second row repeating what the header already says.\n *\n * A step can be drawn by the host instead (`renderStepRow`): its node fills\n * the step's `<li>`. While `keepMounted` holds, such a row stays mounted even\n * when \"Show N earlier steps\" folds it away (hidden), so what it renders keeps\n * running, and the fold button names it in `aria-controls`, so a deep link's\n * reveal can open the fold to it.\n */\nexport function ToolTimeline({\n  steps,\n  open,\n  onOpenChange,\n  label,\n  labelTitle,\n  phase,\n  maxVisibleSteps,\n  keepMounted,\n  actions,\n  meta,\n  renderStepIcon,\n  renderStepRow,\n  showSourceFavicons = false,\n  children,\n}: {\n  steps: readonly TimelineStep[];\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  label: ReactNode;\n  /** Tooltip for the header line (the full form of a clipped label). */\n  labelTitle?: string;\n  phase: ActivityPhase;\n  maxVisibleSteps: number;\n  keepMounted: boolean;\n  actions?: ReactNode;\n  meta?: ReactNode;\n  /** The host's icon for a step's tool (its toolkit icon), after the status icon. */\n  renderStepIcon?: (step: TimelineStep) => ReactNode;\n  /** The host's own row for a step, in place of its status line; `null` keeps the status line. */\n  renderStepRow?: (step: TimelineStep) => ReactElement | null;\n  /** Show the favicons of the sites a finished step's result lists. */\n  showSourceFavicons?: boolean;\n  children?: ReactNode;\n}) {\n  const panelId = useId();\n  const [showAll, setShowAll] = useState(false);\n  const recentSteps = visibleTimelineSteps({ steps, limit: maxVisibleSteps });\n  const hiddenCount = steps.length - recentSteps.length;\n  const recent = new Set(recentSteps);\n  const hostRows = new Map<TimelineStep, ReactElement>();\n  if (renderStepRow) {\n    for (const step of steps) {\n      const row = renderStepRow(step);\n      if (row) hostRows.set(step, row);\n    }\n  }\n  const hostRowId = (position: number) => `${panelId}-step-${position}`;\n  // The host rows the fold hides while they are mounted: the ones it shows\n  // again, or keeps mounted hidden.\n  const foldedHostRowIds = steps.flatMap((step, position) =>\n    hostRows.has(step) && !recent.has(step) && (showAll || keepMounted) ? [hostRowId(position)] : [],\n  );\n  return (\n    <Collapsible data-slot=\"tool-timeline\" open={open} onOpenChange={onOpenChange} className=\"w-full min-w-0\">\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <CollapsibleTrigger\n          aria-controls={panelId}\n          className=\"group/trigger flex min-w-0 flex-1 items-center gap-1.5 rounded-md py-1 text-left text-[13px] text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"size-3.5 shrink-0 opacity-60 transition-transform duration-200 group-data-[state=open]/trigger:rotate-90 motion-reduce:transition-none\"\n          />\n          {phase === 'error' || phase === 'waiting' ? <StepIcon state={phase} /> : null}\n          <span\n            title={labelTitle}\n            className={cn(\n              'min-w-0 break-words leading-5',\n              phase === 'running' && 'motion-safe:animate-pulse',\n              phase === 'error' && 'text-destructive',\n            )}\n          >\n            {label}\n          </span>\n        </CollapsibleTrigger>\n        {meta ? (\n          <div\n            data-slot=\"tool-timeline-meta\"\n            className=\"flex shrink-0 items-center text-xs text-muted-foreground tabular-nums\"\n          >\n            {meta}\n          </div>\n        ) : null}\n        {actions ? <div className=\"flex shrink-0 items-center gap-1\">{actions}</div> : null}\n      </div>\n      <CollapsibleContent\n        id={panelId}\n        forceMount={keepMounted ? true : undefined}\n        hidden={!open}\n        className=\"min-w-0\"\n      >\n        <ol aria-label=\"Work status updates\" className=\"flex list-none flex-col gap-2.5 py-2.5 pl-5\">\n          {hiddenCount > 0 ? (\n            <li>\n              <button\n                type=\"button\"\n                onClick={() => setShowAll((previous) => !previous)}\n                {...(foldedHostRowIds.length > 0\n                  ? { 'aria-controls': foldedHostRowIds.join(' '), 'aria-expanded': showAll }\n                  : {})}\n                className=\"rounded text-xs text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                {showAll\n                  ? 'Show recent steps'\n                  : `Show ${hiddenCount} earlier ${hiddenCount === 1 ? 'step' : 'steps'}`}\n              </button>\n            </li>\n          ) : null}\n          {steps.map((step, position) => {\n            const folded = !showAll && !recent.has(step);\n            const hostRow = hostRows.get(step);\n            if (hostRow) {\n              if (folded && !keepMounted) return null;\n              // No display utility: `hidden` alone hides a folded row.\n              return (\n                <li\n                  key={step.id}\n                  id={hostRowId(position)}\n                  data-step-id={step.id}\n                  data-step-state={step.state}\n                  hidden={folded}\n                  className=\"min-w-0\"\n                >\n                  {hostRow}\n                </li>\n              );\n            }\n            if (folded) return null;\n            return (\n              <li\n                key={step.id}\n                data-step-id={step.id}\n                data-step-state={step.state}\n                className=\"flex min-w-0 items-center gap-2 text-[13px] text-muted-foreground\"\n              >\n                <StepIcon state={step.state} />\n                {renderStepIcon?.(step)}\n                <span\n                  title={step.detail}\n                  className={cn(\n                    'min-w-0 break-words leading-5',\n                    step.state === 'error' && 'text-destructive',\n                    step.state === 'running' && 'text-foreground',\n                  )}\n                >\n                  <StepText text={step.verb} code={step.code} />\n                </span>\n                {showSourceFavicons && step.sourceUrls ? <StepSourceFavicons urls={step.sourceUrls} /> : null}\n                {step.chip ? (\n                  <span\n                    title={step.chip}\n                    className=\"max-w-[45%] truncate rounded-md bg-foreground/[0.06] px-1.5 py-0.5 font-mono text-[11px] text-foreground/70\"\n                  >\n                    {step.chip}\n                  </span>\n                ) : null}\n                <span className=\"sr-only\">{step.state}</span>\n              </li>\n            );\n          })}\n        </ol>\n        {children}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"names":["LoaderCircle","Check","AlertCircle","X","Pause","Circle","jsx","cn","useState","sourceFaviconUrl","useId","visibleTimelineSteps","Collapsible","jsxs","CollapsibleTrigger","ChevronRight","CollapsibleContent","StepText"],"mappings":"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"}

package/dist/chat/super-grouping/ToolTimeline.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import type { ActivityPhase } from './activity-timeline';
 import { type TimelineStep } from './timeline-step';
 /**
@@ -6,8 +6,14 @@ import { type TimelineStep } from './timeline-step';
  * tool UIs. `meta` (a host's elapsed counter) sits on the header row itself,
  * right of the status and before `actions`, so a live card carries one status
  * line rather than a second row repeating what the header already says.
+ *
+ * A step can be drawn by the host instead (`renderStepRow`): its node fills
+ * the step's `<li>`. While `keepMounted` holds, such a row stays mounted even
+ * when "Show N earlier steps" folds it away (hidden), so what it renders keeps
+ * running, and the fold button names it in `aria-controls`, so a deep link's
+ * reveal can open the fold to it.
  */
-export declare function ToolTimeline({ steps, open, onOpenChange, label, labelTitle, phase, maxVisibleSteps, keepMounted, actions, meta, children, }: {
+export declare function ToolTimeline({ steps, open, onOpenChange, label, labelTitle, phase, maxVisibleSteps, keepMounted, actions, meta, renderStepIcon, renderStepRow, showSourceFavicons, children, }: {
     steps: readonly TimelineStep[];
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -19,5 +25,11 @@ export declare function ToolTimeline({ steps, open, onOpenChange, label, labelTi
     keepMounted: boolean;
     actions?: ReactNode;
     meta?: ReactNode;
+    /** The host's icon for a step's tool (its toolkit icon), after the status icon. */
+    renderStepIcon?: (step: TimelineStep) => ReactNode;
+    /** The host's own row for a step, in place of its status line; `null` keeps the status line. */
+    renderStepRow?: (step: TimelineStep) => ReactElement | null;
+    /** Show the favicons of the sites a finished step's result lists. */
+    showSourceFavicons?: boolean;
     children?: ReactNode;
 }): import("react").JSX.Element;

package/dist/chat/super-grouping/ToolTimeline.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { ChevronRight, LoaderCircle, Check, AlertCircle, X, Pause, Circle } from "lucide-react";
 import { useId, useState } from "react";
+import { sourceFaviconUrl } from "../../chat-ui/rich-text/citation-anchors.js";
 import { StepText } from "../../tools/step-text.js";
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "../../ui/collapsible.js";
 import { visibleTimelineSteps } from "./timeline-step.js";
@@ -19,6 +20,28 @@ function StepIcon({ state }) {
     }
   );
 }
+function SourceFavicon({ url }) {
+  const [failed, setFailed] = useState(false);
+  const src = sourceFaviconUrl(url);
+  if (!src || failed) return null;
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src,
+      alt: "",
+      width: 14,
+      height: 14,
+      className: "size-3.5 shrink-0 rounded-[3px] ring-2 ring-background [&:not(:first-child)]:-ml-1",
+      loading: "lazy",
+      referrerPolicy: "no-referrer",
+      draggable: false,
+      onError: () => setFailed(true)
+    }
+  );
+}
+function StepSourceFavicons({ urls }) {
+  return /* @__PURE__ */ jsx("span", { "data-slot": "tool-timeline-sources", className: "flex shrink-0 items-center", children: urls.map((url) => /* @__PURE__ */ jsx(SourceFavicon, { url }, url)) });
+}
 function ToolTimeline({
   steps,
   open,
@@ -30,13 +53,27 @@ function ToolTimeline({
   keepMounted,
   actions,
   meta,
+  renderStepIcon,
+  renderStepRow,
+  showSourceFavicons = false,
   children
 }) {
   const panelId = useId();
   const [showAll, setShowAll] = useState(false);
   const recentSteps = visibleTimelineSteps({ steps, limit: maxVisibleSteps });
-  const shown = showAll ? steps : recentSteps;
   const hiddenCount = steps.length - recentSteps.length;
+  const recent = new Set(recentSteps);
+  const hostRows = /* @__PURE__ */ new Map();
+  if (renderStepRow) {
+    for (const step of steps) {
+      const row = renderStepRow(step);
+      if (row) hostRows.set(step, row);
+    }
+  }
+  const hostRowId = (position) => `${panelId}-step-${position}`;
+  const foldedHostRowIds = steps.flatMap(
+    (step, position) => hostRows.has(step) && !recent.has(step) && (showAll || keepMounted) ? [hostRowId(position)] : []
+  );
   return /* @__PURE__ */ jsxs(Collapsible, { "data-slot": "tool-timeline", open, onOpenChange, className: "w-full min-w-0", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
       /* @__PURE__ */ jsxs(
@@ -92,43 +129,66 @@ function ToolTimeline({
               {
                 type: "button",
                 onClick: () => setShowAll((previous) => !previous),
+                ...foldedHostRowIds.length > 0 ? { "aria-controls": foldedHostRowIds.join(" "), "aria-expanded": showAll } : {},
                 className: "rounded text-xs text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                 children: showAll ? "Show recent steps" : `Show ${hiddenCount} earlier ${hiddenCount === 1 ? "step" : "steps"}`
               }
             ) }) : null,
-            shown.map((step) => /* @__PURE__ */ jsxs(
-              "li",
-              {
-                "data-step-id": step.id,
-                "data-step-state": step.state,
-                className: "flex min-w-0 items-center gap-2 text-[13px] text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsx(StepIcon, { state: step.state }),
-                  /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      title: step.detail,
-                      className: cn(
-                        "min-w-0 break-words leading-5",
-                        step.state === "error" && "text-destructive",
-                        step.state === "running" && "text-foreground"
-                      ),
-                      children: /* @__PURE__ */ jsx(StepText, { text: step.verb, code: step.code })
-                    }
-                  ),
-                  step.chip ? /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      title: step.chip,
-                      className: "max-w-[45%] truncate rounded-md bg-foreground/[0.06] px-1.5 py-0.5 font-mono text-[11px] text-foreground/70",
-                      children: step.chip
-                    }
-                  ) : null,
-                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: step.state })
-                ]
-              },
-              step.id
-            ))
+            steps.map((step, position) => {
+              const folded = !showAll && !recent.has(step);
+              const hostRow = hostRows.get(step);
+              if (hostRow) {
+                if (folded && !keepMounted) return null;
+                return /* @__PURE__ */ jsx(
+                  "li",
+                  {
+                    id: hostRowId(position),
+                    "data-step-id": step.id,
+                    "data-step-state": step.state,
+                    hidden: folded,
+                    className: "min-w-0",
+                    children: hostRow
+                  },
+                  step.id
+                );
+              }
+              if (folded) return null;
+              return /* @__PURE__ */ jsxs(
+                "li",
+                {
+                  "data-step-id": step.id,
+                  "data-step-state": step.state,
+                  className: "flex min-w-0 items-center gap-2 text-[13px] text-muted-foreground",
+                  children: [
+                    /* @__PURE__ */ jsx(StepIcon, { state: step.state }),
+                    renderStepIcon == null ? void 0 : renderStepIcon(step),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        title: step.detail,
+                        className: cn(
+                          "min-w-0 break-words leading-5",
+                          step.state === "error" && "text-destructive",
+                          step.state === "running" && "text-foreground"
+                        ),
+                        children: /* @__PURE__ */ jsx(StepText, { text: step.verb, code: step.code })
+                      }
+                    ),
+                    showSourceFavicons && step.sourceUrls ? /* @__PURE__ */ jsx(StepSourceFavicons, { urls: step.sourceUrls }) : null,
+                    step.chip ? /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        title: step.chip,
+                        className: "max-w-[45%] truncate rounded-md bg-foreground/[0.06] px-1.5 py-0.5 font-mono text-[11px] text-foreground/70",
+                        children: step.chip
+                      }
+                    ) : null,
+                    /* @__PURE__ */ jsx("span", { className: "sr-only", children: step.state })
+                  ]
+                },
+                step.id
+              );
+            })
           ] }),
           children
         ]

package/dist/chat/super-grouping/ToolTimeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolTimeline.js","sources":["../../../src/chat/super-grouping/ToolTimeline.tsx"],"sourcesContent":["'use client';\n\n/*!\n * Adapted from assistant-ui's ToolTimeline element:\n * https://github.com/assistant-ui/assistant-ui/blob/main/packages/ui/src/components/react/assistant-ui/elements/tool-timeline.tsx\n * MIT License — Copyright (c) 2025 AgentbaseAI Inc.\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nimport { AlertCircle, Check, ChevronRight, Circle, LoaderCircle, Pause, X } from 'lucide-react';\nimport { type ReactNode, useId, useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { StepText } from '../../tools/step-text';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../ui/collapsible';\nimport type { ActivityPhase } from './activity-timeline';\nimport { type TimelineStep, visibleTimelineSteps } from './timeline-step';\n\nfunction StepIcon({ state }: { state: TimelineStep['state'] }) {\n  const Icon =\n    state === 'running'\n      ? LoaderCircle\n      : state === 'complete'\n        ? Check\n        : state === 'error'\n          ? AlertCircle\n          : state === 'rejected'\n            ? X\n            : state === 'paused'\n              ? Pause\n              : Circle;\n  return (\n    <Icon\n      aria-hidden=\"true\"\n      className={cn(\n        'size-3.5 shrink-0',\n        state === 'running' && 'motion-safe:animate-spin',\n        state === 'error'\n          ? 'text-destructive'\n          : state === 'waiting' || state === 'paused'\n            ? 'text-amber-600 dark:text-amber-400'\n            : 'text-muted-foreground',\n      )}\n    />\n  );\n}\n\n/**\n * The upstream disclosure/verb/chip layout, with real per-call states and live\n * tool UIs. `meta` (a host's elapsed counter) sits on the header row itself,\n * right of the status and before `actions`, so a live card carries one status\n * line rather than a second row repeating what the header already says.\n */\nexport function ToolTimeline({\n  steps,\n  open,\n  onOpenChange,\n  label,\n  labelTitle,\n  phase,\n  maxVisibleSteps,\n  keepMounted,\n  actions,\n  meta,\n  children,\n}: {\n  steps: readonly TimelineStep[];\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  label: ReactNode;\n  /** Tooltip for the header line (the full form of a clipped label). */\n  labelTitle?: string;\n  phase: ActivityPhase;\n  maxVisibleSteps: number;\n  keepMounted: boolean;\n  actions?: ReactNode;\n  meta?: ReactNode;\n  children?: ReactNode;\n}) {\n  const panelId = useId();\n  const [showAll, setShowAll] = useState(false);\n  const recentSteps = visibleTimelineSteps({ steps, limit: maxVisibleSteps });\n  const shown = showAll ? steps : recentSteps;\n  const hiddenCount = steps.length - recentSteps.length;\n  return (\n    <Collapsible data-slot=\"tool-timeline\" open={open} onOpenChange={onOpenChange} className=\"w-full min-w-0\">\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <CollapsibleTrigger\n          aria-controls={panelId}\n          className=\"group/trigger flex min-w-0 flex-1 items-center gap-1.5 rounded-md py-1 text-left text-[13px] text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"size-3.5 shrink-0 opacity-60 transition-transform duration-200 group-data-[state=open]/trigger:rotate-90 motion-reduce:transition-none\"\n          />\n          {phase === 'error' || phase === 'waiting' ? <StepIcon state={phase} /> : null}\n          <span\n            title={labelTitle}\n            className={cn(\n              'min-w-0 break-words leading-5',\n              phase === 'running' && 'motion-safe:animate-pulse',\n              phase === 'error' && 'text-destructive',\n            )}\n          >\n            {label}\n          </span>\n        </CollapsibleTrigger>\n        {meta ? (\n          <div\n            data-slot=\"tool-timeline-meta\"\n            className=\"flex shrink-0 items-center text-xs text-muted-foreground tabular-nums\"\n          >\n            {meta}\n          </div>\n        ) : null}\n        {actions ? <div className=\"flex shrink-0 items-center gap-1\">{actions}</div> : null}\n      </div>\n      <CollapsibleContent\n        id={panelId}\n        forceMount={keepMounted ? true : undefined}\n        hidden={!open}\n        className=\"min-w-0\"\n      >\n        <ol aria-label=\"Work status updates\" className=\"flex list-none flex-col gap-2.5 py-2.5 pl-5\">\n          {hiddenCount > 0 ? (\n            <li>\n              <button\n                type=\"button\"\n                onClick={() => setShowAll((previous) => !previous)}\n                className=\"rounded text-xs text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                {showAll\n                  ? 'Show recent steps'\n                  : `Show ${hiddenCount} earlier ${hiddenCount === 1 ? 'step' : 'steps'}`}\n              </button>\n            </li>\n          ) : null}\n          {shown.map((step) => (\n            <li\n              key={step.id}\n              data-step-id={step.id}\n              data-step-state={step.state}\n              className=\"flex min-w-0 items-center gap-2 text-[13px] text-muted-foreground\"\n            >\n              <StepIcon state={step.state} />\n              <span\n                title={step.detail}\n                className={cn(\n                  'min-w-0 break-words leading-5',\n                  step.state === 'error' && 'text-destructive',\n                  step.state === 'running' && 'text-foreground',\n                )}\n              >\n                <StepText text={step.verb} code={step.code} />\n              </span>\n              {step.chip ? (\n                <span\n                  title={step.chip}\n                  className=\"max-w-[45%] truncate rounded-md bg-foreground/[0.06] px-1.5 py-0.5 font-mono text-[11px] text-foreground/70\"\n                >\n                  {step.chip}\n                </span>\n              ) : null}\n              <span className=\"sr-only\">{step.state}</span>\n            </li>\n          ))}\n        </ol>\n        {children}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToolTimeline.js","sources":["../../../src/chat/super-grouping/ToolTimeline.tsx"],"sourcesContent":["'use client';\n\n/*!\n * Adapted from assistant-ui's ToolTimeline element:\n * https://github.com/assistant-ui/assistant-ui/blob/main/packages/ui/src/components/react/assistant-ui/elements/tool-timeline.tsx\n * MIT License — Copyright (c) 2025 AgentbaseAI Inc.\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nimport { AlertCircle, Check, ChevronRight, Circle, LoaderCircle, Pause, X } from 'lucide-react';\nimport { type ReactElement, type ReactNode, useId, useState } from 'react';\nimport { sourceFaviconUrl } from '../../chat-ui/rich-text/citation-anchors';\nimport { cn } from '../../lib/utils';\nimport { StepText } from '../../tools/step-text';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../ui/collapsible';\nimport type { ActivityPhase } from './activity-timeline';\nimport { type TimelineStep, visibleTimelineSteps } from './timeline-step';\n\nfunction StepIcon({ state }: { state: TimelineStep['state'] }) {\n  const Icon =\n    state === 'running'\n      ? LoaderCircle\n      : state === 'complete'\n        ? Check\n        : state === 'error'\n          ? AlertCircle\n          : state === 'rejected'\n            ? X\n            : state === 'paused'\n              ? Pause\n              : Circle;\n  return (\n    <Icon\n      aria-hidden=\"true\"\n      className={cn(\n        'size-3.5 shrink-0',\n        state === 'running' && 'motion-safe:animate-spin',\n        state === 'error'\n          ? 'text-destructive'\n          : state === 'waiting' || state === 'paused'\n            ? 'text-amber-600 dark:text-amber-400'\n            : 'text-muted-foreground',\n      )}\n    />\n  );\n}\n\nfunction SourceFavicon({ url }: { url: string }) {\n  const [failed, setFailed] = useState(false);\n  const src = sourceFaviconUrl(url);\n  if (!src || failed) return null;\n  return (\n    <img\n      src={src}\n      alt=\"\"\n      width={14}\n      height={14}\n      className=\"size-3.5 shrink-0 rounded-[3px] ring-2 ring-background [&:not(:first-child)]:-ml-1\"\n      loading=\"lazy\"\n      referrerPolicy=\"no-referrer\"\n      draggable={false}\n      onError={() => setFailed(true)}\n    />\n  );\n}\n\n/** The sites a step's result came from, as overlapping favicons; one that fails to load is left out. */\nfunction StepSourceFavicons({ urls }: { urls: readonly string[] }) {\n  return (\n    <span data-slot=\"tool-timeline-sources\" className=\"flex shrink-0 items-center\">\n      {urls.map((url) => (\n        <SourceFavicon key={url} url={url} />\n      ))}\n    </span>\n  );\n}\n\n/**\n * The upstream disclosure/verb/chip layout, with real per-call states and live\n * tool UIs. `meta` (a host's elapsed counter) sits on the header row itself,\n * right of the status and before `actions`, so a live card carries one status\n * line rather than a second row repeating what the header already says.\n *\n * A step can be drawn by the host instead (`renderStepRow`): its node fills\n * the step's `<li>`. While `keepMounted` holds, such a row stays mounted even\n * when \"Show N earlier steps\" folds it away (hidden), so what it renders keeps\n * running, and the fold button names it in `aria-controls`, so a deep link's\n * reveal can open the fold to it.\n */\nexport function ToolTimeline({\n  steps,\n  open,\n  onOpenChange,\n  label,\n  labelTitle,\n  phase,\n  maxVisibleSteps,\n  keepMounted,\n  actions,\n  meta,\n  renderStepIcon,\n  renderStepRow,\n  showSourceFavicons = false,\n  children,\n}: {\n  steps: readonly TimelineStep[];\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  label: ReactNode;\n  /** Tooltip for the header line (the full form of a clipped label). */\n  labelTitle?: string;\n  phase: ActivityPhase;\n  maxVisibleSteps: number;\n  keepMounted: boolean;\n  actions?: ReactNode;\n  meta?: ReactNode;\n  /** The host's icon for a step's tool (its toolkit icon), after the status icon. */\n  renderStepIcon?: (step: TimelineStep) => ReactNode;\n  /** The host's own row for a step, in place of its status line; `null` keeps the status line. */\n  renderStepRow?: (step: TimelineStep) => ReactElement | null;\n  /** Show the favicons of the sites a finished step's result lists. */\n  showSourceFavicons?: boolean;\n  children?: ReactNode;\n}) {\n  const panelId = useId();\n  const [showAll, setShowAll] = useState(false);\n  const recentSteps = visibleTimelineSteps({ steps, limit: maxVisibleSteps });\n  const hiddenCount = steps.length - recentSteps.length;\n  const recent = new Set(recentSteps);\n  const hostRows = new Map<TimelineStep, ReactElement>();\n  if (renderStepRow) {\n    for (const step of steps) {\n      const row = renderStepRow(step);\n      if (row) hostRows.set(step, row);\n    }\n  }\n  const hostRowId = (position: number) => `${panelId}-step-${position}`;\n  // The host rows the fold hides while they are mounted: the ones it shows\n  // again, or keeps mounted hidden.\n  const foldedHostRowIds = steps.flatMap((step, position) =>\n    hostRows.has(step) && !recent.has(step) && (showAll || keepMounted) ? [hostRowId(position)] : [],\n  );\n  return (\n    <Collapsible data-slot=\"tool-timeline\" open={open} onOpenChange={onOpenChange} className=\"w-full min-w-0\">\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <CollapsibleTrigger\n          aria-controls={panelId}\n          className=\"group/trigger flex min-w-0 flex-1 items-center gap-1.5 rounded-md py-1 text-left text-[13px] text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"size-3.5 shrink-0 opacity-60 transition-transform duration-200 group-data-[state=open]/trigger:rotate-90 motion-reduce:transition-none\"\n          />\n          {phase === 'error' || phase === 'waiting' ? <StepIcon state={phase} /> : null}\n          <span\n            title={labelTitle}\n            className={cn(\n              'min-w-0 break-words leading-5',\n              phase === 'running' && 'motion-safe:animate-pulse',\n              phase === 'error' && 'text-destructive',\n            )}\n          >\n            {label}\n          </span>\n        </CollapsibleTrigger>\n        {meta ? (\n          <div\n            data-slot=\"tool-timeline-meta\"\n            className=\"flex shrink-0 items-center text-xs text-muted-foreground tabular-nums\"\n          >\n            {meta}\n          </div>\n        ) : null}\n        {actions ? <div className=\"flex shrink-0 items-center gap-1\">{actions}</div> : null}\n      </div>\n      <CollapsibleContent\n        id={panelId}\n        forceMount={keepMounted ? true : undefined}\n        hidden={!open}\n        className=\"min-w-0\"\n      >\n        <ol aria-label=\"Work status updates\" className=\"flex list-none flex-col gap-2.5 py-2.5 pl-5\">\n          {hiddenCount > 0 ? (\n            <li>\n              <button\n                type=\"button\"\n                onClick={() => setShowAll((previous) => !previous)}\n                {...(foldedHostRowIds.length > 0\n                  ? { 'aria-controls': foldedHostRowIds.join(' '), 'aria-expanded': showAll }\n                  : {})}\n                className=\"rounded text-xs text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                {showAll\n                  ? 'Show recent steps'\n                  : `Show ${hiddenCount} earlier ${hiddenCount === 1 ? 'step' : 'steps'}`}\n              </button>\n            </li>\n          ) : null}\n          {steps.map((step, position) => {\n            const folded = !showAll && !recent.has(step);\n            const hostRow = hostRows.get(step);\n            if (hostRow) {\n              if (folded && !keepMounted) return null;\n              // No display utility: `hidden` alone hides a folded row.\n              return (\n                <li\n                  key={step.id}\n                  id={hostRowId(position)}\n                  data-step-id={step.id}\n                  data-step-state={step.state}\n                  hidden={folded}\n                  className=\"min-w-0\"\n                >\n                  {hostRow}\n                </li>\n              );\n            }\n            if (folded) return null;\n            return (\n              <li\n                key={step.id}\n                data-step-id={step.id}\n                data-step-state={step.state}\n                className=\"flex min-w-0 items-center gap-2 text-[13px] text-muted-foreground\"\n              >\n                <StepIcon state={step.state} />\n                {renderStepIcon?.(step)}\n                <span\n                  title={step.detail}\n                  className={cn(\n                    'min-w-0 break-words leading-5',\n                    step.state === 'error' && 'text-destructive',\n                    step.state === 'running' && 'text-foreground',\n                  )}\n                >\n                  <StepText text={step.verb} code={step.code} />\n                </span>\n                {showSourceFavicons && step.sourceUrls ? <StepSourceFavicons urls={step.sourceUrls} /> : null}\n                {step.chip ? (\n                  <span\n                    title={step.chip}\n                    className=\"max-w-[45%] truncate rounded-md bg-foreground/[0.06] px-1.5 py-0.5 font-mono text-[11px] text-foreground/70\"\n                  >\n                    {step.chip}\n                  </span>\n                ) : null}\n                <span className=\"sr-only\">{step.state}</span>\n              </li>\n            );\n          })}\n        </ol>\n        {children}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/chat/super-grouping/activity-timeline.cjs

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const toolSummary = require("../../tools/tool-summary.cjs");
+const toolNames = require("../../agent-runtime/src/tool-names.cjs");
 const toolResult = require("../../agent-runtime/src/tool-result.cjs");
 const runningToolPlaceholder = require("../../agent-runtime/src/running-tool-placeholder.cjs");
+const subagents = require("../../agent-runtime/src/subagents.cjs");
 const voicePresentation = require("../../agent-runtime/src/voice-presentation.cjs");
 const NO_TOOLS = /* @__PURE__ */ new Set();
 const NO_TOOL_CALLS = /* @__PURE__ */ new Set();
@@ -65,6 +67,8 @@ function buildActivityTimeline(content, messageStatus, options = {}) {
     const part = content[index];
     if (part.type === "tool-call") {
       const result = finalResult(part);
+      const state = getActivityToolState(part, messageStatus, options);
+      const delegations = toolCallDelegations({ part, state });
       timeline.push({
         kind: "tool",
         id: part.toolCallId,
@@ -72,7 +76,8 @@ function buildActivityTimeline(content, messageStatus, options = {}) {
         args: part.args,
         ...result !== void 0 ? { result } : {},
         toolName: part.toolName,
-        state: getActivityToolState(part, messageStatus, options)
+        state,
+        ...delegations !== null ? { delegations } : {}
       });
       continue;
     }
@@ -90,9 +95,32 @@ function buildActivityTimeline(content, messageStatus, options = {}) {
   }
   return timeline;
 }
+function toolCallDelegations({
+  part,
+  state
+}) {
+  var _a, _b;
+  if (part.toolName === toolNames.TASK_TOOL_NAME) {
+    const withdrawn = ((_a = part.approval) == null ? void 0 : _a.resolution) === "cancelled" || ((_b = part.approval) == null ? void 0 : _b.resolution) === "expired";
+    return state === "rejected" || withdrawn ? 0 : 1;
+  }
+  if (part.toolName === toolNames.EVAL_TOOL_NAME) {
+    const dispatches = subagents.countInEvalDispatches(part.artifact);
+    return dispatches > 0 ? dispatches : null;
+  }
+  return null;
+}
 function countActivityTools(timeline) {
   return timeline.reduce((count, item) => item.kind === "tool" ? count + 1 : count, 0);
 }
+function countActivityDelegations(timeline) {
+  return timeline.reduce((count, item) => {
+    if (item.kind !== "tool") return count;
+    if (item.delegations !== void 0) return count + item.delegations;
+    const ranTask = item.toolName === toolNames.TASK_TOOL_NAME && item.state !== "rejected" && item.state !== "cancelled";
+    return ranTask ? count + 1 : count;
+  }, 0);
+}
 function resolveActivityPhase(status, timeline, { waitingForInput = false } = {}) {
   if (waitingForInput || (status == null ? void 0 : status.type) === "requires-action" || timeline.some((item) => item.kind === "tool" && item.state === "waiting")) {
     return "waiting";
@@ -125,21 +153,27 @@ function summarizeActivityTool(item, resolveToolDisplayName, assetTitles) {
   });
 }
 function getActivitySummary(timeline) {
-  const toolCount = countActivityTools(timeline);
   const tools = timeline.filter((item) => item.kind === "tool");
-  const lastFailure = tools.findLastIndex((item) => item.state === "error");
-  const endedOnFailure = lastFailure >= 0 && !tools.slice(lastFailure + 1).some((item) => item.state === "complete");
-  const hasIssue = endedOnFailure || tools.some((item) => item.state === "rejected");
-  if (hasIssue) return "Completed with issues";
-  if (timeline.some((item) => item.kind === "tool" && item.state === "cancelled")) {
-    return "Action cancelled";
-  }
-  if (timeline.some((item) => item.kind === "tool" && item.state === "paused")) {
-    return "Paused during tool use";
+  const outcome = activityOutcome(tools);
+  const delegations = countActivityDelegations(timeline);
+  if (delegations > 0) {
+    const lead = `Delegated to ${delegations} ${delegations === 1 ? "agent" : "agents"}`;
+    const otherTools = tools.filter((item) => item.toolName !== toolNames.TASK_TOOL_NAME).length;
+    const rest = outcome ? `${outcome.charAt(0).toLowerCase()}${outcome.slice(1)}` : otherTools > 0 ? `used ${otherTools} ${otherTools === 1 ? "tool" : "tools"}` : null;
+    return rest ? `${lead} · ${rest}` : lead;
   }
-  if (toolCount > 0) return `Used ${toolCount} ${toolCount === 1 ? "tool" : "tools"}`;
+  if (outcome) return outcome;
+  if (tools.length > 0) return `Used ${tools.length} ${tools.length === 1 ? "tool" : "tools"}`;
   return "Reasoning complete";
 }
+function activityOutcome(tools) {
+  const lastFailure = tools.findLastIndex((item) => item.state === "error");
+  const endedOnFailure = lastFailure >= 0 && !tools.slice(lastFailure + 1).some((item) => item.state === "complete");
+  if (endedOnFailure || tools.some((item) => item.state === "rejected")) return "Completed with issues";
+  if (tools.some((item) => item.state === "cancelled")) return "Action cancelled";
+  if (tools.some((item) => item.state === "paused")) return "Paused during tool use";
+  return null;
+}
 function isAnswerTextPart(part, index, lastToolIndex) {
   return (part == null ? void 0 : part.type) === "text" && (index > lastToolIndex || voicePresentation.isSpokenTurnTextPart(part));
 }
@@ -175,6 +209,7 @@ function excludePartsFromGroups(grouping, exclude) {
   })).filter((group) => group.indices.length > 0);
 }
 exports.buildActivityTimeline = buildActivityTimeline;
+exports.countActivityDelegations = countActivityDelegations;
 exports.countActivityTools = countActivityTools;
 exports.excludeFinalTextFromGroups = excludeFinalTextFromGroups;
 exports.excludePartsFromGroups = excludePartsFromGroups;