@athenaintel/react 0.42.2 → 0.48.0

package/dist/chat/device-operation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-operation.cjs","sources":["../../src/chat/device-operation.tsx"],"sourcesContent":["import { createContext, createElement, type ReactNode, useContext } from 'react';\n\n/**\n * The device this client is running an agent's action on right now, or\n * `undefined` while it runs none (identity v7, D11).\n *\n * A host whose app is also a device the agent operates (the Athena desktop\n * app, the Chrome extension) knows when it is executing a tool call the device\n * tunnel sent it. Agora refuses every approval answer sent meanwhile: it may\n * be the agent's, driving the device the person signed in on. Read once per\n * answer, at the moment it is sent.\n */\nexport type DeviceOperationReader = () => string | undefined;\n\nconst DeviceOperationContext = createContext<DeviceOperationReader | undefined>(undefined);\n\n/**\n * Stamps every approval answer this chat sends with the device the host says\n * an agent is operating (`deviceOperation` on statewire's `run/input` and\n * `run/lane-input`), so agora refuses an approve sent while the device is\n * operated. A reject still goes through: it lets nothing run. Hosts that\n * aren't a device (the web app, the Office add-in) don't mount it.\n */\nexport function DeviceOperationProvider({\n  read,\n  children,\n}: {\n  read: DeviceOperationReader;\n  children?: ReactNode;\n}) {\n  return createElement(DeviceOperationContext.Provider, { value: read }, children);\n}\n\n/** The host's reader, or `undefined` outside a {@link DeviceOperationProvider}. */\nexport function useDeviceOperationReader(): DeviceOperationReader | undefined {\n  return useContext(DeviceOperationContext);\n}\n\n/** What an answer is stamped with when the host can't say whether its device is operated. */\nexport const UNREADABLE_DEVICE_OPERATION = 'unreadable';\n\n/**\n * The stamp an answer carries: the reader's device, trimmed, or nothing while\n * no agent is operating it. A reader that throws fails closed: the answer is\n * stamped {@link UNREADABLE_DEVICE_OPERATION}, so an approve is refused rather\n * than sent from a device that may be operated.\n */\nexport function deviceOperationStamp(read: DeviceOperationReader | undefined): string | undefined {\n  if (read === undefined) return undefined;\n  try {\n    const device = read()?.trim();\n    return device ? device : undefined;\n  } catch {\n    return UNREADABLE_DEVICE_OPERATION;\n  }\n}\n"],"names":["createContext","createElement","useContext"],"mappings":";;;AAcA,MAAM,yBAAyBA,WAAAA,cAAiD,MAAS;AASlF,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAGG;AACD,SAAOC,WAAAA,cAAc,uBAAuB,UAAU,EAAE,OAAO,KAAA,GAAQ,QAAQ;AACjF;AAGO,SAAS,2BAA8D;AAC5E,SAAOC,WAAAA,WAAW,sBAAsB;AAC1C;AAGO,MAAM,8BAA8B;AAQpC,SAAS,qBAAqB,MAA6D;;AAChG,MAAI,SAAS,OAAW,QAAO;AAC/B,MAAI;AACF,UAAM,UAAS,UAAA,MAAA,mBAAQ;AACvB,WAAO,SAAS,SAAS;AAAA,EAC3B,QAAQ;AACN,WAAO;AAAA,EACT;AACF;;;;;"}

package/dist/chat/device-operation.d.ts

@@ -0,0 +1,34 @@
+import { type ReactNode } from 'react';
+/**
+ * The device this client is running an agent's action on right now, or
+ * `undefined` while it runs none (identity v7, D11).
+ *
+ * A host whose app is also a device the agent operates (the Athena desktop
+ * app, the Chrome extension) knows when it is executing a tool call the device
+ * tunnel sent it. Agora refuses every approval answer sent meanwhile: it may
+ * be the agent's, driving the device the person signed in on. Read once per
+ * answer, at the moment it is sent.
+ */
+export type DeviceOperationReader = () => string | undefined;
+/**
+ * Stamps every approval answer this chat sends with the device the host says
+ * an agent is operating (`deviceOperation` on statewire's `run/input` and
+ * `run/lane-input`), so agora refuses an approve sent while the device is
+ * operated. A reject still goes through: it lets nothing run. Hosts that
+ * aren't a device (the web app, the Office add-in) don't mount it.
+ */
+export declare function DeviceOperationProvider({ read, children, }: {
+    read: DeviceOperationReader;
+    children?: ReactNode;
+}): import("react").FunctionComponentElement<import("react").ProviderProps<DeviceOperationReader | undefined>>;
+/** The host's reader, or `undefined` outside a {@link DeviceOperationProvider}. */
+export declare function useDeviceOperationReader(): DeviceOperationReader | undefined;
+/** What an answer is stamped with when the host can't say whether its device is operated. */
+export declare const UNREADABLE_DEVICE_OPERATION = "unreadable";
+/**
+ * The stamp an answer carries: the reader's device, trimmed, or nothing while
+ * no agent is operating it. A reader that throws fails closed: the answer is
+ * stamped {@link UNREADABLE_DEVICE_OPERATION}, so an approve is refused rather
+ * than sent from a device that may be operated.
+ */
+export declare function deviceOperationStamp(read: DeviceOperationReader | undefined): string | undefined;

package/dist/chat/device-operation.js

@@ -0,0 +1,29 @@
+import { createElement, useContext, createContext } from "react";
+const DeviceOperationContext = createContext(void 0);
+function DeviceOperationProvider({
+  read,
+  children
+}) {
+  return createElement(DeviceOperationContext.Provider, { value: read }, children);
+}
+function useDeviceOperationReader() {
+  return useContext(DeviceOperationContext);
+}
+const UNREADABLE_DEVICE_OPERATION = "unreadable";
+function deviceOperationStamp(read) {
+  var _a;
+  if (read === void 0) return void 0;
+  try {
+    const device = (_a = read()) == null ? void 0 : _a.trim();
+    return device ? device : void 0;
+  } catch {
+    return UNREADABLE_DEVICE_OPERATION;
+  }
+}
+export {
+  DeviceOperationProvider,
+  UNREADABLE_DEVICE_OPERATION,
+  deviceOperationStamp,
+  useDeviceOperationReader
+};
+//# sourceMappingURL=device-operation.js.map

package/dist/chat/device-operation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-operation.js","sources":["../../src/chat/device-operation.tsx"],"sourcesContent":["import { createContext, createElement, type ReactNode, useContext } from 'react';\n\n/**\n * The device this client is running an agent's action on right now, or\n * `undefined` while it runs none (identity v7, D11).\n *\n * A host whose app is also a device the agent operates (the Athena desktop\n * app, the Chrome extension) knows when it is executing a tool call the device\n * tunnel sent it. Agora refuses every approval answer sent meanwhile: it may\n * be the agent's, driving the device the person signed in on. Read once per\n * answer, at the moment it is sent.\n */\nexport type DeviceOperationReader = () => string | undefined;\n\nconst DeviceOperationContext = createContext<DeviceOperationReader | undefined>(undefined);\n\n/**\n * Stamps every approval answer this chat sends with the device the host says\n * an agent is operating (`deviceOperation` on statewire's `run/input` and\n * `run/lane-input`), so agora refuses an approve sent while the device is\n * operated. A reject still goes through: it lets nothing run. Hosts that\n * aren't a device (the web app, the Office add-in) don't mount it.\n */\nexport function DeviceOperationProvider({\n  read,\n  children,\n}: {\n  read: DeviceOperationReader;\n  children?: ReactNode;\n}) {\n  return createElement(DeviceOperationContext.Provider, { value: read }, children);\n}\n\n/** The host's reader, or `undefined` outside a {@link DeviceOperationProvider}. */\nexport function useDeviceOperationReader(): DeviceOperationReader | undefined {\n  return useContext(DeviceOperationContext);\n}\n\n/** What an answer is stamped with when the host can't say whether its device is operated. */\nexport const UNREADABLE_DEVICE_OPERATION = 'unreadable';\n\n/**\n * The stamp an answer carries: the reader's device, trimmed, or nothing while\n * no agent is operating it. A reader that throws fails closed: the answer is\n * stamped {@link UNREADABLE_DEVICE_OPERATION}, so an approve is refused rather\n * than sent from a device that may be operated.\n */\nexport function deviceOperationStamp(read: DeviceOperationReader | undefined): string | undefined {\n  if (read === undefined) return undefined;\n  try {\n    const device = read()?.trim();\n    return device ? device : undefined;\n  } catch {\n    return UNREADABLE_DEVICE_OPERATION;\n  }\n}\n"],"names":[],"mappings":";AAcA,MAAM,yBAAyB,cAAiD,MAAS;AASlF,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAGG;AACD,SAAO,cAAc,uBAAuB,UAAU,EAAE,OAAO,KAAA,GAAQ,QAAQ;AACjF;AAGO,SAAS,2BAA8D;AAC5E,SAAO,WAAW,sBAAsB;AAC1C;AAGO,MAAM,8BAA8B;AAQpC,SAAS,qBAAqB,MAA6D;;AAChG,MAAI,SAAS,OAAW,QAAO;AAC/B,MAAI;AACF,UAAM,UAAS,UAAA,MAAA,mBAAQ;AACvB,WAAO,SAAS,SAAS;AAAA,EAC3B,QAAQ;AACN,WAAO;AAAA,EACT;AACF;"}

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react$1 = require("@assistant-ui/react");
+const react = require("@assistant-ui/react");
 const lucideReact = require("lucide-react");
-const react = require("react");
+const require$$0 = require("react");
 const groupingFunction = require("./grouping-function.cjs");
 const toolkitMap = require("./toolkit-map.cjs");
 const cnfast = require("cnfast");
@@ -26,11 +26,11 @@ const TOOLKIT_THEMES = {
 };
 const DEFAULT_TOOLKIT_THEME = { color: "#919EAB" };
 const DEFAULT_GROUPING = groupingFunction.createToolBasedGroupingFunction(toolkitMap.defaultGetToolGroupKey);
-const SuperGroupingContext = react.createContext(null);
+const SuperGroupingContext = require$$0.createContext(null);
 const SuperGroupingProvider = SuperGroupingContext.Provider;
-const GroupToolUIsMountedContext = react.createContext(true);
+const GroupToolUIsMountedContext = require$$0.createContext(true);
 function GroupToolUI({ children }) {
-  return react.useContext(GroupToolUIsMountedContext) ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }) : null;
+  return require$$0.useContext(GroupToolUIsMountedContext) ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }) : null;
 }
 const CollapsibleGroup = ({
   groupKey,
@@ -44,23 +44,23 @@ const CollapsibleGroup = ({
   groupingFunction: groupingFunction2,
   className
 }) => {
-  const panelId = react.useId();
-  const isMessageRunning = react$1.useAuiState((s) => {
+  const panelId = require$$0.useId();
+  const isMessageRunning = react.useAuiState((s) => {
     var _a;
     return ((_a = s.message.status) == null ? void 0 : _a.type) === "running";
   });
-  const messageContent = react$1.useAuiState(
+  const messageContent = react.useAuiState(
     (s) => s.message.role === "assistant" ? s.message.content : void 0
   );
-  const superGrouping = react.useContext(SuperGroupingContext);
+  const superGrouping = require$$0.useContext(SuperGroupingContext);
   const grouping = groupingFunction2 ?? (superGrouping == null ? void 0 : superGrouping.groupingFunction) ?? DEFAULT_GROUPING;
   const lastIndex = indices.at(-1);
-  const isLastGroup = react.useMemo(() => {
+  const isLastGroup = require$$0.useMemo(() => {
     if (!messageContent) return false;
     const lastGroup = grouping(messageContent).filter((group) => group.indices.length > 1).at(-1);
     return (lastGroup == null ? void 0 : lastGroup.indices.at(-1)) === lastIndex;
   }, [messageContent, grouping, lastIndex]);
-  const toolCallCount = react.useMemo(
+  const toolCallCount = require$$0.useMemo(
     () => messageContent ? indices.reduce(
       (count, index) => {
         var _a;
@@ -70,15 +70,15 @@ const CollapsibleGroup = ({
     ) : 0,
     [messageContent, indices]
   );
-  const theme = react.useMemo(
+  const theme = require$$0.useMemo(
     () => groupKey ? { ...TOOLKIT_THEMES, ...themes }[groupKey] ?? DEFAULT_TOOLKIT_THEME : DEFAULT_TOOLKIT_THEME,
     [groupKey, themes]
   );
-  const [userOpened, setOpen] = react.useState();
+  const [userOpened, setOpen] = require$$0.useState();
   const autoOpen = isLastGroup && isMessageRunning && !compactWhileRunning;
   const open = userOpened ?? (autoOpen || forceOpen);
   const mountToolUIs = open || isMessageRunning || mountHidden || (superGrouping == null ? void 0 : superGrouping.mountHidden) === true;
-  const [toolUIsMounted, setToolUIsMounted] = react.useState(mountToolUIs);
+  const [toolUIsMounted, setToolUIsMounted] = require$$0.useState(mountToolUIs);
   if (mountToolUIs && !toolUIsMounted) setToolUIsMounted(true);
   if (!groupKey || indices.length <= 1) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   const toggle = () => setOpen(!open);

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 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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"}

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("@assistant-ui/react");
-const react$1 = require("react");
+const require$$0 = require("react");
 const CollapsibleGroup = require("./CollapsibleGroup.cjs");
 const groupedPartKeys = require("./grouped-part-keys.cjs");
 const NO_GROUPS = [];
@@ -16,7 +16,7 @@ function useGroupedPartKeys({
   parts,
   groups
 }) {
-  const [keys, setKeys] = react$1.useState(null);
+  const [keys, setKeys] = require$$0.useState(null);
   if (keys !== null && keys.parts === parts && keys.groups === groups) return keys;
   const next = groupedPartKeys.carryGroupedPartKeys({ previous: keys, parts, groups });
   setKeys(next);
@@ -24,12 +24,12 @@ function useGroupedPartKeys({
 }
 const GroupedMessageParts = ({ groupingFunction, components }) => {
   const parts = react.useAuiState((s) => s.message.parts);
-  const groups = react$1.useMemo(
+  const groups = require$$0.useMemo(
     () => parts.length === 0 ? NO_GROUPS : groupingFunction(parts),
     [parts, groupingFunction]
   );
   const keys = useGroupedPartKeys({ parts, groups });
-  const elements = react$1.useMemo(() => {
+  const elements = require$$0.useMemo(() => {
     const leafComponents = {
       ...components,
       Text: (components == null ? void 0 : components.Text) ?? DefaultText,

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

@@ -1 +1 @@
-{"version":3,"file":"GroupedMessageParts.cjs","sources":["../../../src/chat/super-grouping/GroupedMessageParts.tsx"],"sourcesContent":["import {\n  type ImageMessagePartComponent,\n  MessagePartPrimitive,\n  MessagePrimitive,\n  type TextMessagePartComponent,\n  useAuiState,\n} from '@assistant-ui/react';\nimport { type ComponentProps, type FC, type ReactNode, useMemo, useState } from 'react';\nimport { GroupToolUI } from './CollapsibleGroup';\nimport { carryGroupedPartKeys, type GroupedPartKeys, type KeyablePart } from './grouped-part-keys';\nimport type { GroupingFunction, MessagePartGroup } from './grouping-function';\n\nexport interface GroupedMessagePartsProps {\n  /** Groups the message's parts; each group renders through `components.Group`. */\n  groupingFunction: GroupingFunction;\n  /** The part and group renderers, as `MessagePrimitive.Unstable_PartsGrouped` takes them. */\n  components: ComponentProps<typeof MessagePrimitive.Unstable_PartsGrouped>['components'];\n}\n\nconst NO_GROUPS: readonly MessagePartGroup[] = [];\n\n/** assistant-ui's grouped-parts defaults for the leaves a host does not render. */\nconst DefaultText: TextMessagePartComponent = () => (\n  <p style={{ whiteSpace: 'pre-line' }}>\n    <MessagePartPrimitive.Text />\n    <MessagePartPrimitive.InProgress>\n      <span style={{ fontFamily: 'revert' }}>{' ●'}</span>\n    </MessagePartPrimitive.InProgress>\n  </p>\n);\nconst DefaultImage: ImageMessagePartComponent = () => <MessagePartPrimitive.Image />;\nconst PassThroughGroup = ({ children }: { children?: ReactNode }) => <>{children}</>;\n\n/**\n * The keys of the last render, carried into this one (see\n * {@link carryGroupedPartKeys}). Kept as state, React's way of storing\n * information from previous renders: a render whose parts or groups changed\n * stores the new keys, and React renders again with them before committing.\n */\nfunction useGroupedPartKeys({\n  parts,\n  groups,\n}: {\n  parts: readonly KeyablePart[];\n  groups: readonly MessagePartGroup[];\n}): GroupedPartKeys {\n  const [keys, setKeys] = useState<GroupedPartKeys | null>(null);\n  if (keys !== null && keys.parts === parts && keys.groups === groups) return keys;\n  const next = carryGroupedPartKeys({ previous: keys, parts, groups });\n  setKeys(next);\n  return next;\n}\n\n/**\n * A message's parts grouped by `groupingFunction`, each group through\n * `components.Group` — `MessagePrimitive.Unstable_PartsGrouped` with two\n * differences:\n *\n * - What is mounted stays mounted when the message grows at its head (a page\n *   of older steps folding into the first loaded turn) as well as at its tail:\n *   groups and parts keep their React keys across renders (see\n *   {@link carryGroupedPartKeys}), where assistant-ui keys a group by its\n *   first part and a text part by its index.\n * - A tool call's UI renders through {@link GroupToolUI}, so a collapsed\n *   `CollapsibleGroup` of a finished turn mounts it only when first needed.\n *\n * An empty message renders as `Unstable_PartsGrouped` renders it.\n */\nexport const GroupedMessageParts: FC<GroupedMessagePartsProps> = ({ groupingFunction, components }) => {\n  const parts = useAuiState((s) => s.message.parts);\n  const groups = useMemo(\n    () => (parts.length === 0 ? NO_GROUPS : groupingFunction(parts)),\n    [parts, groupingFunction],\n  );\n  const keys = useGroupedPartKeys({ parts, groups });\n\n  const elements = useMemo(() => {\n    const leafComponents = {\n      ...components,\n      Text: components?.Text ?? DefaultText,\n      Image: components?.Image ?? DefaultImage,\n    };\n    const Group = components?.Group ?? PassThroughGroup;\n    return groups.map((group, groupIndex) => (\n      <Group key={keys.groupKeys[groupIndex]} groupKey={group.groupKey} indices={group.indices}>\n        {group.indices.map((partIndex) =>\n          parts[partIndex]?.type === 'tool-call' ? (\n            <GroupToolUI key={keys.partKeys[partIndex]}>\n              <MessagePrimitive.PartByIndex index={partIndex} components={leafComponents} />\n            </GroupToolUI>\n          ) : (\n            <MessagePrimitive.PartByIndex\n              key={keys.partKeys[partIndex]}\n              index={partIndex}\n              components={leafComponents}\n            />\n          ),\n        )}\n      </Group>\n    ));\n  }, [components, groups, keys, parts]);\n\n  if (parts.length === 0) {\n    return <MessagePrimitive.Unstable_PartsGrouped groupingFunction={groupingFunction} components={components} />;\n  }\n  return <>{elements}</>;\n};\n"],"names":["jsxs","jsx","MessagePartPrimitive","useState","carryGroupedPartKeys","useAuiState","useMemo","GroupToolUI","MessagePrimitive"],"mappings":";;;;;;;AAmBA,MAAM,YAAyC,CAAA;AAG/C,MAAM,cAAwC,MAC5CA,2BAAAA,KAAC,KAAA,EAAE,OAAO,EAAE,YAAY,cACtB,UAAA;AAAA,EAAAC,+BAACC,MAAAA,qBAAqB,MAArB,EAA0B;AAAA,EAC3BD,2BAAAA,IAACC,MAAAA,qBAAqB,YAArB,EACC,UAAAD,2BAAAA,IAAC,QAAA,EAAK,OAAO,EAAE,YAAY,SAAA,GAAa,UAAA,KAAA,CAAK,EAAA,CAC/C;AAAA,GACF;AAEF,MAAM,eAA0C,MAAMA,2BAAAA,IAACC,2BAAqB,OAArB,CAAA,CAA2B;AAClF,MAAM,mBAAmB,CAAC,EAAE,SAAA,4DAA4C,UAAS;AAQjF,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACF,GAGoB;AAClB,QAAM,CAAC,MAAM,OAAO,IAAIC,QAAAA,SAAiC,IAAI;AAC7D,MAAI,SAAS,QAAQ,KAAK,UAAU,SAAS,KAAK,WAAW,OAAQ,QAAO;AAC5E,QAAM,OAAOC,gBAAAA,qBAAqB,EAAE,UAAU,MAAM,OAAO,QAAQ;AACnE,UAAQ,IAAI;AACZ,SAAO;AACT;AAiBO,MAAM,sBAAoD,CAAC,EAAE,kBAAkB,iBAAiB;AACrG,QAAM,QAAQC,MAAAA,YAAY,CAAC,MAAM,EAAE,QAAQ,KAAK;AAChD,QAAM,SAASC,QAAAA;AAAAA,IACb,MAAO,MAAM,WAAW,IAAI,YAAY,iBAAiB,KAAK;AAAA,IAC9D,CAAC,OAAO,gBAAgB;AAAA,EAAA;AAE1B,QAAM,OAAO,mBAAmB,EAAE,OAAO,QAAQ;AAEjD,QAAM,WAAWA,QAAAA,QAAQ,MAAM;AAC7B,UAAM,iBAAiB;AAAA,MACrB,GAAG;AAAA,MACH,OAAM,yCAAY,SAAQ;AAAA,MAC1B,QAAO,yCAAY,UAAS;AAAA,IAAA;AAE9B,UAAM,SAAQ,yCAAY,UAAS;AACnC,WAAO,OAAO,IAAI,CAAC,OAAO,eACxBL,2BAAAA,IAAC,OAAA,EAAuC,UAAU,MAAM,UAAU,SAAS,MAAM,SAC9E,gBAAM,QAAQ;AAAA,MAAI,CAAC;;AAClB,4BAAM,SAAS,MAAf,mBAAkB,UAAS,cACzBA,2BAAAA,IAACM,iBAAAA,aAAA,EACC,UAAAN,+BAACO,MAAAA,iBAAiB,aAAjB,EAA6B,OAAO,WAAW,YAAY,eAAA,CAAgB,KAD5D,KAAK,SAAS,SAAS,CAEzC,IAEAP,2BAAAA;AAAAA,UAACO,MAAAA,iBAAiB;AAAA,UAAjB;AAAA,YAEC,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,UAFP,KAAK,SAAS,SAAS;AAAA,QAAA;AAAA;AAAA,IAG9B,EAEJ,GAbU,KAAK,UAAU,UAAU,CAcrC,CACD;AAAA,EACH,GAAG,CAAC,YAAY,QAAQ,MAAM,KAAK,CAAC;AAEpC,MAAI,MAAM,WAAW,GAAG;AACtB,WAAOP,2BAAAA,IAACO,MAAAA,iBAAiB,uBAAjB,EAAuC,kBAAoC,WAAA,CAAwB;AAAA,EAC7G;AACA,+DAAU,UAAA,SAAA,CAAS;AACrB;;"}
+{"version":3,"file":"GroupedMessageParts.cjs","sources":["../../../src/chat/super-grouping/GroupedMessageParts.tsx"],"sourcesContent":["import {\n  type ImageMessagePartComponent,\n  MessagePartPrimitive,\n  MessagePrimitive,\n  type TextMessagePartComponent,\n  useAuiState,\n} from '@assistant-ui/react';\nimport { type ComponentProps, type FC, type ReactNode, useMemo, useState } from 'react';\nimport { GroupToolUI } from './CollapsibleGroup';\nimport { carryGroupedPartKeys, type GroupedPartKeys, type KeyablePart } from './grouped-part-keys';\nimport type { GroupingFunction, MessagePartGroup } from './grouping-function';\n\nexport interface GroupedMessagePartsProps {\n  /** Groups the message's parts; each group renders through `components.Group`. */\n  groupingFunction: GroupingFunction;\n  /** The part and group renderers, as `MessagePrimitive.Unstable_PartsGrouped` takes them. */\n  components: ComponentProps<typeof MessagePrimitive.Unstable_PartsGrouped>['components'];\n}\n\nconst NO_GROUPS: readonly MessagePartGroup[] = [];\n\n/** assistant-ui's grouped-parts defaults for the leaves a host does not render. */\nconst DefaultText: TextMessagePartComponent = () => (\n  <p style={{ whiteSpace: 'pre-line' }}>\n    <MessagePartPrimitive.Text />\n    <MessagePartPrimitive.InProgress>\n      <span style={{ fontFamily: 'revert' }}>{' ●'}</span>\n    </MessagePartPrimitive.InProgress>\n  </p>\n);\nconst DefaultImage: ImageMessagePartComponent = () => <MessagePartPrimitive.Image />;\nconst PassThroughGroup = ({ children }: { children?: ReactNode }) => <>{children}</>;\n\n/**\n * The keys of the last render, carried into this one (see\n * {@link carryGroupedPartKeys}). Kept as state, React's way of storing\n * information from previous renders: a render whose parts or groups changed\n * stores the new keys, and React renders again with them before committing.\n */\nfunction useGroupedPartKeys({\n  parts,\n  groups,\n}: {\n  parts: readonly KeyablePart[];\n  groups: readonly MessagePartGroup[];\n}): GroupedPartKeys {\n  const [keys, setKeys] = useState<GroupedPartKeys | null>(null);\n  if (keys !== null && keys.parts === parts && keys.groups === groups) return keys;\n  const next = carryGroupedPartKeys({ previous: keys, parts, groups });\n  setKeys(next);\n  return next;\n}\n\n/**\n * A message's parts grouped by `groupingFunction`, each group through\n * `components.Group` — `MessagePrimitive.Unstable_PartsGrouped` with two\n * differences:\n *\n * - What is mounted stays mounted when the message grows at its head (a page\n *   of older steps folding into the first loaded turn) as well as at its tail:\n *   groups and parts keep their React keys across renders (see\n *   {@link carryGroupedPartKeys}), where assistant-ui keys a group by its\n *   first part and a text part by its index.\n * - A tool call's UI renders through {@link GroupToolUI}, so a collapsed\n *   `CollapsibleGroup` of a finished turn mounts it only when first needed.\n *\n * An empty message renders as `Unstable_PartsGrouped` renders it.\n */\nexport const GroupedMessageParts: FC<GroupedMessagePartsProps> = ({ groupingFunction, components }) => {\n  const parts = useAuiState((s) => s.message.parts);\n  const groups = useMemo(\n    () => (parts.length === 0 ? NO_GROUPS : groupingFunction(parts)),\n    [parts, groupingFunction],\n  );\n  const keys = useGroupedPartKeys({ parts, groups });\n\n  const elements = useMemo(() => {\n    const leafComponents = {\n      ...components,\n      Text: components?.Text ?? DefaultText,\n      Image: components?.Image ?? DefaultImage,\n    };\n    const Group = components?.Group ?? PassThroughGroup;\n    return groups.map((group, groupIndex) => (\n      <Group key={keys.groupKeys[groupIndex]} groupKey={group.groupKey} indices={group.indices}>\n        {group.indices.map((partIndex) =>\n          parts[partIndex]?.type === 'tool-call' ? (\n            <GroupToolUI key={keys.partKeys[partIndex]}>\n              <MessagePrimitive.PartByIndex index={partIndex} components={leafComponents} />\n            </GroupToolUI>\n          ) : (\n            <MessagePrimitive.PartByIndex\n              key={keys.partKeys[partIndex]}\n              index={partIndex}\n              components={leafComponents}\n            />\n          ),\n        )}\n      </Group>\n    ));\n  }, [components, groups, keys, parts]);\n\n  if (parts.length === 0) {\n    return <MessagePrimitive.Unstable_PartsGrouped groupingFunction={groupingFunction} components={components} />;\n  }\n  return <>{elements}</>;\n};\n"],"names":["jsxs","jsx","MessagePartPrimitive","useState","carryGroupedPartKeys","useAuiState","useMemo","GroupToolUI","MessagePrimitive"],"mappings":";;;;;;;AAmBA,MAAM,YAAyC,CAAA;AAG/C,MAAM,cAAwC,MAC5CA,2BAAAA,KAAC,KAAA,EAAE,OAAO,EAAE,YAAY,cACtB,UAAA;AAAA,EAAAC,+BAACC,MAAAA,qBAAqB,MAArB,EAA0B;AAAA,EAC3BD,2BAAAA,IAACC,MAAAA,qBAAqB,YAArB,EACC,UAAAD,2BAAAA,IAAC,QAAA,EAAK,OAAO,EAAE,YAAY,SAAA,GAAa,UAAA,KAAA,CAAK,EAAA,CAC/C;AAAA,GACF;AAEF,MAAM,eAA0C,MAAMA,2BAAAA,IAACC,2BAAqB,OAArB,CAAA,CAA2B;AAClF,MAAM,mBAAmB,CAAC,EAAE,SAAA,4DAA4C,UAAS;AAQjF,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACF,GAGoB;AAClB,QAAM,CAAC,MAAM,OAAO,IAAIC,WAAAA,SAAiC,IAAI;AAC7D,MAAI,SAAS,QAAQ,KAAK,UAAU,SAAS,KAAK,WAAW,OAAQ,QAAO;AAC5E,QAAM,OAAOC,gBAAAA,qBAAqB,EAAE,UAAU,MAAM,OAAO,QAAQ;AACnE,UAAQ,IAAI;AACZ,SAAO;AACT;AAiBO,MAAM,sBAAoD,CAAC,EAAE,kBAAkB,iBAAiB;AACrG,QAAM,QAAQC,MAAAA,YAAY,CAAC,MAAM,EAAE,QAAQ,KAAK;AAChD,QAAM,SAASC,WAAAA;AAAAA,IACb,MAAO,MAAM,WAAW,IAAI,YAAY,iBAAiB,KAAK;AAAA,IAC9D,CAAC,OAAO,gBAAgB;AAAA,EAAA;AAE1B,QAAM,OAAO,mBAAmB,EAAE,OAAO,QAAQ;AAEjD,QAAM,WAAWA,WAAAA,QAAQ,MAAM;AAC7B,UAAM,iBAAiB;AAAA,MACrB,GAAG;AAAA,MACH,OAAM,yCAAY,SAAQ;AAAA,MAC1B,QAAO,yCAAY,UAAS;AAAA,IAAA;AAE9B,UAAM,SAAQ,yCAAY,UAAS;AACnC,WAAO,OAAO,IAAI,CAAC,OAAO,eACxBL,2BAAAA,IAAC,OAAA,EAAuC,UAAU,MAAM,UAAU,SAAS,MAAM,SAC9E,gBAAM,QAAQ;AAAA,MAAI,CAAC;;AAClB,4BAAM,SAAS,MAAf,mBAAkB,UAAS,cACzBA,2BAAAA,IAACM,iBAAAA,aAAA,EACC,UAAAN,+BAACO,MAAAA,iBAAiB,aAAjB,EAA6B,OAAO,WAAW,YAAY,eAAA,CAAgB,KAD5D,KAAK,SAAS,SAAS,CAEzC,IAEAP,2BAAAA;AAAAA,UAACO,MAAAA,iBAAiB;AAAA,UAAjB;AAAA,YAEC,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,UAFP,KAAK,SAAS,SAAS;AAAA,QAAA;AAAA;AAAA,IAG9B,EAEJ,GAbU,KAAK,UAAU,UAAU,CAcrC,CACD;AAAA,EACH,GAAG,CAAC,YAAY,QAAQ,MAAM,KAAK,CAAC;AAEpC,MAAI,MAAM,WAAW,GAAG;AACtB,WAAOP,2BAAAA,IAACO,MAAAA,iBAAiB,uBAAjB,EAAuC,kBAAoC,WAAA,CAAwB;AAAA,EAC7G;AACA,+DAAU,UAAA,SAAA,CAAS;AACrB;;"}

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react$1 = require("@assistant-ui/react");
+const react = require("@assistant-ui/react");
 const lucideReact = require("lucide-react");
-const react = require("react");
+const require$$0 = require("react");
 const inlineTools = require("../../tools/inline-tools.cjs");
 const toolFallback = require("../../tools/tool-fallback.cjs");
 const toolSummary = require("../../tools/tool-summary.cjs");
@@ -14,11 +14,13 @@ const groupingFunction = require("./grouping-function.cjs");
 const ToolTimeline = require("./ToolTimeline.cjs");
 const timelineStep = require("./timeline-step.cjs");
 const toolkitMap = require("./toolkit-map.cjs");
+const toolPartPlacement = require("./tool-part-placement.cjs");
 const cnfast = require("cnfast");
 const DEFAULT_MAX_VISIBLE_STEPS = 3;
 const MAX_REMEMBERED_EXPANSIONS = 200;
 const EMPTY_TIMELINE = [];
 const EMPTY_CONTENT = [];
+const NO_STEP_ROW_TOOLS = () => false;
 function onlyLastPartGrew({
   previous,
   next
@@ -67,16 +69,16 @@ function useActivityExpansion({
   phase,
   expandWhileWaiting = false
 }) {
-  const [userExpanded, setUserExpanded] = react.useState(
+  const [userExpanded, setUserExpanded] = require$$0.useState(
     () => rememberedExpansions.get(expansionKey)
   );
-  const [waitingAutoExpanded, setWaitingAutoExpanded] = react.useState(false);
-  const previousRef = react.useRef({ expansionKey, phase });
-  react.useEffect(() => {
+  const [waitingAutoExpanded, setWaitingAutoExpanded] = require$$0.useState(false);
+  const previousRef = require$$0.useRef({ expansionKey, phase });
+  require$$0.useEffect(() => {
     setUserExpanded(rememberedExpansions.get(expansionKey));
     setWaitingAutoExpanded(false);
   }, [expansionKey]);
-  react.useEffect(() => {
+  require$$0.useEffect(() => {
     const previous = previousRef.current;
     if (expandWhileWaiting && previous.expansionKey === expansionKey) {
       if (previous.phase !== "waiting" && phase === "waiting") {
@@ -96,7 +98,7 @@ function useActivityExpansion({
   };
   return { expanded, toggleExpanded };
 }
-const SuperGroupingCard = react.memo(function SuperGroupingCard2({
+const SuperGroupingCard = require$$0.memo(function SuperGroupingCard2({
   toolUIs,
   ToolFallback: ToolFallbackComponent = toolFallback.ToolFallback,
   TextComponent,
@@ -108,6 +110,7 @@ const SuperGroupingCard = react.memo(function SuperGroupingCard2({
   waitingToolCallIds,
   passThroughTools,
   isInlineTool = inlineTools.isSdkInlineTool,
+  isStepRowTool = NO_STEP_ROW_TOOLS,
   waitingForInput = false,
   resolveToolDisplayName,
   expansionKey: expansionKeyProp,
@@ -115,16 +118,18 @@ const SuperGroupingCard = react.memo(function SuperGroupingCard2({
   mountDetails = false,
   maxVisibleSteps = DEFAULT_MAX_VISIBLE_STEPS,
   summaryDetails,
+  renderStepIcon,
+  showSourceFavicons,
   renderHeaderActions,
   renderRunningMeta,
   className,
   classNames
 }) {
-  const messageId = react$1.useAuiState((s) => s.message.id);
-  const [selectActivityContent] = react.useState(createActivityContentSelector);
-  const messageContent = react$1.useAuiState(selectActivityContent);
-  const messageStatus = react$1.useAuiState((s) => s.message.status);
-  const timeline = react.useMemo(() => {
+  const messageId = react.useAuiState((s) => s.message.id);
+  const [selectActivityContent] = require$$0.useState(createActivityContentSelector);
+  const messageContent = react.useAuiState(selectActivityContent);
+  const messageStatus = react.useAuiState((s) => s.message.status);
+  const timeline = require$$0.useMemo(() => {
     const items = activityTimeline.buildActivityTimeline(messageContent, messageStatus, {
       waitingTools,
       waitingToolCallIds,
@@ -132,7 +137,7 @@ const SuperGroupingCard = react.memo(function SuperGroupingCard2({
     });
     return items.length > 0 ? items : EMPTY_TIMELINE;
   }, [messageContent, messageStatus, waitingTools, waitingToolCallIds, passThroughTools]);
-  const phase = react.useMemo(
+  const phase = require$$0.useMemo(
     () => activityTimeline.resolveActivityPhase(messageStatus, timeline, { waitingForInput }),
     [messageStatus, timeline, waitingForInput]
   );
@@ -142,7 +147,7 @@ const SuperGroupingCard = react.memo(function SuperGroupingCard2({
     phase,
     expandWhileWaiting
   });
-  const generatedId = react.useId().replace(/[^A-Za-z0-9_-]/g, "");
+  const generatedId = require$$0.useId().replace(/[^A-Za-z0-9_-]/g, "");
   const detailsPanelId = `aui-sg-details-${generatedId}`;
   const statusId = `aui-sg-status-${generatedId}`;
   const { expanded: detailsExpanded, toggleExpanded: toggleDetails } = useActivityExpansion({
@@ -150,34 +155,37 @@ const SuperGroupingCard = react.memo(function SuperGroupingCard2({
     phase,
     expandWhileWaiting
   });
-  const assetTitles = react.useMemo(() => toolSummary.collectAssetTitles(messageContent), [messageContent]);
-  const steps = react.useMemo(
-    () => timeline.map((item, index) => timelineStep.toTimelineStep({ item, index, resolveToolDisplayName, assetTitles })),
-    [timeline, resolveToolDisplayName, assetTitles]
+  const assetTitles = require$$0.useMemo(() => toolSummary.collectAssetTitles(messageContent), [messageContent]);
+  const steps = require$$0.useMemo(
+    () => timeline.map(
+      (item, index) => timelineStep.toTimelineStep({ item, index, resolveToolDisplayName, assetTitles, withSourceUrls: showSourceFavicons })
+    ),
+    [timeline, resolveToolDisplayName, assetTitles, showSourceFavicons]
   );
-  const inlineParts = react.useMemo(() => {
-    const parts = [];
+  const { inlineParts, stepRowParts } = require$$0.useMemo(() => {
+    const inline = [];
+    const stepRows = /* @__PURE__ */ new Map();
     messageContent.forEach((part, index) => {
-      if (part.type === "tool-call" && isInlineTool(part.toolName)) {
-        parts.push({ index, key: part.toolCallId });
-      }
+      if (part.type !== "tool-call") return;
+      if (isInlineTool(part.toolName, part)) inline.push({ index, key: part.toolCallId });
+      if (isStepRowTool(part.toolName)) stepRows.set(part.toolCallId, index);
     });
-    return parts;
-  }, [messageContent, isInlineTool]);
-  const grouping = react.useMemo(
+    return { inlineParts: inline, stepRowParts: stepRows };
+  }, [messageContent, isInlineTool, isStepRowTool]);
+  const grouping = require$$0.useMemo(
     () => activityTimeline.excludePartsFromGroups(
       activityTimeline.excludeFinalTextFromGroups(groupingFunction$1 ?? groupingFunction.createToolBasedGroupingFunction(getToolGroupKey)),
-      (part) => part.type === "tool-call" && part.toolName !== void 0 && isInlineTool(part.toolName)
+      (part) => groupingFunction.isGroupedToolCallPart(part) && (isStepRowTool(part.toolName) || isInlineTool(part.toolName, part))
     ),
-    [groupingFunction$1, getToolGroupKey, isInlineTool]
+    [groupingFunction$1, getToolGroupKey, isInlineTool, isStepRowTool]
   );
-  const hasDetails = react.useMemo(() => grouping(messageContent).length > 0, [grouping, messageContent]);
+  const hasDetails = require$$0.useMemo(() => grouping(messageContent).length > 0, [grouping, messageContent]);
   const isActive = phase === "running" || phase === "waiting";
-  const groupingContext = react.useMemo(
+  const groupingContext = require$$0.useMemo(
     () => ({ groupingFunction: grouping, mountHidden: isActive || mountDetails }),
     [grouping, isActive, mountDetails]
   );
-  const components = react.useMemo(
+  const components = require$$0.useMemo(
     () => ({
       tools: {
         ...toolUIs ? { by_name: toolUIs } : {},
@@ -200,6 +208,10 @@ const SuperGroupingCard = react.memo(function SuperGroupingCard2({
     activeSteps.length > 1 ? `${activeSteps.length} in progress` : null
   ].filter(Boolean).join(" · ") : steps.length > 0 ? "Preparing response" : "Thinking" : activityTimeline.getActivitySummary(timeline);
   const label = [latestStatus, ...isActive ? [] : summaryDetails ?? []].join(" · ");
+  const renderStepRow = stepRowParts.size > 0 ? (step) => {
+    const index = step.kind === "tool" ? stepRowParts.get(step.id) : void 0;
+    return index === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(toolPartPlacement.ToolPartPlacementProvider, { value: "step", children: /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.PartByIndex, { index, components }) });
+  } : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "section",
     {
@@ -222,6 +234,9 @@ const SuperGroupingCard = react.memo(function SuperGroupingCard2({
             keepMounted: isActive || mountDetails,
             actions: renderHeaderActions == null ? void 0 : renderHeaderActions({ phase, messageContent }),
             meta: phase === "running" ? renderRunningMeta == null ? void 0 : renderRunningMeta({ phase }) : null,
+            renderStepIcon,
+            renderStepRow,
+            showSourceFavicons,
             children: hasDetails ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 pl-5", children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "button",
@@ -256,29 +271,36 @@ const SuperGroupingCard = react.memo(function SuperGroupingCard2({
                     "min-w-0 overflow-hidden border-l border-border/60 py-2 pl-3",
                     classNames == null ? void 0 : classNames.details
                   ),
-                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cnfast.cn("flex flex-col gap-2", classNames == null ? void 0 : classNames.detailsParts), children: /* @__PURE__ */ jsxRuntime.jsx(CollapsibleGroup.SuperGroupingProvider, { value: groupingContext, children: /* @__PURE__ */ jsxRuntime.jsx(GroupedMessageParts.GroupedMessageParts, { groupingFunction: grouping, components }) }) })
+                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cnfast.cn("flex flex-col gap-2", classNames == null ? void 0 : classNames.detailsParts), children: /* @__PURE__ */ jsxRuntime.jsx(CollapsibleGroup.SuperGroupingProvider, { value: groupingContext, children: /* @__PURE__ */ jsxRuntime.jsx(toolPartPlacement.ToolPartPlacementProvider, { value: null, children: /* @__PURE__ */ jsxRuntime.jsx(GroupedMessageParts.GroupedMessageParts, { groupingFunction: grouping, components }) }) }) })
                 }
               ) : null
             ] }) : null
           }
         ),
-        inlineParts.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "super-grouping-inline-tools", className: "mt-2 flex min-w-0 flex-col gap-2", children: inlineParts.map(({ index, key }) => /* @__PURE__ */ jsxRuntime.jsx(react$1.MessagePrimitive.PartByIndex, { index, components }, key)) }) : null,
+        inlineParts.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-slot": "super-grouping-inline-tools",
+            className: cnfast.cn("mt-2 flex min-w-0 flex-col gap-2", classNames == null ? void 0 : classNames.inlineTools),
+            children: /* @__PURE__ */ jsxRuntime.jsx(toolPartPlacement.ToolPartPlacementProvider, { value: "inline", children: inlineParts.map(({ index, key }) => /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.PartByIndex, { index, components }, key)) })
+          }
+        ) : null,
         /* @__PURE__ */ jsxRuntime.jsx("output", { id: statusId, "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: phase === "waiting" ? "Waiting for your input" : latestStatus })
       ]
     }
   );
 });
-const SuperGroupingFinalText = react.memo(function SuperGroupingFinalText2({
+const SuperGroupingFinalText = require$$0.memo(function SuperGroupingFinalText2({
   TextComponent
 }) {
-  const messageContent = react$1.useAuiState(
+  const messageContent = react.useAuiState(
     (s) => s.message.role === "assistant" ? s.message.content : EMPTY_CONTENT
   );
-  const statusType = react$1.useAuiState((s) => {
+  const statusType = react.useAuiState((s) => {
     var _a;
     return (_a = s.message.status) == null ? void 0 : _a.type;
   });
-  const parts = react.useMemo(() => activityTimeline.getFinalTextParts(messageContent), [messageContent]);
+  const parts = require$$0.useMemo(() => activityTimeline.getFinalTextParts(messageContent), [messageContent]);
   if (parts.length === 0) return null;
   const running = statusType === "running" || statusType === "requires-action";
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "super-grouping-final-text", className: "flex min-w-0 flex-col gap-1.5", children: parts.map((part, position) => /* @__PURE__ */ jsxRuntime.jsx(