@athenaintel/react 0.19.0 → 0.21.0

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

@@ -0,0 +1,243 @@
+"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 ToolTimeline = require("./ToolTimeline.cjs");
+const timelineStep = require("./timeline-step.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 };
+}
+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,
+  mountDetails = 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 { expanded: detailsExpanded, toggleExpanded: toggleDetails } = useActivityExpansion({
+    expansionKey: `${expansionKeyProp ?? messageId}:details`,
+    phase,
+    expandWhileWaiting
+  });
+  const steps = react.useMemo(
+    () => timeline.map((item, index) => timelineStep.toTimelineStep({ item, index, resolveToolDisplayName })),
+    [timeline, resolveToolDisplayName]
+  );
+  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 || mountDetails || expanded && detailsExpanded;
+  const activeSteps = steps.filter((step) => step.state === "running");
+  const currentStep = activeSteps.at(-1);
+  const latestStatus = phase === "waiting" ? "Waiting for you" : phase === "error" ? (messageStatus == null ? void 0 : messageStatus.type) === "incomplete" && messageStatus.reason === "cancelled" ? "Run stopped" : "Something went wrong" : phase === "running" ? currentStep ? [
+    currentStep.verb,
+    currentStep.chip,
+    activeSteps.length > 1 ? `${activeSteps.length} in progress` : null
+  ].filter(Boolean).join(" · ") : steps.length > 0 ? "Preparing response" : "Thinking" : activityTimeline.getActivitySummary(timeline);
+  const label = [latestStatus, ...isActive ? [] : summaryDetails ?? []].join(" · ");
+  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", className, classNames == null ? void 0 : classNames.root),
+      "aria-busy": phase === "running" ? "true" : "false",
+      "aria-describedby": statusId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ToolTimeline.ToolTimeline,
+          {
+            steps,
+            open: expanded,
+            onOpenChange: toggleExpanded,
+            label,
+            phase,
+            maxVisibleSteps,
+            keepMounted: isActive || mountDetails,
+            actions: renderHeaderActions == null ? void 0 : renderHeaderActions({ phase, messageContent }),
+            meta: isActive ? renderRunningMeta == null ? void 0 : renderRunningMeta({ phase }) : null,
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 pl-5", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: toggleDetails,
+                  "aria-expanded": detailsExpanded,
+                  "aria-controls": detailsPanelId,
+                  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",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      lucideReact.ChevronRight,
+                      {
+                        "aria-hidden": "true",
+                        className: cnfast.cn(
+                          "size-3 transition-transform motion-reduce:transition-none",
+                          detailsExpanded && "rotate-90"
+                        )
+                      }
+                    ),
+                    detailsExpanded ? "Hide tool details" : "Show tool details"
+                  ]
+                }
+              ),
+              detailsMounted ? /* @__PURE__ */ jsxRuntime.jsx(
+                "section",
+                {
+                  id: detailsPanelId,
+                  "aria-label": "Run details",
+                  hidden: !expanded || !detailsExpanded,
+                  className: cnfast.cn(
+                    "min-w-0 space-y-2 overflow-hidden border-l border-border/60 py-2 pl-3",
+                    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 }) })
+                }
+              ) : null
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("output", { id: statusId, "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: phase === "waiting" ? "Waiting for your input" : latestStatus })
+      ]
+    }
+  );
+});
+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 { ChevronRight } from 'lucide-react';\nimport { type ComponentType, memo, type ReactNode, useEffect, useId, useMemo, useRef, useState } 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  getActivitySummary,\n  getFinalText,\n  resolveActivityPhase,\n} from './activity-timeline';\nimport { CollapsibleGroup, type CollapsibleGroupProps, SuperGroupingProvider } from './CollapsibleGroup';\nimport { createToolBasedGroupingFunction, type GroupingFunction } from './grouping-function';\nimport { ToolTimeline } from './ToolTimeline';\nimport { toTimelineStep } from './timeline-step';\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 = 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  /** 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  /**\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  /** 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: a compact current\n * action, an expandable tool timeline, and the original interactive tool UIs\n * behind a separate 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  mountDetails = 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 { expanded: detailsExpanded, toggleExpanded: toggleDetails } = useActivityExpansion({\n    expansionKey: `${expansionKeyProp ?? messageId}:details`,\n    phase,\n    expandWhileWaiting,\n  });\n  const steps = useMemo(\n    () => timeline.map((item, index) => toTimelineStep({ item, index, resolveToolDisplayName })),\n    [timeline, resolveToolDisplayName],\n  );\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: {\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 isActive = phase === 'running' || phase === 'waiting';\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\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={isActive ? renderRunningMeta?.({ phase }) : null}\n      >\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 space-y-2 overflow-hidden border-l border-border/60 py-2 pl-3',\n                classNames?.details,\n              )}\n            >\n              <SuperGroupingProvider value={groupingContext}>\n                <MessagePrimitive.Unstable_PartsGrouped groupingFunction={grouping} components={components} />\n              </SuperGroupingProvider>\n            </section>\n          ) : null}\n        </div>\n      </ToolTimeline>\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), 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","memo","SuperGroupingCard","ToolFallback","CollapsibleGroup","defaultGetToolGroupKey","groupingFunction","useAuiState","useMemo","buildActivityTimeline","resolveActivityPhase","countActivityTools","useId","toTimelineStep","excludeFinalTextFromGroups","createToolBasedGroupingFunction","getActivitySummary","jsxs","cn","jsx","ToolTimeline","ChevronRight","SuperGroupingProvider","MessagePrimitive","SuperGroupingFinalText","getFinalText"],"mappings":"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"}

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

@@ -37,7 +37,10 @@ export interface SuperGroupingCardProps {
     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 (Olympus's allotment store). */
+    /**
+     * 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;
@@ -45,7 +48,12 @@ export interface SuperGroupingCardProps {
     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". */
+    /**
+     * Keep the details panel mounted (hidden) while collapsed, so a host that
+     * needs to find content inside it (a deep link into the run's steps) can.
+     */
+    mountDetails?: boolean;
+    /** Latest steps shown when expanded; unresolved parallel calls always remain visible. */
     maxVisibleSteps?: number;
     /** Extra segments after the collapsed summary ("1m 23s", "12.4k tokens"), joined with " · ". */
     summaryDetails?: readonly string[];
@@ -65,10 +73,9 @@ export interface SuperGroupingCardProps {
     };
 }
 /**
- * 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
+ * The grouped ("conversational") view of an assistant turn: a compact current
+ * action, an expandable tool timeline, and the original interactive tool UIs
+ * behind a separate 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.
@@ -81,7 +88,7 @@ export interface SuperGroupingCardProps {
  * `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>;
+export declare const SuperGroupingCard: import("react").MemoExoticComponent<({ toolUIs, ToolFallback: ToolFallbackComponent, TextComponent, ReasoningComponent, GroupComponent, getToolGroupKey, groupingFunction, waitingTools, passThroughTools, waitingForInput, resolveToolDisplayName, expansionKey: expansionKeyProp, expandWhileWaiting, mountDetails, 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

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

@@ -0,0 +1,243 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useAuiState, MessagePrimitive } from "@assistant-ui/react";
+import { ChevronRight } from "lucide-react";
+import { memo, useMemo, useId, useState, useRef, useEffect } from "react";
+import { ToolFallback } from "../../tools/tool-fallback.js";
+import { buildActivityTimeline, resolveActivityPhase, countActivityTools, excludeFinalTextFromGroups, getActivitySummary, getFinalText } from "./activity-timeline.js";
+import { CollapsibleGroup, SuperGroupingProvider } from "./CollapsibleGroup.js";
+import { createToolBasedGroupingFunction } from "./grouping-function.js";
+import { ToolTimeline } from "./ToolTimeline.js";
+import { toTimelineStep } from "./timeline-step.js";
+import { defaultGetToolGroupKey } from "./toolkit-map.js";
+import { cn } from "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] = useState(
+    () => rememberedExpansions.get(expansionKey)
+  );
+  const [waitingAutoExpanded, setWaitingAutoExpanded] = useState(false);
+  const previousRef = useRef({ expansionKey, phase });
+  useEffect(() => {
+    setUserExpanded(rememberedExpansions.get(expansionKey));
+    setWaitingAutoExpanded(false);
+  }, [expansionKey]);
+  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 };
+}
+const SuperGroupingCard = memo(function SuperGroupingCard2({
+  toolUIs,
+  ToolFallback: ToolFallbackComponent = ToolFallback,
+  TextComponent,
+  ReasoningComponent,
+  GroupComponent = CollapsibleGroup,
+  getToolGroupKey = defaultGetToolGroupKey,
+  groupingFunction,
+  waitingTools,
+  passThroughTools,
+  waitingForInput = false,
+  resolveToolDisplayName,
+  expansionKey: expansionKeyProp,
+  expandWhileWaiting = false,
+  mountDetails = false,
+  maxVisibleSteps = DEFAULT_MAX_VISIBLE_STEPS,
+  summaryDetails,
+  renderHeaderActions,
+  renderRunningMeta,
+  className,
+  classNames
+}) {
+  const messageId = useAuiState((s) => s.message.id);
+  const messageContent = useAuiState(
+    (s) => s.message.role === "assistant" ? s.message.content : EMPTY_CONTENT
+  );
+  const messageStatus = useAuiState((s) => s.message.status);
+  const timeline = useMemo(() => {
+    const items = buildActivityTimeline(messageContent, messageStatus, {
+      waitingTools,
+      passThroughTools
+    });
+    return items.length > 0 ? items : EMPTY_TIMELINE;
+  }, [messageContent, messageStatus, waitingTools, passThroughTools]);
+  const phase = useMemo(
+    () => resolveActivityPhase(messageStatus, timeline, { waitingForInput }),
+    [messageStatus, timeline, waitingForInput]
+  );
+  const toolCount = countActivityTools(timeline);
+  const { expanded, toggleExpanded } = useActivityExpansion({
+    expansionKey: expansionKeyProp ?? messageId,
+    phase,
+    expandWhileWaiting
+  });
+  const generatedId = useId().replace(/[^A-Za-z0-9_-]/g, "");
+  const detailsPanelId = `aui-sg-details-${generatedId}`;
+  const statusId = `aui-sg-status-${generatedId}`;
+  const { expanded: detailsExpanded, toggleExpanded: toggleDetails } = useActivityExpansion({
+    expansionKey: `${expansionKeyProp ?? messageId}:details`,
+    phase,
+    expandWhileWaiting
+  });
+  const steps = useMemo(
+    () => timeline.map((item, index) => toTimelineStep({ item, index, resolveToolDisplayName })),
+    [timeline, resolveToolDisplayName]
+  );
+  const grouping = useMemo(
+    () => excludeFinalTextFromGroups(groupingFunction ?? createToolBasedGroupingFunction(getToolGroupKey)),
+    [groupingFunction, getToolGroupKey]
+  );
+  const groupingContext = useMemo(() => ({ groupingFunction: grouping }), [grouping]);
+  const components = 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 || mountDetails || expanded && detailsExpanded;
+  const activeSteps = steps.filter((step) => step.state === "running");
+  const currentStep = activeSteps.at(-1);
+  const latestStatus = phase === "waiting" ? "Waiting for you" : phase === "error" ? (messageStatus == null ? void 0 : messageStatus.type) === "incomplete" && messageStatus.reason === "cancelled" ? "Run stopped" : "Something went wrong" : phase === "running" ? currentStep ? [
+    currentStep.verb,
+    currentStep.chip,
+    activeSteps.length > 1 ? `${activeSteps.length} in progress` : null
+  ].filter(Boolean).join(" · ") : steps.length > 0 ? "Preparing response" : "Thinking" : getActivitySummary(timeline);
+  const label = [latestStatus, ...isActive ? [] : summaryDetails ?? []].join(" · ");
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-slot": "super-grouping-card",
+      "data-phase": phase,
+      "data-tool-count": toolCount,
+      className: cn("my-3 min-w-0", className, classNames == null ? void 0 : classNames.root),
+      "aria-busy": phase === "running" ? "true" : "false",
+      "aria-describedby": statusId,
+      children: [
+        /* @__PURE__ */ jsx(
+          ToolTimeline,
+          {
+            steps,
+            open: expanded,
+            onOpenChange: toggleExpanded,
+            label,
+            phase,
+            maxVisibleSteps,
+            keepMounted: isActive || mountDetails,
+            actions: renderHeaderActions == null ? void 0 : renderHeaderActions({ phase, messageContent }),
+            meta: isActive ? renderRunningMeta == null ? void 0 : renderRunningMeta({ phase }) : null,
+            children: /* @__PURE__ */ jsxs("div", { className: "min-w-0 pl-5", children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: toggleDetails,
+                  "aria-expanded": detailsExpanded,
+                  "aria-controls": detailsPanelId,
+                  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",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      ChevronRight,
+                      {
+                        "aria-hidden": "true",
+                        className: cn(
+                          "size-3 transition-transform motion-reduce:transition-none",
+                          detailsExpanded && "rotate-90"
+                        )
+                      }
+                    ),
+                    detailsExpanded ? "Hide tool details" : "Show tool details"
+                  ]
+                }
+              ),
+              detailsMounted ? /* @__PURE__ */ jsx(
+                "section",
+                {
+                  id: detailsPanelId,
+                  "aria-label": "Run details",
+                  hidden: !expanded || !detailsExpanded,
+                  className: cn(
+                    "min-w-0 space-y-2 overflow-hidden border-l border-border/60 py-2 pl-3",
+                    classNames == null ? void 0 : classNames.details
+                  ),
+                  children: /* @__PURE__ */ jsx(SuperGroupingProvider, { value: groupingContext, children: /* @__PURE__ */ jsx(MessagePrimitive.Unstable_PartsGrouped, { groupingFunction: grouping, components }) })
+                }
+              ) : null
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx("output", { id: statusId, "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: phase === "waiting" ? "Waiting for your input" : latestStatus })
+      ]
+    }
+  );
+});
+const SuperGroupingFinalText = memo(function SuperGroupingFinalText2({
+  TextComponent
+}) {
+  const messageContent = useAuiState(
+    (s) => s.message.role === "assistant" ? s.message.content : EMPTY_CONTENT
+  );
+  const statusType = useAuiState((s) => {
+    var _a;
+    return (_a = s.message.status) == null ? void 0 : _a.type;
+  });
+  const finalText = useMemo(() => getFinalText(messageContent), [messageContent]);
+  if (!finalText) return null;
+  return /* @__PURE__ */ jsx(
+    TextComponent,
+    {
+      type: "text",
+      text: finalText,
+      status: statusType === "running" || statusType === "requires-action" ? { type: "running" } : { type: "complete" }
+    }
+  );
+});
+export {
+  SuperGroupingCard,
+  SuperGroupingFinalText,
+  resetRememberedExpansionsForTests,
+  useActivityExpansion
+};
+//# sourceMappingURL=SuperGroupingCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SuperGroupingCard.js","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 { ChevronRight } from 'lucide-react';\nimport { type ComponentType, memo, type ReactNode, useEffect, useId, useMemo, useRef, useState } 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  getActivitySummary,\n  getFinalText,\n  resolveActivityPhase,\n} from './activity-timeline';\nimport { CollapsibleGroup, type CollapsibleGroupProps, SuperGroupingProvider } from './CollapsibleGroup';\nimport { createToolBasedGroupingFunction, type GroupingFunction } from './grouping-function';\nimport { ToolTimeline } from './ToolTimeline';\nimport { toTimelineStep } from './timeline-step';\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 = 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  /** 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  /**\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  /** 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: a compact current\n * action, an expandable tool timeline, and the original interactive tool UIs\n * behind a separate 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  mountDetails = 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 { expanded: detailsExpanded, toggleExpanded: toggleDetails } = useActivityExpansion({\n    expansionKey: `${expansionKeyProp ?? messageId}:details`,\n    phase,\n    expandWhileWaiting,\n  });\n  const steps = useMemo(\n    () => timeline.map((item, index) => toTimelineStep({ item, index, resolveToolDisplayName })),\n    [timeline, resolveToolDisplayName],\n  );\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: {\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 isActive = phase === 'running' || phase === 'waiting';\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\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={isActive ? renderRunningMeta?.({ phase }) : null}\n      >\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 space-y-2 overflow-hidden border-l border-border/60 py-2 pl-3',\n                classNames?.details,\n              )}\n            >\n              <SuperGroupingProvider value={groupingContext}>\n                <MessagePrimitive.Unstable_PartsGrouped groupingFunction={grouping} components={components} />\n              </SuperGroupingProvider>\n            </section>\n          ) : null}\n        </div>\n      </ToolTimeline>\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), 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":["SuperGroupingCard","SuperGroupingFinalText"],"mappings":"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"}