@athenaintel/react 0.50.0 → 0.53.0

package/dist/chat/AthenaPlanStrip.cjs

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@assistant-ui/react");
+const reactStatewire = require("@assistant-ui/react-statewire");
+const lucideReact = require("lucide-react");
+const require$$0 = require("react");
+const writeTodosToolUi = require("../tools/write-todos-tool-ui.cjs");
+const threadExtras = require("../agent-runtime/src/thread-extras.cjs");
+const statewireState = require("../agent-runtime/src/statewire-state.cjs");
+const cnfast = require("cnfast");
+const EMPTY_TODOS = Object.freeze([]);
+function selectTodos(state) {
+  const todos = statewireState.readDeepAgentStreamValues(state).todos;
+  return Array.isArray(todos) ? todos : EMPTY_TODOS;
+}
+const STATUS = {
+  pending: { Icon: lucideReact.CircleIcon, icon: "text-muted-foreground/50", text: "text-foreground/80" },
+  in_progress: { Icon: lucideReact.Loader2Icon, icon: "animate-spin text-primary", text: "font-medium text-foreground" },
+  completed: { Icon: lucideReact.CheckCircle2Icon, icon: "text-emerald-600", text: "text-muted-foreground line-through" },
+  failed: { Icon: lucideReact.XCircleIcon, icon: "text-destructive", text: "text-destructive" },
+  cancelled: { Icon: lucideReact.XCircleIcon, icon: "text-muted-foreground/60", text: "text-muted-foreground line-through" }
+};
+const PlanItem = ({ todo }) => {
+  const style = STATUS[todo.status] ?? STATUS.pending;
+  const { Icon } = style;
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-2", "data-status": todo.status, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: cnfast.cn("mt-0.5 size-3.5 shrink-0", style.icon), "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+      writeTodosToolUi.PLAN_STEP_STATUS_LABEL[todo.status] ?? writeTodosToolUi.PLAN_STEP_STATUS_LABEL.pending,
+      ": "
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cnfast.cn("leading-5", style.text), children: todo.content })
+  ] });
+};
+function planItemKeys(todos) {
+  const seen = /* @__PURE__ */ new Map();
+  return todos.map((todo) => {
+    const repeat = seen.get(todo.content) ?? 0;
+    seen.set(todo.content, repeat + 1);
+    return { key: repeat === 0 ? todo.content : `${todo.content}#${repeat}`, todo };
+  });
+}
+function planOutcome(todos) {
+  if (todos.every((todo) => todo.status === "completed")) return "Done";
+  if (todos.some((todo) => todo.status === "failed")) return "A step failed";
+  return "Stopped";
+}
+const AthenaPlanStrip = (props) => {
+  const extras = react.useAuiState((s) => s.thread.extras);
+  if (!threadExtras.hasStatewireThreadExtras(extras)) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(AthenaPlanStripContent, { ...props });
+};
+const AthenaPlanStripContent = ({ className, defaultOpen = false }) => {
+  const todos = reactStatewire.useStatewireState(selectTodos);
+  const [open, setOpen] = require$$0.useState(defaultOpen);
+  const listId = require$$0.useId();
+  if (todos.length === 0) return null;
+  const done = todos.filter((todo) => todo.status === "completed").length;
+  const current = todos.find((todo) => todo.status === "in_progress") ?? todos.find((todo) => todo.status === "pending");
+  const percent = Math.round(done / todos.length * 100);
+  const Chevron = open ? lucideReact.ChevronDownIcon : lucideReact.ChevronRightIcon;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      "data-slot": "athena-plan-strip",
+      "aria-label": "Plan",
+      className: cnfast.cn("rounded-xl border border-border/60 bg-muted/30 text-sm", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setOpen(!open),
+            "aria-expanded": open,
+            "aria-controls": listId,
+            className: "flex w-full min-w-0 items-center gap-2 rounded-xl px-3 py-2 text-left transition-colors hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Chevron, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-medium", children: "Plan" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 text-muted-foreground tabular-nums", "data-slot": "athena-plan-progress", children: [
+                done,
+                "/",
+                todos.length
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-muted-foreground", "data-slot": "athena-plan-current", children: current ? current.content : planOutcome(todos) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-3 mb-2 h-1 overflow-hidden rounded-full bg-border/60", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full rounded-full bg-primary transition-[width] duration-300", style: { width: `${percent}%` } }) }),
+        open ? /* @__PURE__ */ jsxRuntime.jsx("ul", { id: listId, className: "max-h-56 space-y-1.5 overflow-y-auto px-3 pb-3", children: planItemKeys(todos).map(({ key, todo }) => /* @__PURE__ */ jsxRuntime.jsx(PlanItem, { todo }, key)) }) : null
+      ]
+    }
+  );
+};
+exports.AthenaPlanStrip = AthenaPlanStrip;
+//# sourceMappingURL=AthenaPlanStrip.cjs.map

package/dist/chat/AthenaPlanStrip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AthenaPlanStrip.cjs","sources":["../../src/chat/AthenaPlanStrip.tsx"],"sourcesContent":["import { useAuiState } from '@assistant-ui/react';\nimport { useStatewireState } from '@assistant-ui/react-statewire';\nimport { hasStatewireThreadExtras, readDeepAgentStreamValues, type Todo } from '@athenaintel/agent-runtime';\nimport {\n  CheckCircle2Icon,\n  ChevronDownIcon,\n  ChevronRightIcon,\n  CircleIcon,\n  Loader2Icon,\n  XCircleIcon,\n} from 'lucide-react';\nimport { type FC, useId, useState } from 'react';\nimport { cn } from '../lib/utils';\nimport { PLAN_STEP_STATUS_LABEL } from '../tools/write-todos-tool-ui';\n\nconst EMPTY_TODOS: readonly Todo[] = Object.freeze([]);\n\n/** The thread's plan: the statewire state's `todos`, the list the run keeps with `write_todos`. */\nfunction selectTodos(state: unknown): readonly Todo[] {\n  const todos = readDeepAgentStreamValues(state).todos;\n  return Array.isArray(todos) ? todos : EMPTY_TODOS;\n}\n\nconst STATUS = {\n  pending: { Icon: CircleIcon, icon: 'text-muted-foreground/50', text: 'text-foreground/80' },\n  in_progress: { Icon: Loader2Icon, icon: 'animate-spin text-primary', text: 'font-medium text-foreground' },\n  completed: { Icon: CheckCircle2Icon, icon: 'text-emerald-600', text: 'text-muted-foreground line-through' },\n  failed: { Icon: XCircleIcon, icon: 'text-destructive', text: 'text-destructive' },\n  cancelled: { Icon: XCircleIcon, icon: 'text-muted-foreground/60', text: 'text-muted-foreground line-through' },\n} as const;\n\nconst PlanItem: FC<{ todo: Todo }> = ({ todo }) => {\n  const style = STATUS[todo.status] ?? STATUS.pending;\n  const { Icon } = style;\n  return (\n    <li className=\"flex items-start gap-2\" data-status={todo.status}>\n      <Icon className={cn('mt-0.5 size-3.5 shrink-0', style.icon)} aria-hidden=\"true\" />\n      <span className=\"sr-only\">{PLAN_STEP_STATUS_LABEL[todo.status] ?? PLAN_STEP_STATUS_LABEL.pending}: </span>\n      <span className={cn('leading-5', style.text)}>{todo.content}</span>\n    </li>\n  );\n};\n\n/**\n * Each step keyed by its words, which deepagents keeps stable while it moves\n * the step through its statuses; a repeated step adds how many came before.\n */\nfunction planItemKeys(todos: readonly Todo[]): { key: string; todo: Todo }[] {\n  const seen = new Map<string, number>();\n  return todos.map((todo) => {\n    const repeat = seen.get(todo.content) ?? 0;\n    seen.set(todo.content, repeat + 1);\n    return { key: repeat === 0 ? todo.content : `${todo.content}#${repeat}`, todo };\n  });\n}\n\n/**\n * What a plan with no step left to do came to: done only when every step\n * completed, otherwise how it ended.\n */\nfunction planOutcome(todos: readonly Todo[]): string {\n  if (todos.every((todo) => todo.status === 'completed')) return 'Done';\n  if (todos.some((todo) => todo.status === 'failed')) return 'A step failed';\n  return 'Stopped';\n}\n\nexport interface AthenaPlanStripProps {\n  className?: string;\n  /** Show the whole list at first, not just its progress and current step. */\n  defaultOpen?: boolean;\n}\n\n/**\n * The run's plan, pinned above the composer: how many of its steps are done\n * and the one in progress, opening to the whole list. It reads the thread's\n * `todos` state (what the agent keeps with `write_todos`), as Olympus's plan\n * panel does, so it stays true while the transcript's own plan cards are\n * paged out or collapsed into their turn. Renders nothing on a thread with\n * no plan, or one not on statewire.\n */\nexport const AthenaPlanStrip: FC<AthenaPlanStripProps> = (props) => {\n  const extras = useAuiState((s) => s.thread.extras);\n  if (!hasStatewireThreadExtras(extras)) return null;\n  return <AthenaPlanStripContent {...props} />;\n};\n\nconst AthenaPlanStripContent: FC<AthenaPlanStripProps> = ({ className, defaultOpen = false }) => {\n  const todos = useStatewireState(selectTodos);\n  const [open, setOpen] = useState(defaultOpen);\n  const listId = useId();\n  if (todos.length === 0) return null;\n\n  const done = todos.filter((todo) => todo.status === 'completed').length;\n  const current =\n    todos.find((todo) => todo.status === 'in_progress') ?? todos.find((todo) => todo.status === 'pending');\n  const percent = Math.round((done / todos.length) * 100);\n  const Chevron = open ? ChevronDownIcon : ChevronRightIcon;\n\n  return (\n    <section\n      data-slot=\"athena-plan-strip\"\n      aria-label=\"Plan\"\n      className={cn('rounded-xl border border-border/60 bg-muted/30 text-sm', className)}\n    >\n      <button\n        type=\"button\"\n        onClick={() => setOpen(!open)}\n        aria-expanded={open}\n        aria-controls={listId}\n        className=\"flex w-full min-w-0 items-center gap-2 rounded-xl px-3 py-2 text-left transition-colors hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n      >\n        <Chevron className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n        <span className=\"shrink-0 font-medium\">Plan</span>\n        <span className=\"shrink-0 text-muted-foreground tabular-nums\" data-slot=\"athena-plan-progress\">\n          {done}/{todos.length}\n        </span>\n        <span className=\"min-w-0 truncate text-muted-foreground\" data-slot=\"athena-plan-current\">\n          {current ? current.content : planOutcome(todos)}\n        </span>\n      </button>\n      <div className=\"mx-3 mb-2 h-1 overflow-hidden rounded-full bg-border/60\" aria-hidden=\"true\">\n        {/* A runtime percentage: the one place an inline width is the right tool. */}\n        <div className=\"h-full rounded-full bg-primary transition-[width] duration-300\" style={{ width: `${percent}%` }} />\n      </div>\n      {open ? (\n        <ul id={listId} className=\"max-h-56 space-y-1.5 overflow-y-auto px-3 pb-3\">\n          {planItemKeys(todos).map(({ key, todo }) => (\n            <PlanItem key={key} todo={todo} />\n          ))}\n        </ul>\n      ) : null}\n    </section>\n  );\n};\n"],"names":["readDeepAgentStreamValues","CircleIcon","Loader2Icon","CheckCircle2Icon","XCircleIcon","jsx","cn","jsxs","PLAN_STEP_STATUS_LABEL","useAuiState","hasStatewireThreadExtras","useStatewireState","useState","useId","ChevronDownIcon","ChevronRightIcon"],"mappings":"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"}

package/dist/chat/AthenaPlanStrip.d.ts

@@ -0,0 +1,15 @@
+import { type FC } from 'react';
+export interface AthenaPlanStripProps {
+    className?: string;
+    /** Show the whole list at first, not just its progress and current step. */
+    defaultOpen?: boolean;
+}
+/**
+ * The run's plan, pinned above the composer: how many of its steps are done
+ * and the one in progress, opening to the whole list. It reads the thread's
+ * `todos` state (what the agent keeps with `write_todos`), as Olympus's plan
+ * panel does, so it stays true while the transcript's own plan cards are
+ * paged out or collapsed into their turn. Renders nothing on a thread with
+ * no plan, or one not on statewire.
+ */
+export declare const AthenaPlanStrip: FC<AthenaPlanStripProps>;

package/dist/chat/AthenaPlanStrip.js

@@ -0,0 +1,97 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAuiState } from "@assistant-ui/react";
+import { useStatewireState } from "@assistant-ui/react-statewire";
+import { ChevronDownIcon, ChevronRightIcon, XCircleIcon, CheckCircle2Icon, Loader2Icon, CircleIcon } from "lucide-react";
+import { useState, useId } from "react";
+import { PLAN_STEP_STATUS_LABEL } from "../tools/write-todos-tool-ui.js";
+import { hasStatewireThreadExtras } from "../agent-runtime/src/thread-extras.js";
+import { readDeepAgentStreamValues } from "../agent-runtime/src/statewire-state.js";
+import { cn } from "cnfast";
+const EMPTY_TODOS = Object.freeze([]);
+function selectTodos(state) {
+  const todos = readDeepAgentStreamValues(state).todos;
+  return Array.isArray(todos) ? todos : EMPTY_TODOS;
+}
+const STATUS = {
+  pending: { Icon: CircleIcon, icon: "text-muted-foreground/50", text: "text-foreground/80" },
+  in_progress: { Icon: Loader2Icon, icon: "animate-spin text-primary", text: "font-medium text-foreground" },
+  completed: { Icon: CheckCircle2Icon, icon: "text-emerald-600", text: "text-muted-foreground line-through" },
+  failed: { Icon: XCircleIcon, icon: "text-destructive", text: "text-destructive" },
+  cancelled: { Icon: XCircleIcon, icon: "text-muted-foreground/60", text: "text-muted-foreground line-through" }
+};
+const PlanItem = ({ todo }) => {
+  const style = STATUS[todo.status] ?? STATUS.pending;
+  const { Icon } = style;
+  return /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", "data-status": todo.status, children: [
+    /* @__PURE__ */ jsx(Icon, { className: cn("mt-0.5 size-3.5 shrink-0", style.icon), "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+      PLAN_STEP_STATUS_LABEL[todo.status] ?? PLAN_STEP_STATUS_LABEL.pending,
+      ": "
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: cn("leading-5", style.text), children: todo.content })
+  ] });
+};
+function planItemKeys(todos) {
+  const seen = /* @__PURE__ */ new Map();
+  return todos.map((todo) => {
+    const repeat = seen.get(todo.content) ?? 0;
+    seen.set(todo.content, repeat + 1);
+    return { key: repeat === 0 ? todo.content : `${todo.content}#${repeat}`, todo };
+  });
+}
+function planOutcome(todos) {
+  if (todos.every((todo) => todo.status === "completed")) return "Done";
+  if (todos.some((todo) => todo.status === "failed")) return "A step failed";
+  return "Stopped";
+}
+const AthenaPlanStrip = (props) => {
+  const extras = useAuiState((s) => s.thread.extras);
+  if (!hasStatewireThreadExtras(extras)) return null;
+  return /* @__PURE__ */ jsx(AthenaPlanStripContent, { ...props });
+};
+const AthenaPlanStripContent = ({ className, defaultOpen = false }) => {
+  const todos = useStatewireState(selectTodos);
+  const [open, setOpen] = useState(defaultOpen);
+  const listId = useId();
+  if (todos.length === 0) return null;
+  const done = todos.filter((todo) => todo.status === "completed").length;
+  const current = todos.find((todo) => todo.status === "in_progress") ?? todos.find((todo) => todo.status === "pending");
+  const percent = Math.round(done / todos.length * 100);
+  const Chevron = open ? ChevronDownIcon : ChevronRightIcon;
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-slot": "athena-plan-strip",
+      "aria-label": "Plan",
+      className: cn("rounded-xl border border-border/60 bg-muted/30 text-sm", className),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setOpen(!open),
+            "aria-expanded": open,
+            "aria-controls": listId,
+            className: "flex w-full min-w-0 items-center gap-2 rounded-xl px-3 py-2 text-left transition-colors hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            children: [
+              /* @__PURE__ */ jsx(Chevron, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 font-medium", children: "Plan" }),
+              /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-muted-foreground tabular-nums", "data-slot": "athena-plan-progress", children: [
+                done,
+                "/",
+                todos.length
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-muted-foreground", "data-slot": "athena-plan-current", children: current ? current.content : planOutcome(todos) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "mx-3 mb-2 h-1 overflow-hidden rounded-full bg-border/60", "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { className: "h-full rounded-full bg-primary transition-[width] duration-300", style: { width: `${percent}%` } }) }),
+        open ? /* @__PURE__ */ jsx("ul", { id: listId, className: "max-h-56 space-y-1.5 overflow-y-auto px-3 pb-3", children: planItemKeys(todos).map(({ key, todo }) => /* @__PURE__ */ jsx(PlanItem, { todo }, key)) }) : null
+      ]
+    }
+  );
+};
+export {
+  AthenaPlanStrip
+};
+//# sourceMappingURL=AthenaPlanStrip.js.map

package/dist/chat/AthenaPlanStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AthenaPlanStrip.js","sources":["../../src/chat/AthenaPlanStrip.tsx"],"sourcesContent":["import { useAuiState } from '@assistant-ui/react';\nimport { useStatewireState } from '@assistant-ui/react-statewire';\nimport { hasStatewireThreadExtras, readDeepAgentStreamValues, type Todo } from '@athenaintel/agent-runtime';\nimport {\n  CheckCircle2Icon,\n  ChevronDownIcon,\n  ChevronRightIcon,\n  CircleIcon,\n  Loader2Icon,\n  XCircleIcon,\n} from 'lucide-react';\nimport { type FC, useId, useState } from 'react';\nimport { cn } from '../lib/utils';\nimport { PLAN_STEP_STATUS_LABEL } from '../tools/write-todos-tool-ui';\n\nconst EMPTY_TODOS: readonly Todo[] = Object.freeze([]);\n\n/** The thread's plan: the statewire state's `todos`, the list the run keeps with `write_todos`. */\nfunction selectTodos(state: unknown): readonly Todo[] {\n  const todos = readDeepAgentStreamValues(state).todos;\n  return Array.isArray(todos) ? todos : EMPTY_TODOS;\n}\n\nconst STATUS = {\n  pending: { Icon: CircleIcon, icon: 'text-muted-foreground/50', text: 'text-foreground/80' },\n  in_progress: { Icon: Loader2Icon, icon: 'animate-spin text-primary', text: 'font-medium text-foreground' },\n  completed: { Icon: CheckCircle2Icon, icon: 'text-emerald-600', text: 'text-muted-foreground line-through' },\n  failed: { Icon: XCircleIcon, icon: 'text-destructive', text: 'text-destructive' },\n  cancelled: { Icon: XCircleIcon, icon: 'text-muted-foreground/60', text: 'text-muted-foreground line-through' },\n} as const;\n\nconst PlanItem: FC<{ todo: Todo }> = ({ todo }) => {\n  const style = STATUS[todo.status] ?? STATUS.pending;\n  const { Icon } = style;\n  return (\n    <li className=\"flex items-start gap-2\" data-status={todo.status}>\n      <Icon className={cn('mt-0.5 size-3.5 shrink-0', style.icon)} aria-hidden=\"true\" />\n      <span className=\"sr-only\">{PLAN_STEP_STATUS_LABEL[todo.status] ?? PLAN_STEP_STATUS_LABEL.pending}: </span>\n      <span className={cn('leading-5', style.text)}>{todo.content}</span>\n    </li>\n  );\n};\n\n/**\n * Each step keyed by its words, which deepagents keeps stable while it moves\n * the step through its statuses; a repeated step adds how many came before.\n */\nfunction planItemKeys(todos: readonly Todo[]): { key: string; todo: Todo }[] {\n  const seen = new Map<string, number>();\n  return todos.map((todo) => {\n    const repeat = seen.get(todo.content) ?? 0;\n    seen.set(todo.content, repeat + 1);\n    return { key: repeat === 0 ? todo.content : `${todo.content}#${repeat}`, todo };\n  });\n}\n\n/**\n * What a plan with no step left to do came to: done only when every step\n * completed, otherwise how it ended.\n */\nfunction planOutcome(todos: readonly Todo[]): string {\n  if (todos.every((todo) => todo.status === 'completed')) return 'Done';\n  if (todos.some((todo) => todo.status === 'failed')) return 'A step failed';\n  return 'Stopped';\n}\n\nexport interface AthenaPlanStripProps {\n  className?: string;\n  /** Show the whole list at first, not just its progress and current step. */\n  defaultOpen?: boolean;\n}\n\n/**\n * The run's plan, pinned above the composer: how many of its steps are done\n * and the one in progress, opening to the whole list. It reads the thread's\n * `todos` state (what the agent keeps with `write_todos`), as Olympus's plan\n * panel does, so it stays true while the transcript's own plan cards are\n * paged out or collapsed into their turn. Renders nothing on a thread with\n * no plan, or one not on statewire.\n */\nexport const AthenaPlanStrip: FC<AthenaPlanStripProps> = (props) => {\n  const extras = useAuiState((s) => s.thread.extras);\n  if (!hasStatewireThreadExtras(extras)) return null;\n  return <AthenaPlanStripContent {...props} />;\n};\n\nconst AthenaPlanStripContent: FC<AthenaPlanStripProps> = ({ className, defaultOpen = false }) => {\n  const todos = useStatewireState(selectTodos);\n  const [open, setOpen] = useState(defaultOpen);\n  const listId = useId();\n  if (todos.length === 0) return null;\n\n  const done = todos.filter((todo) => todo.status === 'completed').length;\n  const current =\n    todos.find((todo) => todo.status === 'in_progress') ?? todos.find((todo) => todo.status === 'pending');\n  const percent = Math.round((done / todos.length) * 100);\n  const Chevron = open ? ChevronDownIcon : ChevronRightIcon;\n\n  return (\n    <section\n      data-slot=\"athena-plan-strip\"\n      aria-label=\"Plan\"\n      className={cn('rounded-xl border border-border/60 bg-muted/30 text-sm', className)}\n    >\n      <button\n        type=\"button\"\n        onClick={() => setOpen(!open)}\n        aria-expanded={open}\n        aria-controls={listId}\n        className=\"flex w-full min-w-0 items-center gap-2 rounded-xl px-3 py-2 text-left transition-colors hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n      >\n        <Chevron className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n        <span className=\"shrink-0 font-medium\">Plan</span>\n        <span className=\"shrink-0 text-muted-foreground tabular-nums\" data-slot=\"athena-plan-progress\">\n          {done}/{todos.length}\n        </span>\n        <span className=\"min-w-0 truncate text-muted-foreground\" data-slot=\"athena-plan-current\">\n          {current ? current.content : planOutcome(todos)}\n        </span>\n      </button>\n      <div className=\"mx-3 mb-2 h-1 overflow-hidden rounded-full bg-border/60\" aria-hidden=\"true\">\n        {/* A runtime percentage: the one place an inline width is the right tool. */}\n        <div className=\"h-full rounded-full bg-primary transition-[width] duration-300\" style={{ width: `${percent}%` }} />\n      </div>\n      {open ? (\n        <ul id={listId} className=\"max-h-56 space-y-1.5 overflow-y-auto px-3 pb-3\">\n          {planItemKeys(todos).map(({ key, todo }) => (\n            <PlanItem key={key} todo={todo} />\n          ))}\n        </ul>\n      ) : null}\n    </section>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -15,6 +15,7 @@ const ToolTimeline = require("./ToolTimeline.cjs");
 const timelineStep = require("./timeline-step.cjs");
 const toolkitMap = require("./toolkit-map.cjs");
 const toolPartPlacement = require("./tool-part-placement.cjs");
+const useEarlierStepsUnloaded = require("./use-earlier-steps-unloaded.cjs");
 const cnfast = require("cnfast");
 const DEFAULT_MAX_VISIBLE_STEPS = 3;
 const MAX_REMEMBERED_EXPANSIONS = 200;
@@ -126,6 +127,7 @@ const SuperGroupingCard = require$$0.memo(function SuperGroupingCard2({
   classNames
 }) {
   const messageId = react.useAuiState((s) => s.message.id);
+  const earlierStepsUnloaded = useEarlierStepsUnloaded.useEarlierStepsUnloaded();
   const [selectActivityContent] = require$$0.useState(createActivityContentSelector);
   const messageContent = react.useAuiState(selectActivityContent);
   const messageStatus = react.useAuiState((s) => s.message.status);
@@ -197,7 +199,7 @@ const SuperGroupingCard = require$$0.memo(function SuperGroupingCard2({
     }),
     [toolUIs, ToolFallbackComponent, TextComponent, ReasoningComponent, GroupComponent]
   );
-  const hasActivity = timeline.length > 0 || phase !== "complete";
+  const hasActivity = timeline.length > 0 || phase !== "complete" || earlierStepsUnloaded;
   if (!hasActivity) return null;
   const detailsMounted = isActive || mountDetails || expanded && detailsExpanded;
   const activeSteps = steps.filter((step) => step.state === "running");
@@ -206,7 +208,7 @@ const SuperGroupingCard = require$$0.memo(function SuperGroupingCard2({
     currentStep.verb,
     currentStep.chip,
     activeSteps.length > 1 ? `${activeSteps.length} in progress` : null
-  ].filter(Boolean).join(" · ") : steps.length > 0 ? "Preparing response" : "Thinking" : activityTimeline.getActivitySummary(timeline);
+  ].filter(Boolean).join(" · ") : steps.length > 0 ? "Preparing response" : "Thinking" : activityTimeline.getActivitySummary(timeline, { earlierStepsUnloaded });
   const label = [latestStatus, ...isActive ? [] : summaryDetails ?? []].join(" · ");
   const renderStepRow = stepRowParts.size > 0 ? (step) => {
     const index = step.kind === "tool" ? stepRowParts.get(step.id) : void 0;

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

@@ -1 +1 @@
-{"version":3,"file":"SuperGroupingCard.cjs","sources":["../../../src/chat/super-grouping/SuperGroupingCard.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  AssistantState,\n  ReasoningMessagePartComponent,\n  TextMessagePartComponent,\n  ThreadAssistantMessagePart,\n  ToolCallMessagePart,\n  ToolCallMessagePartComponent,\n  ToolCallMessagePartProps,\n} from '@assistant-ui/react';\nimport { MessagePrimitive, useAuiState } from '@assistant-ui/react';\nimport { ChevronRight } from 'lucide-react';\nimport { type ComponentType, memo, type ReactNode, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { isSdkInlineTool } from '../../tools/inline-tools';\nimport { ToolFallback } from '../../tools/tool-fallback';\nimport { collectAssetTitles } from '../../tools/tool-summary';\nimport {\n  type ActivityItem,\n  type ActivityPhase,\n  buildActivityTimeline,\n  countActivityTools,\n  excludeFinalTextFromGroups,\n  excludePartsFromGroups,\n  getActivitySummary,\n  getFinalTextParts,\n  resolveActivityPhase,\n} from './activity-timeline';\nimport { CollapsibleGroup, type CollapsibleGroupProps, SuperGroupingProvider } from './CollapsibleGroup';\nimport { GroupedMessageParts } from './GroupedMessageParts';\nimport { createToolBasedGroupingFunction, type GroupingFunction, isGroupedToolCallPart } from './grouping-function';\nimport { ToolTimeline } from './ToolTimeline';\nimport { type TimelineStep, toTimelineStep } from './timeline-step';\nimport { defaultGetToolGroupKey, type GetToolGroupKey } from './toolkit-map';\nimport { ToolPartPlacementProvider } from './tool-part-placement';\n\nconst DEFAULT_MAX_VISIBLE_STEPS = 3;\nconst MAX_REMEMBERED_EXPANSIONS = 200;\nconst EMPTY_TIMELINE: ActivityItem[] = [];\nconst EMPTY_CONTENT: readonly ThreadAssistantMessagePart[] = [];\nconst NO_STEP_ROW_TOOLS = (): boolean => false;\n\n/**\n * Whether `next` differs from `previous` only in the words of its last part, a text or reasoning\n * part that is still being written: same length, every earlier part the identical object, and the\n * last parts of the same kind.\n */\nfunction onlyLastPartGrew({\n  previous,\n  next,\n}: {\n  previous: readonly ThreadAssistantMessagePart[];\n  next: readonly ThreadAssistantMessagePart[];\n}): boolean {\n  if (previous === next) return true;\n  if (previous.length === 0 || previous.length !== next.length) return false;\n  const lastIndex = next.length - 1;\n  const kind = next[lastIndex]?.type;\n  if ((kind !== 'text' && kind !== 'reasoning') || previous[lastIndex]?.type !== kind) return false;\n  for (let index = 0; index < lastIndex; index += 1) {\n    if (previous[index] !== next[index]) return false;\n  }\n  return true;\n}\n\n/**\n * The card's read of its message's content: the content itself, except that while the message is\n * generating it keeps the previous array when only the last text or reasoning part grew. The card\n * builds its steps from tool calls, their results and reasoning steps, never from those words (the\n * answer renders below it, `SuperGroupingFinalText`), and the turn being generated changes its last\n * part on every streamed token; earlier parts keep their objects across a token (the runtime's\n * conversion cache), so the card re-renders when a step changes, not per token. Any other change,\n * and the run ending, hand over the current content.\n */\nfunction createActivityContentSelector(): (\n  state: AssistantState,\n) => readonly ThreadAssistantMessagePart[] {\n  let last: readonly ThreadAssistantMessagePart[] = EMPTY_CONTENT;\n  return (state) => {\n    const message = state.message;\n    const content = message.role === 'assistant' ? message.content : EMPTY_CONTENT;\n    if (message.status?.type === 'running' && onlyLastPartGrew({ previous: last, next: content })) {\n      return last;\n    }\n    last = content;\n    return content;\n  };\n}\nconst RUNNING_STATUS = { type: 'running' } as const;\nconst COMPLETE_STATUS = { type: 'complete' } as const;\n\n// ─── Disclosure memory ─────────────────────────────────────────────────\n\n/**\n * Session-local memory of which cards the user opened, keyed by the host's\n * expansion key (the message id by default; the Chrome extension keys by\n * thread + position so a streaming message keeps its choice when it receives\n * its stable id). Bounded so a long session cannot grow it without limit.\n */\nconst rememberedExpansions = new Map<string, boolean>();\n\nfunction rememberExpansion(key: string, expanded: boolean): void {\n  rememberedExpansions.delete(key);\n  rememberedExpansions.set(key, expanded);\n  while (rememberedExpansions.size > MAX_REMEMBERED_EXPANSIONS) {\n    const oldestKey = rememberedExpansions.keys().next().value;\n    if (oldestKey === undefined) break;\n    rememberedExpansions.delete(oldestKey);\n  }\n}\n\nexport function resetRememberedExpansionsForTests(): void {\n  rememberedExpansions.clear();\n}\n\n/**\n * The details disclosure: remembered per expansion key, and — when the host\n * opts in — opened once when the turn starts waiting on the person, so the\n * approval controls inside the details are visible without a click.\n */\nexport function useActivityExpansion({\n  expansionKey,\n  phase,\n  expandWhileWaiting = false,\n}: {\n  expansionKey: string;\n  phase: ActivityPhase;\n  expandWhileWaiting?: boolean;\n}) {\n  const [userExpanded, setUserExpanded] = useState<boolean | undefined>(() =>\n    rememberedExpansions.get(expansionKey),\n  );\n  const [waitingAutoExpanded, setWaitingAutoExpanded] = useState(false);\n  const previousRef = useRef({ expansionKey, phase });\n\n  useEffect(() => {\n    setUserExpanded(rememberedExpansions.get(expansionKey));\n    setWaitingAutoExpanded(false);\n  }, [expansionKey]);\n\n  useEffect(() => {\n    const previous = previousRef.current;\n    if (expandWhileWaiting && previous.expansionKey === expansionKey) {\n      if (previous.phase !== 'waiting' && phase === 'waiting') {\n        setWaitingAutoExpanded(true);\n      } else if (previous.phase === 'waiting' && phase !== 'waiting') {\n        setWaitingAutoExpanded(false);\n      }\n    }\n    previousRef.current = { expansionKey, phase };\n  }, [expansionKey, phase, expandWhileWaiting]);\n\n  const expanded = waitingAutoExpanded || (userExpanded ?? (expandWhileWaiting && phase === 'waiting'));\n  const toggleExpanded = () => {\n    const next = !expanded;\n    setWaitingAutoExpanded(false);\n    rememberExpansion(expansionKey, next);\n    setUserExpanded(next);\n  };\n\n  return { expanded, toggleExpanded };\n}\n\n// ─── Card ──────────────────────────────────────────────────────────────\n\nexport interface SuperGroupingCardProps {\n  /** Tool UIs to render inside the details panel, by tool name (registered tool UIs still apply). */\n  toolUIs?: Record<string, ToolCallMessagePartComponent>;\n  /** Fallback for tools without a UI; the SDK's `ToolFallback` by default. */\n  ToolFallback?: ComponentType<ToolCallMessagePartProps>;\n  /** Text renderer for the details panel. */\n  TextComponent: TextMessagePartComponent;\n  /** Reasoning renderer for the details panel. */\n  ReasoningComponent?: ReasoningMessagePartComponent;\n  /** Per-toolkit block inside the details panel; the SDK's `CollapsibleGroup` by default. */\n  GroupComponent?: ComponentType<CollapsibleGroupProps>;\n  /** Toolkit lookup driving the per-toolkit sub-grouping; the SDK's static map by default. */\n  getToolGroupKey?: GetToolGroupKey;\n  /** A complete grouping function, when the host builds its own (overrides `getToolGroupKey`). */\n  groupingFunction?: GroupingFunction;\n  /** Tools whose unresolved call means the turn is waiting on the person (see `buildActivityTimeline`). */\n  waitingTools?: ReadonlySet<string>;\n  /**\n   * Calls the run is parked on, by tool-call id: each one still without its\n   * real result reads as waiting (see `buildActivityTimeline`). Keep the set's\n   * identity stable while its ids are unchanged.\n   */\n  waitingToolCallIds?: ReadonlySet<string>;\n  /** Tools whose result is a relayed application payload (see `buildActivityTimeline`). */\n  passThroughTools?: ReadonlySet<string>;\n  /**\n   * Tools whose card renders below the header, outside both disclosures, and\n   * stays mounted (an editable email draft, a UI test report). `isSdkInlineTool`\n   * by default: the registry's `inline` flag plus the SDK's own report cards.\n   * The call itself comes second, for a host whose choice depends on what the\n   * call did (Olympus keeps an `eval` there only when it dispatched subagents).\n   * The card renders it under `useToolPartPlacement()` `'inline'`.\n   */\n  isInlineTool?: (toolName: string, part: ToolCallMessagePart) => boolean;\n  /**\n   * Tools whose card is their own step's row in the step list, drawn in place\n   * of the status line (Olympus's one-line code runs) and kept out of the\n   * details. The card renders it under `useToolPartPlacement()` `'step'`, kept\n   * mounted while the step list is (the turn is live, or `mountDetails`); a\n   * call that is inline too renders in both places. None by default.\n   */\n  isStepRowTool?: (toolName: string) => boolean;\n  /**\n   * Host assertion that the turn is waiting on the person. The SDK derives waiting\n   * from `requires-action` and waiting tools itself; no in-repo host passes this.\n   */\n  waitingForInput?: boolean;\n  /** Names tools the shared registry has no entry for (Olympus's tool catalog). */\n  resolveToolDisplayName?: (toolName: string) => string | undefined;\n  /** Key the disclosure choice is remembered under; the message id by default. */\n  expansionKey?: string;\n  /** Open the details once when the turn starts waiting on the person. */\n  expandWhileWaiting?: boolean;\n  /**\n   * Keep the details panel mounted (hidden) while collapsed, so a host that\n   * needs to find content inside it (a deep link into the run's steps) can.\n   */\n  mountDetails?: boolean;\n  /** Latest steps shown when expanded; unresolved parallel calls always remain visible. */\n  maxVisibleSteps?: number;\n  /** Extra segments after the collapsed summary (\"1m 23s\", \"12.4k tokens\"), joined with \" · \". */\n  summaryDetails?: readonly string[];\n  /** Header controls beside the title (a stop button while running, a changes button once done). */\n  renderHeaderActions?: (context: {\n    phase: ActivityPhase;\n    messageContent: readonly ThreadAssistantMessagePart[];\n  }) => ReactNode;\n  /**\n   * Inline on the header row, right of the status, while the turn is running\n   * (an elapsed counter). Not rendered while the turn waits on the person.\n   */\n  renderRunningMeta?: (context: { phase: ActivityPhase }) => ReactNode;\n  /** The host's icon for a step's tool, shown on its status row (see `ToolTimeline`). */\n  renderStepIcon?: (step: TimelineStep) => ReactNode;\n  /** Show the favicons of the sites a finished step's result lists. */\n  showSourceFavicons?: boolean;\n  className?: string;\n  classNames?: {\n    root?: string;\n    details?: string;\n    /** The flex column the run's parts render in; override its gap here. */\n    detailsParts?: string;\n    /** The flex column the inline tool calls render in, below the header; override its gap here. */\n    inlineTools?: string;\n  };\n}\n\n/**\n * The collapsed view (previously called the conversational view) of an\n * assistant turn: a compact current action, an expandable tool timeline, and\n * the original interactive tool UIs behind a separate details disclosure. The\n * answer itself renders below the card (`SuperGroupingFinalText`). Shared by\n * the SDK's `AthenaChat`, Olympus, and the Chrome extension, which supply\n * their own text/tool renderers and the host-specific controls through the\n * slots.\n *\n * The details panel stays mounted (visually hidden) while the turn is live so\n * the tool UIs inside run their effects — an asset-streaming card's follow\n * mode must not wait for \"Show details\". A host can take a call out of the\n * details to render its tool UI in the open (`isInlineTool`) or as its step's\n * row (`isStepRowTool`); the tool UI reads which (`useToolPartPlacement`).\n *\n * Selector discipline: raw reads only (`message.status`, `message.id`, and the\n * content through `createActivityContentSelector`, which hands back the\n * message's own array or the previous one, never a new array); every\n * derivation runs in `useMemo` — a selector that returned a fresh array would\n * tear through `useSyncExternalStore`.\n */\nexport const SuperGroupingCard = memo(function SuperGroupingCard({\n  toolUIs,\n  ToolFallback: ToolFallbackComponent = ToolFallback,\n  TextComponent,\n  ReasoningComponent,\n  GroupComponent = CollapsibleGroup,\n  getToolGroupKey = defaultGetToolGroupKey,\n  groupingFunction,\n  waitingTools,\n  waitingToolCallIds,\n  passThroughTools,\n  isInlineTool = isSdkInlineTool,\n  isStepRowTool = NO_STEP_ROW_TOOLS,\n  waitingForInput = false,\n  resolveToolDisplayName,\n  expansionKey: expansionKeyProp,\n  expandWhileWaiting = false,\n  mountDetails = false,\n  maxVisibleSteps = DEFAULT_MAX_VISIBLE_STEPS,\n  summaryDetails,\n  renderStepIcon,\n  showSourceFavicons,\n  renderHeaderActions,\n  renderRunningMeta,\n  className,\n  classNames,\n}: SuperGroupingCardProps) {\n  const messageId = useAuiState((s) => s.message.id);\n  const [selectActivityContent] = useState(createActivityContentSelector);\n  const messageContent = useAuiState(selectActivityContent);\n  const messageStatus = useAuiState((s) => s.message.status);\n\n  const timeline = useMemo(() => {\n    const items = buildActivityTimeline(messageContent, messageStatus, {\n      waitingTools,\n      waitingToolCallIds,\n      passThroughTools,\n    });\n    return items.length > 0 ? items : EMPTY_TIMELINE;\n  }, [messageContent, messageStatus, waitingTools, waitingToolCallIds, passThroughTools]);\n  const phase = useMemo(\n    () => resolveActivityPhase(messageStatus, timeline, { waitingForInput }),\n    [messageStatus, timeline, waitingForInput],\n  );\n  const toolCount = countActivityTools(timeline);\n\n  const { expanded, toggleExpanded } = useActivityExpansion({\n    expansionKey: expansionKeyProp ?? messageId,\n    phase,\n    expandWhileWaiting,\n  });\n  const generatedId = useId().replace(/[^A-Za-z0-9_-]/g, '');\n  const detailsPanelId = `aui-sg-details-${generatedId}`;\n  const statusId = `aui-sg-status-${generatedId}`;\n  const { expanded: detailsExpanded, toggleExpanded: toggleDetails } = useActivityExpansion({\n    expansionKey: `${expansionKeyProp ?? messageId}:details`,\n    phase,\n    expandWhileWaiting,\n  });\n  const assetTitles = useMemo(() => collectAssetTitles(messageContent), [messageContent]);\n  const steps = useMemo(\n    () =>\n      timeline.map((item, index) =>\n        toTimelineStep({ item, index, resolveToolDisplayName, assetTitles, withSourceUrls: showSourceFavicons }),\n      ),\n    [timeline, resolveToolDisplayName, assetTitles, showSourceFavicons],\n  );\n\n  // The calls rendered outside the details: inline below the header, and as\n  // their own step's row (by tool-call id, a tool step's id).\n  const { inlineParts, stepRowParts } = useMemo(() => {\n    const inline: { index: number; key: string }[] = [];\n    const stepRows = new Map<string, number>();\n    messageContent.forEach((part, index) => {\n      if (part.type !== 'tool-call') return;\n      if (isInlineTool(part.toolName, part)) inline.push({ index, key: part.toolCallId });\n      if (isStepRowTool(part.toolName)) stepRows.set(part.toolCallId, index);\n    });\n    return { inlineParts: inline, stepRowParts: stepRows };\n  }, [messageContent, isInlineTool, isStepRowTool]);\n  const grouping = useMemo(\n    () =>\n      excludePartsFromGroups(\n        excludeFinalTextFromGroups(groupingFunction ?? createToolBasedGroupingFunction(getToolGroupKey)),\n        (part) =>\n          isGroupedToolCallPart(part) && (isStepRowTool(part.toolName) || isInlineTool(part.toolName, part)),\n      ),\n    [groupingFunction, getToolGroupKey, isInlineTool, isStepRowTool],\n  );\n  const hasDetails = useMemo(() => grouping(messageContent).length > 0, [grouping, messageContent]);\n  const isActive = phase === 'running' || phase === 'waiting';\n  // The toolkit groups inside keep their tool UIs mounted when the details do.\n  const groupingContext = useMemo(\n    () => ({ groupingFunction: grouping, mountHidden: isActive || mountDetails }),\n    [grouping, isActive, mountDetails],\n  );\n  const components = useMemo(\n    () => ({\n      tools: {\n        ...(toolUIs ? { by_name: toolUIs } : {}),\n        Fallback: ToolFallbackComponent,\n      },\n      Text: TextComponent,\n      ...(ReasoningComponent ? { Reasoning: ReasoningComponent } : {}),\n      Group: GroupComponent,\n    }),\n    [toolUIs, ToolFallbackComponent, TextComponent, ReasoningComponent, GroupComponent],\n  );\n\n  const hasActivity = timeline.length > 0 || phase !== 'complete';\n  if (!hasActivity) return null;\n\n  // Tool UIs perform live subscriptions and asset-follow effects. Collapsing\n  // either disclosure must only hide them while active or targeted by a deep link.\n  const detailsMounted = isActive || mountDetails || (expanded && detailsExpanded);\n  const activeSteps = steps.filter((step) => step.state === 'running');\n  const currentStep = activeSteps.at(-1);\n  const latestStatus =\n    phase === 'waiting'\n      ? 'Waiting for you'\n      : phase === 'error'\n        ? messageStatus?.type === 'incomplete' && messageStatus.reason === 'cancelled'\n          ? 'Run stopped'\n          : 'Something went wrong'\n        : phase === 'running'\n          ? currentStep\n            ? [\n                currentStep.verb,\n                currentStep.chip,\n                activeSteps.length > 1 ? `${activeSteps.length} in progress` : null,\n              ]\n                .filter(Boolean)\n                .join(' · ')\n            : steps.length > 0\n              ? 'Preparing response'\n              : 'Thinking'\n          : getActivitySummary(timeline);\n  const label = [latestStatus, ...(isActive ? [] : (summaryDetails ?? []))].join(' · ');\n  // A step-row call's own card is its step's row.\n  const renderStepRow =\n    stepRowParts.size > 0\n      ? (step: TimelineStep) => {\n          const index = step.kind === 'tool' ? stepRowParts.get(step.id) : undefined;\n          return index === undefined ? null : (\n            <ToolPartPlacementProvider value=\"step\">\n              <MessagePrimitive.PartByIndex index={index} components={components} />\n            </ToolPartPlacementProvider>\n          );\n        }\n      : undefined;\n\n  return (\n    <section\n      data-slot=\"super-grouping-card\"\n      data-phase={phase}\n      data-tool-count={toolCount}\n      className={cn('my-3 min-w-0', className, classNames?.root)}\n      aria-busy={phase === 'running' ? 'true' : 'false'}\n      aria-describedby={statusId}\n    >\n      <ToolTimeline\n        steps={steps}\n        open={expanded}\n        onOpenChange={toggleExpanded}\n        label={label}\n        phase={phase}\n        maxVisibleSteps={maxVisibleSteps}\n        keepMounted={isActive || mountDetails}\n        actions={renderHeaderActions?.({ phase, messageContent })}\n        meta={phase === 'running' ? renderRunningMeta?.({ phase }) : null}\n        renderStepIcon={renderStepIcon}\n        renderStepRow={renderStepRow}\n        showSourceFavicons={showSourceFavicons}\n      >\n        {hasDetails ? (\n          <div className=\"min-w-0 pl-5\">\n            <button\n              type=\"button\"\n              onClick={toggleDetails}\n              aria-expanded={detailsExpanded}\n              aria-controls={detailsPanelId}\n              className=\"flex items-center gap-1.5 rounded py-1 text-xs 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={cn(\n                  'size-3 transition-transform motion-reduce:transition-none',\n                  detailsExpanded && 'rotate-90',\n                )}\n              />\n              {detailsExpanded ? 'Hide tool details' : 'Show tool details'}\n            </button>\n            {detailsMounted ? (\n              <section\n                id={detailsPanelId}\n                aria-label=\"Run details\"\n                hidden={!expanded || !detailsExpanded}\n                className={cn(\n                  'min-w-0 overflow-hidden border-l border-border/60 py-2 pl-3',\n                  classNames?.details,\n                )}\n              >\n                <div className={cn('flex flex-col gap-2', classNames?.detailsParts)}>\n                  <SuperGroupingProvider value={groupingContext}>\n                    <ToolPartPlacementProvider value={null}>\n                      <GroupedMessageParts groupingFunction={grouping} components={components} />\n                    </ToolPartPlacementProvider>\n                  </SuperGroupingProvider>\n                </div>\n              </section>\n            ) : null}\n          </div>\n        ) : null}\n      </ToolTimeline>\n      {inlineParts.length > 0 ? (\n        <div\n          data-slot=\"super-grouping-inline-tools\"\n          className={cn('mt-2 flex min-w-0 flex-col gap-2', classNames?.inlineTools)}\n        >\n          <ToolPartPlacementProvider value=\"inline\">\n            {inlineParts.map(({ index, key }) => (\n              <MessagePrimitive.PartByIndex key={key} index={index} components={components} />\n            ))}\n          </ToolPartPlacementProvider>\n        </div>\n      ) : null}\n      <output id={statusId} aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n        {phase === 'waiting' ? 'Waiting for your input' : latestStatus}\n      </output>\n    </section>\n  );\n});\n\n/**\n * The turn's visible answer, rendered below the card: the text after the last\n * tool call (all of it when the turn called no tools) and the words of any\n * spoken voice turn the message holds (`getFinalTextParts`), streaming while\n * the turn is live so the person reads the answer as it arrives.\n *\n * Each part renders through its own `TextComponent`, keyed by its content\n * index, so a part only ever grows at its end: a spoken turn streaming while\n * the run's reply streams after it would otherwise change one joined string in\n * the middle, and a streaming reveal restarts from empty on every word. Only\n * the last part carries the running status (and its caret).\n */\nexport const SuperGroupingFinalText = memo(function SuperGroupingFinalText({\n  TextComponent,\n}: {\n  TextComponent: TextMessagePartComponent;\n}) {\n  const messageContent = useAuiState((s) =>\n    s.message.role === 'assistant' ? s.message.content : EMPTY_CONTENT,\n  );\n  const statusType = useAuiState((s) => s.message.status?.type);\n  const parts = useMemo(() => getFinalTextParts(messageContent), [messageContent]);\n\n  if (parts.length === 0) return null;\n  const running = statusType === 'running' || statusType === 'requires-action';\n  return (\n    <div data-slot=\"super-grouping-final-text\" className=\"flex min-w-0 flex-col gap-1.5\">\n      {parts.map((part, position) => (\n        <TextComponent\n          key={part.index}\n          type=\"text\"\n          text={part.text}\n          status={running && position === parts.length - 1 ? RUNNING_STATUS : COMPLETE_STATUS}\n        />\n      ))}\n    </div>\n  );\n});\n"],"names":["useState","useRef","useEffect","memo","SuperGroupingCard","ToolFallback","CollapsibleGroup","defaultGetToolGroupKey","groupingFunction","isSdkInlineTool","useAuiState","useMemo","buildActivityTimeline","resolveActivityPhase","countActivityTools","useId","collectAssetTitles","toTimelineStep","excludePartsFromGroups","excludeFinalTextFromGroups","createToolBasedGroupingFunction","isGroupedToolCallPart","getActivitySummary","jsx","ToolPartPlacementProvider","MessagePrimitive","jsxs","cn","ToolTimeline","ChevronRight","SuperGroupingProvider","GroupedMessageParts","SuperGroupingFinalText","getFinalTextParts"],"mappings":"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"}
+{"version":3,"file":"SuperGroupingCard.cjs","sources":["../../../src/chat/super-grouping/SuperGroupingCard.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  AssistantState,\n  ReasoningMessagePartComponent,\n  TextMessagePartComponent,\n  ThreadAssistantMessagePart,\n  ToolCallMessagePart,\n  ToolCallMessagePartComponent,\n  ToolCallMessagePartProps,\n} from '@assistant-ui/react';\nimport { MessagePrimitive, useAuiState } from '@assistant-ui/react';\nimport { ChevronRight } from 'lucide-react';\nimport { type ComponentType, memo, type ReactNode, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { isSdkInlineTool } from '../../tools/inline-tools';\nimport { ToolFallback } from '../../tools/tool-fallback';\nimport { collectAssetTitles } from '../../tools/tool-summary';\nimport {\n  type ActivityItem,\n  type ActivityPhase,\n  buildActivityTimeline,\n  countActivityTools,\n  excludeFinalTextFromGroups,\n  excludePartsFromGroups,\n  getActivitySummary,\n  getFinalTextParts,\n  resolveActivityPhase,\n} from './activity-timeline';\nimport { CollapsibleGroup, type CollapsibleGroupProps, SuperGroupingProvider } from './CollapsibleGroup';\nimport { GroupedMessageParts } from './GroupedMessageParts';\nimport { createToolBasedGroupingFunction, type GroupingFunction, isGroupedToolCallPart } from './grouping-function';\nimport { ToolTimeline } from './ToolTimeline';\nimport { type TimelineStep, toTimelineStep } from './timeline-step';\nimport { defaultGetToolGroupKey, type GetToolGroupKey } from './toolkit-map';\nimport { ToolPartPlacementProvider } from './tool-part-placement';\nimport { useEarlierStepsUnloaded } from './use-earlier-steps-unloaded';\n\nconst DEFAULT_MAX_VISIBLE_STEPS = 3;\nconst MAX_REMEMBERED_EXPANSIONS = 200;\nconst EMPTY_TIMELINE: ActivityItem[] = [];\nconst EMPTY_CONTENT: readonly ThreadAssistantMessagePart[] = [];\nconst NO_STEP_ROW_TOOLS = (): boolean => false;\n\n/**\n * Whether `next` differs from `previous` only in the words of its last part, a text or reasoning\n * part that is still being written: same length, every earlier part the identical object, and the\n * last parts of the same kind.\n */\nfunction onlyLastPartGrew({\n  previous,\n  next,\n}: {\n  previous: readonly ThreadAssistantMessagePart[];\n  next: readonly ThreadAssistantMessagePart[];\n}): boolean {\n  if (previous === next) return true;\n  if (previous.length === 0 || previous.length !== next.length) return false;\n  const lastIndex = next.length - 1;\n  const kind = next[lastIndex]?.type;\n  if ((kind !== 'text' && kind !== 'reasoning') || previous[lastIndex]?.type !== kind) return false;\n  for (let index = 0; index < lastIndex; index += 1) {\n    if (previous[index] !== next[index]) return false;\n  }\n  return true;\n}\n\n/**\n * The card's read of its message's content: the content itself, except that while the message is\n * generating it keeps the previous array when only the last text or reasoning part grew. The card\n * builds its steps from tool calls, their results and reasoning steps, never from those words (the\n * answer renders below it, `SuperGroupingFinalText`), and the turn being generated changes its last\n * part on every streamed token; earlier parts keep their objects across a token (the runtime's\n * conversion cache), so the card re-renders when a step changes, not per token. Any other change,\n * and the run ending, hand over the current content.\n */\nfunction createActivityContentSelector(): (\n  state: AssistantState,\n) => readonly ThreadAssistantMessagePart[] {\n  let last: readonly ThreadAssistantMessagePart[] = EMPTY_CONTENT;\n  return (state) => {\n    const message = state.message;\n    const content = message.role === 'assistant' ? message.content : EMPTY_CONTENT;\n    if (message.status?.type === 'running' && onlyLastPartGrew({ previous: last, next: content })) {\n      return last;\n    }\n    last = content;\n    return content;\n  };\n}\nconst RUNNING_STATUS = { type: 'running' } as const;\nconst COMPLETE_STATUS = { type: 'complete' } as const;\n\n// ─── Disclosure memory ─────────────────────────────────────────────────\n\n/**\n * Session-local memory of which cards the user opened, keyed by the host's\n * expansion key (the message id by default; the Chrome extension keys by\n * thread + position so a streaming message keeps its choice when it receives\n * its stable id). Bounded so a long session cannot grow it without limit.\n */\nconst rememberedExpansions = new Map<string, boolean>();\n\nfunction rememberExpansion(key: string, expanded: boolean): void {\n  rememberedExpansions.delete(key);\n  rememberedExpansions.set(key, expanded);\n  while (rememberedExpansions.size > MAX_REMEMBERED_EXPANSIONS) {\n    const oldestKey = rememberedExpansions.keys().next().value;\n    if (oldestKey === undefined) break;\n    rememberedExpansions.delete(oldestKey);\n  }\n}\n\nexport function resetRememberedExpansionsForTests(): void {\n  rememberedExpansions.clear();\n}\n\n/**\n * The details disclosure: remembered per expansion key, and — when the host\n * opts in — opened once when the turn starts waiting on the person, so the\n * approval controls inside the details are visible without a click.\n */\nexport function useActivityExpansion({\n  expansionKey,\n  phase,\n  expandWhileWaiting = false,\n}: {\n  expansionKey: string;\n  phase: ActivityPhase;\n  expandWhileWaiting?: boolean;\n}) {\n  const [userExpanded, setUserExpanded] = useState<boolean | undefined>(() =>\n    rememberedExpansions.get(expansionKey),\n  );\n  const [waitingAutoExpanded, setWaitingAutoExpanded] = useState(false);\n  const previousRef = useRef({ expansionKey, phase });\n\n  useEffect(() => {\n    setUserExpanded(rememberedExpansions.get(expansionKey));\n    setWaitingAutoExpanded(false);\n  }, [expansionKey]);\n\n  useEffect(() => {\n    const previous = previousRef.current;\n    if (expandWhileWaiting && previous.expansionKey === expansionKey) {\n      if (previous.phase !== 'waiting' && phase === 'waiting') {\n        setWaitingAutoExpanded(true);\n      } else if (previous.phase === 'waiting' && phase !== 'waiting') {\n        setWaitingAutoExpanded(false);\n      }\n    }\n    previousRef.current = { expansionKey, phase };\n  }, [expansionKey, phase, expandWhileWaiting]);\n\n  const expanded = waitingAutoExpanded || (userExpanded ?? (expandWhileWaiting && phase === 'waiting'));\n  const toggleExpanded = () => {\n    const next = !expanded;\n    setWaitingAutoExpanded(false);\n    rememberExpansion(expansionKey, next);\n    setUserExpanded(next);\n  };\n\n  return { expanded, toggleExpanded };\n}\n\n// ─── Card ──────────────────────────────────────────────────────────────\n\nexport interface SuperGroupingCardProps {\n  /** Tool UIs to render inside the details panel, by tool name (registered tool UIs still apply). */\n  toolUIs?: Record<string, ToolCallMessagePartComponent>;\n  /** Fallback for tools without a UI; the SDK's `ToolFallback` by default. */\n  ToolFallback?: ComponentType<ToolCallMessagePartProps>;\n  /** Text renderer for the details panel. */\n  TextComponent: TextMessagePartComponent;\n  /** Reasoning renderer for the details panel. */\n  ReasoningComponent?: ReasoningMessagePartComponent;\n  /** Per-toolkit block inside the details panel; the SDK's `CollapsibleGroup` by default. */\n  GroupComponent?: ComponentType<CollapsibleGroupProps>;\n  /** Toolkit lookup driving the per-toolkit sub-grouping; the SDK's static map by default. */\n  getToolGroupKey?: GetToolGroupKey;\n  /** A complete grouping function, when the host builds its own (overrides `getToolGroupKey`). */\n  groupingFunction?: GroupingFunction;\n  /** Tools whose unresolved call means the turn is waiting on the person (see `buildActivityTimeline`). */\n  waitingTools?: ReadonlySet<string>;\n  /**\n   * Calls the run is parked on, by tool-call id: each one still without its\n   * real result reads as waiting (see `buildActivityTimeline`). Keep the set's\n   * identity stable while its ids are unchanged.\n   */\n  waitingToolCallIds?: ReadonlySet<string>;\n  /** Tools whose result is a relayed application payload (see `buildActivityTimeline`). */\n  passThroughTools?: ReadonlySet<string>;\n  /**\n   * Tools whose card renders below the header, outside both disclosures, and\n   * stays mounted (an editable email draft, a UI test report). `isSdkInlineTool`\n   * by default: the registry's `inline` flag plus the SDK's own report cards.\n   * The call itself comes second, for a host whose choice depends on what the\n   * call did (Olympus keeps an `eval` there only when it dispatched subagents).\n   * The card renders it under `useToolPartPlacement()` `'inline'`.\n   */\n  isInlineTool?: (toolName: string, part: ToolCallMessagePart) => boolean;\n  /**\n   * Tools whose card is their own step's row in the step list, drawn in place\n   * of the status line (Olympus's one-line code runs) and kept out of the\n   * details. The card renders it under `useToolPartPlacement()` `'step'`, kept\n   * mounted while the step list is (the turn is live, or `mountDetails`); a\n   * call that is inline too renders in both places. None by default.\n   */\n  isStepRowTool?: (toolName: string) => boolean;\n  /**\n   * Host assertion that the turn is waiting on the person. The SDK derives waiting\n   * from `requires-action` and waiting tools itself; no in-repo host passes this.\n   */\n  waitingForInput?: boolean;\n  /** Names tools the shared registry has no entry for (Olympus's tool catalog). */\n  resolveToolDisplayName?: (toolName: string) => string | undefined;\n  /** Key the disclosure choice is remembered under; the message id by default. */\n  expansionKey?: string;\n  /** Open the details once when the turn starts waiting on the person. */\n  expandWhileWaiting?: boolean;\n  /**\n   * Keep the details panel mounted (hidden) while collapsed, so a host that\n   * needs to find content inside it (a deep link into the run's steps) can.\n   */\n  mountDetails?: boolean;\n  /** Latest steps shown when expanded; unresolved parallel calls always remain visible. */\n  maxVisibleSteps?: number;\n  /** Extra segments after the collapsed summary (\"1m 23s\", \"12.4k tokens\"), joined with \" · \". */\n  summaryDetails?: readonly string[];\n  /** Header controls beside the title (a stop button while running, a changes button once done). */\n  renderHeaderActions?: (context: {\n    phase: ActivityPhase;\n    messageContent: readonly ThreadAssistantMessagePart[];\n  }) => ReactNode;\n  /**\n   * Inline on the header row, right of the status, while the turn is running\n   * (an elapsed counter). Not rendered while the turn waits on the person.\n   */\n  renderRunningMeta?: (context: { phase: ActivityPhase }) => ReactNode;\n  /** The host's icon for a step's tool, shown on its status row (see `ToolTimeline`). */\n  renderStepIcon?: (step: TimelineStep) => ReactNode;\n  /** Show the favicons of the sites a finished step's result lists. */\n  showSourceFavicons?: boolean;\n  className?: string;\n  classNames?: {\n    root?: string;\n    details?: string;\n    /** The flex column the run's parts render in; override its gap here. */\n    detailsParts?: string;\n    /** The flex column the inline tool calls render in, below the header; override its gap here. */\n    inlineTools?: string;\n  };\n}\n\n/**\n * The collapsed view (previously called the conversational view) of an\n * assistant turn: a compact current action, an expandable tool timeline, and\n * the original interactive tool UIs behind a separate details disclosure. The\n * answer itself renders below the card (`SuperGroupingFinalText`). Shared by\n * the SDK's `AthenaChat`, Olympus, and the Chrome extension, which supply\n * their own text/tool renderers and the host-specific controls through the\n * slots.\n *\n * The details panel stays mounted (visually hidden) while the turn is live so\n * the tool UIs inside run their effects — an asset-streaming card's follow\n * mode must not wait for \"Show details\". A host can take a call out of the\n * details to render its tool UI in the open (`isInlineTool`) or as its step's\n * row (`isStepRowTool`); the tool UI reads which (`useToolPartPlacement`).\n *\n * Selector discipline: raw reads only (`message.status`, `message.id`, and the\n * content through `createActivityContentSelector`, which hands back the\n * message's own array or the previous one, never a new array); every\n * derivation runs in `useMemo` — a selector that returned a fresh array would\n * tear through `useSyncExternalStore`.\n */\nexport const SuperGroupingCard = memo(function SuperGroupingCard({\n  toolUIs,\n  ToolFallback: ToolFallbackComponent = ToolFallback,\n  TextComponent,\n  ReasoningComponent,\n  GroupComponent = CollapsibleGroup,\n  getToolGroupKey = defaultGetToolGroupKey,\n  groupingFunction,\n  waitingTools,\n  waitingToolCallIds,\n  passThroughTools,\n  isInlineTool = isSdkInlineTool,\n  isStepRowTool = NO_STEP_ROW_TOOLS,\n  waitingForInput = false,\n  resolveToolDisplayName,\n  expansionKey: expansionKeyProp,\n  expandWhileWaiting = false,\n  mountDetails = false,\n  maxVisibleSteps = DEFAULT_MAX_VISIBLE_STEPS,\n  summaryDetails,\n  renderStepIcon,\n  showSourceFavicons,\n  renderHeaderActions,\n  renderRunningMeta,\n  className,\n  classNames,\n}: SuperGroupingCardProps) {\n  const messageId = useAuiState((s) => s.message.id);\n  const earlierStepsUnloaded = useEarlierStepsUnloaded();\n  const [selectActivityContent] = useState(createActivityContentSelector);\n  const messageContent = useAuiState(selectActivityContent);\n  const messageStatus = useAuiState((s) => s.message.status);\n\n  const timeline = useMemo(() => {\n    const items = buildActivityTimeline(messageContent, messageStatus, {\n      waitingTools,\n      waitingToolCallIds,\n      passThroughTools,\n    });\n    return items.length > 0 ? items : EMPTY_TIMELINE;\n  }, [messageContent, messageStatus, waitingTools, waitingToolCallIds, passThroughTools]);\n  const phase = useMemo(\n    () => resolveActivityPhase(messageStatus, timeline, { waitingForInput }),\n    [messageStatus, timeline, waitingForInput],\n  );\n  const toolCount = countActivityTools(timeline);\n\n  const { expanded, toggleExpanded } = useActivityExpansion({\n    expansionKey: expansionKeyProp ?? messageId,\n    phase,\n    expandWhileWaiting,\n  });\n  const generatedId = useId().replace(/[^A-Za-z0-9_-]/g, '');\n  const detailsPanelId = `aui-sg-details-${generatedId}`;\n  const statusId = `aui-sg-status-${generatedId}`;\n  const { expanded: detailsExpanded, toggleExpanded: toggleDetails } = useActivityExpansion({\n    expansionKey: `${expansionKeyProp ?? messageId}:details`,\n    phase,\n    expandWhileWaiting,\n  });\n  const assetTitles = useMemo(() => collectAssetTitles(messageContent), [messageContent]);\n  const steps = useMemo(\n    () =>\n      timeline.map((item, index) =>\n        toTimelineStep({ item, index, resolveToolDisplayName, assetTitles, withSourceUrls: showSourceFavicons }),\n      ),\n    [timeline, resolveToolDisplayName, assetTitles, showSourceFavicons],\n  );\n\n  // The calls rendered outside the details: inline below the header, and as\n  // their own step's row (by tool-call id, a tool step's id).\n  const { inlineParts, stepRowParts } = useMemo(() => {\n    const inline: { index: number; key: string }[] = [];\n    const stepRows = new Map<string, number>();\n    messageContent.forEach((part, index) => {\n      if (part.type !== 'tool-call') return;\n      if (isInlineTool(part.toolName, part)) inline.push({ index, key: part.toolCallId });\n      if (isStepRowTool(part.toolName)) stepRows.set(part.toolCallId, index);\n    });\n    return { inlineParts: inline, stepRowParts: stepRows };\n  }, [messageContent, isInlineTool, isStepRowTool]);\n  const grouping = useMemo(\n    () =>\n      excludePartsFromGroups(\n        excludeFinalTextFromGroups(groupingFunction ?? createToolBasedGroupingFunction(getToolGroupKey)),\n        (part) =>\n          isGroupedToolCallPart(part) && (isStepRowTool(part.toolName) || isInlineTool(part.toolName, part)),\n      ),\n    [groupingFunction, getToolGroupKey, isInlineTool, isStepRowTool],\n  );\n  const hasDetails = useMemo(() => grouping(messageContent).length > 0, [grouping, messageContent]);\n  const isActive = phase === 'running' || phase === 'waiting';\n  // The toolkit groups inside keep their tool UIs mounted when the details do.\n  const groupingContext = useMemo(\n    () => ({ groupingFunction: grouping, mountHidden: isActive || mountDetails }),\n    [grouping, isActive, mountDetails],\n  );\n  const components = useMemo(\n    () => ({\n      tools: {\n        ...(toolUIs ? { by_name: toolUIs } : {}),\n        Fallback: ToolFallbackComponent,\n      },\n      Text: TextComponent,\n      ...(ReasoningComponent ? { Reasoning: ReasoningComponent } : {}),\n      Group: GroupComponent,\n    }),\n    [toolUIs, ToolFallbackComponent, TextComponent, ReasoningComponent, GroupComponent],\n  );\n\n  // A turn whose earlier steps have not loaded says so even when only its\n  // answer has: its steps (and prompt) are older than the window.\n  const hasActivity = timeline.length > 0 || phase !== 'complete' || earlierStepsUnloaded;\n  if (!hasActivity) return null;\n\n  // Tool UIs perform live subscriptions and asset-follow effects. Collapsing\n  // either disclosure must only hide them while active or targeted by a deep link.\n  const detailsMounted = isActive || mountDetails || (expanded && detailsExpanded);\n  const activeSteps = steps.filter((step) => step.state === 'running');\n  const currentStep = activeSteps.at(-1);\n  const latestStatus =\n    phase === 'waiting'\n      ? 'Waiting for you'\n      : phase === 'error'\n        ? messageStatus?.type === 'incomplete' && messageStatus.reason === 'cancelled'\n          ? 'Run stopped'\n          : 'Something went wrong'\n        : phase === 'running'\n          ? currentStep\n            ? [\n                currentStep.verb,\n                currentStep.chip,\n                activeSteps.length > 1 ? `${activeSteps.length} in progress` : null,\n              ]\n                .filter(Boolean)\n                .join(' · ')\n            : steps.length > 0\n              ? 'Preparing response'\n              : 'Thinking'\n          : getActivitySummary(timeline, { earlierStepsUnloaded });\n  const label = [latestStatus, ...(isActive ? [] : (summaryDetails ?? []))].join(' · ');\n  // A step-row call's own card is its step's row.\n  const renderStepRow =\n    stepRowParts.size > 0\n      ? (step: TimelineStep) => {\n          const index = step.kind === 'tool' ? stepRowParts.get(step.id) : undefined;\n          return index === undefined ? null : (\n            <ToolPartPlacementProvider value=\"step\">\n              <MessagePrimitive.PartByIndex index={index} components={components} />\n            </ToolPartPlacementProvider>\n          );\n        }\n      : undefined;\n\n  return (\n    <section\n      data-slot=\"super-grouping-card\"\n      data-phase={phase}\n      data-tool-count={toolCount}\n      className={cn('my-3 min-w-0', className, classNames?.root)}\n      aria-busy={phase === 'running' ? 'true' : 'false'}\n      aria-describedby={statusId}\n    >\n      <ToolTimeline\n        steps={steps}\n        open={expanded}\n        onOpenChange={toggleExpanded}\n        label={label}\n        phase={phase}\n        maxVisibleSteps={maxVisibleSteps}\n        keepMounted={isActive || mountDetails}\n        actions={renderHeaderActions?.({ phase, messageContent })}\n        meta={phase === 'running' ? renderRunningMeta?.({ phase }) : null}\n        renderStepIcon={renderStepIcon}\n        renderStepRow={renderStepRow}\n        showSourceFavicons={showSourceFavicons}\n      >\n        {hasDetails ? (\n          <div className=\"min-w-0 pl-5\">\n            <button\n              type=\"button\"\n              onClick={toggleDetails}\n              aria-expanded={detailsExpanded}\n              aria-controls={detailsPanelId}\n              className=\"flex items-center gap-1.5 rounded py-1 text-xs 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={cn(\n                  'size-3 transition-transform motion-reduce:transition-none',\n                  detailsExpanded && 'rotate-90',\n                )}\n              />\n              {detailsExpanded ? 'Hide tool details' : 'Show tool details'}\n            </button>\n            {detailsMounted ? (\n              <section\n                id={detailsPanelId}\n                aria-label=\"Run details\"\n                hidden={!expanded || !detailsExpanded}\n                className={cn(\n                  'min-w-0 overflow-hidden border-l border-border/60 py-2 pl-3',\n                  classNames?.details,\n                )}\n              >\n                <div className={cn('flex flex-col gap-2', classNames?.detailsParts)}>\n                  <SuperGroupingProvider value={groupingContext}>\n                    <ToolPartPlacementProvider value={null}>\n                      <GroupedMessageParts groupingFunction={grouping} components={components} />\n                    </ToolPartPlacementProvider>\n                  </SuperGroupingProvider>\n                </div>\n              </section>\n            ) : null}\n          </div>\n        ) : null}\n      </ToolTimeline>\n      {inlineParts.length > 0 ? (\n        <div\n          data-slot=\"super-grouping-inline-tools\"\n          className={cn('mt-2 flex min-w-0 flex-col gap-2', classNames?.inlineTools)}\n        >\n          <ToolPartPlacementProvider value=\"inline\">\n            {inlineParts.map(({ index, key }) => (\n              <MessagePrimitive.PartByIndex key={key} index={index} components={components} />\n            ))}\n          </ToolPartPlacementProvider>\n        </div>\n      ) : null}\n      <output id={statusId} aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n        {phase === 'waiting' ? 'Waiting for your input' : latestStatus}\n      </output>\n    </section>\n  );\n});\n\n/**\n * The turn's visible answer, rendered below the card: the text after the last\n * tool call (all of it when the turn called no tools) and the words of any\n * spoken voice turn the message holds (`getFinalTextParts`), streaming while\n * the turn is live so the person reads the answer as it arrives.\n *\n * Each part renders through its own `TextComponent`, keyed by its content\n * index, so a part only ever grows at its end: a spoken turn streaming while\n * the run's reply streams after it would otherwise change one joined string in\n * the middle, and a streaming reveal restarts from empty on every word. Only\n * the last part carries the running status (and its caret).\n */\nexport const SuperGroupingFinalText = memo(function SuperGroupingFinalText({\n  TextComponent,\n}: {\n  TextComponent: TextMessagePartComponent;\n}) {\n  const messageContent = useAuiState((s) =>\n    s.message.role === 'assistant' ? s.message.content : EMPTY_CONTENT,\n  );\n  const statusType = useAuiState((s) => s.message.status?.type);\n  const parts = useMemo(() => getFinalTextParts(messageContent), [messageContent]);\n\n  if (parts.length === 0) return null;\n  const running = statusType === 'running' || statusType === 'requires-action';\n  return (\n    <div data-slot=\"super-grouping-final-text\" className=\"flex min-w-0 flex-col gap-1.5\">\n      {parts.map((part, position) => (\n        <TextComponent\n          key={part.index}\n          type=\"text\"\n          text={part.text}\n          status={running && position === parts.length - 1 ? RUNNING_STATUS : COMPLETE_STATUS}\n        />\n      ))}\n    </div>\n  );\n});\n"],"names":["useState","useRef","useEffect","memo","SuperGroupingCard","ToolFallback","CollapsibleGroup","defaultGetToolGroupKey","groupingFunction","isSdkInlineTool","useAuiState","useEarlierStepsUnloaded","useMemo","buildActivityTimeline","resolveActivityPhase","countActivityTools","useId","collectAssetTitles","toTimelineStep","excludePartsFromGroups","excludeFinalTextFromGroups","createToolBasedGroupingFunction","isGroupedToolCallPart","getActivitySummary","jsx","ToolPartPlacementProvider","MessagePrimitive","jsxs","cn","ToolTimeline","ChevronRight","SuperGroupingProvider","GroupedMessageParts","SuperGroupingFinalText","getFinalTextParts"],"mappings":"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"}

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

@@ -13,6 +13,7 @@ import { ToolTimeline } from "./ToolTimeline.js";
 import { toTimelineStep } from "./timeline-step.js";
 import { defaultGetToolGroupKey } from "./toolkit-map.js";
 import { ToolPartPlacementProvider } from "./tool-part-placement.js";
+import { useEarlierStepsUnloaded } from "./use-earlier-steps-unloaded.js";
 import { cn } from "cnfast";
 const DEFAULT_MAX_VISIBLE_STEPS = 3;
 const MAX_REMEMBERED_EXPANSIONS = 200;
@@ -124,6 +125,7 @@ const SuperGroupingCard = memo(function SuperGroupingCard2({
   classNames
 }) {
   const messageId = useAuiState((s) => s.message.id);
+  const earlierStepsUnloaded = useEarlierStepsUnloaded();
   const [selectActivityContent] = useState(createActivityContentSelector);
   const messageContent = useAuiState(selectActivityContent);
   const messageStatus = useAuiState((s) => s.message.status);
@@ -195,7 +197,7 @@ const SuperGroupingCard = memo(function SuperGroupingCard2({
     }),
     [toolUIs, ToolFallbackComponent, TextComponent, ReasoningComponent, GroupComponent]
   );
-  const hasActivity = timeline.length > 0 || phase !== "complete";
+  const hasActivity = timeline.length > 0 || phase !== "complete" || earlierStepsUnloaded;
   if (!hasActivity) return null;
   const detailsMounted = isActive || mountDetails || expanded && detailsExpanded;
   const activeSteps = steps.filter((step) => step.state === "running");
@@ -204,7 +206,7 @@ const SuperGroupingCard = memo(function SuperGroupingCard2({
     currentStep.verb,
     currentStep.chip,
     activeSteps.length > 1 ? `${activeSteps.length} in progress` : null
-  ].filter(Boolean).join(" · ") : steps.length > 0 ? "Preparing response" : "Thinking" : getActivitySummary(timeline);
+  ].filter(Boolean).join(" · ") : steps.length > 0 ? "Preparing response" : "Thinking" : getActivitySummary(timeline, { earlierStepsUnloaded });
   const label = [latestStatus, ...isActive ? [] : summaryDetails ?? []].join(" · ");
   const renderStepRow = stepRowParts.size > 0 ? (step) => {
     const index = step.kind === "tool" ? stepRowParts.get(step.id) : void 0;