@athenaintel/react 0.18.0 → 0.20.0

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

@@ -0,0 +1,361 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react$1 = require("@assistant-ui/react");
+const lucideReact = require("lucide-react");
+const react = require("react");
+const toolFallback = require("../../tools/tool-fallback.cjs");
+const activityTimeline = require("./activity-timeline.cjs");
+const CollapsibleGroup = require("./CollapsibleGroup.cjs");
+const groupingFunction = require("./grouping-function.cjs");
+const toolkitMap = require("./toolkit-map.cjs");
+const cnfast = require("cnfast");
+const DEFAULT_MAX_VISIBLE_STEPS = 3;
+const MAX_REMEMBERED_EXPANSIONS = 200;
+const EMPTY_TIMELINE = [];
+const EMPTY_CONTENT = [];
+const rememberedExpansions = /* @__PURE__ */ new Map();
+function rememberExpansion(key, expanded) {
+  rememberedExpansions.delete(key);
+  rememberedExpansions.set(key, expanded);
+  while (rememberedExpansions.size > MAX_REMEMBERED_EXPANSIONS) {
+    const oldestKey = rememberedExpansions.keys().next().value;
+    if (oldestKey === void 0) break;
+    rememberedExpansions.delete(oldestKey);
+  }
+}
+function resetRememberedExpansionsForTests() {
+  rememberedExpansions.clear();
+}
+function useActivityExpansion({
+  expansionKey,
+  phase,
+  expandWhileWaiting = false
+}) {
+  const [userExpanded, setUserExpanded] = react.useState(
+    () => rememberedExpansions.get(expansionKey)
+  );
+  const [waitingAutoExpanded, setWaitingAutoExpanded] = react.useState(false);
+  const previousRef = react.useRef({ expansionKey, phase });
+  react.useEffect(() => {
+    setUserExpanded(rememberedExpansions.get(expansionKey));
+    setWaitingAutoExpanded(false);
+  }, [expansionKey]);
+  react.useEffect(() => {
+    const previous = previousRef.current;
+    if (expandWhileWaiting && previous.expansionKey === expansionKey) {
+      if (previous.phase !== "waiting" && phase === "waiting") {
+        setWaitingAutoExpanded(true);
+      } else if (previous.phase === "waiting" && phase !== "waiting") {
+        setWaitingAutoExpanded(false);
+      }
+    }
+    previousRef.current = { expansionKey, phase };
+  }, [expansionKey, phase, expandWhileWaiting]);
+  const expanded = waitingAutoExpanded || (userExpanded ?? (expandWhileWaiting && phase === "waiting"));
+  const toggleExpanded = () => {
+    const next = !expanded;
+    setWaitingAutoExpanded(false);
+    rememberExpansion(expansionKey, next);
+    setUserExpanded(next);
+  };
+  return { expanded, toggleExpanded };
+}
+function PulsingDots() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-[3px]", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-[5px] rounded-full bg-foreground/80 animate-[aui-sg-pulse-dot_1.4s_ease-in-out_infinite]" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-[5px] rounded-full bg-foreground/80 animate-[aui-sg-pulse-dot_1.4s_ease-in-out_0.2s_infinite]" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-[5px] rounded-full bg-foreground/80 animate-[aui-sg-pulse-dot_1.4s_ease-in-out_0.4s_infinite]" }),
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+        @keyframes aui-sg-pulse-dot {
+          0%, 80%, 100% { opacity: 0.2; transform: scale(0.8); }
+          40% { opacity: 1; transform: scale(1); }
+        }
+        @keyframes aui-sg-shimmer-bar {
+          0% { transform: translateX(-100%); }
+          100% { transform: translateX(400%); }
+        }
+      ` })
+  ] });
+}
+function StepIcon({ item }) {
+  if (item.kind === "reasoning") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      lucideReact.Brain,
+      {
+        "aria-hidden": "true",
+        className: cnfast.cn(
+          "mt-[1px] size-3.5 shrink-0",
+          item.state === "running" ? "text-blue-500 motion-safe:animate-pulse" : "text-muted-foreground"
+        )
+      }
+    );
+  }
+  switch (item.state) {
+    case "complete":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { "aria-hidden": "true", className: "mt-[1px] size-3.5 shrink-0 text-emerald-500" });
+    case "rejected":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": "true", className: "mt-[1px] size-3.5 shrink-0 text-muted-foreground" });
+    case "cancelled":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { "aria-hidden": "true", className: "mt-[1px] size-3.5 shrink-0 text-muted-foreground" });
+    case "error":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { "aria-hidden": "true", className: "mt-[1px] size-3.5 shrink-0 text-destructive" });
+    case "waiting":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { "aria-hidden": "true", className: "mt-[1px] size-3.5 shrink-0 text-amber-500" });
+    case "paused":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, { "aria-hidden": "true", className: "mt-[1px] size-3.5 shrink-0 text-amber-600" });
+    case "running":
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-3.5 shrink-0 items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-blue-500 motion-safe:animate-pulse" }) });
+  }
+}
+function SummaryIcon({ timeline }) {
+  const tools = timeline.filter((item) => item.kind === "tool");
+  if (tools.some((item) => item.state === "error" || item.state === "rejected")) {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-muted-foreground" });
+  }
+  if (tools.some((item) => item.state === "cancelled")) {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-muted-foreground" });
+  }
+  if (tools.some((item) => item.state === "paused")) {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-amber-600" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-emerald-500" });
+}
+const SuperGroupingCard = react.memo(function SuperGroupingCard2({
+  toolUIs,
+  ToolFallback: ToolFallbackComponent = toolFallback.ToolFallback,
+  TextComponent,
+  ReasoningComponent,
+  GroupComponent = CollapsibleGroup.CollapsibleGroup,
+  getToolGroupKey = toolkitMap.defaultGetToolGroupKey,
+  groupingFunction: groupingFunction$1,
+  waitingTools,
+  passThroughTools,
+  waitingForInput = false,
+  resolveToolDisplayName,
+  expansionKey: expansionKeyProp,
+  expandWhileWaiting = false,
+  maxVisibleSteps = DEFAULT_MAX_VISIBLE_STEPS,
+  summaryDetails,
+  renderHeaderActions,
+  renderRunningMeta,
+  className,
+  classNames
+}) {
+  const messageId = react$1.useAuiState((s) => s.message.id);
+  const messageContent = react$1.useAuiState(
+    (s) => s.message.role === "assistant" ? s.message.content : EMPTY_CONTENT
+  );
+  const messageStatus = react$1.useAuiState((s) => s.message.status);
+  const timeline = react.useMemo(() => {
+    const items = activityTimeline.buildActivityTimeline(messageContent, messageStatus, {
+      waitingTools,
+      passThroughTools
+    });
+    return items.length > 0 ? items : EMPTY_TIMELINE;
+  }, [messageContent, messageStatus, waitingTools, passThroughTools]);
+  const phase = react.useMemo(
+    () => activityTimeline.resolveActivityPhase(messageStatus, timeline, { waitingForInput }),
+    [messageStatus, timeline, waitingForInput]
+  );
+  const toolCount = activityTimeline.countActivityTools(timeline);
+  const { expanded, toggleExpanded } = useActivityExpansion({
+    expansionKey: expansionKeyProp ?? messageId,
+    phase,
+    expandWhileWaiting
+  });
+  const generatedId = react.useId().replace(/[^A-Za-z0-9_-]/g, "");
+  const detailsPanelId = `aui-sg-details-${generatedId}`;
+  const statusId = `aui-sg-status-${generatedId}`;
+  const primaryDisclosureRef = react.useRef(null);
+  const grouping = react.useMemo(
+    () => activityTimeline.excludeFinalTextFromGroups(groupingFunction$1 ?? groupingFunction.createToolBasedGroupingFunction(getToolGroupKey)),
+    [groupingFunction$1, getToolGroupKey]
+  );
+  const groupingContext = react.useMemo(() => ({ groupingFunction: grouping }), [grouping]);
+  const components = react.useMemo(
+    () => ({
+      tools: { ...toolUIs ? { by_name: toolUIs } : {}, Fallback: ToolFallbackComponent },
+      Text: TextComponent,
+      ...ReasoningComponent ? { Reasoning: ReasoningComponent } : {},
+      Group: GroupComponent
+    }),
+    [toolUIs, ToolFallbackComponent, TextComponent, ReasoningComponent, GroupComponent]
+  );
+  const isActive = phase === "running" || phase === "waiting";
+  const hasActivity = timeline.length > 0 || phase !== "complete";
+  if (!hasActivity) return null;
+  const detailsMounted = isActive || expanded;
+  const visibleItems = timeline.slice(-Math.max(1, maxVisibleSteps));
+  const hiddenCount = timeline.length - visibleItems.length;
+  const latestStatus = phase === "waiting" ? "Waiting for your input" : phase === "error" ? "Something went wrong" : timeline.length > 0 ? activityTimeline.getActivityItemLabel(timeline[timeline.length - 1], resolveToolDisplayName) : "Planning approach";
+  const summary = [activityTimeline.getActivitySummary(timeline), ...summaryDetails ?? []].join(" · ");
+  const headerActions = renderHeaderActions == null ? void 0 : renderHeaderActions({ phase, messageContent });
+  const runningMeta = isActive ? renderRunningMeta == null ? void 0 : renderRunningMeta({ phase }) : null;
+  const hideDetails = () => {
+    toggleExpanded();
+    queueMicrotask(() => {
+      var _a;
+      return (_a = primaryDisclosureRef.current) == null ? void 0 : _a.focus();
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      "data-slot": "super-grouping-card",
+      "data-phase": phase,
+      "data-tool-count": toolCount,
+      className: cnfast.cn(
+        "my-3 min-w-0 overflow-hidden rounded-2xl border transition-colors duration-200",
+        phase === "error" ? "border-destructive/30 bg-destructive/5" : phase === "waiting" ? "border-amber-200 bg-amber-50/40 dark:border-amber-500/30 dark:bg-amber-500/10" : "border-border/60 bg-muted/10",
+        className,
+        classNames == null ? void 0 : classNames.root
+      ),
+      "aria-busy": phase === "running" ? "true" : "false",
+      "aria-describedby": statusId,
+      children: [
+        phase === "complete" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              ref: primaryDisclosureRef,
+              type: "button",
+              onClick: toggleExpanded,
+              "aria-expanded": expanded,
+              "aria-controls": detailsPanelId,
+              className: "flex min-w-0 flex-1 items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(SummaryIcon, { timeline }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-[12px] text-muted-foreground", children: summary })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1 pr-3 pl-1", children: [
+            headerActions,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: toggleExpanded,
+                "aria-label": expanded ? "Hide run details" : "Show run details",
+                "aria-expanded": expanded,
+                "aria-controls": detailsPanelId,
+                className: "flex items-center justify-center rounded-md p-1 text-muted-foreground transition-colors hover:bg-muted/40 hover:text-foreground",
+                children: expanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-3.5" })
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2 px-4 pt-4 pb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "truncate text-[13px] font-semibold text-foreground", children: phase === "error" ? "Something went wrong" : phase === "waiting" ? "Waiting for you" : "Athena is working" }),
+              phase === "running" ? /* @__PURE__ */ jsxRuntime.jsx(PulsingDots, {}) : null
+            ] }),
+            headerActions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-1", children: headerActions }) : null
+          ] }),
+          runningMeta ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pb-1", children: runningMeta }) : null,
+          phase === "running" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pb-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[2px] w-full overflow-hidden rounded-full bg-muted/40", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-1/3 rounded-full bg-gradient-to-r from-blue-400 to-indigo-400 animate-[aui-sg-shimmer-bar_1.5s_ease-in-out_infinite] motion-reduce:animate-none" }) }) }) : null,
+          visibleItems.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "space-y-1 px-4 pt-1.5 pb-1", "aria-label": "Work status updates", children: [
+            hiddenCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "pl-[22px] text-[11px] text-muted-foreground/70", children: [
+              hiddenCount,
+              " earlier ",
+              hiddenCount === 1 ? "step" : "steps"
+            ] }) : null,
+            visibleItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "li",
+              {
+                className: "flex min-w-0 items-start gap-2 text-[12px]",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(StepIcon, { item }),
+                  item.kind === "reasoning" ? item.text.trim() ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-2 min-w-0 flex-1 italic leading-relaxed text-muted-foreground", children: item.text }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shimmer min-w-0 flex-1 leading-relaxed text-muted-foreground", children: "Thinking…" }) : /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: cnfast.cn(
+                        "min-w-0 flex-1 truncate leading-relaxed",
+                        item.state === "complete" ? "text-muted-foreground/70" : "text-foreground/80"
+                      ),
+                      children: activityTimeline.getActivityItemLabel(item, resolveToolDisplayName)
+                    }
+                  )
+                ]
+              },
+              `${item.kind}-${hiddenCount + index}`
+            ))
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pt-1 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shimmer text-[12px] text-muted-foreground", children: "Planning approach..." }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pb-3 pt-0.5", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              ref: primaryDisclosureRef,
+              type: "button",
+              onClick: toggleExpanded,
+              "aria-expanded": expanded,
+              "aria-controls": detailsPanelId,
+              className: "flex items-center gap-1 rounded px-1 py-0.5 text-[11px] font-medium text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: [
+                expanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-3" }),
+                expanded ? "Hide details" : "Show details"
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("output", { id: statusId, "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: latestStatus }),
+        detailsMounted ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            id: detailsPanelId,
+            role: "region",
+            "aria-label": "Run details",
+            hidden: !expanded,
+            className: cnfast.cn(
+              "space-y-2 overflow-hidden border-t border-border/60 bg-background/80 px-4 py-4",
+              classNames == null ? void 0 : classNames.details
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(CollapsibleGroup.SuperGroupingProvider, { value: groupingContext, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.MessagePrimitive.Unstable_PartsGrouped, { groupingFunction: grouping, components }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: hideDetails,
+                  "aria-controls": detailsPanelId,
+                  "aria-expanded": "true",
+                  className: "mx-auto mt-3 flex items-center gap-1 rounded-md px-3 py-1.5 text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted/40 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "size-3" }),
+                    "Hide details"
+                  ]
+                }
+              )
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+});
+const SuperGroupingFinalText = react.memo(function SuperGroupingFinalText2({
+  TextComponent
+}) {
+  const messageContent = react$1.useAuiState(
+    (s) => s.message.role === "assistant" ? s.message.content : EMPTY_CONTENT
+  );
+  const statusType = react$1.useAuiState((s) => {
+    var _a;
+    return (_a = s.message.status) == null ? void 0 : _a.type;
+  });
+  const finalText = react.useMemo(() => activityTimeline.getFinalText(messageContent), [messageContent]);
+  if (!finalText) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TextComponent,
+    {
+      type: "text",
+      text: finalText,
+      status: statusType === "running" || statusType === "requires-action" ? { type: "running" } : { type: "complete" }
+    }
+  );
+});
+exports.SuperGroupingCard = SuperGroupingCard;
+exports.SuperGroupingFinalText = SuperGroupingFinalText;
+exports.resetRememberedExpansionsForTests = resetRememberedExpansionsForTests;
+exports.useActivityExpansion = useActivityExpansion;
+//# sourceMappingURL=SuperGroupingCard.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SuperGroupingCard.cjs","sources":["../../../src/chat/super-grouping/SuperGroupingCard.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  ReasoningMessagePartComponent,\n  TextMessagePartComponent,\n  ThreadAssistantMessagePart,\n  ToolCallMessagePartComponent,\n  ToolCallMessagePartProps,\n} from '@assistant-ui/react';\nimport { MessagePrimitive, useAuiState } from '@assistant-ui/react';\nimport {\n  AlertCircle,\n  Brain,\n  Check,\n  ChevronDown,\n  ChevronRight,\n  ChevronUp,\n  Circle,\n  Pause,\n  X,\n} from 'lucide-react';\nimport {\n  type ComponentType,\n  memo,\n  type ReactNode,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { cn } from '../../lib/utils';\nimport { ToolFallback } from '../../tools/tool-fallback';\nimport {\n  type ActivityItem,\n  type ActivityPhase,\n  buildActivityTimeline,\n  countActivityTools,\n  excludeFinalTextFromGroups,\n  getActivityItemLabel,\n  getActivitySummary,\n  getFinalText,\n  resolveActivityPhase,\n} from './activity-timeline';\nimport { CollapsibleGroup, type CollapsibleGroupProps, SuperGroupingProvider } from './CollapsibleGroup';\nimport { createToolBasedGroupingFunction, type GroupingFunction } from './grouping-function';\nimport { defaultGetToolGroupKey, type GetToolGroupKey } from './toolkit-map';\n\nconst DEFAULT_MAX_VISIBLE_STEPS = 3;\nconst MAX_REMEMBERED_EXPANSIONS = 200;\nconst EMPTY_TIMELINE: ActivityItem[] = [];\nconst EMPTY_CONTENT: readonly ThreadAssistantMessagePart[] = [];\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 =\n    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// ─── Pieces ────────────────────────────────────────────────────────────\n\nfunction PulsingDots() {\n  return (\n    <span className=\"inline-flex items-center gap-[3px]\" aria-hidden=\"true\">\n      <span className=\"size-[5px] rounded-full bg-foreground/80 animate-[aui-sg-pulse-dot_1.4s_ease-in-out_infinite]\" />\n      <span className=\"size-[5px] rounded-full bg-foreground/80 animate-[aui-sg-pulse-dot_1.4s_ease-in-out_0.2s_infinite]\" />\n      <span className=\"size-[5px] rounded-full bg-foreground/80 animate-[aui-sg-pulse-dot_1.4s_ease-in-out_0.4s_infinite]\" />\n      <style>{`\n        @keyframes aui-sg-pulse-dot {\n          0%, 80%, 100% { opacity: 0.2; transform: scale(0.8); }\n          40% { opacity: 1; transform: scale(1); }\n        }\n        @keyframes aui-sg-shimmer-bar {\n          0% { transform: translateX(-100%); }\n          100% { transform: translateX(400%); }\n        }\n      `}</style>\n    </span>\n  );\n}\n\nfunction StepIcon({ item }: { item: ActivityItem }) {\n  if (item.kind === 'reasoning') {\n    return (\n      <Brain\n        aria-hidden=\"true\"\n        className={cn(\n          'mt-[1px] size-3.5 shrink-0',\n          item.state === 'running' ? 'text-blue-500 motion-safe:animate-pulse' : 'text-muted-foreground',\n        )}\n      />\n    );\n  }\n  switch (item.state) {\n    case 'complete':\n      return <Check aria-hidden=\"true\" className=\"mt-[1px] size-3.5 shrink-0 text-emerald-500\" />;\n    case 'rejected':\n      return <X aria-hidden=\"true\" className=\"mt-[1px] size-3.5 shrink-0 text-muted-foreground\" />;\n    case 'cancelled':\n      return <Circle aria-hidden=\"true\" className=\"mt-[1px] size-3.5 shrink-0 text-muted-foreground\" />;\n    case 'error':\n      return <AlertCircle aria-hidden=\"true\" className=\"mt-[1px] size-3.5 shrink-0 text-destructive\" />;\n    case 'waiting':\n      return <Circle aria-hidden=\"true\" className=\"mt-[1px] size-3.5 shrink-0 text-amber-500\" />;\n    case 'paused':\n      return <Pause aria-hidden=\"true\" className=\"mt-[1px] size-3.5 shrink-0 text-amber-600\" />;\n    case 'running':\n      return (\n        <span className=\"flex size-3.5 shrink-0 items-center justify-center\" aria-hidden=\"true\">\n          <span className=\"size-1.5 rounded-full bg-blue-500 motion-safe:animate-pulse\" />\n        </span>\n      );\n  }\n}\n\nfunction SummaryIcon({ timeline }: { timeline: readonly ActivityItem[] }) {\n  const tools = timeline.filter((item) => item.kind === 'tool');\n  if (tools.some((item) => item.state === 'error' || item.state === 'rejected')) {\n    return <X aria-hidden=\"true\" className=\"size-3.5 shrink-0 text-muted-foreground\" />;\n  }\n  if (tools.some((item) => item.state === 'cancelled')) {\n    return <Circle aria-hidden=\"true\" className=\"size-3.5 shrink-0 text-muted-foreground\" />;\n  }\n  if (tools.some((item) => item.state === 'paused')) {\n    return <Pause aria-hidden=\"true\" className=\"size-3.5 shrink-0 text-amber-600\" />;\n  }\n  return <Check aria-hidden=\"true\" className=\"size-3.5 shrink-0 text-emerald-500\" />;\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  /** Tools whose result is a relayed application payload (see `buildActivityTimeline`). */\n  passThroughTools?: ReadonlySet<string>;\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  /** How many latest steps the live list shows before folding the rest into \"N earlier steps\". */\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  /** A line under the header while the turn is live (an elapsed timer). */\n  renderRunningMeta?: (context: { phase: ActivityPhase }) => ReactNode;\n  className?: string;\n  classNames?: { root?: string; details?: string };\n}\n\n/**\n * The grouped (\"conversational\") view of an assistant turn: one \"Athena is\n * working\" card while the turn runs, listing its latest steps; a collapsed\n * \"Used N tools\" summary once it ends, with the full tool cards behind a\n * details disclosure. The answer itself renders below the card\n * (`SuperGroupingFinalText`). Shared by the SDK's `AthenaChat`, Olympus, and\n * the Chrome extension, which supply their own text/tool renderers and the\n * host-specific controls through the 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\".\n *\n * Selector discipline: raw reads only (`message.content`, `message.status`,\n * `message.id`); every derivation runs in `useMemo` — a selector that returned\n * a fresh array would 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  passThroughTools,\n  waitingForInput = false,\n  resolveToolDisplayName,\n  expansionKey: expansionKeyProp,\n  expandWhileWaiting = false,\n  maxVisibleSteps = DEFAULT_MAX_VISIBLE_STEPS,\n  summaryDetails,\n  renderHeaderActions,\n  renderRunningMeta,\n  className,\n  classNames,\n}: SuperGroupingCardProps) {\n  const messageId = useAuiState((s) => s.message.id);\n  const messageContent = useAuiState((s) =>\n    s.message.role === 'assistant' ? s.message.content : EMPTY_CONTENT,\n  );\n  const messageStatus = useAuiState((s) => s.message.status);\n\n  const timeline = useMemo(() => {\n    const items = buildActivityTimeline(messageContent, messageStatus, {\n      waitingTools,\n      passThroughTools,\n    });\n    return items.length > 0 ? items : EMPTY_TIMELINE;\n  }, [messageContent, messageStatus, waitingTools, 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 primaryDisclosureRef = useRef<HTMLButtonElement>(null);\n\n  const grouping = useMemo(\n    () => excludeFinalTextFromGroups(groupingFunction ?? createToolBasedGroupingFunction(getToolGroupKey)),\n    [groupingFunction, getToolGroupKey],\n  );\n  const groupingContext = useMemo(() => ({ groupingFunction: grouping }), [grouping]);\n  const components = useMemo(\n    () => ({\n      tools: { ...(toolUIs ? { by_name: toolUIs } : {}), Fallback: ToolFallbackComponent },\n      Text: TextComponent,\n      ...(ReasoningComponent ? { Reasoning: ReasoningComponent } : {}),\n      Group: GroupComponent,\n    }),\n    [toolUIs, ToolFallbackComponent, TextComponent, ReasoningComponent, GroupComponent],\n  );\n\n  const isActive = phase === 'running' || phase === 'waiting';\n  const hasActivity = timeline.length > 0 || phase !== 'complete';\n  if (!hasActivity) return null;\n\n  const detailsMounted = isActive || expanded;\n  const visibleItems = timeline.slice(-Math.max(1, maxVisibleSteps));\n  const hiddenCount = timeline.length - visibleItems.length;\n  const latestStatus =\n    phase === 'waiting'\n      ? 'Waiting for your input'\n      : phase === 'error'\n        ? 'Something went wrong'\n        : timeline.length > 0\n          ? getActivityItemLabel(timeline[timeline.length - 1], resolveToolDisplayName)\n          : 'Planning approach';\n  const summary = [getActivitySummary(timeline), ...(summaryDetails ?? [])].join(' · ');\n  const headerActions = renderHeaderActions?.({ phase, messageContent });\n  const runningMeta = isActive ? renderRunningMeta?.({ phase }) : null;\n\n  const hideDetails = () => {\n    toggleExpanded();\n    queueMicrotask(() => primaryDisclosureRef.current?.focus());\n  };\n\n  return (\n    <section\n      data-slot=\"super-grouping-card\"\n      data-phase={phase}\n      data-tool-count={toolCount}\n      className={cn(\n        'my-3 min-w-0 overflow-hidden rounded-2xl border transition-colors duration-200',\n        phase === 'error'\n          ? 'border-destructive/30 bg-destructive/5'\n          : phase === 'waiting'\n            ? 'border-amber-200 bg-amber-50/40 dark:border-amber-500/30 dark:bg-amber-500/10'\n            : 'border-border/60 bg-muted/10',\n        className,\n        classNames?.root,\n      )}\n      aria-busy={phase === 'running' ? 'true' : 'false'}\n      aria-describedby={statusId}\n    >\n      {phase === 'complete' ? (\n        <div className=\"flex w-full items-center\">\n          <button\n            ref={primaryDisclosureRef}\n            type=\"button\"\n            onClick={toggleExpanded}\n            aria-expanded={expanded}\n            aria-controls={detailsPanelId}\n            className=\"flex min-w-0 flex-1 items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\"\n          >\n            <SummaryIcon timeline={timeline} />\n            <span className=\"min-w-0 flex-1 truncate text-[12px] text-muted-foreground\">{summary}</span>\n          </button>\n          <div className=\"flex shrink-0 items-center gap-1 pr-3 pl-1\">\n            {headerActions}\n            <button\n              type=\"button\"\n              onClick={toggleExpanded}\n              aria-label={expanded ? 'Hide run details' : 'Show run details'}\n              aria-expanded={expanded}\n              aria-controls={detailsPanelId}\n              className=\"flex items-center justify-center rounded-md p-1 text-muted-foreground transition-colors hover:bg-muted/40 hover:text-foreground\"\n            >\n              {expanded ? <ChevronDown className=\"size-3.5\" /> : <ChevronRight className=\"size-3.5\" />}\n            </button>\n          </div>\n        </div>\n      ) : (\n        <>\n          <div className=\"flex min-w-0 items-center justify-between gap-2 px-4 pt-4 pb-2\">\n            <div className=\"flex min-w-0 items-center gap-2\">\n              <h3 className=\"truncate text-[13px] font-semibold text-foreground\">\n                {phase === 'error'\n                  ? 'Something went wrong'\n                  : phase === 'waiting'\n                    ? 'Waiting for you'\n                    : 'Athena is working'}\n              </h3>\n              {phase === 'running' ? <PulsingDots /> : null}\n            </div>\n            {headerActions ? (\n              <div className=\"flex shrink-0 items-center gap-1\">{headerActions}</div>\n            ) : null}\n          </div>\n\n          {runningMeta ? <div className=\"px-4 pb-1\">{runningMeta}</div> : null}\n\n          {phase === 'running' ? (\n            <div className=\"px-4 pb-1\">\n              <div className=\"h-[2px] w-full overflow-hidden rounded-full bg-muted/40\">\n                <div className=\"h-full w-1/3 rounded-full bg-gradient-to-r from-blue-400 to-indigo-400 animate-[aui-sg-shimmer-bar_1.5s_ease-in-out_infinite] motion-reduce:animate-none\" />\n              </div>\n            </div>\n          ) : null}\n\n          {visibleItems.length > 0 ? (\n            <ul className=\"space-y-1 px-4 pt-1.5 pb-1\" aria-label=\"Work status updates\">\n              {hiddenCount > 0 ? (\n                <li className=\"pl-[22px] text-[11px] text-muted-foreground/70\">\n                  {hiddenCount} earlier {hiddenCount === 1 ? 'step' : 'steps'}\n                </li>\n              ) : null}\n              {visibleItems.map((item, index) => (\n                <li\n                  key={`${item.kind}-${hiddenCount + index}`}\n                  className=\"flex min-w-0 items-start gap-2 text-[12px]\"\n                >\n                  <StepIcon item={item} />\n                  {item.kind === 'reasoning' ? (\n                    item.text.trim() ? (\n                      <span className=\"line-clamp-2 min-w-0 flex-1 italic leading-relaxed text-muted-foreground\">\n                        {item.text}\n                      </span>\n                    ) : (\n                      <span className=\"shimmer min-w-0 flex-1 leading-relaxed text-muted-foreground\">\n                        Thinking…\n                      </span>\n                    )\n                  ) : (\n                    <span\n                      className={cn(\n                        'min-w-0 flex-1 truncate leading-relaxed',\n                        item.state === 'complete' ? 'text-muted-foreground/70' : 'text-foreground/80',\n                      )}\n                    >\n                      {getActivityItemLabel(item, resolveToolDisplayName)}\n                    </span>\n                  )}\n                </li>\n              ))}\n            </ul>\n          ) : (\n            <div className=\"px-4 pt-1 pb-2\">\n              <span className=\"shimmer text-[12px] text-muted-foreground\">Planning approach...</span>\n            </div>\n          )}\n\n          <div className=\"px-4 pb-3 pt-0.5\">\n            <button\n              ref={primaryDisclosureRef}\n              type=\"button\"\n              onClick={toggleExpanded}\n              aria-expanded={expanded}\n              aria-controls={detailsPanelId}\n              className=\"flex items-center gap-1 rounded px-1 py-0.5 text-[11px] font-medium text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              {expanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n              {expanded ? 'Hide details' : 'Show details'}\n            </button>\n          </div>\n        </>\n      )}\n\n      <output id={statusId} aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n        {latestStatus}\n      </output>\n\n      {detailsMounted ? (\n        <div\n          id={detailsPanelId}\n          role=\"region\"\n          aria-label=\"Run details\"\n          hidden={!expanded}\n          className={cn(\n            'space-y-2 overflow-hidden border-t border-border/60 bg-background/80 px-4 py-4',\n            classNames?.details,\n          )}\n        >\n          <SuperGroupingProvider value={groupingContext}>\n            <MessagePrimitive.Unstable_PartsGrouped groupingFunction={grouping} components={components} />\n          </SuperGroupingProvider>\n          <button\n            type=\"button\"\n            onClick={hideDetails}\n            aria-controls={detailsPanelId}\n            aria-expanded=\"true\"\n            className=\"mx-auto mt-3 flex items-center gap-1 rounded-md px-3 py-1.5 text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted/40 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <ChevronUp className=\"size-3\" />\n            Hide details\n          </button>\n        </div>\n      ) : null}\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), streaming while the\n * turn is live so the person reads the answer as it arrives.\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 finalText = useMemo(() => getFinalText(messageContent), [messageContent]);\n\n  if (!finalText) return null;\n  return (\n    <TextComponent\n      type=\"text\"\n      text={finalText}\n      status={\n        statusType === 'running' || statusType === 'requires-action'\n          ? { type: 'running' }\n          : { type: 'complete' }\n      }\n    />\n  );\n});\n"],"names":["useState","useRef","useEffect","jsxs","jsx","Brain","cn","Check","X","Circle","AlertCircle","Pause","memo","SuperGroupingCard","ToolFallback","CollapsibleGroup","defaultGetToolGroupKey","groupingFunction","useAuiState","useMemo","buildActivityTimeline","resolveActivityPhase","countActivityTools","useId","excludeFinalTextFromGroups","createToolBasedGroupingFunction","getActivityItemLabel","getActivitySummary","ChevronDown","ChevronRight","Fragment","SuperGroupingProvider","MessagePrimitive","ChevronUp","SuperGroupingFinalText","getFinalText"],"mappings":"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"}

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

@@ -1,35 +1,95 @@
-import type { ReasoningMessagePartComponent, TextMessagePartComponent, ToolCallMessagePartComponent } from '@assistant-ui/react';
+import type { ReasoningMessagePartComponent, TextMessagePartComponent, ThreadAssistantMessagePart, ToolCallMessagePartComponent, ToolCallMessagePartProps } from '@assistant-ui/react';
+import { type ComponentType, type ReactNode } from 'react';
+import { type ActivityPhase } from './activity-timeline';
+import { type CollapsibleGroupProps } from './CollapsibleGroup';
+import { type GroupingFunction } from './grouping-function';
 import { type GetToolGroupKey } from './toolkit-map';
+export declare function resetRememberedExpansionsForTests(): void;
 /**
- * Renders only the text emitted after the last tool-call as the assistant's
- * final response. Ported from olympus `SuperGroupingFinalText`. Hidden while
- * the message is still running — call it as a sibling of `SuperGroupingCard`
- * after the run completes.
+ * The details disclosure: remembered per expansion key, and — when the host
+ * opts in — opened once when the turn starts waiting on the person, so the
+ * approval controls inside the details are visible without a click.
  */
-export declare const SuperGroupingFinalText: import("react").MemoExoticComponent<({ TextComponent, }: {
-    TextComponent: TextMessagePartComponent;
-}) => import("react/jsx-runtime").JSX.Element | null>;
+export declare function useActivityExpansion({ expansionKey, phase, expandWhileWaiting, }: {
+    expansionKey: string;
+    phase: ActivityPhase;
+    expandWhileWaiting?: boolean;
+}): {
+    expanded: boolean;
+    toggleExpanded: () => void;
+};
 export interface SuperGroupingCardProps {
-    /** Tool UIs to render inside the details panel. */
-    toolUIs: Record<string, ToolCallMessagePartComponent>;
+    /** Tool UIs to render inside the details panel, by tool name (registered tool UIs still apply). */
+    toolUIs?: Record<string, ToolCallMessagePartComponent>;
+    /** Fallback for tools without a UI; the SDK's `ToolFallback` by default. */
+    ToolFallback?: ComponentType<ToolCallMessagePartProps>;
     /** Text renderer for the details panel. */
     TextComponent: TextMessagePartComponent;
     /** Reasoning renderer for the details panel. */
     ReasoningComponent?: ReasoningMessagePartComponent;
-    /** Override the default toolkit lookup used to drive sub-grouping. */
+    /** Per-toolkit block inside the details panel; the SDK's `CollapsibleGroup` by default. */
+    GroupComponent?: ComponentType<CollapsibleGroupProps>;
+    /** Toolkit lookup driving the per-toolkit sub-grouping; the SDK's static map by default. */
     getToolGroupKey?: GetToolGroupKey;
+    /** A complete grouping function, when the host builds its own (overrides `getToolGroupKey`). */
+    groupingFunction?: GroupingFunction;
+    /** Tools whose unresolved call means the turn is waiting on the person (see `buildActivityTimeline`). */
+    waitingTools?: ReadonlySet<string>;
+    /** Tools whose result is a relayed application payload (see `buildActivityTimeline`). */
+    passThroughTools?: ReadonlySet<string>;
+    /**
+     * Host assertion that the turn is waiting on the person. The SDK derives waiting
+     * from `requires-action` and waiting tools itself; no in-repo host passes this.
+     */
+    waitingForInput?: boolean;
+    /** Names tools the shared registry has no entry for (Olympus's tool catalog). */
+    resolveToolDisplayName?: (toolName: string) => string | undefined;
+    /** Key the disclosure choice is remembered under; the message id by default. */
+    expansionKey?: string;
+    /** Open the details once when the turn starts waiting on the person. */
+    expandWhileWaiting?: boolean;
+    /** How many latest steps the live list shows before folding the rest into "N earlier steps". */
+    maxVisibleSteps?: number;
+    /** Extra segments after the collapsed summary ("1m 23s", "12.4k tokens"), joined with " · ". */
+    summaryDetails?: readonly string[];
+    /** Header controls beside the title (a stop button while running, a changes button once done). */
+    renderHeaderActions?: (context: {
+        phase: ActivityPhase;
+        messageContent: readonly ThreadAssistantMessagePart[];
+    }) => ReactNode;
+    /** A line under the header while the turn is live (an elapsed timer). */
+    renderRunningMeta?: (context: {
+        phase: ActivityPhase;
+    }) => ReactNode;
+    className?: string;
+    classNames?: {
+        root?: string;
+        details?: string;
+    };
 }
 /**
- * Ported from `olympus/src/components/chat/sidebar/SuperGroupingCard.tsx`.
+ * The grouped ("conversational") view of an assistant turn: one "Athena is
+ * working" card while the turn runs, listing its latest steps; a collapsed
+ * "Used N tools" summary once it ends, with the full tool cards behind a
+ * details disclosure. The answer itself renders below the card
+ * (`SuperGroupingFinalText`). Shared by the SDK's `AthenaChat`, Olympus, and
+ * the Chrome extension, which supply their own text/tool renderers and the
+ * host-specific controls through the slots.
  *
- * Trimmed to drop Olympus-only deps:
- * - `useChatAllotmentStore.isWaitingForUserInput` (Olympus allotment system) — dropped.
- * - `useUserIsAdmin` admin-only details toggle — replaced with always-visible toggle.
- * - `stopActiveComposerRun` stop button — dropped; users stop from the composer.
+ * The details panel stays mounted (visually hidden) while the turn is live so
+ * the tool UIs inside run their effects — an asset-streaming card's follow
+ * mode must not wait for "Show details".
  *
- * Renders a single "Athena is working" card during execution and collapses to
- * "Used N tools" on completion. The expanded details panel uses
- * `MessagePrimitive.Unstable_PartsGrouped` (assistant-ui's legacy grouping
- * API, still exported as deprecated) with a per-toolkit `CollapsibleGroup`.
+ * Selector discipline: raw reads only (`message.content`, `message.status`,
+ * `message.id`); every derivation runs in `useMemo` — a selector that returned
+ * a fresh array would tear through `useSyncExternalStore`.
+ */
+export declare const SuperGroupingCard: import("react").MemoExoticComponent<({ toolUIs, ToolFallback: ToolFallbackComponent, TextComponent, ReasoningComponent, GroupComponent, getToolGroupKey, groupingFunction, waitingTools, passThroughTools, waitingForInput, resolveToolDisplayName, expansionKey: expansionKeyProp, expandWhileWaiting, maxVisibleSteps, summaryDetails, renderHeaderActions, renderRunningMeta, className, classNames, }: SuperGroupingCardProps) => import("react/jsx-runtime").JSX.Element | null>;
+/**
+ * The turn's visible answer, rendered below the card: the text after the last
+ * tool call (all of it when the turn called no tools), streaming while the
+ * turn is live so the person reads the answer as it arrives.
  */
-export declare const SuperGroupingCard: import("react").MemoExoticComponent<({ toolUIs, TextComponent, ReasoningComponent, getToolGroupKey, }: SuperGroupingCardProps) => import("react/jsx-runtime").JSX.Element | null>;
+export declare const SuperGroupingFinalText: import("react").MemoExoticComponent<({ TextComponent, }: {
+    TextComponent: TextMessagePartComponent;
+}) => import("react/jsx-runtime").JSX.Element | null>;