@athenaintel/react 0.28.1 → 0.30.0

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

@@ -3,6 +3,7 @@ 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 { collectAssetTitles } from "../../tools/tool-summary.js";
 import { buildActivityTimeline, resolveActivityPhase, countActivityTools, excludeFinalTextFromGroups, getActivitySummary, getFinalText } from "./activity-timeline.js";
 import { CollapsibleGroup, SuperGroupingProvider } from "./CollapsibleGroup.js";
 import { createToolBasedGroupingFunction } from "./grouping-function.js";
@@ -113,9 +114,10 @@ const SuperGroupingCard = memo(function SuperGroupingCard2({
     phase,
     expandWhileWaiting
   });
+  const assetTitles = useMemo(() => collectAssetTitles(messageContent), [messageContent]);
   const steps = useMemo(
-    () => timeline.map((item, index) => toTimelineStep({ item, index, resolveToolDisplayName })),
-    [timeline, resolveToolDisplayName]
+    () => timeline.map((item, index) => toTimelineStep({ item, index, resolveToolDisplayName, assetTitles })),
+    [timeline, resolveToolDisplayName, assetTitles]
   );
   const grouping = useMemo(
     () => excludeFinalTextFromGroups(groupingFunction ?? createToolBasedGroupingFunction(getToolGroupKey)),
@@ -167,7 +169,7 @@ const SuperGroupingCard = memo(function SuperGroupingCard2({
             maxVisibleSteps,
             keepMounted: isActive || mountDetails,
             actions: renderHeaderActions == null ? void 0 : renderHeaderActions({ phase, messageContent }),
-            meta: isActive ? renderRunningMeta == null ? void 0 : renderRunningMeta({ phase }) : null,
+            meta: phase === "running" ? renderRunningMeta == null ? void 0 : renderRunningMeta({ phase }) : null,
             children: /* @__PURE__ */ jsxs("div", { className: "min-w-0 pl-5", children: [
               /* @__PURE__ */ jsxs(
                 "button",
@@ -199,10 +201,10 @@ const SuperGroupingCard = memo(function SuperGroupingCard2({
                   "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",
+                    "min-w-0 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 }) })
+                  children: /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-2", classNames == null ? void 0 : classNames.detailsParts), children: /* @__PURE__ */ jsx(SuperGroupingProvider, { value: groupingContext, children: /* @__PURE__ */ jsx(MessagePrimitive.Unstable_PartsGrouped, { groupingFunction: grouping, components }) }) })
                 }
               ) : null
             ] })

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

@@ -1 +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":";;;;;;;;;;;;AA8BA,MAAM,4BAA4B;AAClC,MAAM,4BAA4B;AAClC,MAAM,iBAAiC,CAAA;AACvC,MAAM,gBAAuD,CAAA;AAU7D,MAAM,2CAA2B,IAAA;AAEjC,SAAS,kBAAkB,KAAa,UAAyB;AAC/D,uBAAqB,OAAO,GAAG;AAC/B,uBAAqB,IAAI,KAAK,QAAQ;AACtC,SAAO,qBAAqB,OAAO,2BAA2B;AAC5D,UAAM,YAAY,qBAAqB,KAAA,EAAO,OAAO;AACrD,QAAI,cAAc,OAAW;AAC7B,yBAAqB,OAAO,SAAS;AAAA,EACvC;AACF;AAEO,SAAS,oCAA0C;AACxD,uBAAqB,MAAA;AACvB;AAOO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA,qBAAqB;AACvB,GAIG;AACD,QAAM,CAAC,cAAc,eAAe,IAAI;AAAA,IAA8B,MACpE,qBAAqB,IAAI,YAAY;AAAA,EAAA;AAEvC,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,KAAK;AACpE,QAAM,cAAc,OAAO,EAAE,cAAc,OAAO;AAElD,YAAU,MAAM;AACd,oBAAgB,qBAAqB,IAAI,YAAY,CAAC;AACtD,2BAAuB,KAAK;AAAA,EAC9B,GAAG,CAAC,YAAY,CAAC;AAEjB,YAAU,MAAM;AACd,UAAM,WAAW,YAAY;AAC7B,QAAI,sBAAsB,SAAS,iBAAiB,cAAc;AAChE,UAAI,SAAS,UAAU,aAAa,UAAU,WAAW;AACvD,+BAAuB,IAAI;AAAA,MAC7B,WAAW,SAAS,UAAU,aAAa,UAAU,WAAW;AAC9D,+BAAuB,KAAK;AAAA,MAC9B;AAAA,IACF;AACA,gBAAY,UAAU,EAAE,cAAc,MAAA;AAAA,EACxC,GAAG,CAAC,cAAc,OAAO,kBAAkB,CAAC;AAE5C,QAAM,WAAW,wBAAwB,iBAAiB,sBAAsB,UAAU;AAC1F,QAAM,iBAAiB,MAAM;AAC3B,UAAM,OAAO,CAAC;AACd,2BAAuB,KAAK;AAC5B,sBAAkB,cAAc,IAAI;AACpC,oBAAgB,IAAI;AAAA,EACtB;AAEA,SAAO,EAAE,UAAU,eAAA;AACrB;AAsEO,MAAM,oBAAoB,KAAK,SAASA,mBAAkB;AAAA,EAC/D;AAAA,EACA,cAAc,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,YAAY,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE;AACjD,QAAM,iBAAiB;AAAA,IAAY,CAAC,MAClC,EAAE,QAAQ,SAAS,cAAc,EAAE,QAAQ,UAAU;AAAA,EAAA;AAEvD,QAAM,gBAAgB,YAAY,CAAC,MAAM,EAAE,QAAQ,MAAM;AAEzD,QAAM,WAAW,QAAQ,MAAM;AAC7B,UAAM,QAAQ,sBAAsB,gBAAgB,eAAe;AAAA,MACjE;AAAA,MACA;AAAA,IAAA,CACD;AACD,WAAO,MAAM,SAAS,IAAI,QAAQ;AAAA,EACpC,GAAG,CAAC,gBAAgB,eAAe,cAAc,gBAAgB,CAAC;AAClE,QAAM,QAAQ;AAAA,IACZ,MAAM,qBAAqB,eAAe,UAAU,EAAE,iBAAiB;AAAA,IACvE,CAAC,eAAe,UAAU,eAAe;AAAA,EAAA;AAE3C,QAAM,YAAY,mBAAmB,QAAQ;AAE7C,QAAM,EAAE,UAAU,eAAA,IAAmB,qBAAqB;AAAA,IACxD,cAAc,oBAAoB;AAAA,IAClC;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAM,cAAc,MAAA,EAAQ,QAAQ,mBAAmB,EAAE;AACzD,QAAM,iBAAiB,kBAAkB,WAAW;AACpD,QAAM,WAAW,iBAAiB,WAAW;AAC7C,QAAM,EAAE,UAAU,iBAAiB,gBAAgB,cAAA,IAAkB,qBAAqB;AAAA,IACxF,cAAc,GAAG,oBAAoB,SAAS;AAAA,IAC9C;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAM,QAAQ;AAAA,IACZ,MAAM,SAAS,IAAI,CAAC,MAAM,UAAU,eAAe,EAAE,MAAM,OAAO,uBAAA,CAAwB,CAAC;AAAA,IAC3F,CAAC,UAAU,sBAAsB;AAAA,EAAA;AAGnC,QAAM,WAAW;AAAA,IACf,MAAM,2BAA2B,oBAAoB,gCAAgC,eAAe,CAAC;AAAA,IACrG,CAAC,kBAAkB,eAAe;AAAA,EAAA;AAEpC,QAAM,kBAAkB,QAAQ,OAAO,EAAE,kBAAkB,aAAa,CAAC,QAAQ,CAAC;AAClF,QAAM,aAAa;AAAA,IACjB,OAAO;AAAA,MACL,OAAO;AAAA,QACL,GAAI,UAAU,EAAE,SAAS,QAAA,IAAY,CAAA;AAAA,QACrC,UAAU;AAAA,MAAA;AAAA,MAEZ,MAAM;AAAA,MACN,GAAI,qBAAqB,EAAE,WAAW,mBAAA,IAAuB,CAAA;AAAA,MAC7D,OAAO;AAAA,IAAA;AAAA,IAET,CAAC,SAAS,uBAAuB,eAAe,oBAAoB,cAAc;AAAA,EAAA;AAGpF,QAAM,WAAW,UAAU,aAAa,UAAU;AAClD,QAAM,cAAc,SAAS,SAAS,KAAK,UAAU;AACrD,MAAI,CAAC,YAAa,QAAO;AAIzB,QAAM,iBAAiB,YAAY,gBAAiB,YAAY;AAChE,QAAM,cAAc,MAAM,OAAO,CAAC,SAAS,KAAK,UAAU,SAAS;AACnE,QAAM,cAAc,YAAY,GAAG,EAAE;AACrC,QAAM,eACJ,UAAU,YACN,oBACA,UAAU,WACR,+CAAe,UAAS,gBAAgB,cAAc,WAAW,cAC/D,gBACA,yBACF,UAAU,YACR,cACE;AAAA,IACE,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY,SAAS,IAAI,GAAG,YAAY,MAAM,iBAAiB;AAAA,EAAA,EAE9D,OAAO,OAAO,EACd,KAAK,KAAK,IACb,MAAM,SAAS,IACb,uBACA,aACJ,mBAAmB,QAAQ;AACrC,QAAM,QAAQ,CAAC,cAAc,GAAI,WAAW,KAAM,kBAAkB,CAAA,CAAI,EAAE,KAAK,KAAK;AAEpF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY;AAAA,MACZ,mBAAiB;AAAA,MACjB,WAAW,GAAG,gBAAgB,WAAW,yCAAY,IAAI;AAAA,MACzD,aAAW,UAAU,YAAY,SAAS;AAAA,MAC1C,oBAAkB;AAAA,MAElB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,MAAM;AAAA,YACN,cAAc;AAAA,YACd;AAAA,YACA;AAAA,YACA;AAAA,YACA,aAAa,YAAY;AAAA,YACzB,SAAS,2DAAsB,EAAE,OAAO;YACxC,MAAM,WAAW,uDAAoB,EAAE,MAAA,KAAW;AAAA,YAElD,UAAA,qBAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS;AAAA,kBACT,iBAAe;AAAA,kBACf,iBAAe;AAAA,kBACf,WAAU;AAAA,kBAEV,UAAA;AAAA,oBAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,eAAY;AAAA,wBACZ,WAAW;AAAA,0BACT;AAAA,0BACA,mBAAmB;AAAA,wBAAA;AAAA,sBACrB;AAAA,oBAAA;AAAA,oBAED,kBAAkB,sBAAsB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAE1C,iBACC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,kBACJ,cAAW;AAAA,kBACX,QAAQ,CAAC,YAAY,CAAC;AAAA,kBACtB,WAAW;AAAA,oBACT;AAAA,oBACA,yCAAY;AAAA,kBAAA;AAAA,kBAGd,UAAA,oBAAC,uBAAA,EAAsB,OAAO,iBAC5B,UAAA,oBAAC,iBAAiB,uBAAjB,EAAuC,kBAAkB,UAAU,WAAA,CAAwB,EAAA,CAC9F;AAAA,gBAAA;AAAA,cAAA,IAEA;AAAA,YAAA,EAAA,CACN;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,oBAAC,UAAA,EAAO,IAAI,UAAU,aAAU,UAAS,eAAY,QAAO,WAAU,WACnE,UAAA,UAAU,YAAY,2BAA2B,aAAA,CACpD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAOM,MAAM,yBAAyB,KAAK,SAASC,wBAAuB;AAAA,EACzE;AACF,GAEG;AACD,QAAM,iBAAiB;AAAA,IAAY,CAAC,MAClC,EAAE,QAAQ,SAAS,cAAc,EAAE,QAAQ,UAAU;AAAA,EAAA;AAEvD,QAAM,aAAa,YAAY,CAAC;;AAAM,mBAAE,QAAQ,WAAV,mBAAkB;AAAA,GAAI;AAC5D,QAAM,YAAY,QAAQ,MAAM,aAAa,cAAc,GAAG,CAAC,cAAc,CAAC;AAE9E,MAAI,CAAC,UAAW,QAAO;AACvB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAM;AAAA,MACN,QACE,eAAe,aAAa,eAAe,oBACvC,EAAE,MAAM,UAAA,IACR,EAAE,MAAM,WAAA;AAAA,IAAW;AAAA,EAAA;AAI/B,CAAC;"}
+{"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 { collectAssetTitles } from '../../tools/tool-summary';\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  /**\n   * Inline on the header row, right of the status, while the turn is running\n   * (an elapsed counter). Not rendered while the turn waits on the person.\n   */\n  renderRunningMeta?: (context: { phase: ActivityPhase }) => ReactNode;\n  className?: string;\n  classNames?: {\n    root?: string;\n    details?: string;\n    /** The flex column the run's parts render in; override its gap here. */\n    detailsParts?: string;\n  };\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 assetTitles = useMemo(() => collectAssetTitles(messageContent), [messageContent]);\n  const steps = useMemo(\n    () =>\n      timeline.map((item, index) => toTimelineStep({ item, index, resolveToolDisplayName, assetTitles })),\n    [timeline, resolveToolDisplayName, assetTitles],\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={phase === 'running' ? 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 overflow-hidden border-l border-border/60 py-2 pl-3',\n                classNames?.details,\n              )}\n            >\n              <div className={cn('flex flex-col gap-2', classNames?.detailsParts)}>\n                <SuperGroupingProvider value={groupingContext}>\n                  <MessagePrimitive.Unstable_PartsGrouped groupingFunction={grouping} components={components} />\n                </SuperGroupingProvider>\n              </div>\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) and the words of any\n * spoken voice turn the message holds (`getFinalText`), 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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"}

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

@@ -0,0 +1,350 @@
+"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 stepText = require("../../tools/step-text.cjs");
+const toolFallback = require("../../tools/tool-fallback.cjs");
+const toolSummary = require("../../tools/tool-summary.cjs");
+const messageTime = require("../message-time.cjs");
+const activityTimeline = require("./activity-timeline.cjs");
+const CollapsibleGroup = require("./CollapsibleGroup.cjs");
+const groupingFunction = require("./grouping-function.cjs");
+const SuperGroupingCard = require("./SuperGroupingCard.cjs");
+const ToolTimeline = require("./ToolTimeline.cjs");
+const timelineStep = require("./timeline-step.cjs");
+const toolkitMap = require("./toolkit-map.cjs");
+const turnSegments = require("./turn-segments.cjs");
+const turnTiming = require("./turn-timing.cjs");
+const cnfast = require("cnfast");
+const DEFAULT_MAX_VISIBLE_STEPS = 6;
+const EMPTY_CONTENT = [];
+const EMPTY_STEPS = [];
+function useTurnTimingSources() {
+  const message = react$1.useAuiState((s) => s.message);
+  const promptCreatedAt = react$1.useAuiState((s) => {
+    var _a;
+    const previous = s.thread.messages[s.message.index - 1];
+    return (previous == null ? void 0 : previous.role) === "user" ? messageTime.readMessageCreatedAt((_a = previous.metadata) == null ? void 0 : _a.custom) : null;
+  });
+  const promptId = react$1.useAuiState((s) => {
+    const previous = s.thread.messages[s.message.index - 1];
+    return (previous == null ? void 0 : previous.role) === "user" ? previous.id : "";
+  });
+  const timing = react.useMemo(
+    () => {
+      var _a;
+      return turnTiming.readTurnTiming({
+        promptCreatedAt,
+        custom: (_a = message.metadata) == null ? void 0 : _a.custom,
+        sourceMessages: react$1.getExternalStoreMessages(message)
+      });
+    },
+    [message, promptCreatedAt]
+  );
+  return { timing, clockKey: `${promptId}:${message.id}` };
+}
+function WorkingFor({ startMs, clockKey }) {
+  const [now, setNow] = react.useState(() => Date.now());
+  react.useEffect(() => {
+    const timer = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(timer);
+  }, []);
+  const anchor = startMs ?? turnTiming.firstSeenMs(clockKey, now);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: turnTiming.workingLabel(Math.max(0, now - anchor)) });
+}
+function TurnStatus({
+  phase,
+  cancelled,
+  activitySummary,
+  toolCount,
+  summaryDetails
+}) {
+  const { timing, clockKey } = useTurnTimingSources();
+  const [observedEndMs, setObservedEndMs] = react.useState(() => turnTiming.observedTurnEndMs(clockKey));
+  const wasActive = react.useRef(phase === "running" || phase === "waiting");
+  react.useEffect(() => {
+    const active = phase === "running" || phase === "waiting";
+    if (wasActive.current && !active) setObservedEndMs(turnTiming.recordObservedTurnEnd(clockKey));
+    wasActive.current = active;
+  }, [phase, clockKey]);
+  if (phase === "running") return /* @__PURE__ */ jsxRuntime.jsx(WorkingFor, { startMs: timing.startMs, clockKey });
+  if (phase === "waiting") return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "Waiting for you" });
+  const workedMs = turnTiming.workedDurationMs(timing, observedEndMs);
+  if (phase === "error") {
+    if (!cancelled) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "Something went wrong" });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: workedMs !== null ? `Run stopped after ${turnTiming.formatWorkDuration(workedMs)}` : "Run stopped" });
+  }
+  const label = [
+    ...workedMs !== null ? [`Worked for ${turnTiming.formatWorkDuration(workedMs)}`] : [],
+    ...workedMs === null || toolCount > 0 || activitySummary !== "Reasoning complete" ? [activitySummary] : [],
+    ...summaryDetails ?? []
+  ].join(" · ");
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: label });
+}
+function TurnGlyph({ phase }) {
+  const className = "size-3.5 shrink-0";
+  if (phase === "running") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderCircle, { "aria-hidden": "true", className: cnfast.cn(className, "motion-safe:animate-spin") });
+  }
+  if (phase === "waiting") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { "aria-hidden": "true", className: cnfast.cn(className, "text-amber-600 dark:text-amber-400") });
+  }
+  if (phase === "error") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { "aria-hidden": "true", className: cnfast.cn(className, "text-destructive") });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { "aria-hidden": "true", className: cnfast.cn(className, "opacity-70") });
+}
+const ProseSegment = react.memo(function ProseSegment2({
+  text,
+  TextComponent
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "transcript-prose", className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(TextComponent, { type: "text", text, status: { type: "complete" } }) });
+});
+function ActivitySegment({
+  segment,
+  steps,
+  turnPhase,
+  expansionKey,
+  expandWhileWaiting,
+  mountDetails,
+  maxVisibleSteps,
+  grouping,
+  components,
+  classNames
+}) {
+  var _a, _b, _c;
+  const summary = turnSegments.summarizeSegment(steps);
+  const phase = summary.phase;
+  const { expanded, toggleExpanded } = SuperGroupingCard.useActivityExpansion({
+    expansionKey: `${expansionKey}:${segment.key}`,
+    phase,
+    expandWhileWaiting
+  });
+  const { expanded: detailsExpanded, toggleExpanded: toggleDetails } = SuperGroupingCard.useActivityExpansion({
+    expansionKey: `${expansionKey}:${segment.key}:details`,
+    phase,
+    expandWhileWaiting
+  });
+  const indicesKey = segment.partIndices.join(",");
+  const scopedGrouping = react.useMemo(
+    () => turnSegments.scopeGroupingToSegment(grouping, indicesKey.split(",").map(Number)),
+    [grouping, indicesKey]
+  );
+  const groupingContext = react.useMemo(() => ({ groupingFunction: scopedGrouping }), [scopedGrouping]);
+  const detailsPanelId = `aui-sg-segment-${react.useId().replace(/[^A-Za-z0-9_-]/g, "")}`;
+  const isTurnActive = turnPhase === "running" || turnPhase === "waiting";
+  const detailsMounted = isTurnActive || mountDetails || expanded && detailsExpanded;
+  const hasToolSteps = steps.some((step) => step.kind === "tool");
+  const meta = [(_a = summary.step) == null ? void 0 : _a.chip, summary.meta].filter(Boolean).join(" · ");
+  if (steps.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "transcript-parts", className: cnfast.cn("flex min-w-0 flex-col gap-2", classNames == null ? void 0 : classNames.detailsParts), children: /* @__PURE__ */ jsxRuntime.jsx(CollapsibleGroup.SuperGroupingProvider, { value: groupingContext, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.MessagePrimitive.Unstable_PartsGrouped, { groupingFunction: scopedGrouping, components }) }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "activity-segment", "data-phase": phase, "data-segment-key": segment.key, className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+    ToolTimeline.ToolTimeline,
+    {
+      steps,
+      open: expanded,
+      onOpenChange: toggleExpanded,
+      label: /* @__PURE__ */ jsxRuntime.jsx(stepText.StepText, { text: summary.label, code: (_b = summary.step) == null ? void 0 : _b.code }),
+      labelTitle: (_c = summary.step) == null ? void 0 : _c.detail,
+      phase,
+      maxVisibleSteps,
+      keepMounted: isTurnActive || mountDetails,
+      meta: meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "activity-segment-meta", children: meta }) : 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 ? hasToolSteps ? "Hide tool details" : "Hide thinking" : hasToolSteps ? "Show tool details" : "Show thinking"
+            ]
+          }
+        ),
+        detailsMounted ? /* @__PURE__ */ jsxRuntime.jsx(
+          "section",
+          {
+            id: detailsPanelId,
+            "aria-label": "Step details",
+            hidden: !expanded || !detailsExpanded,
+            className: cnfast.cn(
+              "min-w-0 overflow-hidden border-l border-border/60 py-2 pl-3",
+              classNames == null ? void 0 : classNames.details
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cnfast.cn("flex flex-col gap-2", classNames == null ? void 0 : classNames.detailsParts), children: /* @__PURE__ */ jsxRuntime.jsx(CollapsibleGroup.SuperGroupingProvider, { value: groupingContext, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.MessagePrimitive.Unstable_PartsGrouped, { groupingFunction: scopedGrouping, components }) }) })
+          }
+        ) : null
+      ] })
+    }
+  ) });
+}
+const SuperGroupingTranscript = react.memo(function SuperGroupingTranscript2({
+  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(
+    () => activityTimeline.buildActivityTimeline(messageContent, messageStatus, { waitingTools, passThroughTools }),
+    [messageContent, messageStatus, waitingTools, passThroughTools]
+  );
+  const phase = react.useMemo(
+    () => activityTimeline.resolveActivityPhase(messageStatus, timeline, { waitingForInput }),
+    [messageStatus, timeline, waitingForInput]
+  );
+  const assetTitles = react.useMemo(() => toolSummary.collectAssetTitles(messageContent), [messageContent]);
+  const stepsByPart = react.useMemo(() => {
+    const byPart = /* @__PURE__ */ new Map();
+    timeline.forEach((item, index) => {
+      if (item.partIndex === void 0) return;
+      byPart.set(item.partIndex, timelineStep.toTimelineStep({ item, index, resolveToolDisplayName, assetTitles }));
+    });
+    return byPart;
+  }, [timeline, resolveToolDisplayName, assetTitles]);
+  const segments = react.useMemo(() => turnSegments.splitTurnSegments(messageContent), [messageContent]);
+  const grouping = react.useMemo(
+    () => groupingFunction$1 ?? groupingFunction.createToolBasedGroupingFunction(getToolGroupKey),
+    [groupingFunction$1, getToolGroupKey]
+  );
+  const components = react.useMemo(
+    () => ({
+      tools: {
+        ...toolUIs ? { by_name: toolUIs } : {},
+        Fallback: ToolFallbackComponent
+      },
+      Text: TextComponent,
+      ...ReasoningComponent ? { Reasoning: ReasoningComponent } : {},
+      Group: GroupComponent
+    }),
+    [toolUIs, ToolFallbackComponent, TextComponent, ReasoningComponent, GroupComponent]
+  );
+  const statusId = `aui-sg-turn-${react.useId().replace(/[^A-Za-z0-9_-]/g, "")}`;
+  const hasText = messageContent.some((part) => part.type === "text" && part.text.trim() !== "");
+  const isVisible = timeline.length > 0 || phase === "waiting" || phase === "error" || phase === "running" && !hasText;
+  if (!isVisible) return null;
+  const expansionKey = expansionKeyProp ?? messageId;
+  const toolCount = activityTimeline.countActivityTools(timeline);
+  const runningStep = [...stepsByPart.values()].filter((step) => step.state === "running").at(-1);
+  const cancelled = (messageStatus == null ? void 0 : messageStatus.type) === "incomplete" && messageStatus.reason === "cancelled";
+  const activitySummary = activityTimeline.getActivitySummary(timeline);
+  const announcement = phase === "running" ? (runningStep == null ? void 0 : runningStep.verb) ?? "Working" : phase === "waiting" ? "Waiting for your input" : phase === "error" ? cancelled ? "Run stopped" : "Something went wrong" : activitySummary;
+  const actions = renderHeaderActions == null ? void 0 : renderHeaderActions({ phase, messageContent });
+  const meta = phase === "running" ? renderRunningMeta == null ? void 0 : renderRunningMeta({ phase }) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      "data-slot": "super-grouping-transcript",
+      "data-phase": phase,
+      "data-tool-count": toolCount,
+      className: cnfast.cn("my-3 flex min-w-0 flex-col gap-1", className, classNames == null ? void 0 : classNames.root),
+      "aria-busy": phase === "running" ? "true" : "false",
+      "aria-describedby": statusId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "data-slot": "turn-header",
+            className: cnfast.cn(
+              "flex min-w-0 items-center gap-2 py-1 text-[13px] text-muted-foreground",
+              classNames == null ? void 0 : classNames.header
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(TurnGlyph, { phase }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "data-slot": "turn-status",
+                  className: cnfast.cn(
+                    "min-w-0 flex-1 truncate tabular-nums leading-5",
+                    phase === "error" && !cancelled && "text-destructive"
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    TurnStatus,
+                    {
+                      phase,
+                      cancelled,
+                      activitySummary,
+                      toolCount,
+                      summaryDetails
+                    }
+                  )
+                }
+              ),
+              meta ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "turn-meta", className: "flex shrink-0 items-center text-xs tabular-nums", children: meta }) : null,
+              actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-1", children: actions }) : null
+            ]
+          }
+        ),
+        segments.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-slot": "super-grouping-transcript-body",
+            className: cnfast.cn("flex min-w-0 flex-col gap-1.5", classNames == null ? void 0 : classNames.body),
+            children: segments.map(
+              (segment) => segment.kind === "prose" ? /* @__PURE__ */ jsxRuntime.jsx(ProseSegment, { text: segment.text, TextComponent }, segment.key) : /* @__PURE__ */ jsxRuntime.jsx(
+                ActivitySegment,
+                {
+                  segment,
+                  steps: segmentSteps(segment, stepsByPart),
+                  turnPhase: phase,
+                  expansionKey,
+                  expandWhileWaiting,
+                  mountDetails,
+                  maxVisibleSteps,
+                  grouping,
+                  components,
+                  classNames
+                },
+                segment.key
+              )
+            )
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("output", { id: statusId, "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: announcement })
+      ]
+    }
+  );
+});
+function segmentSteps(segment, stepsByPart) {
+  const steps = segment.partIndices.map((index) => stepsByPart.get(index)).filter((step) => step !== void 0);
+  return steps.length > 0 ? steps : EMPTY_STEPS;
+}
+exports.SuperGroupingTranscript = SuperGroupingTranscript;
+//# sourceMappingURL=SuperGroupingTranscript.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SuperGroupingTranscript.cjs","sources":["../../../src/chat/super-grouping/SuperGroupingTranscript.tsx"],"sourcesContent":["'use client';\n\nimport {\n  getExternalStoreMessages,\n  MessagePrimitive,\n  type TextMessagePartComponent,\n  type ThreadAssistantMessagePart,\n  useAuiState,\n} from '@assistant-ui/react';\nimport { AlertCircle, Check, ChevronRight, Circle, LoaderCircle } from 'lucide-react';\nimport { memo, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { StepText } from '../../tools/step-text';\nimport { ToolFallback } from '../../tools/tool-fallback';\nimport { collectAssetTitles } from '../../tools/tool-summary';\nimport { readMessageCreatedAt } from '../message-time';\nimport {\n  type ActivityPhase,\n  buildActivityTimeline,\n  countActivityTools,\n  getActivitySummary,\n  resolveActivityPhase,\n} from './activity-timeline';\nimport { CollapsibleGroup, SuperGroupingProvider } from './CollapsibleGroup';\nimport { createToolBasedGroupingFunction, type GroupingFunction } from './grouping-function';\nimport { type SuperGroupingCardProps, useActivityExpansion } from './SuperGroupingCard';\nimport { ToolTimeline } from './ToolTimeline';\nimport { type TimelineStep, toTimelineStep } from './timeline-step';\nimport { defaultGetToolGroupKey } from './toolkit-map';\nimport {\n  scopeGroupingToSegment,\n  splitTurnSegments,\n  summarizeSegment,\n  type TurnSegment,\n} from './turn-segments';\nimport {\n  firstSeenMs,\n  formatWorkDuration,\n  observedTurnEndMs,\n  readTurnTiming,\n  recordObservedTurnEnd,\n  type TurnTiming,\n  workedDurationMs,\n  workingLabel,\n} from './turn-timing';\n\nconst DEFAULT_MAX_VISIBLE_STEPS = 6;\nconst EMPTY_CONTENT: readonly ThreadAssistantMessagePart[] = [];\nconst EMPTY_STEPS: readonly TimelineStep[] = [];\n\nexport interface SuperGroupingTranscriptProps\n  extends Pick<\n    SuperGroupingCardProps,\n    | 'toolUIs'\n    | 'ToolFallback'\n    | 'TextComponent'\n    | 'ReasoningComponent'\n    | 'GroupComponent'\n    | 'getToolGroupKey'\n    | 'groupingFunction'\n    | 'waitingTools'\n    | 'passThroughTools'\n    | 'waitingForInput'\n    | 'resolveToolDisplayName'\n    | 'expansionKey'\n    | 'expandWhileWaiting'\n    | 'mountDetails'\n    | 'summaryDetails'\n    | 'renderHeaderActions'\n    | 'renderRunningMeta'\n    | 'className'\n  > {\n  /** Steps an opened segment lists before older ones fold away; unresolved calls always show. */\n  maxVisibleSteps?: number;\n  classNames?: {\n    root?: string;\n    header?: string;\n    body?: string;\n    details?: string;\n    /** The flex column a segment's parts render in; override its gap here. */\n    detailsParts?: string;\n  };\n}\n\n// ─── Turn timing ───────────────────────────────────────────────────────\n\n/**\n * The turn's stamps: the prompt it answers, its joined metadata, and the raw\n * messages behind it. Reads the whole message (the bound raw messages hang off\n * it), so only the small header status subscribes here, never the transcript.\n */\nfunction useTurnTimingSources(): { timing: TurnTiming; clockKey: string } {\n  const message = useAuiState((s) => s.message);\n  const promptCreatedAt = useAuiState((s) => {\n    const previous = s.thread.messages[s.message.index - 1];\n    return previous?.role === 'user' ? readMessageCreatedAt(previous.metadata?.custom) : null;\n  });\n  const promptId = useAuiState((s) => {\n    const previous = s.thread.messages[s.message.index - 1];\n    return previous?.role === 'user' ? previous.id : '';\n  });\n  const timing = useMemo(\n    () =>\n      readTurnTiming({\n        promptCreatedAt,\n        custom: message.metadata?.custom,\n        sourceMessages: getExternalStoreMessages<unknown>(message),\n      }),\n    [message, promptCreatedAt],\n  );\n  return { timing, clockKey: `${promptId}:${message.id}` };\n}\n\n/** \"Working for 1m 12s\", re-rendered once a second by itself so the transcript does not. */\nfunction WorkingFor({ startMs, clockKey }: { startMs: number | null; clockKey: string }) {\n  const [now, setNow] = useState(() => Date.now());\n  useEffect(() => {\n    const timer = setInterval(() => setNow(Date.now()), 1000);\n    return () => clearInterval(timer);\n  }, []);\n  const anchor = startMs ?? firstSeenMs(clockKey, now);\n  return <>{workingLabel(Math.max(0, now - anchor))}</>;\n}\n\n/**\n * The header's words: \"Working for 1m 12s\" while the turn runs, \"Worked for\n * 2m 30s · Used 7 tools\" once done, \"Waiting for you\", or how it ended.\n */\nfunction TurnStatus({\n  phase,\n  cancelled,\n  activitySummary,\n  toolCount,\n  summaryDetails,\n}: {\n  phase: ActivityPhase;\n  cancelled: boolean;\n  activitySummary: string;\n  toolCount: number;\n  summaryDetails: readonly string[] | undefined;\n}) {\n  const { timing, clockKey } = useTurnTimingSources();\n  const [observedEndMs, setObservedEndMs] = useState(() => observedTurnEndMs(clockKey));\n  const wasActive = useRef(phase === 'running' || phase === 'waiting');\n  useEffect(() => {\n    const active = phase === 'running' || phase === 'waiting';\n    if (wasActive.current && !active) setObservedEndMs(recordObservedTurnEnd(clockKey));\n    wasActive.current = active;\n  }, [phase, clockKey]);\n  if (phase === 'running') return <WorkingFor startMs={timing.startMs} clockKey={clockKey} />;\n  if (phase === 'waiting') return <>Waiting for you</>;\n  const workedMs = workedDurationMs(timing, observedEndMs);\n  if (phase === 'error') {\n    if (!cancelled) return <>Something went wrong</>;\n    return <>{workedMs !== null ? `Run stopped after ${formatWorkDuration(workedMs)}` : 'Run stopped'}</>;\n  }\n  const label = [\n    ...(workedMs !== null ? [`Worked for ${formatWorkDuration(workedMs)}`] : []),\n    ...(workedMs === null || toolCount > 0 || activitySummary !== 'Reasoning complete' ? [activitySummary] : []),\n    ...(summaryDetails ?? []),\n  ].join(' · ');\n  return <>{label}</>;\n}\n\nfunction TurnGlyph({ phase }: { phase: ActivityPhase }) {\n  const className = 'size-3.5 shrink-0';\n  if (phase === 'running') {\n    return <LoaderCircle aria-hidden=\"true\" className={cn(className, 'motion-safe:animate-spin')} />;\n  }\n  if (phase === 'waiting') {\n    return <Circle aria-hidden=\"true\" className={cn(className, 'text-amber-600 dark:text-amber-400')} />;\n  }\n  if (phase === 'error') {\n    return <AlertCircle aria-hidden=\"true\" className={cn(className, 'text-destructive')} />;\n  }\n  return <Check aria-hidden=\"true\" className={cn(className, 'opacity-70')} />;\n}\n\n// ─── Segments ──────────────────────────────────────────────────────────\n\nconst ProseSegment = memo(function ProseSegment({\n  text,\n  TextComponent,\n}: {\n  text: string;\n  TextComponent: TextMessagePartComponent;\n}) {\n  return (\n    <div data-slot=\"transcript-prose\" className=\"min-w-0\">\n      <TextComponent type=\"text\" text={text} status={{ type: 'complete' }} />\n    </div>\n  );\n});\n\ninterface ActivitySegmentProps {\n  segment: Extract<TurnSegment, { kind: 'activity' }>;\n  steps: readonly TimelineStep[];\n  turnPhase: ActivityPhase;\n  expansionKey: string;\n  expandWhileWaiting: boolean;\n  mountDetails: boolean;\n  maxVisibleSteps: number;\n  grouping: GroupingFunction;\n  components: Parameters<typeof MessagePrimitive.Unstable_PartsGrouped>[0]['components'];\n  classNames: SuperGroupingTranscriptProps['classNames'];\n}\n\n/**\n * One collapsed run of work between two of the agent's sentences: the step in\n * progress (or the last one taken) on one line, the segment's steps when\n * opened, and the tool UIs of just this segment behind \"Show tool details\".\n * The tool UIs stay mounted (hidden) while the turn is live so their effects\n * run, as in `SuperGroupingCard`.\n */\nfunction ActivitySegment({\n  segment,\n  steps,\n  turnPhase,\n  expansionKey,\n  expandWhileWaiting,\n  mountDetails,\n  maxVisibleSteps,\n  grouping,\n  components,\n  classNames,\n}: ActivitySegmentProps) {\n  const summary = summarizeSegment(steps);\n  const phase = summary.phase;\n  const { expanded, toggleExpanded } = useActivityExpansion({\n    expansionKey: `${expansionKey}:${segment.key}`,\n    phase,\n    expandWhileWaiting,\n  });\n  const { expanded: detailsExpanded, toggleExpanded: toggleDetails } = useActivityExpansion({\n    expansionKey: `${expansionKey}:${segment.key}:details`,\n    phase,\n    expandWhileWaiting,\n  });\n  const indicesKey = segment.partIndices.join(',');\n  const scopedGrouping = useMemo(\n    () => scopeGroupingToSegment(grouping, indicesKey.split(',').map(Number)),\n    [grouping, indicesKey],\n  );\n  const groupingContext = useMemo(() => ({ groupingFunction: scopedGrouping }), [scopedGrouping]);\n  const detailsPanelId = `aui-sg-segment-${useId().replace(/[^A-Za-z0-9_-]/g, '')}`;\n\n  const isTurnActive = turnPhase === 'running' || turnPhase === 'waiting';\n  const detailsMounted = isTurnActive || mountDetails || (expanded && detailsExpanded);\n  const hasToolSteps = steps.some((step) => step.kind === 'tool');\n  const meta = [summary.step?.chip, summary.meta].filter(Boolean).join(' · ');\n\n  // Parts with no step of their own (an image the agent produced) are content, not work.\n  if (steps.length === 0) {\n    return (\n      <div data-slot=\"transcript-parts\" className={cn('flex min-w-0 flex-col gap-2', classNames?.detailsParts)}>\n        <SuperGroupingProvider value={groupingContext}>\n          <MessagePrimitive.Unstable_PartsGrouped groupingFunction={scopedGrouping} components={components} />\n        </SuperGroupingProvider>\n      </div>\n    );\n  }\n\n  return (\n    <div data-slot=\"activity-segment\" data-phase={phase} data-segment-key={segment.key} className=\"min-w-0\">\n      <ToolTimeline\n        steps={steps}\n        open={expanded}\n        onOpenChange={toggleExpanded}\n        label={<StepText text={summary.label} code={summary.step?.code} />}\n        labelTitle={summary.step?.detail}\n        phase={phase}\n        maxVisibleSteps={maxVisibleSteps}\n        keepMounted={isTurnActive || mountDetails}\n        meta={meta ? <span data-slot=\"activity-segment-meta\">{meta}</span> : 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\n              ? hasToolSteps\n                ? 'Hide tool details'\n                : 'Hide thinking'\n              : hasToolSteps\n                ? 'Show tool details'\n                : 'Show thinking'}\n          </button>\n          {detailsMounted ? (\n            <section\n              id={detailsPanelId}\n              aria-label=\"Step details\"\n              hidden={!expanded || !detailsExpanded}\n              className={cn(\n                'min-w-0 overflow-hidden border-l border-border/60 py-2 pl-3',\n                classNames?.details,\n              )}\n            >\n              <div className={cn('flex flex-col gap-2', classNames?.detailsParts)}>\n                <SuperGroupingProvider value={groupingContext}>\n                  <MessagePrimitive.Unstable_PartsGrouped groupingFunction={scopedGrouping} components={components} />\n                </SuperGroupingProvider>\n              </div>\n            </section>\n          ) : null}\n        </div>\n      </ToolTimeline>\n    </div>\n  );\n}\n\n// ─── Transcript ────────────────────────────────────────────────────────\n\n/**\n * The grouped (\"conversational\") view of an assistant turn as a transcript:\n * a header that says how long the turn has been working (\"Working for\n * 1m 12s\", then \"Worked for 2m 30s\"), then the agent's own sentences in the\n * order it wrote them, each run of work between them folded into one\n * collapsed activity segment that names its step (\"Ran `git log -1`\",\n * \"Read `config.ts`\"). The answer — the text after the last tool call —\n * renders below it through `SuperGroupingFinalText`, exactly as under\n * `SuperGroupingCard`, so no text renders twice.\n *\n * Takes the same renderer and host slots as `SuperGroupingCard`;\n * `renderRunningMeta` and `renderHeaderActions` sit on the header row.\n *\n * Selector discipline: raw reads only (`message`, `message.content`,\n * `message.status`, the previous message's stamp and id); every derivation\n * runs in `useMemo`.\n */\nexport const SuperGroupingTranscript = memo(function SuperGroupingTranscript({\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}: SuperGroupingTranscriptProps) {\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    () => buildActivityTimeline(messageContent, messageStatus, { waitingTools, passThroughTools }),\n    [messageContent, messageStatus, waitingTools, passThroughTools],\n  );\n  const phase = useMemo(\n    () => resolveActivityPhase(messageStatus, timeline, { waitingForInput }),\n    [messageStatus, timeline, waitingForInput],\n  );\n  const assetTitles = useMemo(() => collectAssetTitles(messageContent), [messageContent]);\n  const stepsByPart = useMemo(() => {\n    const byPart = new Map<number, TimelineStep>();\n    timeline.forEach((item, index) => {\n      if (item.partIndex === undefined) return;\n      byPart.set(item.partIndex, toTimelineStep({ item, index, resolveToolDisplayName, assetTitles }));\n    });\n    return byPart;\n  }, [timeline, resolveToolDisplayName, assetTitles]);\n  const segments = useMemo(() => splitTurnSegments(messageContent), [messageContent]);\n  const grouping = useMemo(\n    () => groupingFunction ?? createToolBasedGroupingFunction(getToolGroupKey),\n    [groupingFunction, getToolGroupKey],\n  );\n  const components = useMemo(\n    () => ({\n      tools: {\n        ...(toolUIs ? { by_name: toolUIs } : {}),\n        Fallback: ToolFallbackComponent,\n      },\n      Text: TextComponent,\n      ...(ReasoningComponent ? { Reasoning: ReasoningComponent } : {}),\n      Group: GroupComponent,\n    }),\n    [toolUIs, ToolFallbackComponent, TextComponent, ReasoningComponent, GroupComponent],\n  );\n  const statusId = `aui-sg-turn-${useId().replace(/[^A-Za-z0-9_-]/g, '')}`;\n\n  const hasText = messageContent.some((part) => part.type === 'text' && part.text.trim() !== '');\n  const isVisible =\n    timeline.length > 0 || phase === 'waiting' || phase === 'error' || (phase === 'running' && !hasText);\n  if (!isVisible) return null;\n\n  const expansionKey = expansionKeyProp ?? messageId;\n  const toolCount = countActivityTools(timeline);\n  const runningStep = [...stepsByPart.values()].filter((step) => step.state === 'running').at(-1);\n  const cancelled = messageStatus?.type === 'incomplete' && messageStatus.reason === 'cancelled';\n  const activitySummary = getActivitySummary(timeline);\n  // The live region speaks what changed, never the ticking clock.\n  const announcement =\n    phase === 'running'\n      ? (runningStep?.verb ?? 'Working')\n      : phase === 'waiting'\n        ? 'Waiting for your input'\n        : phase === 'error'\n          ? cancelled\n            ? 'Run stopped'\n            : 'Something went wrong'\n          : activitySummary;\n  const actions = renderHeaderActions?.({ phase, messageContent });\n  const meta = phase === 'running' ? renderRunningMeta?.({ phase }) : null;\n\n  return (\n    <section\n      data-slot=\"super-grouping-transcript\"\n      data-phase={phase}\n      data-tool-count={toolCount}\n      className={cn('my-3 flex min-w-0 flex-col gap-1', className, classNames?.root)}\n      aria-busy={phase === 'running' ? 'true' : 'false'}\n      aria-describedby={statusId}\n    >\n      <div\n        data-slot=\"turn-header\"\n        className={cn(\n          'flex min-w-0 items-center gap-2 py-1 text-[13px] text-muted-foreground',\n          classNames?.header,\n        )}\n      >\n        <TurnGlyph phase={phase} />\n        <span\n          data-slot=\"turn-status\"\n          className={cn(\n            'min-w-0 flex-1 truncate tabular-nums leading-5',\n            phase === 'error' && !cancelled && 'text-destructive',\n          )}\n        >\n          <TurnStatus\n            phase={phase}\n            cancelled={cancelled}\n            activitySummary={activitySummary}\n            toolCount={toolCount}\n            summaryDetails={summaryDetails}\n          />\n        </span>\n        {meta ? (\n          <div data-slot=\"turn-meta\" className=\"flex shrink-0 items-center text-xs tabular-nums\">\n            {meta}\n          </div>\n        ) : null}\n        {actions ? <div className=\"flex shrink-0 items-center gap-1\">{actions}</div> : null}\n      </div>\n      {segments.length > 0 ? (\n        <div\n          data-slot=\"super-grouping-transcript-body\"\n          className={cn('flex min-w-0 flex-col gap-1.5', classNames?.body)}\n        >\n          {segments.map((segment) =>\n            segment.kind === 'prose' ? (\n              <ProseSegment key={segment.key} text={segment.text} TextComponent={TextComponent} />\n            ) : (\n              <ActivitySegment\n                key={segment.key}\n                segment={segment}\n                steps={segmentSteps(segment, stepsByPart)}\n                turnPhase={phase}\n                expansionKey={expansionKey}\n                expandWhileWaiting={expandWhileWaiting}\n                mountDetails={mountDetails}\n                maxVisibleSteps={maxVisibleSteps}\n                grouping={grouping}\n                components={components}\n                classNames={classNames}\n              />\n            ),\n          )}\n        </div>\n      ) : null}\n      <output id={statusId} aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n        {announcement}\n      </output>\n    </section>\n  );\n});\n\nfunction segmentSteps(\n  segment: Extract<TurnSegment, { kind: 'activity' }>,\n  stepsByPart: ReadonlyMap<number, TimelineStep>,\n): readonly TimelineStep[] {\n  const steps = segment.partIndices\n    .map((index) => stepsByPart.get(index))\n    .filter((step): step is TimelineStep => step !== undefined);\n  return steps.length > 0 ? steps : EMPTY_STEPS;\n}\n"],"names":["useAuiState","readMessageCreatedAt","useMemo","readTurnTiming","getExternalStoreMessages","useState","useEffect","firstSeenMs","jsx","Fragment","observedTurnEndMs","useRef","recordObservedTurnEnd","workedDurationMs","formatWorkDuration","LoaderCircle","cn","Circle","AlertCircle","Check","memo","ProseSegment","summarizeSegment","useActivityExpansion","scopeGroupingToSegment","useId","SuperGroupingProvider","MessagePrimitive","ToolTimeline","StepText","jsxs","ChevronRight","SuperGroupingTranscript","ToolFallback","CollapsibleGroup","defaultGetToolGroupKey","groupingFunction","buildActivityTimeline","resolveActivityPhase","collectAssetTitles","toTimelineStep","splitTurnSegments","createToolBasedGroupingFunction","countActivityTools","getActivitySummary"],"mappings":"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"}

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

@@ -0,0 +1,31 @@
+import { type SuperGroupingCardProps } from './SuperGroupingCard';
+export interface SuperGroupingTranscriptProps extends Pick<SuperGroupingCardProps, 'toolUIs' | 'ToolFallback' | 'TextComponent' | 'ReasoningComponent' | 'GroupComponent' | 'getToolGroupKey' | 'groupingFunction' | 'waitingTools' | 'passThroughTools' | 'waitingForInput' | 'resolveToolDisplayName' | 'expansionKey' | 'expandWhileWaiting' | 'mountDetails' | 'summaryDetails' | 'renderHeaderActions' | 'renderRunningMeta' | 'className'> {
+    /** Steps an opened segment lists before older ones fold away; unresolved calls always show. */
+    maxVisibleSteps?: number;
+    classNames?: {
+        root?: string;
+        header?: string;
+        body?: string;
+        details?: string;
+        /** The flex column a segment's parts render in; override its gap here. */
+        detailsParts?: string;
+    };
+}
+/**
+ * The grouped ("conversational") view of an assistant turn as a transcript:
+ * a header that says how long the turn has been working ("Working for
+ * 1m 12s", then "Worked for 2m 30s"), then the agent's own sentences in the
+ * order it wrote them, each run of work between them folded into one
+ * collapsed activity segment that names its step ("Ran `git log -1`",
+ * "Read `config.ts`"). The answer — the text after the last tool call —
+ * renders below it through `SuperGroupingFinalText`, exactly as under
+ * `SuperGroupingCard`, so no text renders twice.
+ *
+ * Takes the same renderer and host slots as `SuperGroupingCard`;
+ * `renderRunningMeta` and `renderHeaderActions` sit on the header row.
+ *
+ * Selector discipline: raw reads only (`message`, `message.content`,
+ * `message.status`, the previous message's stamp and id); every derivation
+ * runs in `useMemo`.
+ */
+export declare const SuperGroupingTranscript: 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, }: SuperGroupingTranscriptProps) => import("react").JSX.Element | null>;