@athenaintel/react 0.55.0 → 0.57.0

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleGroup.cjs","sources":["../../../src/chat/super-grouping/CollapsibleGroup.tsx"],"sourcesContent":["import { useAuiState } from '@assistant-ui/react';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useId, useMemo, useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { createToolBasedGroupingFunction, type GroupingFunction } from './grouping-function';\nimport { defaultGetToolGroupKey } from './toolkit-map';\n\n/**\n * Per-toolkit theme: the brand color that tints the group header, and an\n * optional icon URL a host serves (Olympus ships toolkit SVGs; the SDK does\n * not bundle images, so it tints only).\n */\nexport type ToolkitTheme = {\n  /** Hex brand color for this toolkit. */\n  color: string;\n  /** Absolute or root-relative URL of the toolkit icon, when the host has one. */\n  icon?: string;\n};\n\n/** Brand colors keyed by toolkit display name — the group keys the grouping function emits. */\nexport const TOOLKIT_THEMES: Record<string, ToolkitTheme> = {\n  Web: { color: '#7BCCFA' },\n  Document: { color: '#4586F9' },\n  'Document (Word)': { color: '#4586F9' },\n  Notebook: { color: '#FFAB00' },\n  Python: { color: '#00A76F' },\n  Spreadsheet: { color: '#00A76F' },\n  Email: { color: '#B584FF' },\n  AOP: { color: '#336DFF' },\n  App: { color: '#7336F5' },\n  Presentation: { color: '#F56B36' },\n  'User Interface': { color: '#7336F5' },\n  Canvas: { color: '#002542' },\n  Computer: { color: '#3E0042' },\n  Database: { color: '#7336F5' },\n  'Chrome Browser': { color: '#4285F4' },\n};\n\nexport const DEFAULT_TOOLKIT_THEME: ToolkitTheme = { color: '#919EAB' };\n\nconst DEFAULT_GROUPING = createToolBasedGroupingFunction(defaultGetToolGroupKey);\n\n/**\n * The grouping in force for the message being rendered. `SuperGroupingCard`\n * provides it so each `CollapsibleGroup` can tell whether it is the last\n * grouped block (the one that opens by default while the run is live) without\n * being handed the function as a prop through `GroupedMessageParts`, and\n * whether the card keeps its tool UIs mounted while hidden (`mountHidden`:\n * its turn is active, or a deep link targets it).\n */\nconst SuperGroupingContext = createContext<{\n  groupingFunction: GroupingFunction;\n  mountHidden?: boolean;\n} | null>(null);\n\nexport const SuperGroupingProvider = SuperGroupingContext.Provider;\n\n/** Whether the group a tool UI renders in has mounted its tool UIs; outside a group, always. */\nconst GroupToolUIsMountedContext = createContext(true);\n\n/**\n * A tool call's UI inside a `CollapsibleGroup`: rendered once the group first\n * needs its tool UIs (see `CollapsibleGroup`). `GroupedMessageParts` renders\n * every tool call through it.\n */\nexport function GroupToolUI({ children }: { children: ReactNode }) {\n  return useContext(GroupToolUIsMountedContext) ? <>{children}</> : null;\n}\n\nexport interface CollapsibleGroupProps {\n  /** Group key from the grouping function (toolkit display name); `undefined` for ungrouped parts. */\n  groupKey: string | undefined;\n  /** Indices of the parts belonging to this group. */\n  indices: number[];\n  children?: ReactNode;\n  /** Host toolkit themes (colors, icons), merged over the built-in colors. */\n  themes?: Record<string, ToolkitTheme>;\n  /**\n   * Keep the group open regardless of the run state — a host rule such as\n   * \"an unsubmitted email draft stays visible\". The user's own toggle still\n   * wins once used.\n   */\n  forceOpen?: boolean;\n  /**\n   * Do not open the live group by default (screenshot-heavy browser-control\n   * runs hold hundreds of actions); the user can still expand it.\n   */\n  compactWhileRunning?: boolean;\n  /**\n   * Mount the tool UIs while collapsed (hidden), so a host that needs to find\n   * one — a deep link into one of its tool calls — can. The card a group\n   * renders in asks the same while its turn is active or its `mountDetails` is\n   * set.\n   */\n  mountHidden?: boolean;\n  /** Extra header controls, rendered as siblings of the toggle (never nested buttons). */\n  headerActions?: ReactNode;\n  /** The grouping used to find the last grouped block; defaults to the card's, then the SDK's. */\n  groupingFunction?: GroupingFunction;\n  className?: string;\n}\n\n/**\n * Per-toolkit collapsible block inside the grouped details panel — \"Using\n * Spreadsheet Toolkit · 4 tool calls\" — used by the SDK, Olympus, and the\n * Chrome extension. The last grouped block opens by default while the message\n * is running and settles closed; the user's toggle is remembered for the\n * mounted block.\n *\n * The group's tool UIs (the tool calls `GroupedMessageParts` renders through\n * `GroupToolUI`) mount the first time they are needed — the group opens, its\n * turn is running (live tool UIs run their effects), or a host asks\n * (`mountHidden`) — and stay mounted after. A finished turn's collapsed groups\n * mount none of their tool UIs, which a long run holds hundreds of. The rest\n * of the body renders from the start: the agent's text between the calls is\n * part of the message that selections, in-page find and links into the\n * message count.\n *\n * Selector discipline: one raw `s.message.content` read; every per-group\n * derivation (grouping, counts) runs in `useMemo` off it, so the grouping\n * pass happens once per content change instead of once per selector pass.\n */\nexport const CollapsibleGroup = ({\n  groupKey,\n  indices,\n  children,\n  themes,\n  forceOpen = false,\n  compactWhileRunning = false,\n  mountHidden = false,\n  headerActions,\n  groupingFunction,\n  className,\n}: CollapsibleGroupProps) => {\n  const panelId = useId();\n  const isMessageRunning = useAuiState((s) => s.message.status?.type === 'running');\n  const messageContent = useAuiState((s) =>\n    s.message.role === 'assistant' ? s.message.content : undefined,\n  );\n  const superGrouping = useContext(SuperGroupingContext);\n  const grouping = groupingFunction ?? superGrouping?.groupingFunction ?? DEFAULT_GROUPING;\n\n  const lastIndex = indices.at(-1);\n  const isLastGroup = useMemo(() => {\n    if (!messageContent) return false;\n    const lastGroup = grouping(messageContent)\n      .filter((group) => group.indices.length > 1)\n      .at(-1);\n    return lastGroup?.indices.at(-1) === lastIndex;\n  }, [messageContent, grouping, lastIndex]);\n\n  const toolCallCount = useMemo(\n    () =>\n      messageContent\n        ? indices.reduce(\n            (count, index) => (messageContent[index]?.type === 'tool-call' ? count + 1 : count),\n            0,\n          )\n        : 0,\n    [messageContent, indices],\n  );\n\n  const theme = useMemo<ToolkitTheme>(\n    () => (groupKey ? { ...TOOLKIT_THEMES, ...themes }[groupKey] ?? DEFAULT_TOOLKIT_THEME : DEFAULT_TOOLKIT_THEME),\n    [groupKey, themes],\n  );\n\n  const [userOpened, setOpen] = useState<boolean>();\n  const autoOpen = isLastGroup && isMessageRunning && !compactWhileRunning;\n  const open = userOpened ?? (autoOpen || forceOpen);\n\n  const mountToolUIs =\n    open || isMessageRunning || mountHidden || superGrouping?.mountHidden === true;\n  const [toolUIsMounted, setToolUIsMounted] = useState(mountToolUIs);\n  // Adjusting state during render is React's sanctioned derived-state pattern.\n  if (mountToolUIs && !toolUIsMounted) setToolUIsMounted(true);\n\n  if (!groupKey || indices.length <= 1) return <>{children}</>;\n\n  const toggle = () => setOpen(!open);\n\n  return (\n    <div\n      data-slot=\"collapsible-group\"\n      data-group-key={groupKey}\n      className={cn('my-4 rounded-2xl border shadow-sm', className)}\n      style={{\n        borderColor: `${theme.color}33`,\n        background: `linear-gradient(to right, ${theme.color}0d, transparent, ${theme.color}0d)`,\n      }}\n    >\n      <div className=\"flex w-full items-center rounded-2xl\">\n        <button\n          type=\"button\"\n          onClick={toggle}\n          aria-expanded={open}\n          aria-controls={panelId}\n          className=\"flex min-w-0 flex-1 items-center justify-between gap-3 rounded-2xl px-5 py-3 text-left transition-colors hover:bg-black/5 dark:hover:bg-white/5\"\n        >\n          <span className=\"flex min-w-0 items-center gap-3 text-foreground/90\">\n            {theme.icon ? (\n              <img src={theme.icon} alt=\"\" aria-hidden=\"true\" className=\"size-5 shrink-0\" />\n            ) : (\n              <span\n                className=\"inline-block size-2 shrink-0 rounded-full\"\n                style={{ backgroundColor: theme.color }}\n                aria-hidden=\"true\"\n              />\n            )}\n            <span className=\"truncate text-sm font-semibold\">\n              {isMessageRunning ? 'Using ' : 'Used '}\n              {groupKey} Toolkit\n            </span>\n          </span>\n          <span className=\"shrink-0 text-xs font-medium text-muted-foreground\">\n            {toolCallCount} tool {toolCallCount === 1 ? 'call' : 'calls'}\n          </span>\n        </button>\n        <div className=\"flex shrink-0 items-center gap-1 pr-3 pl-1\">\n          {headerActions}\n          <button\n            type=\"button\"\n            onClick={toggle}\n            aria-label={open ? 'Collapse toolkit group' : 'Expand toolkit group'}\n            aria-expanded={open}\n            aria-controls={panelId}\n            className=\"flex items-center justify-center rounded-md p-1 text-muted-foreground transition-colors hover:bg-black/5 dark:hover:bg-white/5\"\n          >\n            {open ? <ChevronUp size={16} /> : <ChevronDown size={16} />}\n          </button>\n        </div>\n      </div>\n\n      <div\n        id={panelId}\n        className={cn(\n          'grid overflow-hidden border-t transition-[grid-template-rows] duration-200 ease-in-out motion-reduce:transition-none',\n          open ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]',\n        )}\n        style={{ borderColor: `${theme.color}33` }}\n      >\n        <div className=\"overflow-hidden\">\n          <GroupToolUIsMountedContext.Provider value={toolUIsMounted}>\n            <div className=\"flex flex-col gap-2 px-5 py-4\">{children}</div>\n          </GroupToolUIsMountedContext.Provider>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["createToolBasedGroupingFunction","defaultGetToolGroupKey","createContext","useContext","jsx","Fragment","groupingFunction","useId","useAuiState","useMemo","useState","jsxs","cn","ChevronUp","ChevronDown"],"mappings":"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"}
+{"version":3,"file":"CollapsibleGroup.cjs","sources":["../../../src/chat/super-grouping/CollapsibleGroup.tsx"],"sourcesContent":["import { useAuiState } from '@assistant-ui/react';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useId, useMemo, useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { createToolBasedGroupingFunction, type GroupingFunction } from './grouping-function';\nimport { defaultGetToolGroupKey } from './toolkit-map';\n\n/**\n * Per-toolkit theme: the brand color that tints the group header, and an\n * optional icon URL a host serves (Olympus ships toolkit SVGs; the SDK does\n * not bundle images, so it tints only).\n */\nexport type ToolkitTheme = {\n  /** Hex brand color for this toolkit. */\n  color: string;\n  /** Absolute or root-relative URL of the toolkit icon, when the host has one. */\n  icon?: string;\n};\n\n/** Brand colors keyed by toolkit display name — the group keys the grouping function emits. */\nexport const TOOLKIT_THEMES: Record<string, ToolkitTheme> = {\n  Web: { color: '#7BCCFA' },\n  Document: { color: '#4586F9' },\n  'Document (Word)': { color: '#4586F9' },\n  Notebook: { color: '#FFAB00' },\n  Python: { color: '#00A76F' },\n  Spreadsheet: { color: '#00A76F' },\n  Email: { color: '#B584FF' },\n  AOP: { color: '#336DFF' },\n  App: { color: '#7336F5' },\n  Presentation: { color: '#F56B36' },\n  'User Interface': { color: '#7336F5' },\n  Canvas: { color: '#002542' },\n  Computer: { color: '#3E0042' },\n  Database: { color: '#7336F5' },\n  'Chrome Browser': { color: '#4285F4' },\n};\n\nexport const DEFAULT_TOOLKIT_THEME: ToolkitTheme = { color: '#919EAB' };\n\nconst DEFAULT_GROUPING = createToolBasedGroupingFunction(defaultGetToolGroupKey);\n\n/**\n * The grouping in force for the message being rendered. `SuperGroupingCard`\n * provides it so each `CollapsibleGroup` can tell whether it is the last\n * grouped block (the one that opens while the run is live, when a host turns\n * `compactWhileRunning` off) without\n * being handed the function as a prop through `GroupedMessageParts`, and\n * whether the card keeps its tool UIs mounted while hidden (`mountHidden`:\n * its turn is active, or a deep link targets it).\n */\nconst SuperGroupingContext = createContext<{\n  groupingFunction: GroupingFunction;\n  mountHidden?: boolean;\n} | null>(null);\n\nexport const SuperGroupingProvider = SuperGroupingContext.Provider;\n\n/** Whether the group a tool UI renders in has mounted its tool UIs; outside a group, always. */\nconst GroupToolUIsMountedContext = createContext(true);\n\n/**\n * A tool call's UI inside a `CollapsibleGroup`: rendered once the group first\n * needs its tool UIs (see `CollapsibleGroup`). `GroupedMessageParts` renders\n * every tool call through it.\n */\nexport function GroupToolUI({ children }: { children: ReactNode }) {\n  return useContext(GroupToolUIsMountedContext) ? <>{children}</> : null;\n}\n\nexport interface CollapsibleGroupProps {\n  /** Group key from the grouping function (toolkit display name); `undefined` for ungrouped parts. */\n  groupKey: string | undefined;\n  /** Indices of the parts belonging to this group. */\n  indices: number[];\n  children?: ReactNode;\n  /** Host toolkit themes (colors, icons), merged over the built-in colors. */\n  themes?: Record<string, ToolkitTheme>;\n  /**\n   * Keep the group open regardless of the run state — a host rule such as\n   * \"an unsubmitted email draft stays visible\". The user's own toggle still\n   * wins once used.\n   */\n  forceOpen?: boolean;\n  /**\n   * Keep the live group collapsed while its turn runs, so only its header's\n   * count moves as calls land (default). Pass `false` to open the last grouped\n   * block while the run is live and close it when the run settles.\n   */\n  compactWhileRunning?: boolean;\n  /**\n   * Mount the tool UIs while collapsed (hidden), so a host that needs to find\n   * one — a deep link into one of its tool calls — can. The card a group\n   * renders in asks the same while its turn is active or its `mountDetails` is\n   * set.\n   */\n  mountHidden?: boolean;\n  /** Extra header controls, rendered as siblings of the toggle (never nested buttons). */\n  headerActions?: ReactNode;\n  /** The grouping used to find the last grouped block; defaults to the card's, then the SDK's. */\n  groupingFunction?: GroupingFunction;\n  className?: string;\n}\n\n/**\n * Per-toolkit collapsible block inside the grouped details panel — \"Using\n * Spreadsheet Toolkit · 4 tool calls\" — used by the SDK, Olympus, and the\n * Chrome extension. A live group stays collapsed and counts its calls up\n * (unless `compactWhileRunning` is off); the user's toggle is remembered for\n * the mounted block.\n *\n * The group's tool UIs (the tool calls `GroupedMessageParts` renders through\n * `GroupToolUI`) mount the first time they are needed — the group opens, its\n * turn is running (live tool UIs run their effects), or a host asks\n * (`mountHidden`) — and stay mounted after. A finished turn's collapsed groups\n * mount none of their tool UIs, which a long run holds hundreds of. The rest\n * of the body renders from the start: the agent's text between the calls is\n * part of the message that selections, in-page find and links into the\n * message count.\n *\n * Selector discipline: one raw `s.message.content` read; every per-group\n * derivation (grouping, counts) runs in `useMemo` off it, so the grouping\n * pass happens once per content change instead of once per selector pass.\n */\nexport const CollapsibleGroup = ({\n  groupKey,\n  indices,\n  children,\n  themes,\n  forceOpen = false,\n  compactWhileRunning = true,\n  mountHidden = false,\n  headerActions,\n  groupingFunction,\n  className,\n}: CollapsibleGroupProps) => {\n  const panelId = useId();\n  const isMessageRunning = useAuiState((s) => s.message.status?.type === 'running');\n  const messageContent = useAuiState((s) =>\n    s.message.role === 'assistant' ? s.message.content : undefined,\n  );\n  const superGrouping = useContext(SuperGroupingContext);\n  const grouping = groupingFunction ?? superGrouping?.groupingFunction ?? DEFAULT_GROUPING;\n\n  const lastIndex = indices.at(-1);\n  const isLastGroup = useMemo(() => {\n    if (!messageContent) return false;\n    const lastGroup = grouping(messageContent)\n      .filter((group) => group.indices.length > 1)\n      .at(-1);\n    return lastGroup?.indices.at(-1) === lastIndex;\n  }, [messageContent, grouping, lastIndex]);\n\n  const toolCallCount = useMemo(\n    () =>\n      messageContent\n        ? indices.reduce(\n            (count, index) => (messageContent[index]?.type === 'tool-call' ? count + 1 : count),\n            0,\n          )\n        : 0,\n    [messageContent, indices],\n  );\n\n  const theme = useMemo<ToolkitTheme>(\n    () => (groupKey ? { ...TOOLKIT_THEMES, ...themes }[groupKey] ?? DEFAULT_TOOLKIT_THEME : DEFAULT_TOOLKIT_THEME),\n    [groupKey, themes],\n  );\n\n  const [userOpened, setOpen] = useState<boolean>();\n  const autoOpen = isLastGroup && isMessageRunning && !compactWhileRunning;\n  const open = userOpened ?? (autoOpen || forceOpen);\n\n  const mountToolUIs =\n    open || isMessageRunning || mountHidden || superGrouping?.mountHidden === true;\n  const [toolUIsMounted, setToolUIsMounted] = useState(mountToolUIs);\n  // Adjusting state during render is React's sanctioned derived-state pattern.\n  if (mountToolUIs && !toolUIsMounted) setToolUIsMounted(true);\n\n  if (!groupKey || indices.length <= 1) return <>{children}</>;\n\n  const toggle = () => setOpen(!open);\n\n  return (\n    <div\n      data-slot=\"collapsible-group\"\n      data-group-key={groupKey}\n      className={cn('my-4 rounded-2xl border shadow-sm', className)}\n      style={{\n        borderColor: `${theme.color}33`,\n        background: `linear-gradient(to right, ${theme.color}0d, transparent, ${theme.color}0d)`,\n      }}\n    >\n      <div className=\"flex w-full items-center rounded-2xl\">\n        <button\n          type=\"button\"\n          onClick={toggle}\n          aria-expanded={open}\n          aria-controls={panelId}\n          className=\"flex min-w-0 flex-1 items-center justify-between gap-3 rounded-2xl px-5 py-3 text-left transition-colors hover:bg-black/5 dark:hover:bg-white/5\"\n        >\n          <span className=\"flex min-w-0 items-center gap-3 text-foreground/90\">\n            {theme.icon ? (\n              <img src={theme.icon} alt=\"\" aria-hidden=\"true\" className=\"size-5 shrink-0\" />\n            ) : (\n              <span\n                className=\"inline-block size-2 shrink-0 rounded-full\"\n                style={{ backgroundColor: theme.color }}\n                aria-hidden=\"true\"\n              />\n            )}\n            <span className=\"truncate text-sm font-semibold\">\n              {isMessageRunning ? 'Using ' : 'Used '}\n              {groupKey} Toolkit\n            </span>\n          </span>\n          <span className=\"shrink-0 text-xs font-medium text-muted-foreground\">\n            {toolCallCount} tool {toolCallCount === 1 ? 'call' : 'calls'}\n          </span>\n        </button>\n        <div className=\"flex shrink-0 items-center gap-1 pr-3 pl-1\">\n          {headerActions}\n          <button\n            type=\"button\"\n            onClick={toggle}\n            aria-label={open ? 'Collapse toolkit group' : 'Expand toolkit group'}\n            aria-expanded={open}\n            aria-controls={panelId}\n            className=\"flex items-center justify-center rounded-md p-1 text-muted-foreground transition-colors hover:bg-black/5 dark:hover:bg-white/5\"\n          >\n            {open ? <ChevronUp size={16} /> : <ChevronDown size={16} />}\n          </button>\n        </div>\n      </div>\n\n      <div\n        id={panelId}\n        className={cn(\n          'grid overflow-hidden border-t transition-[grid-template-rows] duration-200 ease-in-out motion-reduce:transition-none',\n          open ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]',\n        )}\n        style={{ borderColor: `${theme.color}33` }}\n      >\n        <div className=\"overflow-hidden\">\n          <GroupToolUIsMountedContext.Provider value={toolUIsMounted}>\n            <div className=\"flex flex-col gap-2 px-5 py-4\">{children}</div>\n          </GroupToolUIsMountedContext.Provider>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["createToolBasedGroupingFunction","defaultGetToolGroupKey","createContext","useContext","jsx","Fragment","groupingFunction","useId","useAuiState","useMemo","useState","jsxs","cn","ChevronUp","ChevronDown"],"mappings":"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"}

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

@@ -41,8 +41,9 @@ export interface CollapsibleGroupProps {
      */
     forceOpen?: boolean;
     /**
-     * Do not open the live group by default (screenshot-heavy browser-control
-     * runs hold hundreds of actions); the user can still expand it.
+     * Keep the live group collapsed while its turn runs, so only its header's
+     * count moves as calls land (default). Pass `false` to open the last grouped
+     * block while the run is live and close it when the run settles.
      */
     compactWhileRunning?: boolean;
     /**
@@ -61,9 +62,9 @@ export interface CollapsibleGroupProps {
 /**
  * Per-toolkit collapsible block inside the grouped details panel — "Using
  * Spreadsheet Toolkit · 4 tool calls" — used by the SDK, Olympus, and the
- * Chrome extension. The last grouped block opens by default while the message
- * is running and settles closed; the user's toggle is remembered for the
- * mounted block.
+ * Chrome extension. A live group stays collapsed and counts its calls up
+ * (unless `compactWhileRunning` is off); the user's toggle is remembered for
+ * the mounted block.
  *
  * The group's tool UIs (the tool calls `GroupedMessageParts` renders through
  * `GroupToolUI`) mount the first time they are needed — the group opens, its

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

@@ -36,7 +36,7 @@ const CollapsibleGroup = ({
   children,
   themes,
   forceOpen = false,
-  compactWhileRunning = false,
+  compactWhileRunning = true,
   mountHidden = false,
   headerActions,
   groupingFunction,

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleGroup.js","sources":["../../../src/chat/super-grouping/CollapsibleGroup.tsx"],"sourcesContent":["import { useAuiState } from '@assistant-ui/react';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useId, useMemo, useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { createToolBasedGroupingFunction, type GroupingFunction } from './grouping-function';\nimport { defaultGetToolGroupKey } from './toolkit-map';\n\n/**\n * Per-toolkit theme: the brand color that tints the group header, and an\n * optional icon URL a host serves (Olympus ships toolkit SVGs; the SDK does\n * not bundle images, so it tints only).\n */\nexport type ToolkitTheme = {\n  /** Hex brand color for this toolkit. */\n  color: string;\n  /** Absolute or root-relative URL of the toolkit icon, when the host has one. */\n  icon?: string;\n};\n\n/** Brand colors keyed by toolkit display name — the group keys the grouping function emits. */\nexport const TOOLKIT_THEMES: Record<string, ToolkitTheme> = {\n  Web: { color: '#7BCCFA' },\n  Document: { color: '#4586F9' },\n  'Document (Word)': { color: '#4586F9' },\n  Notebook: { color: '#FFAB00' },\n  Python: { color: '#00A76F' },\n  Spreadsheet: { color: '#00A76F' },\n  Email: { color: '#B584FF' },\n  AOP: { color: '#336DFF' },\n  App: { color: '#7336F5' },\n  Presentation: { color: '#F56B36' },\n  'User Interface': { color: '#7336F5' },\n  Canvas: { color: '#002542' },\n  Computer: { color: '#3E0042' },\n  Database: { color: '#7336F5' },\n  'Chrome Browser': { color: '#4285F4' },\n};\n\nexport const DEFAULT_TOOLKIT_THEME: ToolkitTheme = { color: '#919EAB' };\n\nconst DEFAULT_GROUPING = createToolBasedGroupingFunction(defaultGetToolGroupKey);\n\n/**\n * The grouping in force for the message being rendered. `SuperGroupingCard`\n * provides it so each `CollapsibleGroup` can tell whether it is the last\n * grouped block (the one that opens by default while the run is live) without\n * being handed the function as a prop through `GroupedMessageParts`, and\n * whether the card keeps its tool UIs mounted while hidden (`mountHidden`:\n * its turn is active, or a deep link targets it).\n */\nconst SuperGroupingContext = createContext<{\n  groupingFunction: GroupingFunction;\n  mountHidden?: boolean;\n} | null>(null);\n\nexport const SuperGroupingProvider = SuperGroupingContext.Provider;\n\n/** Whether the group a tool UI renders in has mounted its tool UIs; outside a group, always. */\nconst GroupToolUIsMountedContext = createContext(true);\n\n/**\n * A tool call's UI inside a `CollapsibleGroup`: rendered once the group first\n * needs its tool UIs (see `CollapsibleGroup`). `GroupedMessageParts` renders\n * every tool call through it.\n */\nexport function GroupToolUI({ children }: { children: ReactNode }) {\n  return useContext(GroupToolUIsMountedContext) ? <>{children}</> : null;\n}\n\nexport interface CollapsibleGroupProps {\n  /** Group key from the grouping function (toolkit display name); `undefined` for ungrouped parts. */\n  groupKey: string | undefined;\n  /** Indices of the parts belonging to this group. */\n  indices: number[];\n  children?: ReactNode;\n  /** Host toolkit themes (colors, icons), merged over the built-in colors. */\n  themes?: Record<string, ToolkitTheme>;\n  /**\n   * Keep the group open regardless of the run state — a host rule such as\n   * \"an unsubmitted email draft stays visible\". The user's own toggle still\n   * wins once used.\n   */\n  forceOpen?: boolean;\n  /**\n   * Do not open the live group by default (screenshot-heavy browser-control\n   * runs hold hundreds of actions); the user can still expand it.\n   */\n  compactWhileRunning?: boolean;\n  /**\n   * Mount the tool UIs while collapsed (hidden), so a host that needs to find\n   * one — a deep link into one of its tool calls — can. The card a group\n   * renders in asks the same while its turn is active or its `mountDetails` is\n   * set.\n   */\n  mountHidden?: boolean;\n  /** Extra header controls, rendered as siblings of the toggle (never nested buttons). */\n  headerActions?: ReactNode;\n  /** The grouping used to find the last grouped block; defaults to the card's, then the SDK's. */\n  groupingFunction?: GroupingFunction;\n  className?: string;\n}\n\n/**\n * Per-toolkit collapsible block inside the grouped details panel — \"Using\n * Spreadsheet Toolkit · 4 tool calls\" — used by the SDK, Olympus, and the\n * Chrome extension. The last grouped block opens by default while the message\n * is running and settles closed; the user's toggle is remembered for the\n * mounted block.\n *\n * The group's tool UIs (the tool calls `GroupedMessageParts` renders through\n * `GroupToolUI`) mount the first time they are needed — the group opens, its\n * turn is running (live tool UIs run their effects), or a host asks\n * (`mountHidden`) — and stay mounted after. A finished turn's collapsed groups\n * mount none of their tool UIs, which a long run holds hundreds of. The rest\n * of the body renders from the start: the agent's text between the calls is\n * part of the message that selections, in-page find and links into the\n * message count.\n *\n * Selector discipline: one raw `s.message.content` read; every per-group\n * derivation (grouping, counts) runs in `useMemo` off it, so the grouping\n * pass happens once per content change instead of once per selector pass.\n */\nexport const CollapsibleGroup = ({\n  groupKey,\n  indices,\n  children,\n  themes,\n  forceOpen = false,\n  compactWhileRunning = false,\n  mountHidden = false,\n  headerActions,\n  groupingFunction,\n  className,\n}: CollapsibleGroupProps) => {\n  const panelId = useId();\n  const isMessageRunning = useAuiState((s) => s.message.status?.type === 'running');\n  const messageContent = useAuiState((s) =>\n    s.message.role === 'assistant' ? s.message.content : undefined,\n  );\n  const superGrouping = useContext(SuperGroupingContext);\n  const grouping = groupingFunction ?? superGrouping?.groupingFunction ?? DEFAULT_GROUPING;\n\n  const lastIndex = indices.at(-1);\n  const isLastGroup = useMemo(() => {\n    if (!messageContent) return false;\n    const lastGroup = grouping(messageContent)\n      .filter((group) => group.indices.length > 1)\n      .at(-1);\n    return lastGroup?.indices.at(-1) === lastIndex;\n  }, [messageContent, grouping, lastIndex]);\n\n  const toolCallCount = useMemo(\n    () =>\n      messageContent\n        ? indices.reduce(\n            (count, index) => (messageContent[index]?.type === 'tool-call' ? count + 1 : count),\n            0,\n          )\n        : 0,\n    [messageContent, indices],\n  );\n\n  const theme = useMemo<ToolkitTheme>(\n    () => (groupKey ? { ...TOOLKIT_THEMES, ...themes }[groupKey] ?? DEFAULT_TOOLKIT_THEME : DEFAULT_TOOLKIT_THEME),\n    [groupKey, themes],\n  );\n\n  const [userOpened, setOpen] = useState<boolean>();\n  const autoOpen = isLastGroup && isMessageRunning && !compactWhileRunning;\n  const open = userOpened ?? (autoOpen || forceOpen);\n\n  const mountToolUIs =\n    open || isMessageRunning || mountHidden || superGrouping?.mountHidden === true;\n  const [toolUIsMounted, setToolUIsMounted] = useState(mountToolUIs);\n  // Adjusting state during render is React's sanctioned derived-state pattern.\n  if (mountToolUIs && !toolUIsMounted) setToolUIsMounted(true);\n\n  if (!groupKey || indices.length <= 1) return <>{children}</>;\n\n  const toggle = () => setOpen(!open);\n\n  return (\n    <div\n      data-slot=\"collapsible-group\"\n      data-group-key={groupKey}\n      className={cn('my-4 rounded-2xl border shadow-sm', className)}\n      style={{\n        borderColor: `${theme.color}33`,\n        background: `linear-gradient(to right, ${theme.color}0d, transparent, ${theme.color}0d)`,\n      }}\n    >\n      <div className=\"flex w-full items-center rounded-2xl\">\n        <button\n          type=\"button\"\n          onClick={toggle}\n          aria-expanded={open}\n          aria-controls={panelId}\n          className=\"flex min-w-0 flex-1 items-center justify-between gap-3 rounded-2xl px-5 py-3 text-left transition-colors hover:bg-black/5 dark:hover:bg-white/5\"\n        >\n          <span className=\"flex min-w-0 items-center gap-3 text-foreground/90\">\n            {theme.icon ? (\n              <img src={theme.icon} alt=\"\" aria-hidden=\"true\" className=\"size-5 shrink-0\" />\n            ) : (\n              <span\n                className=\"inline-block size-2 shrink-0 rounded-full\"\n                style={{ backgroundColor: theme.color }}\n                aria-hidden=\"true\"\n              />\n            )}\n            <span className=\"truncate text-sm font-semibold\">\n              {isMessageRunning ? 'Using ' : 'Used '}\n              {groupKey} Toolkit\n            </span>\n          </span>\n          <span className=\"shrink-0 text-xs font-medium text-muted-foreground\">\n            {toolCallCount} tool {toolCallCount === 1 ? 'call' : 'calls'}\n          </span>\n        </button>\n        <div className=\"flex shrink-0 items-center gap-1 pr-3 pl-1\">\n          {headerActions}\n          <button\n            type=\"button\"\n            onClick={toggle}\n            aria-label={open ? 'Collapse toolkit group' : 'Expand toolkit group'}\n            aria-expanded={open}\n            aria-controls={panelId}\n            className=\"flex items-center justify-center rounded-md p-1 text-muted-foreground transition-colors hover:bg-black/5 dark:hover:bg-white/5\"\n          >\n            {open ? <ChevronUp size={16} /> : <ChevronDown size={16} />}\n          </button>\n        </div>\n      </div>\n\n      <div\n        id={panelId}\n        className={cn(\n          'grid overflow-hidden border-t transition-[grid-template-rows] duration-200 ease-in-out motion-reduce:transition-none',\n          open ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]',\n        )}\n        style={{ borderColor: `${theme.color}33` }}\n      >\n        <div className=\"overflow-hidden\">\n          <GroupToolUIsMountedContext.Provider value={toolUIsMounted}>\n            <div className=\"flex flex-col gap-2 px-5 py-4\">{children}</div>\n          </GroupToolUIsMountedContext.Provider>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CollapsibleGroup.js","sources":["../../../src/chat/super-grouping/CollapsibleGroup.tsx"],"sourcesContent":["import { useAuiState } from '@assistant-ui/react';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useId, useMemo, useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { createToolBasedGroupingFunction, type GroupingFunction } from './grouping-function';\nimport { defaultGetToolGroupKey } from './toolkit-map';\n\n/**\n * Per-toolkit theme: the brand color that tints the group header, and an\n * optional icon URL a host serves (Olympus ships toolkit SVGs; the SDK does\n * not bundle images, so it tints only).\n */\nexport type ToolkitTheme = {\n  /** Hex brand color for this toolkit. */\n  color: string;\n  /** Absolute or root-relative URL of the toolkit icon, when the host has one. */\n  icon?: string;\n};\n\n/** Brand colors keyed by toolkit display name — the group keys the grouping function emits. */\nexport const TOOLKIT_THEMES: Record<string, ToolkitTheme> = {\n  Web: { color: '#7BCCFA' },\n  Document: { color: '#4586F9' },\n  'Document (Word)': { color: '#4586F9' },\n  Notebook: { color: '#FFAB00' },\n  Python: { color: '#00A76F' },\n  Spreadsheet: { color: '#00A76F' },\n  Email: { color: '#B584FF' },\n  AOP: { color: '#336DFF' },\n  App: { color: '#7336F5' },\n  Presentation: { color: '#F56B36' },\n  'User Interface': { color: '#7336F5' },\n  Canvas: { color: '#002542' },\n  Computer: { color: '#3E0042' },\n  Database: { color: '#7336F5' },\n  'Chrome Browser': { color: '#4285F4' },\n};\n\nexport const DEFAULT_TOOLKIT_THEME: ToolkitTheme = { color: '#919EAB' };\n\nconst DEFAULT_GROUPING = createToolBasedGroupingFunction(defaultGetToolGroupKey);\n\n/**\n * The grouping in force for the message being rendered. `SuperGroupingCard`\n * provides it so each `CollapsibleGroup` can tell whether it is the last\n * grouped block (the one that opens while the run is live, when a host turns\n * `compactWhileRunning` off) without\n * being handed the function as a prop through `GroupedMessageParts`, and\n * whether the card keeps its tool UIs mounted while hidden (`mountHidden`:\n * its turn is active, or a deep link targets it).\n */\nconst SuperGroupingContext = createContext<{\n  groupingFunction: GroupingFunction;\n  mountHidden?: boolean;\n} | null>(null);\n\nexport const SuperGroupingProvider = SuperGroupingContext.Provider;\n\n/** Whether the group a tool UI renders in has mounted its tool UIs; outside a group, always. */\nconst GroupToolUIsMountedContext = createContext(true);\n\n/**\n * A tool call's UI inside a `CollapsibleGroup`: rendered once the group first\n * needs its tool UIs (see `CollapsibleGroup`). `GroupedMessageParts` renders\n * every tool call through it.\n */\nexport function GroupToolUI({ children }: { children: ReactNode }) {\n  return useContext(GroupToolUIsMountedContext) ? <>{children}</> : null;\n}\n\nexport interface CollapsibleGroupProps {\n  /** Group key from the grouping function (toolkit display name); `undefined` for ungrouped parts. */\n  groupKey: string | undefined;\n  /** Indices of the parts belonging to this group. */\n  indices: number[];\n  children?: ReactNode;\n  /** Host toolkit themes (colors, icons), merged over the built-in colors. */\n  themes?: Record<string, ToolkitTheme>;\n  /**\n   * Keep the group open regardless of the run state — a host rule such as\n   * \"an unsubmitted email draft stays visible\". The user's own toggle still\n   * wins once used.\n   */\n  forceOpen?: boolean;\n  /**\n   * Keep the live group collapsed while its turn runs, so only its header's\n   * count moves as calls land (default). Pass `false` to open the last grouped\n   * block while the run is live and close it when the run settles.\n   */\n  compactWhileRunning?: boolean;\n  /**\n   * Mount the tool UIs while collapsed (hidden), so a host that needs to find\n   * one — a deep link into one of its tool calls — can. The card a group\n   * renders in asks the same while its turn is active or its `mountDetails` is\n   * set.\n   */\n  mountHidden?: boolean;\n  /** Extra header controls, rendered as siblings of the toggle (never nested buttons). */\n  headerActions?: ReactNode;\n  /** The grouping used to find the last grouped block; defaults to the card's, then the SDK's. */\n  groupingFunction?: GroupingFunction;\n  className?: string;\n}\n\n/**\n * Per-toolkit collapsible block inside the grouped details panel — \"Using\n * Spreadsheet Toolkit · 4 tool calls\" — used by the SDK, Olympus, and the\n * Chrome extension. A live group stays collapsed and counts its calls up\n * (unless `compactWhileRunning` is off); the user's toggle is remembered for\n * the mounted block.\n *\n * The group's tool UIs (the tool calls `GroupedMessageParts` renders through\n * `GroupToolUI`) mount the first time they are needed — the group opens, its\n * turn is running (live tool UIs run their effects), or a host asks\n * (`mountHidden`) — and stay mounted after. A finished turn's collapsed groups\n * mount none of their tool UIs, which a long run holds hundreds of. The rest\n * of the body renders from the start: the agent's text between the calls is\n * part of the message that selections, in-page find and links into the\n * message count.\n *\n * Selector discipline: one raw `s.message.content` read; every per-group\n * derivation (grouping, counts) runs in `useMemo` off it, so the grouping\n * pass happens once per content change instead of once per selector pass.\n */\nexport const CollapsibleGroup = ({\n  groupKey,\n  indices,\n  children,\n  themes,\n  forceOpen = false,\n  compactWhileRunning = true,\n  mountHidden = false,\n  headerActions,\n  groupingFunction,\n  className,\n}: CollapsibleGroupProps) => {\n  const panelId = useId();\n  const isMessageRunning = useAuiState((s) => s.message.status?.type === 'running');\n  const messageContent = useAuiState((s) =>\n    s.message.role === 'assistant' ? s.message.content : undefined,\n  );\n  const superGrouping = useContext(SuperGroupingContext);\n  const grouping = groupingFunction ?? superGrouping?.groupingFunction ?? DEFAULT_GROUPING;\n\n  const lastIndex = indices.at(-1);\n  const isLastGroup = useMemo(() => {\n    if (!messageContent) return false;\n    const lastGroup = grouping(messageContent)\n      .filter((group) => group.indices.length > 1)\n      .at(-1);\n    return lastGroup?.indices.at(-1) === lastIndex;\n  }, [messageContent, grouping, lastIndex]);\n\n  const toolCallCount = useMemo(\n    () =>\n      messageContent\n        ? indices.reduce(\n            (count, index) => (messageContent[index]?.type === 'tool-call' ? count + 1 : count),\n            0,\n          )\n        : 0,\n    [messageContent, indices],\n  );\n\n  const theme = useMemo<ToolkitTheme>(\n    () => (groupKey ? { ...TOOLKIT_THEMES, ...themes }[groupKey] ?? DEFAULT_TOOLKIT_THEME : DEFAULT_TOOLKIT_THEME),\n    [groupKey, themes],\n  );\n\n  const [userOpened, setOpen] = useState<boolean>();\n  const autoOpen = isLastGroup && isMessageRunning && !compactWhileRunning;\n  const open = userOpened ?? (autoOpen || forceOpen);\n\n  const mountToolUIs =\n    open || isMessageRunning || mountHidden || superGrouping?.mountHidden === true;\n  const [toolUIsMounted, setToolUIsMounted] = useState(mountToolUIs);\n  // Adjusting state during render is React's sanctioned derived-state pattern.\n  if (mountToolUIs && !toolUIsMounted) setToolUIsMounted(true);\n\n  if (!groupKey || indices.length <= 1) return <>{children}</>;\n\n  const toggle = () => setOpen(!open);\n\n  return (\n    <div\n      data-slot=\"collapsible-group\"\n      data-group-key={groupKey}\n      className={cn('my-4 rounded-2xl border shadow-sm', className)}\n      style={{\n        borderColor: `${theme.color}33`,\n        background: `linear-gradient(to right, ${theme.color}0d, transparent, ${theme.color}0d)`,\n      }}\n    >\n      <div className=\"flex w-full items-center rounded-2xl\">\n        <button\n          type=\"button\"\n          onClick={toggle}\n          aria-expanded={open}\n          aria-controls={panelId}\n          className=\"flex min-w-0 flex-1 items-center justify-between gap-3 rounded-2xl px-5 py-3 text-left transition-colors hover:bg-black/5 dark:hover:bg-white/5\"\n        >\n          <span className=\"flex min-w-0 items-center gap-3 text-foreground/90\">\n            {theme.icon ? (\n              <img src={theme.icon} alt=\"\" aria-hidden=\"true\" className=\"size-5 shrink-0\" />\n            ) : (\n              <span\n                className=\"inline-block size-2 shrink-0 rounded-full\"\n                style={{ backgroundColor: theme.color }}\n                aria-hidden=\"true\"\n              />\n            )}\n            <span className=\"truncate text-sm font-semibold\">\n              {isMessageRunning ? 'Using ' : 'Used '}\n              {groupKey} Toolkit\n            </span>\n          </span>\n          <span className=\"shrink-0 text-xs font-medium text-muted-foreground\">\n            {toolCallCount} tool {toolCallCount === 1 ? 'call' : 'calls'}\n          </span>\n        </button>\n        <div className=\"flex shrink-0 items-center gap-1 pr-3 pl-1\">\n          {headerActions}\n          <button\n            type=\"button\"\n            onClick={toggle}\n            aria-label={open ? 'Collapse toolkit group' : 'Expand toolkit group'}\n            aria-expanded={open}\n            aria-controls={panelId}\n            className=\"flex items-center justify-center rounded-md p-1 text-muted-foreground transition-colors hover:bg-black/5 dark:hover:bg-white/5\"\n          >\n            {open ? <ChevronUp size={16} /> : <ChevronDown size={16} />}\n          </button>\n        </div>\n      </div>\n\n      <div\n        id={panelId}\n        className={cn(\n          'grid overflow-hidden border-t transition-[grid-template-rows] duration-200 ease-in-out motion-reduce:transition-none',\n          open ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]',\n        )}\n        style={{ borderColor: `${theme.color}33` }}\n      >\n        <div className=\"overflow-hidden\">\n          <GroupToolUIsMountedContext.Provider value={toolUIsMounted}>\n            <div className=\"flex flex-col gap-2 px-5 py-4\">{children}</div>\n          </GroupToolUIsMountedContext.Provider>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/chat/super-grouping/earlier-steps-button.cjs

@@ -4,10 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("@assistant-ui/react");
 const lucideReact = require("lucide-react");
 const require$$0 = require("react");
-const statewireWindowContext = require("../../provider/statewire-window-context.cjs");
+const historyStore = require("../../agent-runtime/src/history-store.cjs");
 const errors = require("../../agent-runtime/src/errors.cjs");
 function EarlierStepsButton({ marker, autoLoad = false }) {
-  const historyPages = statewireWindowContext.useStatewireHistoryPages();
   const send = react.useAuiState(
     (s) => {
       var _a;
@@ -16,13 +15,13 @@ function EarlierStepsButton({ marker, autoLoad = false }) {
   );
   const [loading, setLoading] = require$$0.useState(false);
   const loadSteps = require$$0.useCallback(() => {
-    if (marker.hiddenSteps === 0 || loading || !historyPages || !send) return;
+    if (marker.hiddenSteps === 0 || loading || !send) return;
     setLoading(true);
-    historyPages.loadSteps({ send, marker }).catch((error) => {
+    historyStore.loadDeepAgentTurnSteps({ send, marker }).catch((error) => {
       if (error instanceof Error && errors.isStatewireChannelTeardown(error)) return;
       console.warn("[AthenaChat] history/page steps failed:", error);
     }).finally(() => setLoading(false));
-  }, [historyPages, loading, marker, send]);
+  }, [loading, marker, send]);
   const autoLoadedTurn = require$$0.useRef(null);
   const wantsNewest = autoLoad && marker.before === void 0 && marker.hiddenSteps > 0;
   require$$0.useEffect(() => {
@@ -30,7 +29,7 @@ function EarlierStepsButton({ marker, autoLoad = false }) {
     autoLoadedTurn.current = marker.turn;
     loadSteps();
   }, [wantsNewest, marker.turn, loadSteps]);
-  if (marker.hiddenSteps === 0 || !historyPages) return null;
+  if (marker.hiddenSteps === 0 || !send) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {

package/dist/chat/super-grouping/earlier-steps-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"earlier-steps-button.cjs","sources":["../../../src/chat/super-grouping/earlier-steps-button.tsx"],"sourcesContent":["import { useAuiState } from '@assistant-ui/react';\nimport { type DeepAgentHistorySend, isStatewireChannelTeardown } from '@athenaintel/agent-runtime';\nimport { ChevronRight } from 'lucide-react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useStatewireHistoryPages } from '../../provider/statewire-window-context';\nimport type { TurnStepsControlProps } from './use-turn-steps';\n\n/**\n * \"Show 600 earlier steps\": fetches the next (older) steps a turn of older\n * history left out (`history/page` with its `turn`, through the history-page\n * store's `loadSteps`), newest first, until none are left. With `autoLoad`\n * (an opened card) it fetches the newest page by itself, once per turn; a\n * failed or further page is the reader's to ask for, never a retry loop.\n * Renders nothing for a turn with no steps left, or with no store in reach.\n * `AthenaProvider` provides it (`TurnStepsControlContext`).\n */\nexport function EarlierStepsButton({ marker, autoLoad = false }: TurnStepsControlProps) {\n  const historyPages = useStatewireHistoryPages();\n  const send = useAuiState(\n    (s) => (s.thread.extras as { sendCommand?: DeepAgentHistorySend } | undefined)?.sendCommand,\n  );\n  const [loading, setLoading] = useState(false);\n  const loadSteps = useCallback(() => {\n    if (marker.hiddenSteps === 0 || loading || !historyPages || !send) return;\n    setLoading(true);\n    historyPages\n      .loadSteps({ send, marker })\n      .catch((error: unknown) => {\n        if (error instanceof Error && isStatewireChannelTeardown(error)) return;\n        console.warn('[AthenaChat] history/page steps failed:', error);\n      })\n      .finally(() => setLoading(false));\n  }, [historyPages, loading, marker, send]);\n  const autoLoadedTurn = useRef<string | null>(null);\n  const wantsNewest = autoLoad && marker.before === undefined && marker.hiddenSteps > 0;\n  useEffect(() => {\n    if (!wantsNewest || autoLoadedTurn.current === marker.turn) return;\n    autoLoadedTurn.current = marker.turn;\n    loadSteps();\n  }, [wantsNewest, marker.turn, loadSteps]);\n  if (marker.hiddenSteps === 0 || !historyPages) return null;\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"turn-earlier-steps\"\n      onClick={loadSteps}\n      disabled={loading}\n      className=\"flex w-fit items-center gap-1.5 rounded py-0.5 text-xs text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-70\"\n    >\n      <ChevronRight aria-hidden=\"true\" className=\"size-3\" />\n      {loading\n        ? 'Loading earlier steps…'\n        : `Show ${marker.hiddenSteps} earlier ${marker.hiddenSteps === 1 ? 'step' : 'steps'}`}\n    </button>\n  );\n}\n"],"names":["useStatewireHistoryPages","useAuiState","useState","useCallback","isStatewireChannelTeardown","useRef","useEffect","jsxs","jsx","ChevronRight"],"mappings":";;;;;;;;AAgBO,SAAS,mBAAmB,EAAE,QAAQ,WAAW,SAAgC;AACtF,QAAM,eAAeA,uBAAAA,yBAAA;AACrB,QAAM,OAAOC,MAAAA;AAAAA,IACX,CAAC,MAAA;;AAAO,qBAAE,OAAO,WAAT,mBAAwE;AAAA;AAAA,EAAA;AAElF,QAAM,CAAC,SAAS,UAAU,IAAIC,WAAAA,SAAS,KAAK;AAC5C,QAAM,YAAYC,WAAAA,YAAY,MAAM;AAClC,QAAI,OAAO,gBAAgB,KAAK,WAAW,CAAC,gBAAgB,CAAC,KAAM;AACnE,eAAW,IAAI;AACf,iBACG,UAAU,EAAE,MAAM,OAAA,CAAQ,EAC1B,MAAM,CAAC,UAAmB;AACzB,UAAI,iBAAiB,SAASC,OAAAA,2BAA2B,KAAK,EAAG;AACjE,cAAQ,KAAK,2CAA2C,KAAK;AAAA,IAC/D,CAAC,EACA,QAAQ,MAAM,WAAW,KAAK,CAAC;AAAA,EACpC,GAAG,CAAC,cAAc,SAAS,QAAQ,IAAI,CAAC;AACxC,QAAM,iBAAiBC,WAAAA,OAAsB,IAAI;AACjD,QAAM,cAAc,YAAY,OAAO,WAAW,UAAa,OAAO,cAAc;AACpFC,aAAAA,UAAU,MAAM;AACd,QAAI,CAAC,eAAe,eAAe,YAAY,OAAO,KAAM;AAC5D,mBAAe,UAAU,OAAO;AAChC,cAAA;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,MAAM,SAAS,CAAC;AACxC,MAAI,OAAO,gBAAgB,KAAK,CAAC,aAAc,QAAO;AACtD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAC,2BAAAA,IAACC,YAAAA,cAAA,EAAa,eAAY,QAAO,WAAU,UAAS;AAAA,QACnD,UACG,2BACA,QAAQ,OAAO,WAAW,YAAY,OAAO,gBAAgB,IAAI,SAAS,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3F;;"}
+{"version":3,"file":"earlier-steps-button.cjs","sources":["../../../src/chat/super-grouping/earlier-steps-button.tsx"],"sourcesContent":["import { useAuiState } from '@assistant-ui/react';\nimport {\n  type DeepAgentHistorySend,\n  isStatewireChannelTeardown,\n  loadDeepAgentTurnSteps,\n} from '@athenaintel/agent-runtime';\nimport { ChevronRight } from 'lucide-react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport type { TurnStepsControlProps } from './use-turn-steps';\n\n/**\n * \"Show 600 earlier steps\": fetches the next (older) steps a turn of older\n * history left out (`history/page` with its `turn`, into the conversation's\n * history store through `loadDeepAgentTurnSteps`), newest first, until none\n * are left. With `autoLoad` (an opened card) it fetches the newest page by\n * itself, once per turn; a failed or further page is the reader's to ask for,\n * never a retry loop. Renders nothing for a turn with no steps left, or with\n * no thread to ask. `AthenaProvider` provides it (`TurnStepsControlContext`).\n */\nexport function EarlierStepsButton({ marker, autoLoad = false }: TurnStepsControlProps) {\n  const send = useAuiState(\n    (s) => (s.thread.extras as { sendCommand?: DeepAgentHistorySend } | undefined)?.sendCommand,\n  );\n  const [loading, setLoading] = useState(false);\n  const loadSteps = useCallback(() => {\n    if (marker.hiddenSteps === 0 || loading || !send) return;\n    setLoading(true);\n    loadDeepAgentTurnSteps({ send, marker })\n      .catch((error: unknown) => {\n        if (error instanceof Error && isStatewireChannelTeardown(error)) return;\n        console.warn('[AthenaChat] history/page steps failed:', error);\n      })\n      .finally(() => setLoading(false));\n  }, [loading, marker, send]);\n  const autoLoadedTurn = useRef<string | null>(null);\n  const wantsNewest = autoLoad && marker.before === undefined && marker.hiddenSteps > 0;\n  useEffect(() => {\n    if (!wantsNewest || autoLoadedTurn.current === marker.turn) return;\n    autoLoadedTurn.current = marker.turn;\n    loadSteps();\n  }, [wantsNewest, marker.turn, loadSteps]);\n  if (marker.hiddenSteps === 0 || !send) return null;\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"turn-earlier-steps\"\n      onClick={loadSteps}\n      disabled={loading}\n      className=\"flex w-fit items-center gap-1.5 rounded py-0.5 text-xs text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-70\"\n    >\n      <ChevronRight aria-hidden=\"true\" className=\"size-3\" />\n      {loading\n        ? 'Loading earlier steps…'\n        : `Show ${marker.hiddenSteps} earlier ${marker.hiddenSteps === 1 ? 'step' : 'steps'}`}\n    </button>\n  );\n}\n"],"names":["useAuiState","useState","useCallback","loadDeepAgentTurnSteps","isStatewireChannelTeardown","useRef","useEffect","jsxs","jsx","ChevronRight"],"mappings":";;;;;;;;AAmBO,SAAS,mBAAmB,EAAE,QAAQ,WAAW,SAAgC;AACtF,QAAM,OAAOA,MAAAA;AAAAA,IACX,CAAC,MAAA;;AAAO,qBAAE,OAAO,WAAT,mBAAwE;AAAA;AAAA,EAAA;AAElF,QAAM,CAAC,SAAS,UAAU,IAAIC,WAAAA,SAAS,KAAK;AAC5C,QAAM,YAAYC,WAAAA,YAAY,MAAM;AAClC,QAAI,OAAO,gBAAgB,KAAK,WAAW,CAAC,KAAM;AAClD,eAAW,IAAI;AACfC,iBAAAA,uBAAuB,EAAE,MAAM,OAAA,CAAQ,EACpC,MAAM,CAAC,UAAmB;AACzB,UAAI,iBAAiB,SAASC,OAAAA,2BAA2B,KAAK,EAAG;AACjE,cAAQ,KAAK,2CAA2C,KAAK;AAAA,IAC/D,CAAC,EACA,QAAQ,MAAM,WAAW,KAAK,CAAC;AAAA,EACpC,GAAG,CAAC,SAAS,QAAQ,IAAI,CAAC;AAC1B,QAAM,iBAAiBC,WAAAA,OAAsB,IAAI;AACjD,QAAM,cAAc,YAAY,OAAO,WAAW,UAAa,OAAO,cAAc;AACpFC,aAAAA,UAAU,MAAM;AACd,QAAI,CAAC,eAAe,eAAe,YAAY,OAAO,KAAM;AAC5D,mBAAe,UAAU,OAAO;AAChC,cAAA;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,MAAM,SAAS,CAAC;AACxC,MAAI,OAAO,gBAAgB,KAAK,CAAC,KAAM,QAAO;AAC9C,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAC,2BAAAA,IAACC,YAAAA,cAAA,EAAa,eAAY,QAAO,WAAU,UAAS;AAAA,QACnD,UACG,2BACA,QAAQ,OAAO,WAAW,YAAY,OAAO,gBAAgB,IAAI,SAAS,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3F;;"}

package/dist/chat/super-grouping/earlier-steps-button.d.ts

@@ -1,11 +1,11 @@
 import type { TurnStepsControlProps } from './use-turn-steps';
 /**
  * "Show 600 earlier steps": fetches the next (older) steps a turn of older
- * history left out (`history/page` with its `turn`, through the history-page
- * store's `loadSteps`), newest first, until none are left. With `autoLoad`
- * (an opened card) it fetches the newest page by itself, once per turn; a
- * failed or further page is the reader's to ask for, never a retry loop.
- * Renders nothing for a turn with no steps left, or with no store in reach.
- * `AthenaProvider` provides it (`TurnStepsControlContext`).
+ * history left out (`history/page` with its `turn`, into the conversation's
+ * history store through `loadDeepAgentTurnSteps`), newest first, until none
+ * are left. With `autoLoad` (an opened card) it fetches the newest page by
+ * itself, once per turn; a failed or further page is the reader's to ask for,
+ * never a retry loop. Renders nothing for a turn with no steps left, or with
+ * no thread to ask. `AthenaProvider` provides it (`TurnStepsControlContext`).
  */
 export declare function EarlierStepsButton({ marker, autoLoad }: TurnStepsControlProps): import("react").JSX.Element | null;

package/dist/chat/super-grouping/earlier-steps-button.js

@@ -2,10 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useAuiState } from "@assistant-ui/react";
 import { ChevronRight } from "lucide-react";
 import { useState, useCallback, useRef, useEffect } from "react";
-import { useStatewireHistoryPages } from "../../provider/statewire-window-context.js";
+import { loadDeepAgentTurnSteps } from "../../agent-runtime/src/history-store.js";
 import { isStatewireChannelTeardown } from "../../agent-runtime/src/errors.js";
 function EarlierStepsButton({ marker, autoLoad = false }) {
-  const historyPages = useStatewireHistoryPages();
   const send = useAuiState(
     (s) => {
       var _a;
@@ -14,13 +13,13 @@ function EarlierStepsButton({ marker, autoLoad = false }) {
   );
   const [loading, setLoading] = useState(false);
   const loadSteps = useCallback(() => {
-    if (marker.hiddenSteps === 0 || loading || !historyPages || !send) return;
+    if (marker.hiddenSteps === 0 || loading || !send) return;
     setLoading(true);
-    historyPages.loadSteps({ send, marker }).catch((error) => {
+    loadDeepAgentTurnSteps({ send, marker }).catch((error) => {
       if (error instanceof Error && isStatewireChannelTeardown(error)) return;
       console.warn("[AthenaChat] history/page steps failed:", error);
     }).finally(() => setLoading(false));
-  }, [historyPages, loading, marker, send]);
+  }, [loading, marker, send]);
   const autoLoadedTurn = useRef(null);
   const wantsNewest = autoLoad && marker.before === void 0 && marker.hiddenSteps > 0;
   useEffect(() => {
@@ -28,7 +27,7 @@ function EarlierStepsButton({ marker, autoLoad = false }) {
     autoLoadedTurn.current = marker.turn;
     loadSteps();
   }, [wantsNewest, marker.turn, loadSteps]);
-  if (marker.hiddenSteps === 0 || !historyPages) return null;
+  if (marker.hiddenSteps === 0 || !send) return null;
   return /* @__PURE__ */ jsxs(
     "button",
     {

package/dist/chat/super-grouping/earlier-steps-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"earlier-steps-button.js","sources":["../../../src/chat/super-grouping/earlier-steps-button.tsx"],"sourcesContent":["import { useAuiState } from '@assistant-ui/react';\nimport { type DeepAgentHistorySend, isStatewireChannelTeardown } from '@athenaintel/agent-runtime';\nimport { ChevronRight } from 'lucide-react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useStatewireHistoryPages } from '../../provider/statewire-window-context';\nimport type { TurnStepsControlProps } from './use-turn-steps';\n\n/**\n * \"Show 600 earlier steps\": fetches the next (older) steps a turn of older\n * history left out (`history/page` with its `turn`, through the history-page\n * store's `loadSteps`), newest first, until none are left. With `autoLoad`\n * (an opened card) it fetches the newest page by itself, once per turn; a\n * failed or further page is the reader's to ask for, never a retry loop.\n * Renders nothing for a turn with no steps left, or with no store in reach.\n * `AthenaProvider` provides it (`TurnStepsControlContext`).\n */\nexport function EarlierStepsButton({ marker, autoLoad = false }: TurnStepsControlProps) {\n  const historyPages = useStatewireHistoryPages();\n  const send = useAuiState(\n    (s) => (s.thread.extras as { sendCommand?: DeepAgentHistorySend } | undefined)?.sendCommand,\n  );\n  const [loading, setLoading] = useState(false);\n  const loadSteps = useCallback(() => {\n    if (marker.hiddenSteps === 0 || loading || !historyPages || !send) return;\n    setLoading(true);\n    historyPages\n      .loadSteps({ send, marker })\n      .catch((error: unknown) => {\n        if (error instanceof Error && isStatewireChannelTeardown(error)) return;\n        console.warn('[AthenaChat] history/page steps failed:', error);\n      })\n      .finally(() => setLoading(false));\n  }, [historyPages, loading, marker, send]);\n  const autoLoadedTurn = useRef<string | null>(null);\n  const wantsNewest = autoLoad && marker.before === undefined && marker.hiddenSteps > 0;\n  useEffect(() => {\n    if (!wantsNewest || autoLoadedTurn.current === marker.turn) return;\n    autoLoadedTurn.current = marker.turn;\n    loadSteps();\n  }, [wantsNewest, marker.turn, loadSteps]);\n  if (marker.hiddenSteps === 0 || !historyPages) return null;\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"turn-earlier-steps\"\n      onClick={loadSteps}\n      disabled={loading}\n      className=\"flex w-fit items-center gap-1.5 rounded py-0.5 text-xs text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-70\"\n    >\n      <ChevronRight aria-hidden=\"true\" className=\"size-3\" />\n      {loading\n        ? 'Loading earlier steps…'\n        : `Show ${marker.hiddenSteps} earlier ${marker.hiddenSteps === 1 ? 'step' : 'steps'}`}\n    </button>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAgBO,SAAS,mBAAmB,EAAE,QAAQ,WAAW,SAAgC;AACtF,QAAM,eAAe,yBAAA;AACrB,QAAM,OAAO;AAAA,IACX,CAAC,MAAA;;AAAO,qBAAE,OAAO,WAAT,mBAAwE;AAAA;AAAA,EAAA;AAElF,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,YAAY,YAAY,MAAM;AAClC,QAAI,OAAO,gBAAgB,KAAK,WAAW,CAAC,gBAAgB,CAAC,KAAM;AACnE,eAAW,IAAI;AACf,iBACG,UAAU,EAAE,MAAM,OAAA,CAAQ,EAC1B,MAAM,CAAC,UAAmB;AACzB,UAAI,iBAAiB,SAAS,2BAA2B,KAAK,EAAG;AACjE,cAAQ,KAAK,2CAA2C,KAAK;AAAA,IAC/D,CAAC,EACA,QAAQ,MAAM,WAAW,KAAK,CAAC;AAAA,EACpC,GAAG,CAAC,cAAc,SAAS,QAAQ,IAAI,CAAC;AACxC,QAAM,iBAAiB,OAAsB,IAAI;AACjD,QAAM,cAAc,YAAY,OAAO,WAAW,UAAa,OAAO,cAAc;AACpF,YAAU,MAAM;AACd,QAAI,CAAC,eAAe,eAAe,YAAY,OAAO,KAAM;AAC5D,mBAAe,UAAU,OAAO;AAChC,cAAA;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,MAAM,SAAS,CAAC;AACxC,MAAI,OAAO,gBAAgB,KAAK,CAAC,aAAc,QAAO;AACtD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,cAAA,EAAa,eAAY,QAAO,WAAU,UAAS;AAAA,QACnD,UACG,2BACA,QAAQ,OAAO,WAAW,YAAY,OAAO,gBAAgB,IAAI,SAAS,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3F;"}
+{"version":3,"file":"earlier-steps-button.js","sources":["../../../src/chat/super-grouping/earlier-steps-button.tsx"],"sourcesContent":["import { useAuiState } from '@assistant-ui/react';\nimport {\n  type DeepAgentHistorySend,\n  isStatewireChannelTeardown,\n  loadDeepAgentTurnSteps,\n} from '@athenaintel/agent-runtime';\nimport { ChevronRight } from 'lucide-react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport type { TurnStepsControlProps } from './use-turn-steps';\n\n/**\n * \"Show 600 earlier steps\": fetches the next (older) steps a turn of older\n * history left out (`history/page` with its `turn`, into the conversation's\n * history store through `loadDeepAgentTurnSteps`), newest first, until none\n * are left. With `autoLoad` (an opened card) it fetches the newest page by\n * itself, once per turn; a failed or further page is the reader's to ask for,\n * never a retry loop. Renders nothing for a turn with no steps left, or with\n * no thread to ask. `AthenaProvider` provides it (`TurnStepsControlContext`).\n */\nexport function EarlierStepsButton({ marker, autoLoad = false }: TurnStepsControlProps) {\n  const send = useAuiState(\n    (s) => (s.thread.extras as { sendCommand?: DeepAgentHistorySend } | undefined)?.sendCommand,\n  );\n  const [loading, setLoading] = useState(false);\n  const loadSteps = useCallback(() => {\n    if (marker.hiddenSteps === 0 || loading || !send) return;\n    setLoading(true);\n    loadDeepAgentTurnSteps({ send, marker })\n      .catch((error: unknown) => {\n        if (error instanceof Error && isStatewireChannelTeardown(error)) return;\n        console.warn('[AthenaChat] history/page steps failed:', error);\n      })\n      .finally(() => setLoading(false));\n  }, [loading, marker, send]);\n  const autoLoadedTurn = useRef<string | null>(null);\n  const wantsNewest = autoLoad && marker.before === undefined && marker.hiddenSteps > 0;\n  useEffect(() => {\n    if (!wantsNewest || autoLoadedTurn.current === marker.turn) return;\n    autoLoadedTurn.current = marker.turn;\n    loadSteps();\n  }, [wantsNewest, marker.turn, loadSteps]);\n  if (marker.hiddenSteps === 0 || !send) return null;\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"turn-earlier-steps\"\n      onClick={loadSteps}\n      disabled={loading}\n      className=\"flex w-fit items-center gap-1.5 rounded py-0.5 text-xs text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-70\"\n    >\n      <ChevronRight aria-hidden=\"true\" className=\"size-3\" />\n      {loading\n        ? 'Loading earlier steps…'\n        : `Show ${marker.hiddenSteps} earlier ${marker.hiddenSteps === 1 ? 'step' : 'steps'}`}\n    </button>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAmBO,SAAS,mBAAmB,EAAE,QAAQ,WAAW,SAAgC;AACtF,QAAM,OAAO;AAAA,IACX,CAAC,MAAA;;AAAO,qBAAE,OAAO,WAAT,mBAAwE;AAAA;AAAA,EAAA;AAElF,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,YAAY,YAAY,MAAM;AAClC,QAAI,OAAO,gBAAgB,KAAK,WAAW,CAAC,KAAM;AAClD,eAAW,IAAI;AACf,2BAAuB,EAAE,MAAM,OAAA,CAAQ,EACpC,MAAM,CAAC,UAAmB;AACzB,UAAI,iBAAiB,SAAS,2BAA2B,KAAK,EAAG;AACjE,cAAQ,KAAK,2CAA2C,KAAK;AAAA,IAC/D,CAAC,EACA,QAAQ,MAAM,WAAW,KAAK,CAAC;AAAA,EACpC,GAAG,CAAC,SAAS,QAAQ,IAAI,CAAC;AAC1B,QAAM,iBAAiB,OAAsB,IAAI;AACjD,QAAM,cAAc,YAAY,OAAO,WAAW,UAAa,OAAO,cAAc;AACpF,YAAU,MAAM;AACd,QAAI,CAAC,eAAe,eAAe,YAAY,OAAO,KAAM;AAC5D,mBAAe,UAAU,OAAO;AAChC,cAAA;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,MAAM,SAAS,CAAC;AACxC,MAAI,OAAO,gBAAgB,KAAK,CAAC,KAAM,QAAO;AAC9C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,cAAA,EAAa,eAAY,QAAO,WAAU,UAAS;AAAA,QACnD,UACG,2BACA,QAAQ,OAAO,WAAW,YAAY,OAAO,gBAAgB,IAAI,SAAS,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3F;"}

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

@@ -44,6 +44,7 @@ const DEFAULT_TOOL_TO_TOOLKIT = {
   capture_slide_screenshot: "Presentation",
   capture_slide_screenshots: "Presentation",
   restore_presentation_slides: "Presentation",
+  restore_spreadsheet_sheets: "Spreadsheet",
   // Studio presentation PTC
   CreatePresentation: "Presentation",
   OpenPresentation: "Presentation",

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

@@ -1 +1 @@
-{"version":3,"file":"toolkit-map.cjs","sources":["../../../src/chat/super-grouping/toolkit-map.ts"],"sourcesContent":["/**\n * Static map of tool names → toolkit group display key, mirroring Olympus's\n * runtime `toolDefinitionsStore` output. The SDK doesn't ship a backend-fetched\n * toolkit catalog, so this provides the same grouping behavior using the names\n * the agent typically calls. Consumers can override via the `getToolGroupKey`\n * prop on `<AthenaChat>`.\n *\n * Keys here are toolkit *display* names (what users see in the toolkit\n * selector), not toolkit IDs — they match Olympus's\n * `getToolkitToGroupKeyMap()` output.\n */\nconst DEFAULT_TOOL_TO_TOOLKIT: Record<string, string> = {\n  // Web\n  search: 'Web',\n  browse: 'Web',\n  web_search: 'Web',\n  search_web: 'Web',\n  web_scrape: 'Web',\n  scrape_web: 'Web',\n\n  // Document\n  create_new_document: 'Document',\n  create_document_from_markdown: 'Document',\n  append_markdown_to_athena_document: 'Document',\n  replace_markdown_in_athena_document: 'Document',\n  delete_blocks_from_athena_document: 'Document',\n  convert_athena_doc_to_pdf: 'Document',\n  convert_to_pdf: 'Document',\n\n  // Word document (Studio)\n  CreateDocument: 'Document (Word)',\n  CreateParagraph: 'Document (Word)',\n  OpenDocument: 'Document (Word)',\n  execute_word_commands: 'Document (Word)',\n  create_new_word_document: 'Document (Word)',\n\n  // Spreadsheet\n  create_new_sheet: 'Spreadsheet',\n  update_sheet_range: 'Spreadsheet',\n  format_sheet_range: 'Spreadsheet',\n  bulk_format_sheet_range: 'Spreadsheet',\n  create_table: 'Spreadsheet',\n  update_table: 'Spreadsheet',\n  update_chart: 'Spreadsheet',\n  // Studio sheet PTC\n  CreateWorkbook: 'Spreadsheet',\n  AddSheet: 'Spreadsheet',\n  OpenWorkbook: 'Spreadsheet',\n\n  // Visualizations\n  create_chart: 'Visualizations (Charts, Dashboards, Figures)',\n  create_new_figure: 'Visualizations (Charts, Dashboards, Figures)',\n\n  // Presentation\n  create_powerpoint_deck: 'Presentation',\n  create_presentation_pptx_studio: 'Presentation',\n  execute_presentation_code: 'Presentation',\n  capture_slide_screenshot: 'Presentation',\n  capture_slide_screenshots: 'Presentation',\n  restore_presentation_slides: 'Presentation',\n  // Studio presentation PTC\n  CreatePresentation: 'Presentation',\n  OpenPresentation: 'Presentation',\n  AddSlide: 'Presentation',\n\n  // Notebook\n  create_new_notebook: 'Notebook',\n  run_notebook_cell: 'Notebook',\n\n  // Python / code execution\n  run_python_code: 'Python',\n  run_python: 'Python',\n\n  // Database\n  run_sql: 'Database',\n  run_database_sql: 'Database',\n  run_sql_query_tool: 'Database',\n  execute_sql: 'Database',\n  describe_database: 'Database',\n  list_database_tables: 'Database',\n  get_database_table_schema: 'Database',\n\n  // Email / calendar\n  search_email: 'Email',\n  unified_email_search: 'Email',\n\n  // Media\n  capture_moment: 'Computer',\n};\n\n/**\n * Tools that should never participate in grouping — even when surrounded by\n * tools of the same toolkit. Mirrors Olympus's `UNGROUPED_TOOLS`.\n */\nconst UNGROUPED_TOOLS: readonly string[] = [\n  'read_asset',\n  'read_full_asset',\n  'ask',\n  'open_asset_in_workspace',\n  'create_email_draft',\n  'unified_email_create_draft',\n  'unified_email_send',\n  'unified_email_edit_draft',\n];\n\n/**\n * Generic sandbox runtime tools shared across many toolkits (notebook,\n * computer, session sandbox, …). Mirrors Olympus's `CONTEXT_ONLY_TOOLS`:\n * they never start a toolkit group on their own — they only inherit the\n * surrounding group.\n */\nconst CONTEXT_ONLY_TOOLS: readonly string[] = [\n  'execute',\n  'ls',\n  'read_file',\n  'write_file',\n  'edit_file',\n  'glob',\n  'grep',\n];\n\n/**\n * Group display keys for toolkits that target a sandbox and therefore contain\n * the shared runtime tools. Context-only tools may only inherit these groups —\n * an open Web or Email group must not absorb a sandbox call.\n */\nconst SANDBOX_TOOLKIT_GROUPS: readonly string[] = ['Notebook', 'Computer', 'Session Sandbox'];\n\nexport type ToolGroupKeyOptions = {\n  /** Display name of the surrounding group, when one is already open. */\n  preferredGroupKey?: string;\n  /**\n   * Distinct tool names the message called. Hosts with a toolkit catalog use\n   * it to attribute a tool shared by several toolkits to the one the message\n   * leans on; the default map ignores it.\n   */\n  calledToolNames?: ReadonlySet<string>;\n};\n\n/**\n * Default `getToolGroupKey` implementation used by the SDK's tool grouping.\n * Returns the toolkit display key for a tool name, or `undefined` if the tool\n * is ungrouped or unknown. Context-only tools inherit the surrounding group\n * and are otherwise ungrouped.\n *\n * Override per-app by passing `getToolGroupKey` (or a whole `groupingFunction`) to\n * `SuperGroupingCard`.\n */\nexport const defaultGetToolGroupKey = (\n  toolName: string,\n  options?: ToolGroupKeyOptions\n): string | undefined => {\n  if (UNGROUPED_TOOLS.includes(toolName)) return undefined;\n  if (CONTEXT_ONLY_TOOLS.includes(toolName)) {\n    const preferred = options?.preferredGroupKey;\n    return preferred && SANDBOX_TOOLKIT_GROUPS.includes(preferred) ? preferred : undefined;\n  }\n  return DEFAULT_TOOL_TO_TOOLKIT[toolName];\n};\n\nexport type GetToolGroupKey = (\n  toolName: string,\n  options?: ToolGroupKeyOptions\n) => string | undefined;\n"],"names":[],"mappings":";;AAWA,MAAM,0BAAkD;AAAA;AAAA,EAEtD,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA;AAAA,EAGZ,qBAAqB;AAAA,EACrB,+BAA+B;AAAA,EAC/B,oCAAoC;AAAA,EACpC,qCAAqC;AAAA,EACrC,oCAAoC;AAAA,EACpC,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA;AAAA,EAGhB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,0BAA0B;AAAA;AAAA,EAG1B,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,cAAc;AAAA;AAAA,EAGd,cAAc;AAAA,EACd,mBAAmB;AAAA;AAAA,EAGnB,wBAAwB;AAAA,EACxB,iCAAiC;AAAA,EACjC,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA;AAAA,EAE7B,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,UAAU;AAAA;AAAA,EAGV,qBAAqB;AAAA,EACrB,mBAAmB;AAAA;AAAA,EAGnB,iBAAiB;AAAA,EACjB,YAAY;AAAA;AAAA,EAGZ,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,2BAA2B;AAAA;AAAA,EAG3B,cAAc;AAAA,EACd,sBAAsB;AAAA;AAAA,EAGtB,gBAAgB;AAClB;AAMA,MAAM,kBAAqC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAQA,MAAM,qBAAwC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOA,MAAM,yBAA4C,CAAC,YAAY,YAAY,iBAAiB;AAsBrF,MAAM,yBAAyB,CACpC,UACA,YACuB;AACvB,MAAI,gBAAgB,SAAS,QAAQ,EAAG,QAAO;AAC/C,MAAI,mBAAmB,SAAS,QAAQ,GAAG;AACzC,UAAM,YAAY,mCAAS;AAC3B,WAAO,aAAa,uBAAuB,SAAS,SAAS,IAAI,YAAY;AAAA,EAC/E;AACA,SAAO,wBAAwB,QAAQ;AACzC;;"}
+{"version":3,"file":"toolkit-map.cjs","sources":["../../../src/chat/super-grouping/toolkit-map.ts"],"sourcesContent":["/**\n * Static map of tool names → toolkit group display key, mirroring Olympus's\n * runtime `toolDefinitionsStore` output. The SDK doesn't ship a backend-fetched\n * toolkit catalog, so this provides the same grouping behavior using the names\n * the agent typically calls. Consumers can override via the `getToolGroupKey`\n * prop on `<AthenaChat>`.\n *\n * Keys here are toolkit *display* names (what users see in the toolkit\n * selector), not toolkit IDs — they match Olympus's\n * `getToolkitToGroupKeyMap()` output.\n */\nconst DEFAULT_TOOL_TO_TOOLKIT: Record<string, string> = {\n  // Web\n  search: 'Web',\n  browse: 'Web',\n  web_search: 'Web',\n  search_web: 'Web',\n  web_scrape: 'Web',\n  scrape_web: 'Web',\n\n  // Document\n  create_new_document: 'Document',\n  create_document_from_markdown: 'Document',\n  append_markdown_to_athena_document: 'Document',\n  replace_markdown_in_athena_document: 'Document',\n  delete_blocks_from_athena_document: 'Document',\n  convert_athena_doc_to_pdf: 'Document',\n  convert_to_pdf: 'Document',\n\n  // Word document (Studio)\n  CreateDocument: 'Document (Word)',\n  CreateParagraph: 'Document (Word)',\n  OpenDocument: 'Document (Word)',\n  execute_word_commands: 'Document (Word)',\n  create_new_word_document: 'Document (Word)',\n\n  // Spreadsheet\n  create_new_sheet: 'Spreadsheet',\n  update_sheet_range: 'Spreadsheet',\n  format_sheet_range: 'Spreadsheet',\n  bulk_format_sheet_range: 'Spreadsheet',\n  create_table: 'Spreadsheet',\n  update_table: 'Spreadsheet',\n  update_chart: 'Spreadsheet',\n  // Studio sheet PTC\n  CreateWorkbook: 'Spreadsheet',\n  AddSheet: 'Spreadsheet',\n  OpenWorkbook: 'Spreadsheet',\n\n  // Visualizations\n  create_chart: 'Visualizations (Charts, Dashboards, Figures)',\n  create_new_figure: 'Visualizations (Charts, Dashboards, Figures)',\n\n  // Presentation\n  create_powerpoint_deck: 'Presentation',\n  create_presentation_pptx_studio: 'Presentation',\n  execute_presentation_code: 'Presentation',\n  capture_slide_screenshot: 'Presentation',\n  capture_slide_screenshots: 'Presentation',\n  restore_presentation_slides: 'Presentation',\n  restore_spreadsheet_sheets: 'Spreadsheet',\n  // Studio presentation PTC\n  CreatePresentation: 'Presentation',\n  OpenPresentation: 'Presentation',\n  AddSlide: 'Presentation',\n\n  // Notebook\n  create_new_notebook: 'Notebook',\n  run_notebook_cell: 'Notebook',\n\n  // Python / code execution\n  run_python_code: 'Python',\n  run_python: 'Python',\n\n  // Database\n  run_sql: 'Database',\n  run_database_sql: 'Database',\n  run_sql_query_tool: 'Database',\n  execute_sql: 'Database',\n  describe_database: 'Database',\n  list_database_tables: 'Database',\n  get_database_table_schema: 'Database',\n\n  // Email / calendar\n  search_email: 'Email',\n  unified_email_search: 'Email',\n\n  // Media\n  capture_moment: 'Computer',\n};\n\n/**\n * Tools that should never participate in grouping — even when surrounded by\n * tools of the same toolkit. Mirrors Olympus's `UNGROUPED_TOOLS`.\n */\nconst UNGROUPED_TOOLS: readonly string[] = [\n  'read_asset',\n  'read_full_asset',\n  'ask',\n  'open_asset_in_workspace',\n  'create_email_draft',\n  'unified_email_create_draft',\n  'unified_email_send',\n  'unified_email_edit_draft',\n];\n\n/**\n * Generic sandbox runtime tools shared across many toolkits (notebook,\n * computer, session sandbox, …). Mirrors Olympus's `CONTEXT_ONLY_TOOLS`:\n * they never start a toolkit group on their own — they only inherit the\n * surrounding group.\n */\nconst CONTEXT_ONLY_TOOLS: readonly string[] = [\n  'execute',\n  'ls',\n  'read_file',\n  'write_file',\n  'edit_file',\n  'glob',\n  'grep',\n];\n\n/**\n * Group display keys for toolkits that target a sandbox and therefore contain\n * the shared runtime tools. Context-only tools may only inherit these groups —\n * an open Web or Email group must not absorb a sandbox call.\n */\nconst SANDBOX_TOOLKIT_GROUPS: readonly string[] = ['Notebook', 'Computer', 'Session Sandbox'];\n\nexport type ToolGroupKeyOptions = {\n  /** Display name of the surrounding group, when one is already open. */\n  preferredGroupKey?: string;\n  /**\n   * Distinct tool names the message called. Hosts with a toolkit catalog use\n   * it to attribute a tool shared by several toolkits to the one the message\n   * leans on; the default map ignores it.\n   */\n  calledToolNames?: ReadonlySet<string>;\n};\n\n/**\n * Default `getToolGroupKey` implementation used by the SDK's tool grouping.\n * Returns the toolkit display key for a tool name, or `undefined` if the tool\n * is ungrouped or unknown. Context-only tools inherit the surrounding group\n * and are otherwise ungrouped.\n *\n * Override per-app by passing `getToolGroupKey` (or a whole `groupingFunction`) to\n * `SuperGroupingCard`.\n */\nexport const defaultGetToolGroupKey = (\n  toolName: string,\n  options?: ToolGroupKeyOptions\n): string | undefined => {\n  if (UNGROUPED_TOOLS.includes(toolName)) return undefined;\n  if (CONTEXT_ONLY_TOOLS.includes(toolName)) {\n    const preferred = options?.preferredGroupKey;\n    return preferred && SANDBOX_TOOLKIT_GROUPS.includes(preferred) ? preferred : undefined;\n  }\n  return DEFAULT_TOOL_TO_TOOLKIT[toolName];\n};\n\nexport type GetToolGroupKey = (\n  toolName: string,\n  options?: ToolGroupKeyOptions\n) => string | undefined;\n"],"names":[],"mappings":";;AAWA,MAAM,0BAAkD;AAAA;AAAA,EAEtD,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA;AAAA,EAGZ,qBAAqB;AAAA,EACrB,+BAA+B;AAAA,EAC/B,oCAAoC;AAAA,EACpC,qCAAqC;AAAA,EACrC,oCAAoC;AAAA,EACpC,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA;AAAA,EAGhB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,0BAA0B;AAAA;AAAA,EAG1B,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,cAAc;AAAA;AAAA,EAGd,cAAc;AAAA,EACd,mBAAmB;AAAA;AAAA,EAGnB,wBAAwB;AAAA,EACxB,iCAAiC;AAAA,EACjC,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA,EAC7B,4BAA4B;AAAA;AAAA,EAE5B,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,UAAU;AAAA;AAAA,EAGV,qBAAqB;AAAA,EACrB,mBAAmB;AAAA;AAAA,EAGnB,iBAAiB;AAAA,EACjB,YAAY;AAAA;AAAA,EAGZ,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,2BAA2B;AAAA;AAAA,EAG3B,cAAc;AAAA,EACd,sBAAsB;AAAA;AAAA,EAGtB,gBAAgB;AAClB;AAMA,MAAM,kBAAqC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAQA,MAAM,qBAAwC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOA,MAAM,yBAA4C,CAAC,YAAY,YAAY,iBAAiB;AAsBrF,MAAM,yBAAyB,CACpC,UACA,YACuB;AACvB,MAAI,gBAAgB,SAAS,QAAQ,EAAG,QAAO;AAC/C,MAAI,mBAAmB,SAAS,QAAQ,GAAG;AACzC,UAAM,YAAY,mCAAS;AAC3B,WAAO,aAAa,uBAAuB,SAAS,SAAS,IAAI,YAAY;AAAA,EAC/E;AACA,SAAO,wBAAwB,QAAQ;AACzC;;"}

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

@@ -42,6 +42,7 @@ const DEFAULT_TOOL_TO_TOOLKIT = {
   capture_slide_screenshot: "Presentation",
   capture_slide_screenshots: "Presentation",
   restore_presentation_slides: "Presentation",
+  restore_spreadsheet_sheets: "Spreadsheet",
   // Studio presentation PTC
   CreatePresentation: "Presentation",
   OpenPresentation: "Presentation",

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

@@ -1 +1 @@
-{"version":3,"file":"toolkit-map.js","sources":["../../../src/chat/super-grouping/toolkit-map.ts"],"sourcesContent":["/**\n * Static map of tool names → toolkit group display key, mirroring Olympus's\n * runtime `toolDefinitionsStore` output. The SDK doesn't ship a backend-fetched\n * toolkit catalog, so this provides the same grouping behavior using the names\n * the agent typically calls. Consumers can override via the `getToolGroupKey`\n * prop on `<AthenaChat>`.\n *\n * Keys here are toolkit *display* names (what users see in the toolkit\n * selector), not toolkit IDs — they match Olympus's\n * `getToolkitToGroupKeyMap()` output.\n */\nconst DEFAULT_TOOL_TO_TOOLKIT: Record<string, string> = {\n  // Web\n  search: 'Web',\n  browse: 'Web',\n  web_search: 'Web',\n  search_web: 'Web',\n  web_scrape: 'Web',\n  scrape_web: 'Web',\n\n  // Document\n  create_new_document: 'Document',\n  create_document_from_markdown: 'Document',\n  append_markdown_to_athena_document: 'Document',\n  replace_markdown_in_athena_document: 'Document',\n  delete_blocks_from_athena_document: 'Document',\n  convert_athena_doc_to_pdf: 'Document',\n  convert_to_pdf: 'Document',\n\n  // Word document (Studio)\n  CreateDocument: 'Document (Word)',\n  CreateParagraph: 'Document (Word)',\n  OpenDocument: 'Document (Word)',\n  execute_word_commands: 'Document (Word)',\n  create_new_word_document: 'Document (Word)',\n\n  // Spreadsheet\n  create_new_sheet: 'Spreadsheet',\n  update_sheet_range: 'Spreadsheet',\n  format_sheet_range: 'Spreadsheet',\n  bulk_format_sheet_range: 'Spreadsheet',\n  create_table: 'Spreadsheet',\n  update_table: 'Spreadsheet',\n  update_chart: 'Spreadsheet',\n  // Studio sheet PTC\n  CreateWorkbook: 'Spreadsheet',\n  AddSheet: 'Spreadsheet',\n  OpenWorkbook: 'Spreadsheet',\n\n  // Visualizations\n  create_chart: 'Visualizations (Charts, Dashboards, Figures)',\n  create_new_figure: 'Visualizations (Charts, Dashboards, Figures)',\n\n  // Presentation\n  create_powerpoint_deck: 'Presentation',\n  create_presentation_pptx_studio: 'Presentation',\n  execute_presentation_code: 'Presentation',\n  capture_slide_screenshot: 'Presentation',\n  capture_slide_screenshots: 'Presentation',\n  restore_presentation_slides: 'Presentation',\n  // Studio presentation PTC\n  CreatePresentation: 'Presentation',\n  OpenPresentation: 'Presentation',\n  AddSlide: 'Presentation',\n\n  // Notebook\n  create_new_notebook: 'Notebook',\n  run_notebook_cell: 'Notebook',\n\n  // Python / code execution\n  run_python_code: 'Python',\n  run_python: 'Python',\n\n  // Database\n  run_sql: 'Database',\n  run_database_sql: 'Database',\n  run_sql_query_tool: 'Database',\n  execute_sql: 'Database',\n  describe_database: 'Database',\n  list_database_tables: 'Database',\n  get_database_table_schema: 'Database',\n\n  // Email / calendar\n  search_email: 'Email',\n  unified_email_search: 'Email',\n\n  // Media\n  capture_moment: 'Computer',\n};\n\n/**\n * Tools that should never participate in grouping — even when surrounded by\n * tools of the same toolkit. Mirrors Olympus's `UNGROUPED_TOOLS`.\n */\nconst UNGROUPED_TOOLS: readonly string[] = [\n  'read_asset',\n  'read_full_asset',\n  'ask',\n  'open_asset_in_workspace',\n  'create_email_draft',\n  'unified_email_create_draft',\n  'unified_email_send',\n  'unified_email_edit_draft',\n];\n\n/**\n * Generic sandbox runtime tools shared across many toolkits (notebook,\n * computer, session sandbox, …). Mirrors Olympus's `CONTEXT_ONLY_TOOLS`:\n * they never start a toolkit group on their own — they only inherit the\n * surrounding group.\n */\nconst CONTEXT_ONLY_TOOLS: readonly string[] = [\n  'execute',\n  'ls',\n  'read_file',\n  'write_file',\n  'edit_file',\n  'glob',\n  'grep',\n];\n\n/**\n * Group display keys for toolkits that target a sandbox and therefore contain\n * the shared runtime tools. Context-only tools may only inherit these groups —\n * an open Web or Email group must not absorb a sandbox call.\n */\nconst SANDBOX_TOOLKIT_GROUPS: readonly string[] = ['Notebook', 'Computer', 'Session Sandbox'];\n\nexport type ToolGroupKeyOptions = {\n  /** Display name of the surrounding group, when one is already open. */\n  preferredGroupKey?: string;\n  /**\n   * Distinct tool names the message called. Hosts with a toolkit catalog use\n   * it to attribute a tool shared by several toolkits to the one the message\n   * leans on; the default map ignores it.\n   */\n  calledToolNames?: ReadonlySet<string>;\n};\n\n/**\n * Default `getToolGroupKey` implementation used by the SDK's tool grouping.\n * Returns the toolkit display key for a tool name, or `undefined` if the tool\n * is ungrouped or unknown. Context-only tools inherit the surrounding group\n * and are otherwise ungrouped.\n *\n * Override per-app by passing `getToolGroupKey` (or a whole `groupingFunction`) to\n * `SuperGroupingCard`.\n */\nexport const defaultGetToolGroupKey = (\n  toolName: string,\n  options?: ToolGroupKeyOptions\n): string | undefined => {\n  if (UNGROUPED_TOOLS.includes(toolName)) return undefined;\n  if (CONTEXT_ONLY_TOOLS.includes(toolName)) {\n    const preferred = options?.preferredGroupKey;\n    return preferred && SANDBOX_TOOLKIT_GROUPS.includes(preferred) ? preferred : undefined;\n  }\n  return DEFAULT_TOOL_TO_TOOLKIT[toolName];\n};\n\nexport type GetToolGroupKey = (\n  toolName: string,\n  options?: ToolGroupKeyOptions\n) => string | undefined;\n"],"names":[],"mappings":"AAWA,MAAM,0BAAkD;AAAA;AAAA,EAEtD,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA;AAAA,EAGZ,qBAAqB;AAAA,EACrB,+BAA+B;AAAA,EAC/B,oCAAoC;AAAA,EACpC,qCAAqC;AAAA,EACrC,oCAAoC;AAAA,EACpC,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA;AAAA,EAGhB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,0BAA0B;AAAA;AAAA,EAG1B,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,cAAc;AAAA;AAAA,EAGd,cAAc;AAAA,EACd,mBAAmB;AAAA;AAAA,EAGnB,wBAAwB;AAAA,EACxB,iCAAiC;AAAA,EACjC,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA;AAAA,EAE7B,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,UAAU;AAAA;AAAA,EAGV,qBAAqB;AAAA,EACrB,mBAAmB;AAAA;AAAA,EAGnB,iBAAiB;AAAA,EACjB,YAAY;AAAA;AAAA,EAGZ,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,2BAA2B;AAAA;AAAA,EAG3B,cAAc;AAAA,EACd,sBAAsB;AAAA;AAAA,EAGtB,gBAAgB;AAClB;AAMA,MAAM,kBAAqC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAQA,MAAM,qBAAwC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOA,MAAM,yBAA4C,CAAC,YAAY,YAAY,iBAAiB;AAsBrF,MAAM,yBAAyB,CACpC,UACA,YACuB;AACvB,MAAI,gBAAgB,SAAS,QAAQ,EAAG,QAAO;AAC/C,MAAI,mBAAmB,SAAS,QAAQ,GAAG;AACzC,UAAM,YAAY,mCAAS;AAC3B,WAAO,aAAa,uBAAuB,SAAS,SAAS,IAAI,YAAY;AAAA,EAC/E;AACA,SAAO,wBAAwB,QAAQ;AACzC;"}
+{"version":3,"file":"toolkit-map.js","sources":["../../../src/chat/super-grouping/toolkit-map.ts"],"sourcesContent":["/**\n * Static map of tool names → toolkit group display key, mirroring Olympus's\n * runtime `toolDefinitionsStore` output. The SDK doesn't ship a backend-fetched\n * toolkit catalog, so this provides the same grouping behavior using the names\n * the agent typically calls. Consumers can override via the `getToolGroupKey`\n * prop on `<AthenaChat>`.\n *\n * Keys here are toolkit *display* names (what users see in the toolkit\n * selector), not toolkit IDs — they match Olympus's\n * `getToolkitToGroupKeyMap()` output.\n */\nconst DEFAULT_TOOL_TO_TOOLKIT: Record<string, string> = {\n  // Web\n  search: 'Web',\n  browse: 'Web',\n  web_search: 'Web',\n  search_web: 'Web',\n  web_scrape: 'Web',\n  scrape_web: 'Web',\n\n  // Document\n  create_new_document: 'Document',\n  create_document_from_markdown: 'Document',\n  append_markdown_to_athena_document: 'Document',\n  replace_markdown_in_athena_document: 'Document',\n  delete_blocks_from_athena_document: 'Document',\n  convert_athena_doc_to_pdf: 'Document',\n  convert_to_pdf: 'Document',\n\n  // Word document (Studio)\n  CreateDocument: 'Document (Word)',\n  CreateParagraph: 'Document (Word)',\n  OpenDocument: 'Document (Word)',\n  execute_word_commands: 'Document (Word)',\n  create_new_word_document: 'Document (Word)',\n\n  // Spreadsheet\n  create_new_sheet: 'Spreadsheet',\n  update_sheet_range: 'Spreadsheet',\n  format_sheet_range: 'Spreadsheet',\n  bulk_format_sheet_range: 'Spreadsheet',\n  create_table: 'Spreadsheet',\n  update_table: 'Spreadsheet',\n  update_chart: 'Spreadsheet',\n  // Studio sheet PTC\n  CreateWorkbook: 'Spreadsheet',\n  AddSheet: 'Spreadsheet',\n  OpenWorkbook: 'Spreadsheet',\n\n  // Visualizations\n  create_chart: 'Visualizations (Charts, Dashboards, Figures)',\n  create_new_figure: 'Visualizations (Charts, Dashboards, Figures)',\n\n  // Presentation\n  create_powerpoint_deck: 'Presentation',\n  create_presentation_pptx_studio: 'Presentation',\n  execute_presentation_code: 'Presentation',\n  capture_slide_screenshot: 'Presentation',\n  capture_slide_screenshots: 'Presentation',\n  restore_presentation_slides: 'Presentation',\n  restore_spreadsheet_sheets: 'Spreadsheet',\n  // Studio presentation PTC\n  CreatePresentation: 'Presentation',\n  OpenPresentation: 'Presentation',\n  AddSlide: 'Presentation',\n\n  // Notebook\n  create_new_notebook: 'Notebook',\n  run_notebook_cell: 'Notebook',\n\n  // Python / code execution\n  run_python_code: 'Python',\n  run_python: 'Python',\n\n  // Database\n  run_sql: 'Database',\n  run_database_sql: 'Database',\n  run_sql_query_tool: 'Database',\n  execute_sql: 'Database',\n  describe_database: 'Database',\n  list_database_tables: 'Database',\n  get_database_table_schema: 'Database',\n\n  // Email / calendar\n  search_email: 'Email',\n  unified_email_search: 'Email',\n\n  // Media\n  capture_moment: 'Computer',\n};\n\n/**\n * Tools that should never participate in grouping — even when surrounded by\n * tools of the same toolkit. Mirrors Olympus's `UNGROUPED_TOOLS`.\n */\nconst UNGROUPED_TOOLS: readonly string[] = [\n  'read_asset',\n  'read_full_asset',\n  'ask',\n  'open_asset_in_workspace',\n  'create_email_draft',\n  'unified_email_create_draft',\n  'unified_email_send',\n  'unified_email_edit_draft',\n];\n\n/**\n * Generic sandbox runtime tools shared across many toolkits (notebook,\n * computer, session sandbox, …). Mirrors Olympus's `CONTEXT_ONLY_TOOLS`:\n * they never start a toolkit group on their own — they only inherit the\n * surrounding group.\n */\nconst CONTEXT_ONLY_TOOLS: readonly string[] = [\n  'execute',\n  'ls',\n  'read_file',\n  'write_file',\n  'edit_file',\n  'glob',\n  'grep',\n];\n\n/**\n * Group display keys for toolkits that target a sandbox and therefore contain\n * the shared runtime tools. Context-only tools may only inherit these groups —\n * an open Web or Email group must not absorb a sandbox call.\n */\nconst SANDBOX_TOOLKIT_GROUPS: readonly string[] = ['Notebook', 'Computer', 'Session Sandbox'];\n\nexport type ToolGroupKeyOptions = {\n  /** Display name of the surrounding group, when one is already open. */\n  preferredGroupKey?: string;\n  /**\n   * Distinct tool names the message called. Hosts with a toolkit catalog use\n   * it to attribute a tool shared by several toolkits to the one the message\n   * leans on; the default map ignores it.\n   */\n  calledToolNames?: ReadonlySet<string>;\n};\n\n/**\n * Default `getToolGroupKey` implementation used by the SDK's tool grouping.\n * Returns the toolkit display key for a tool name, or `undefined` if the tool\n * is ungrouped or unknown. Context-only tools inherit the surrounding group\n * and are otherwise ungrouped.\n *\n * Override per-app by passing `getToolGroupKey` (or a whole `groupingFunction`) to\n * `SuperGroupingCard`.\n */\nexport const defaultGetToolGroupKey = (\n  toolName: string,\n  options?: ToolGroupKeyOptions\n): string | undefined => {\n  if (UNGROUPED_TOOLS.includes(toolName)) return undefined;\n  if (CONTEXT_ONLY_TOOLS.includes(toolName)) {\n    const preferred = options?.preferredGroupKey;\n    return preferred && SANDBOX_TOOLKIT_GROUPS.includes(preferred) ? preferred : undefined;\n  }\n  return DEFAULT_TOOL_TO_TOOLKIT[toolName];\n};\n\nexport type GetToolGroupKey = (\n  toolName: string,\n  options?: ToolGroupKeyOptions\n) => string | undefined;\n"],"names":[],"mappings":"AAWA,MAAM,0BAAkD;AAAA;AAAA,EAEtD,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA;AAAA,EAGZ,qBAAqB;AAAA,EACrB,+BAA+B;AAAA,EAC/B,oCAAoC;AAAA,EACpC,qCAAqC;AAAA,EACrC,oCAAoC;AAAA,EACpC,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA;AAAA,EAGhB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,0BAA0B;AAAA;AAAA,EAG1B,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,cAAc;AAAA;AAAA,EAGd,cAAc;AAAA,EACd,mBAAmB;AAAA;AAAA,EAGnB,wBAAwB;AAAA,EACxB,iCAAiC;AAAA,EACjC,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA,EAC7B,4BAA4B;AAAA;AAAA,EAE5B,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,UAAU;AAAA;AAAA,EAGV,qBAAqB;AAAA,EACrB,mBAAmB;AAAA;AAAA,EAGnB,iBAAiB;AAAA,EACjB,YAAY;AAAA;AAAA,EAGZ,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,2BAA2B;AAAA;AAAA,EAG3B,cAAc;AAAA,EACd,sBAAsB;AAAA;AAAA,EAGtB,gBAAgB;AAClB;AAMA,MAAM,kBAAqC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAQA,MAAM,qBAAwC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOA,MAAM,yBAA4C,CAAC,YAAY,YAAY,iBAAiB;AAsBrF,MAAM,yBAAyB,CACpC,UACA,YACuB;AACvB,MAAI,gBAAgB,SAAS,QAAQ,EAAG,QAAO;AAC/C,MAAI,mBAAmB,SAAS,QAAQ,GAAG;AACzC,UAAM,YAAY,mCAAS;AAC3B,WAAO,aAAa,uBAAuB,SAAS,SAAS,IAAI,YAAY;AAAA,EAC/E;AACA,SAAO,wBAAwB,QAAQ;AACzC;"}

package/dist/chat/super-grouping/use-turn-steps.cjs

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const react = require("@assistant-ui/react");
 const require$$0 = require("react");
-const historyPages = require("../../agent-runtime/src/history-pages.cjs");
+const historyStore = require("../../agent-runtime/src/history-store.cjs");
 function rawTurnStepsMarker(message) {
   var _a;
   for (const source of react.getExternalStoreMessages(message)) {
-    const marker = (_a = source == null ? void 0 : source.additional_kwargs) == null ? void 0 : _a[historyPages.DEEP_AGENT_TURN_STEPS_KEY];
+    const marker = (_a = source == null ? void 0 : source.additional_kwargs) == null ? void 0 : _a[historyStore.DEEP_AGENT_TURN_STEPS_KEY];
     if (marker !== void 0) return marker;
   }
   return void 0;
@@ -14,7 +14,7 @@ function rawTurnStepsMarker(message) {
 function useTurnStepsMarker() {
   const raw = react.useAuiState((s) => rawTurnStepsMarker(s.message));
   return require$$0.useMemo(
-    () => raw === void 0 ? void 0 : historyPages.readTurnStepsMarker({ additional_kwargs: { [historyPages.DEEP_AGENT_TURN_STEPS_KEY]: raw } }),
+    () => raw === void 0 ? void 0 : historyStore.readTurnStepsMarker({ additional_kwargs: { [historyStore.DEEP_AGENT_TURN_STEPS_KEY]: raw } }),
     [raw]
   );
 }

package/dist/chat/super-grouping/use-turn-steps.js

@@ -1,6 +1,6 @@
 import { useAuiState, getExternalStoreMessages } from "@assistant-ui/react";
 import { createContext, useMemo, useContext } from "react";
-import { readTurnStepsMarker, DEEP_AGENT_TURN_STEPS_KEY } from "../../agent-runtime/src/history-pages.js";
+import { readTurnStepsMarker, DEEP_AGENT_TURN_STEPS_KEY } from "../../agent-runtime/src/history-store.js";
 function rawTurnStepsMarker(message) {
   var _a;
   for (const source of getExternalStoreMessages(message)) {

package/dist/chat-ui/index.cjs

@@ -36,6 +36,7 @@ const runningIndicator = require("./messages/running-indicator.cjs");
 const signInCard = require("./auth/sign-in-card.cjs");
 const runtimeMessage = require("./messages/runtime-message.cjs");
 const wakeMarker = require("./messages/wake-marker.cjs");
+const inboundChannelMessage = require("./messages/inbound-channel-message.cjs");
 const handoffArrivalDivider = require("./messages/handoff-arrival-divider.cjs");
 const answerLabel = require("./messages/answer-label.cjs");
 const voiceDelegationCard = require("./messages/voice-delegation-card.cjs");
@@ -147,6 +148,9 @@ exports.SignInTextField = signInCard.SignInTextField;
 exports.RuntimeMessageCard = runtimeMessage.RuntimeMessageCard;
 exports.WakeMarkerCard = wakeMarker.WakeMarkerCard;
 exports.WakeMarkerMessage = wakeMarker.WakeMarkerMessage;
+exports.InboundChannelLine = inboundChannelMessage.InboundChannelLine;
+exports.InboundChannelSubject = inboundChannelMessage.InboundChannelSubject;
+exports.withInboundMessageBody = inboundChannelMessage.withInboundMessageBody;
 exports.HandoffArrivalAfterMessage = handoffArrivalDivider.HandoffArrivalAfterMessage;
 exports.HandoffArrivalDivider = handoffArrivalDivider.HandoffArrivalDivider;
 exports.HandoffArrivalScope = handoffArrivalDivider.HandoffArrivalScope;

package/dist/chat-ui/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chat-ui/index.d.ts

@@ -46,6 +46,7 @@ export { TextShimmerLoader, ThreadRunningIndicator, } from "./messages/running-i
 export { SignInCard, SignInConsent, SignInFallbackSection, SignInSecondaryButton, SignInSelect, SignInTextField, } from "./auth/sign-in-card";
 export { RuntimeMessageCard, type RuntimeMessageCardProps } from "./messages/runtime-message";
 export { WakeMarkerCard, type WakeMarkerCardProps, WakeMarkerMessage, } from "./messages/wake-marker";
+export { InboundChannelLine, InboundChannelSubject, withInboundMessageBody, } from "./messages/inbound-channel-message";
 export { HandoffArrivalAfterMessage, HandoffArrivalDivider, type HandoffArrivalDividerProps, HandoffArrivalScope, } from "./messages/handoff-arrival-divider";
 export { AnswerLabel, type AnswerLabelProps, AnswerLabelScope, type AnswerLabelScopeProps, } from "./messages/answer-label";
 export { VoiceDelegationCard, type VoiceDelegationCardProps, VoiceDelegationMessage, } from "./messages/voice-delegation-card";

package/dist/chat-ui/index.js

@@ -34,6 +34,7 @@ import { TextShimmerLoader, ThreadRunningIndicator } from "./messages/running-in
 import { SignInCard, SignInConsent, SignInFallbackSection, SignInSecondaryButton, SignInSelect, SignInTextField } from "./auth/sign-in-card.js";
 import { RuntimeMessageCard } from "./messages/runtime-message.js";
 import { WakeMarkerCard, WakeMarkerMessage } from "./messages/wake-marker.js";
+import { InboundChannelLine, InboundChannelSubject, withInboundMessageBody } from "./messages/inbound-channel-message.js";
 import { HandoffArrivalAfterMessage, HandoffArrivalDivider, HandoffArrivalScope } from "./messages/handoff-arrival-divider.js";
 import { AnswerLabel, AnswerLabelScope } from "./messages/answer-label.js";
 import { VoiceDelegationCard, VoiceDelegationMessage } from "./messages/voice-delegation-card.js";
@@ -83,6 +84,8 @@ export {
   HandoffCursorReveal,
   HistoryEdgeRow,
   IconButton,
+  InboundChannelLine,
+  InboundChannelSubject,
   MESSAGE_ARRIVAL_ANIMATION_CLASS,
   MarkdownText,
   MentionAuthCtx,
@@ -167,6 +170,7 @@ export {
   useReadThreadReadingCursor,
   useStatewireApprovalRequest,
   useStatewireToolOutputs,
-  webpageMentionFingerprint
+  webpageMentionFingerprint,
+  withInboundMessageBody
 };
 //# sourceMappingURL=index.js.map

package/dist/chat-ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}