@athenaintel/react 0.42.1 → 0.43.0

package/dist/chat/chat-voice-controls.cjs

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@assistant-ui/react");
+const lucideReact = require("lucide-react");
+const react$1 = require("react");
+const athenaDiagnostics = require("../diagnostics/athena-diagnostics.cjs");
+const voice_livekit = require("../voice/livekit.cjs");
+const useDeepAgentVoice = require("../agent-runtime/src/use-deep-agent-voice.cjs");
+const useChatVoiceEnabled = require("../voice/use-chat-voice-enabled.cjs");
+const tooltipIconButton = require("./tooltip-icon-button.cjs");
+const apiClient = require("../chat-ui/mentions/suggestions/data/api-client.cjs");
+const runtimeCatalog = require("../catalog/runtime-catalog.cjs");
+const voicePresentation = require("../agent-runtime/src/voice-presentation.cjs");
+function useComposerChatVoice({ options }) {
+  const aui = react.useAui();
+  const auth = apiClient.useMentionAuth();
+  const principal = runtimeCatalog.useCatalogPrincipal();
+  const enabled = useChatVoiceEnabled.useChatVoiceEnabled({ enabled: options !== false });
+  const audioRef = react$1.useRef(null);
+  const media = react$1.useMemo(
+    () => voice_livekit.createDeepAgentVoiceLiveKitAdapter({ audioElement: () => audioRef.current }),
+    []
+  );
+  const config = typeof options === "object" ? options : void 0;
+  const voice = useDeepAgentVoice.useDeepAgentVoice({
+    transport: "livekit",
+    livekit: (config == null ? void 0 : config.livekit) ?? media,
+    model: config == null ? void 0 : config.model,
+    onDiagnostic: (config == null ? void 0 : config.onDiagnostic) ?? ((entry) => athenaDiagnostics.athenaDiagnostics.emit("voice.chat", { data: { ...entry } }))
+  });
+  const active = voice.phase === "connecting" || voice.phase === "live";
+  const { end, syncProfile } = voice;
+  const identity = JSON.stringify([
+    auth.backendUrl,
+    principal,
+    auth.apiKey ? runtimeCatalog.credentialFingerprint({ credential: auth.apiKey }) : null
+  ]);
+  const previousScope = react$1.useRef({ identity, workspaceId: auth.workspaceId });
+  react$1.useEffect(() => {
+    const previous = previousScope.current;
+    const changed = previous.identity !== identity || Boolean(
+      previous.workspaceId && auth.workspaceId && previous.workspaceId !== auth.workspaceId
+    );
+    previousScope.current = {
+      identity,
+      workspaceId: previous.identity === identity ? auth.workspaceId ?? previous.workspaceId : auth.workspaceId
+    };
+    if (active && (changed || !enabled)) end();
+  }, [identity, auth.workspaceId, active, enabled, end]);
+  const live = voice.phase === "live";
+  react$1.useEffect(() => {
+    var _a, _b;
+    if (!live) return;
+    let timer;
+    const schedule = () => {
+      clearTimeout(timer);
+      timer = setTimeout(syncProfile, 800);
+    };
+    schedule();
+    const unsubscribe = (_b = (_a = aui.modelContext).subscribe) == null ? void 0 : _b.call(_a, schedule);
+    return () => {
+      clearTimeout(timer);
+      unsubscribe == null ? void 0 : unsubscribe();
+    };
+  }, [aui, live, syncProfile]);
+  return { voice, enabled, active, audioRef };
+}
+function ChatVoiceButton({
+  voice,
+  disabled
+}) {
+  const live = voice.phase === "live";
+  const connecting = voice.phase === "connecting";
+  const label = connecting ? "Cancel voice connection" : live ? voice.micMuted ? "Unmute microphone" : "Mute microphone" : "Start voice session";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    tooltipIconButton.TooltipIconButton,
+    {
+      type: "button",
+      tooltip: label,
+      "aria-label": label,
+      "aria-pressed": live && !voice.micMuted,
+      className: "aui-composer-voice size-8 rounded-full p-0 disabled:opacity-30",
+      disabled: !live && !connecting && disabled,
+      onClick: () => {
+        if (connecting) voice.end();
+        else if (live) voice.setMicMuted(!voice.micMuted);
+        else void voice.start();
+      },
+      children: connecting ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "size-4 animate-spin" }) : live ? voice.micMuted ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MicOffIcon, { className: "size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MicIcon, { className: "size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HeadphonesIcon, { className: "size-4" })
+    }
+  );
+}
+function ChatVoiceStatus({ voice }) {
+  const elapsed = useDeepAgentVoice.useVoiceElapsed(voice.liveSince);
+  const active = voice.phase === "connecting" || voice.phase === "live";
+  if (!active && !voice.error && !voice.handoffTask) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-chat-voice-status flex flex-col gap-1 px-2 pb-2 text-xs text-muted-foreground", children: [
+    active && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", role: "status", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: voice.phase === "connecting" ? "Connecting voice…" : `Voice ${voice.micMuted ? "muted" : "live"}${elapsed ? ` · ${elapsed}` : ""}` }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        tooltipIconButton.TooltipIconButton,
+        {
+          type: "button",
+          tooltip: "End voice session",
+          "aria-label": "End voice session",
+          onClick: voice.end,
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PhoneOffIcon, { className: "size-3.5" })
+        }
+      )
+    ] }),
+    voice.phase === "live" && /* @__PURE__ */ jsxRuntime.jsx("span", { children: voicePresentation.VOICE_LIVE_TYPED_HINT }),
+    voice.activeTask && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "Athena is working: ",
+      voice.activeTask.text
+    ] }),
+    voice.handoffTask && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "Voice ended. Athena is still working: ",
+      voice.handoffTask.text
+    ] }),
+    voice.notice && /* @__PURE__ */ jsxRuntime.jsx("span", { role: "status", children: voice.notice }),
+    voice.error && /* @__PURE__ */ jsxRuntime.jsx("span", { role: "alert", className: "text-destructive", children: voice.error })
+  ] });
+}
+exports.ChatVoiceButton = ChatVoiceButton;
+exports.ChatVoiceStatus = ChatVoiceStatus;
+exports.useComposerChatVoice = useComposerChatVoice;
+//# sourceMappingURL=chat-voice-controls.cjs.map

package/dist/chat/chat-voice-controls.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-voice-controls.cjs","sources":["../../src/chat/chat-voice-controls.tsx"],"sourcesContent":["import { useAui } from '@assistant-ui/react';\nimport { useVoiceElapsed, VOICE_LIVE_TYPED_HINT } from '@athenaintel/agent-runtime';\nimport { HeadphonesIcon, Loader2Icon, MicIcon, MicOffIcon, PhoneOffIcon } from 'lucide-react';\nimport { useEffect, useMemo, useRef } from 'react';\nimport { athenaDiagnostics } from '../diagnostics/athena-diagnostics';\nimport { createDeepAgentVoiceLiveKitAdapter } from '../voice/livekit';\nimport {\n  useAthenaChatVoice,\n  type UseAthenaChatVoiceOptions,\n  type UseAthenaChatVoiceReturn,\n} from '../voice/chat';\nimport { useChatVoiceEnabled } from '../voice/use-chat-voice-enabled';\nimport { TooltipIconButton } from './tooltip-icon-button';\nimport { useMentionAuth } from '../chat-ui/mentions/suggestions/data/api-client';\nimport { credentialFingerprint, useCatalogPrincipal } from '../catalog/runtime-catalog';\n\nexport interface AthenaChatVoiceOptions\n  extends Pick<UseAthenaChatVoiceOptions, 'model' | 'livekit' | 'onDiagnostic'> {}\n\n/** One controller for this composer's controls, text sends and audio sink. */\nexport function useComposerChatVoice({ options }: { options: boolean | AthenaChatVoiceOptions }) {\n  const aui = useAui();\n  const auth = useMentionAuth();\n  const principal = useCatalogPrincipal();\n  const enabled = useChatVoiceEnabled({ enabled: options !== false });\n  const audioRef = useRef<HTMLAudioElement | null>(null);\n  const media = useMemo(\n    () => createDeepAgentVoiceLiveKitAdapter({ audioElement: () => audioRef.current }),\n    []\n  );\n  const config = typeof options === 'object' ? options : undefined;\n  const voice = useAthenaChatVoice({\n    transport: 'livekit',\n    livekit: config?.livekit ?? media,\n    model: config?.model,\n    onDiagnostic:\n      config?.onDiagnostic ??\n      ((entry) => athenaDiagnostics.emit('voice.chat', { data: { ...entry } })),\n  });\n  const active = voice.phase === 'connecting' || voice.phase === 'live';\n  const { end, syncProfile } = voice;\n  const identity = JSON.stringify([\n    auth.backendUrl,\n    principal,\n    auth.apiKey ? credentialFingerprint({ credential: auth.apiKey }) : null,\n  ]);\n  const previousScope = useRef({ identity, workspaceId: auth.workspaceId });\n  useEffect(() => {\n    const previous = previousScope.current;\n    const changed =\n      previous.identity !== identity ||\n      Boolean(\n        previous.workspaceId && auth.workspaceId && previous.workspaceId !== auth.workspaceId\n      );\n    previousScope.current = {\n      identity,\n      workspaceId:\n        previous.identity === identity\n          ? auth.workspaceId ?? previous.workspaceId\n          : auth.workspaceId,\n    };\n    if (active && (changed || !enabled)) end();\n  }, [identity, auth.workspaceId, active, enabled, end]);\n\n  // Model/agent/toolkit/mode picks live in the ambient model context. Read it\n  // through the controller at send time, with the same debounce as other hosts.\n  const live = voice.phase === 'live';\n  useEffect(() => {\n    if (!live) return;\n    let timer: ReturnType<typeof setTimeout>;\n    const schedule = () => {\n      clearTimeout(timer);\n      timer = setTimeout(syncProfile, 800);\n    };\n    schedule();\n    const unsubscribe = aui.modelContext.subscribe?.(schedule);\n    return () => {\n      clearTimeout(timer);\n      unsubscribe?.();\n    };\n  }, [aui, live, syncProfile]);\n  return { voice, enabled, active, audioRef };\n}\n\nexport function ChatVoiceButton({\n  voice,\n  disabled,\n}: {\n  voice: UseAthenaChatVoiceReturn;\n  disabled: boolean;\n}) {\n  const live = voice.phase === 'live';\n  const connecting = voice.phase === 'connecting';\n  const label = connecting\n    ? 'Cancel voice connection'\n    : live\n    ? voice.micMuted\n      ? 'Unmute microphone'\n      : 'Mute microphone'\n    : 'Start voice session';\n  return (\n    <TooltipIconButton\n      type=\"button\"\n      tooltip={label}\n      aria-label={label}\n      aria-pressed={live && !voice.micMuted}\n      className=\"aui-composer-voice size-8 rounded-full p-0 disabled:opacity-30\"\n      disabled={!live && !connecting && disabled}\n      onClick={() => {\n        if (connecting) voice.end();\n        else if (live) voice.setMicMuted(!voice.micMuted);\n        else void voice.start();\n      }}\n    >\n      {connecting ? (\n        <Loader2Icon className=\"size-4 animate-spin\" />\n      ) : live ? (\n        voice.micMuted ? (\n          <MicOffIcon className=\"size-4\" />\n        ) : (\n          <MicIcon className=\"size-4\" />\n        )\n      ) : (\n        <HeadphonesIcon className=\"size-4\" />\n      )}\n    </TooltipIconButton>\n  );\n}\n\nexport function ChatVoiceStatus({ voice }: { voice: UseAthenaChatVoiceReturn }) {\n  const elapsed = useVoiceElapsed(voice.liveSince);\n  const active = voice.phase === 'connecting' || voice.phase === 'live';\n  if (!active && !voice.error && !voice.handoffTask) return null;\n  return (\n    <div className=\"aui-chat-voice-status flex flex-col gap-1 px-2 pb-2 text-xs text-muted-foreground\">\n      {active && (\n        <div className=\"flex items-center justify-between gap-2\" role=\"status\">\n          <span>\n            {voice.phase === 'connecting'\n              ? 'Connecting voice…'\n              : `Voice ${voice.micMuted ? 'muted' : 'live'}${elapsed ? ` · ${elapsed}` : ''}`}\n          </span>\n          <TooltipIconButton\n            type=\"button\"\n            tooltip=\"End voice session\"\n            aria-label=\"End voice session\"\n            onClick={voice.end}\n          >\n            <PhoneOffIcon className=\"size-3.5\" />\n          </TooltipIconButton>\n        </div>\n      )}\n      {voice.phase === 'live' && <span>{VOICE_LIVE_TYPED_HINT}</span>}\n      {voice.activeTask && <span>Athena is working: {voice.activeTask.text}</span>}\n      {voice.handoffTask && (\n        <span>Voice ended. Athena is still working: {voice.handoffTask.text}</span>\n      )}\n      {voice.notice && <span role=\"status\">{voice.notice}</span>}\n      {voice.error && (\n        <span role=\"alert\" className=\"text-destructive\">\n          {voice.error}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["useAui","useMentionAuth","useCatalogPrincipal","useChatVoiceEnabled","useRef","useMemo","createDeepAgentVoiceLiveKitAdapter","useAthenaChatVoice","athenaDiagnostics","credentialFingerprint","useEffect","jsx","TooltipIconButton","Loader2Icon","MicOffIcon","MicIcon","HeadphonesIcon","useVoiceElapsed","jsxs","PhoneOffIcon","VOICE_LIVE_TYPED_HINT"],"mappings":"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"}

package/dist/chat/chat-voice-controls.d.ts

@@ -0,0 +1,19 @@
+import { type UseAthenaChatVoiceOptions, type UseAthenaChatVoiceReturn } from '../voice/chat';
+export interface AthenaChatVoiceOptions extends Pick<UseAthenaChatVoiceOptions, 'model' | 'livekit' | 'onDiagnostic'> {
+}
+/** One controller for this composer's controls, text sends and audio sink. */
+export declare function useComposerChatVoice({ options }: {
+    options: boolean | AthenaChatVoiceOptions;
+}): {
+    voice: UseAthenaChatVoiceReturn;
+    enabled: boolean;
+    active: boolean;
+    audioRef: import("react").RefObject<HTMLAudioElement | null>;
+};
+export declare function ChatVoiceButton({ voice, disabled, }: {
+    voice: UseAthenaChatVoiceReturn;
+    disabled: boolean;
+}): import("react").JSX.Element;
+export declare function ChatVoiceStatus({ voice }: {
+    voice: UseAthenaChatVoiceReturn;
+}): import("react").JSX.Element | null;

package/dist/chat/chat-voice-controls.js

@@ -0,0 +1,128 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAui } from "@assistant-ui/react";
+import { Loader2Icon, MicOffIcon, MicIcon, HeadphonesIcon, PhoneOffIcon } from "lucide-react";
+import { useRef, useMemo, useEffect } from "react";
+import { athenaDiagnostics } from "../diagnostics/athena-diagnostics.js";
+import { createDeepAgentVoiceLiveKitAdapter } from "../voice/livekit.js";
+import { useDeepAgentVoice, useVoiceElapsed } from "../agent-runtime/src/use-deep-agent-voice.js";
+import { useChatVoiceEnabled } from "../voice/use-chat-voice-enabled.js";
+import { TooltipIconButton } from "./tooltip-icon-button.js";
+import { useMentionAuth } from "../chat-ui/mentions/suggestions/data/api-client.js";
+import { useCatalogPrincipal, credentialFingerprint } from "../catalog/runtime-catalog.js";
+import { VOICE_LIVE_TYPED_HINT } from "../agent-runtime/src/voice-presentation.js";
+function useComposerChatVoice({ options }) {
+  const aui = useAui();
+  const auth = useMentionAuth();
+  const principal = useCatalogPrincipal();
+  const enabled = useChatVoiceEnabled({ enabled: options !== false });
+  const audioRef = useRef(null);
+  const media = useMemo(
+    () => createDeepAgentVoiceLiveKitAdapter({ audioElement: () => audioRef.current }),
+    []
+  );
+  const config = typeof options === "object" ? options : void 0;
+  const voice = useDeepAgentVoice({
+    transport: "livekit",
+    livekit: (config == null ? void 0 : config.livekit) ?? media,
+    model: config == null ? void 0 : config.model,
+    onDiagnostic: (config == null ? void 0 : config.onDiagnostic) ?? ((entry) => athenaDiagnostics.emit("voice.chat", { data: { ...entry } }))
+  });
+  const active = voice.phase === "connecting" || voice.phase === "live";
+  const { end, syncProfile } = voice;
+  const identity = JSON.stringify([
+    auth.backendUrl,
+    principal,
+    auth.apiKey ? credentialFingerprint({ credential: auth.apiKey }) : null
+  ]);
+  const previousScope = useRef({ identity, workspaceId: auth.workspaceId });
+  useEffect(() => {
+    const previous = previousScope.current;
+    const changed = previous.identity !== identity || Boolean(
+      previous.workspaceId && auth.workspaceId && previous.workspaceId !== auth.workspaceId
+    );
+    previousScope.current = {
+      identity,
+      workspaceId: previous.identity === identity ? auth.workspaceId ?? previous.workspaceId : auth.workspaceId
+    };
+    if (active && (changed || !enabled)) end();
+  }, [identity, auth.workspaceId, active, enabled, end]);
+  const live = voice.phase === "live";
+  useEffect(() => {
+    var _a, _b;
+    if (!live) return;
+    let timer;
+    const schedule = () => {
+      clearTimeout(timer);
+      timer = setTimeout(syncProfile, 800);
+    };
+    schedule();
+    const unsubscribe = (_b = (_a = aui.modelContext).subscribe) == null ? void 0 : _b.call(_a, schedule);
+    return () => {
+      clearTimeout(timer);
+      unsubscribe == null ? void 0 : unsubscribe();
+    };
+  }, [aui, live, syncProfile]);
+  return { voice, enabled, active, audioRef };
+}
+function ChatVoiceButton({
+  voice,
+  disabled
+}) {
+  const live = voice.phase === "live";
+  const connecting = voice.phase === "connecting";
+  const label = connecting ? "Cancel voice connection" : live ? voice.micMuted ? "Unmute microphone" : "Mute microphone" : "Start voice session";
+  return /* @__PURE__ */ jsx(
+    TooltipIconButton,
+    {
+      type: "button",
+      tooltip: label,
+      "aria-label": label,
+      "aria-pressed": live && !voice.micMuted,
+      className: "aui-composer-voice size-8 rounded-full p-0 disabled:opacity-30",
+      disabled: !live && !connecting && disabled,
+      onClick: () => {
+        if (connecting) voice.end();
+        else if (live) voice.setMicMuted(!voice.micMuted);
+        else void voice.start();
+      },
+      children: connecting ? /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" }) : live ? voice.micMuted ? /* @__PURE__ */ jsx(MicOffIcon, { className: "size-4" }) : /* @__PURE__ */ jsx(MicIcon, { className: "size-4" }) : /* @__PURE__ */ jsx(HeadphonesIcon, { className: "size-4" })
+    }
+  );
+}
+function ChatVoiceStatus({ voice }) {
+  const elapsed = useVoiceElapsed(voice.liveSince);
+  const active = voice.phase === "connecting" || voice.phase === "live";
+  if (!active && !voice.error && !voice.handoffTask) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "aui-chat-voice-status flex flex-col gap-1 px-2 pb-2 text-xs text-muted-foreground", children: [
+    active && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", role: "status", children: [
+      /* @__PURE__ */ jsx("span", { children: voice.phase === "connecting" ? "Connecting voice…" : `Voice ${voice.micMuted ? "muted" : "live"}${elapsed ? ` · ${elapsed}` : ""}` }),
+      /* @__PURE__ */ jsx(
+        TooltipIconButton,
+        {
+          type: "button",
+          tooltip: "End voice session",
+          "aria-label": "End voice session",
+          onClick: voice.end,
+          children: /* @__PURE__ */ jsx(PhoneOffIcon, { className: "size-3.5" })
+        }
+      )
+    ] }),
+    voice.phase === "live" && /* @__PURE__ */ jsx("span", { children: VOICE_LIVE_TYPED_HINT }),
+    voice.activeTask && /* @__PURE__ */ jsxs("span", { children: [
+      "Athena is working: ",
+      voice.activeTask.text
+    ] }),
+    voice.handoffTask && /* @__PURE__ */ jsxs("span", { children: [
+      "Voice ended. Athena is still working: ",
+      voice.handoffTask.text
+    ] }),
+    voice.notice && /* @__PURE__ */ jsx("span", { role: "status", children: voice.notice }),
+    voice.error && /* @__PURE__ */ jsx("span", { role: "alert", className: "text-destructive", children: voice.error })
+  ] });
+}
+export {
+  ChatVoiceButton,
+  ChatVoiceStatus,
+  useComposerChatVoice
+};
+//# sourceMappingURL=chat-voice-controls.js.map

package/dist/chat/chat-voice-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-voice-controls.js","sources":["../../src/chat/chat-voice-controls.tsx"],"sourcesContent":["import { useAui } from '@assistant-ui/react';\nimport { useVoiceElapsed, VOICE_LIVE_TYPED_HINT } from '@athenaintel/agent-runtime';\nimport { HeadphonesIcon, Loader2Icon, MicIcon, MicOffIcon, PhoneOffIcon } from 'lucide-react';\nimport { useEffect, useMemo, useRef } from 'react';\nimport { athenaDiagnostics } from '../diagnostics/athena-diagnostics';\nimport { createDeepAgentVoiceLiveKitAdapter } from '../voice/livekit';\nimport {\n  useAthenaChatVoice,\n  type UseAthenaChatVoiceOptions,\n  type UseAthenaChatVoiceReturn,\n} from '../voice/chat';\nimport { useChatVoiceEnabled } from '../voice/use-chat-voice-enabled';\nimport { TooltipIconButton } from './tooltip-icon-button';\nimport { useMentionAuth } from '../chat-ui/mentions/suggestions/data/api-client';\nimport { credentialFingerprint, useCatalogPrincipal } from '../catalog/runtime-catalog';\n\nexport interface AthenaChatVoiceOptions\n  extends Pick<UseAthenaChatVoiceOptions, 'model' | 'livekit' | 'onDiagnostic'> {}\n\n/** One controller for this composer's controls, text sends and audio sink. */\nexport function useComposerChatVoice({ options }: { options: boolean | AthenaChatVoiceOptions }) {\n  const aui = useAui();\n  const auth = useMentionAuth();\n  const principal = useCatalogPrincipal();\n  const enabled = useChatVoiceEnabled({ enabled: options !== false });\n  const audioRef = useRef<HTMLAudioElement | null>(null);\n  const media = useMemo(\n    () => createDeepAgentVoiceLiveKitAdapter({ audioElement: () => audioRef.current }),\n    []\n  );\n  const config = typeof options === 'object' ? options : undefined;\n  const voice = useAthenaChatVoice({\n    transport: 'livekit',\n    livekit: config?.livekit ?? media,\n    model: config?.model,\n    onDiagnostic:\n      config?.onDiagnostic ??\n      ((entry) => athenaDiagnostics.emit('voice.chat', { data: { ...entry } })),\n  });\n  const active = voice.phase === 'connecting' || voice.phase === 'live';\n  const { end, syncProfile } = voice;\n  const identity = JSON.stringify([\n    auth.backendUrl,\n    principal,\n    auth.apiKey ? credentialFingerprint({ credential: auth.apiKey }) : null,\n  ]);\n  const previousScope = useRef({ identity, workspaceId: auth.workspaceId });\n  useEffect(() => {\n    const previous = previousScope.current;\n    const changed =\n      previous.identity !== identity ||\n      Boolean(\n        previous.workspaceId && auth.workspaceId && previous.workspaceId !== auth.workspaceId\n      );\n    previousScope.current = {\n      identity,\n      workspaceId:\n        previous.identity === identity\n          ? auth.workspaceId ?? previous.workspaceId\n          : auth.workspaceId,\n    };\n    if (active && (changed || !enabled)) end();\n  }, [identity, auth.workspaceId, active, enabled, end]);\n\n  // Model/agent/toolkit/mode picks live in the ambient model context. Read it\n  // through the controller at send time, with the same debounce as other hosts.\n  const live = voice.phase === 'live';\n  useEffect(() => {\n    if (!live) return;\n    let timer: ReturnType<typeof setTimeout>;\n    const schedule = () => {\n      clearTimeout(timer);\n      timer = setTimeout(syncProfile, 800);\n    };\n    schedule();\n    const unsubscribe = aui.modelContext.subscribe?.(schedule);\n    return () => {\n      clearTimeout(timer);\n      unsubscribe?.();\n    };\n  }, [aui, live, syncProfile]);\n  return { voice, enabled, active, audioRef };\n}\n\nexport function ChatVoiceButton({\n  voice,\n  disabled,\n}: {\n  voice: UseAthenaChatVoiceReturn;\n  disabled: boolean;\n}) {\n  const live = voice.phase === 'live';\n  const connecting = voice.phase === 'connecting';\n  const label = connecting\n    ? 'Cancel voice connection'\n    : live\n    ? voice.micMuted\n      ? 'Unmute microphone'\n      : 'Mute microphone'\n    : 'Start voice session';\n  return (\n    <TooltipIconButton\n      type=\"button\"\n      tooltip={label}\n      aria-label={label}\n      aria-pressed={live && !voice.micMuted}\n      className=\"aui-composer-voice size-8 rounded-full p-0 disabled:opacity-30\"\n      disabled={!live && !connecting && disabled}\n      onClick={() => {\n        if (connecting) voice.end();\n        else if (live) voice.setMicMuted(!voice.micMuted);\n        else void voice.start();\n      }}\n    >\n      {connecting ? (\n        <Loader2Icon className=\"size-4 animate-spin\" />\n      ) : live ? (\n        voice.micMuted ? (\n          <MicOffIcon className=\"size-4\" />\n        ) : (\n          <MicIcon className=\"size-4\" />\n        )\n      ) : (\n        <HeadphonesIcon className=\"size-4\" />\n      )}\n    </TooltipIconButton>\n  );\n}\n\nexport function ChatVoiceStatus({ voice }: { voice: UseAthenaChatVoiceReturn }) {\n  const elapsed = useVoiceElapsed(voice.liveSince);\n  const active = voice.phase === 'connecting' || voice.phase === 'live';\n  if (!active && !voice.error && !voice.handoffTask) return null;\n  return (\n    <div className=\"aui-chat-voice-status flex flex-col gap-1 px-2 pb-2 text-xs text-muted-foreground\">\n      {active && (\n        <div className=\"flex items-center justify-between gap-2\" role=\"status\">\n          <span>\n            {voice.phase === 'connecting'\n              ? 'Connecting voice…'\n              : `Voice ${voice.micMuted ? 'muted' : 'live'}${elapsed ? ` · ${elapsed}` : ''}`}\n          </span>\n          <TooltipIconButton\n            type=\"button\"\n            tooltip=\"End voice session\"\n            aria-label=\"End voice session\"\n            onClick={voice.end}\n          >\n            <PhoneOffIcon className=\"size-3.5\" />\n          </TooltipIconButton>\n        </div>\n      )}\n      {voice.phase === 'live' && <span>{VOICE_LIVE_TYPED_HINT}</span>}\n      {voice.activeTask && <span>Athena is working: {voice.activeTask.text}</span>}\n      {voice.handoffTask && (\n        <span>Voice ended. Athena is still working: {voice.handoffTask.text}</span>\n      )}\n      {voice.notice && <span role=\"status\">{voice.notice}</span>}\n      {voice.error && (\n        <span role=\"alert\" className=\"text-destructive\">\n          {voice.error}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["useAthenaChatVoice"],"mappings":"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"}

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

@@ -115,6 +115,8 @@ const SuperGroupingCard = react.memo(function SuperGroupingCard2({
   mountDetails = false,
   maxVisibleSteps = DEFAULT_MAX_VISIBLE_STEPS,
   summaryDetails,
+  renderStepIcon,
+  showSourceFavicons,
   renderHeaderActions,
   renderRunningMeta,
   className,
@@ -152,8 +154,10 @@ const SuperGroupingCard = react.memo(function SuperGroupingCard2({
   });
   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]
+    () => timeline.map(
+      (item, index) => timelineStep.toTimelineStep({ item, index, resolveToolDisplayName, assetTitles, withSourceUrls: showSourceFavicons })
+    ),
+    [timeline, resolveToolDisplayName, assetTitles, showSourceFavicons]
   );
   const inlineParts = react.useMemo(() => {
     const parts = [];
@@ -222,6 +226,8 @@ 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,
+            showSourceFavicons,
             children: hasDetails ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 pl-5", children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "button",

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

@@ -1 +1 @@
-{"version":3,"file":"SuperGroupingCard.cjs","sources":["../../../src/chat/super-grouping/SuperGroupingCard.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  AssistantState,\n  ReasoningMessagePartComponent,\n  TextMessagePartComponent,\n  ThreadAssistantMessagePart,\n  ToolCallMessagePartComponent,\n  ToolCallMessagePartProps,\n} from '@assistant-ui/react';\nimport { MessagePrimitive, useAuiState } from '@assistant-ui/react';\nimport { ChevronRight } from 'lucide-react';\nimport { type ComponentType, memo, type ReactNode, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { isSdkInlineTool } from '../../tools/inline-tools';\nimport { ToolFallback } from '../../tools/tool-fallback';\nimport { collectAssetTitles } from '../../tools/tool-summary';\nimport {\n  type ActivityItem,\n  type ActivityPhase,\n  buildActivityTimeline,\n  countActivityTools,\n  excludeFinalTextFromGroups,\n  excludePartsFromGroups,\n  getActivitySummary,\n  getFinalTextParts,\n  resolveActivityPhase,\n} from './activity-timeline';\nimport { CollapsibleGroup, type CollapsibleGroupProps, SuperGroupingProvider } from './CollapsibleGroup';\nimport { GroupedMessageParts } from './GroupedMessageParts';\nimport { createToolBasedGroupingFunction, type GroupingFunction } from './grouping-function';\nimport { ToolTimeline } from './ToolTimeline';\nimport { toTimelineStep } from './timeline-step';\nimport { defaultGetToolGroupKey, type GetToolGroupKey } from './toolkit-map';\n\nconst DEFAULT_MAX_VISIBLE_STEPS = 3;\nconst MAX_REMEMBERED_EXPANSIONS = 200;\nconst EMPTY_TIMELINE: ActivityItem[] = [];\nconst EMPTY_CONTENT: readonly ThreadAssistantMessagePart[] = [];\n\n/**\n * Whether `next` differs from `previous` only in the words of its last part, a text or reasoning\n * part that is still being written: same length, every earlier part the identical object, and the\n * last parts of the same kind.\n */\nfunction onlyLastPartGrew({\n  previous,\n  next,\n}: {\n  previous: readonly ThreadAssistantMessagePart[];\n  next: readonly ThreadAssistantMessagePart[];\n}): boolean {\n  if (previous === next) return true;\n  if (previous.length === 0 || previous.length !== next.length) return false;\n  const lastIndex = next.length - 1;\n  const kind = next[lastIndex]?.type;\n  if ((kind !== 'text' && kind !== 'reasoning') || previous[lastIndex]?.type !== kind) return false;\n  for (let index = 0; index < lastIndex; index += 1) {\n    if (previous[index] !== next[index]) return false;\n  }\n  return true;\n}\n\n/**\n * The card's read of its message's content: the content itself, except that while the message is\n * generating it keeps the previous array when only the last text or reasoning part grew. The card\n * builds its steps from tool calls, their results and reasoning steps, never from those words (the\n * answer renders below it, `SuperGroupingFinalText`), and the turn being generated changes its last\n * part on every streamed token; earlier parts keep their objects across a token (the runtime's\n * conversion cache), so the card re-renders when a step changes, not per token. Any other change,\n * and the run ending, hand over the current content.\n */\nfunction createActivityContentSelector(): (\n  state: AssistantState,\n) => readonly ThreadAssistantMessagePart[] {\n  let last: readonly ThreadAssistantMessagePart[] = EMPTY_CONTENT;\n  return (state) => {\n    const message = state.message;\n    const content = message.role === 'assistant' ? message.content : EMPTY_CONTENT;\n    if (message.status?.type === 'running' && onlyLastPartGrew({ previous: last, next: content })) {\n      return last;\n    }\n    last = content;\n    return content;\n  };\n}\nconst RUNNING_STATUS = { type: 'running' } as const;\nconst COMPLETE_STATUS = { type: 'complete' } as const;\n\n// ─── Disclosure memory ─────────────────────────────────────────────────\n\n/**\n * Session-local memory of which cards the user opened, keyed by the host's\n * expansion key (the message id by default; the Chrome extension keys by\n * thread + position so a streaming message keeps its choice when it receives\n * its stable id). Bounded so a long session cannot grow it without limit.\n */\nconst rememberedExpansions = new Map<string, boolean>();\n\nfunction rememberExpansion(key: string, expanded: boolean): void {\n  rememberedExpansions.delete(key);\n  rememberedExpansions.set(key, expanded);\n  while (rememberedExpansions.size > MAX_REMEMBERED_EXPANSIONS) {\n    const oldestKey = rememberedExpansions.keys().next().value;\n    if (oldestKey === undefined) break;\n    rememberedExpansions.delete(oldestKey);\n  }\n}\n\nexport function resetRememberedExpansionsForTests(): void {\n  rememberedExpansions.clear();\n}\n\n/**\n * The details disclosure: remembered per expansion key, and — when the host\n * opts in — opened once when the turn starts waiting on the person, so the\n * approval controls inside the details are visible without a click.\n */\nexport function useActivityExpansion({\n  expansionKey,\n  phase,\n  expandWhileWaiting = false,\n}: {\n  expansionKey: string;\n  phase: ActivityPhase;\n  expandWhileWaiting?: boolean;\n}) {\n  const [userExpanded, setUserExpanded] = useState<boolean | undefined>(() =>\n    rememberedExpansions.get(expansionKey),\n  );\n  const [waitingAutoExpanded, setWaitingAutoExpanded] = useState(false);\n  const previousRef = useRef({ expansionKey, phase });\n\n  useEffect(() => {\n    setUserExpanded(rememberedExpansions.get(expansionKey));\n    setWaitingAutoExpanded(false);\n  }, [expansionKey]);\n\n  useEffect(() => {\n    const previous = previousRef.current;\n    if (expandWhileWaiting && previous.expansionKey === expansionKey) {\n      if (previous.phase !== 'waiting' && phase === 'waiting') {\n        setWaitingAutoExpanded(true);\n      } else if (previous.phase === 'waiting' && phase !== 'waiting') {\n        setWaitingAutoExpanded(false);\n      }\n    }\n    previousRef.current = { expansionKey, phase };\n  }, [expansionKey, phase, expandWhileWaiting]);\n\n  const expanded = waitingAutoExpanded || (userExpanded ?? (expandWhileWaiting && phase === 'waiting'));\n  const toggleExpanded = () => {\n    const next = !expanded;\n    setWaitingAutoExpanded(false);\n    rememberExpansion(expansionKey, next);\n    setUserExpanded(next);\n  };\n\n  return { expanded, toggleExpanded };\n}\n\n// ─── Card ──────────────────────────────────────────────────────────────\n\nexport interface SuperGroupingCardProps {\n  /** Tool UIs to render inside the details panel, by tool name (registered tool UIs still apply). */\n  toolUIs?: Record<string, ToolCallMessagePartComponent>;\n  /** Fallback for tools without a UI; the SDK's `ToolFallback` by default. */\n  ToolFallback?: ComponentType<ToolCallMessagePartProps>;\n  /** Text renderer for the details panel. */\n  TextComponent: TextMessagePartComponent;\n  /** Reasoning renderer for the details panel. */\n  ReasoningComponent?: ReasoningMessagePartComponent;\n  /** Per-toolkit block inside the details panel; the SDK's `CollapsibleGroup` by default. */\n  GroupComponent?: ComponentType<CollapsibleGroupProps>;\n  /** Toolkit lookup driving the per-toolkit sub-grouping; the SDK's static map by default. */\n  getToolGroupKey?: GetToolGroupKey;\n  /** A complete grouping function, when the host builds its own (overrides `getToolGroupKey`). */\n  groupingFunction?: GroupingFunction;\n  /** Tools whose unresolved call means the turn is waiting on the person (see `buildActivityTimeline`). */\n  waitingTools?: ReadonlySet<string>;\n  /**\n   * Calls the run is parked on, by tool-call id: each one still without its\n   * real result reads as waiting (see `buildActivityTimeline`). Keep the set's\n   * identity stable while its ids are unchanged.\n   */\n  waitingToolCallIds?: ReadonlySet<string>;\n  /** Tools whose result is a relayed application payload (see `buildActivityTimeline`). */\n  passThroughTools?: ReadonlySet<string>;\n  /**\n   * Tools whose card renders below the header, outside both disclosures, and\n   * stays mounted (an editable email draft, a UI test report). `isSdkInlineTool`\n   * by default: the registry's `inline` flag plus the SDK's own report cards.\n   */\n  isInlineTool?: (toolName: string) => boolean;\n  /**\n   * Host assertion that the turn is waiting on the person. The SDK derives waiting\n   * from `requires-action` and waiting tools itself; no in-repo host passes this.\n   */\n  waitingForInput?: boolean;\n  /** Names tools the shared registry has no entry for (Olympus's tool catalog). */\n  resolveToolDisplayName?: (toolName: string) => string | undefined;\n  /** Key the disclosure choice is remembered under; the message id by default. */\n  expansionKey?: string;\n  /** Open the details once when the turn starts waiting on the person. */\n  expandWhileWaiting?: boolean;\n  /**\n   * Keep the details panel mounted (hidden) while collapsed, so a host that\n   * needs to find content inside it (a deep link into the run's steps) can.\n   */\n  mountDetails?: boolean;\n  /** Latest steps shown when expanded; unresolved parallel calls always remain visible. */\n  maxVisibleSteps?: number;\n  /** Extra segments after the collapsed summary (\"1m 23s\", \"12.4k tokens\"), joined with \" · \". */\n  summaryDetails?: readonly string[];\n  /** Header controls beside the title (a stop button while running, a changes button once done). */\n  renderHeaderActions?: (context: {\n    phase: ActivityPhase;\n    messageContent: readonly ThreadAssistantMessagePart[];\n  }) => ReactNode;\n  /**\n   * Inline on the header row, right of the status, while the turn is running\n   * (an elapsed counter). Not rendered while the turn waits on the person.\n   */\n  renderRunningMeta?: (context: { phase: ActivityPhase }) => ReactNode;\n  className?: string;\n  classNames?: {\n    root?: string;\n    details?: string;\n    /** The flex column the run's parts render in; override its gap here. */\n    detailsParts?: string;\n  };\n}\n\n/**\n * The collapsed view (previously called the conversational view) of an\n * assistant turn: a compact current action, an expandable tool timeline, and\n * the original interactive tool UIs behind a separate details disclosure. The\n * answer itself renders below the card (`SuperGroupingFinalText`). Shared by\n * the SDK's `AthenaChat`, Olympus, and the Chrome extension, which supply\n * their own text/tool renderers and the host-specific controls through the\n * slots.\n *\n * The details panel stays mounted (visually hidden) while the turn is live so\n * the tool UIs inside run their effects — an asset-streaming card's follow\n * mode must not wait for \"Show details\".\n *\n * Selector discipline: raw reads only (`message.status`, `message.id`, and the\n * content through `createActivityContentSelector`, which hands back the\n * message's own array or the previous one, never a new array); every\n * derivation runs in `useMemo` — a selector that returned a fresh array would\n * tear through `useSyncExternalStore`.\n */\nexport const SuperGroupingCard = memo(function SuperGroupingCard({\n  toolUIs,\n  ToolFallback: ToolFallbackComponent = ToolFallback,\n  TextComponent,\n  ReasoningComponent,\n  GroupComponent = CollapsibleGroup,\n  getToolGroupKey = defaultGetToolGroupKey,\n  groupingFunction,\n  waitingTools,\n  waitingToolCallIds,\n  passThroughTools,\n  isInlineTool = isSdkInlineTool,\n  waitingForInput = false,\n  resolveToolDisplayName,\n  expansionKey: expansionKeyProp,\n  expandWhileWaiting = false,\n  mountDetails = false,\n  maxVisibleSteps = DEFAULT_MAX_VISIBLE_STEPS,\n  summaryDetails,\n  renderHeaderActions,\n  renderRunningMeta,\n  className,\n  classNames,\n}: SuperGroupingCardProps) {\n  const messageId = useAuiState((s) => s.message.id);\n  const [selectActivityContent] = useState(createActivityContentSelector);\n  const messageContent = useAuiState(selectActivityContent);\n  const messageStatus = useAuiState((s) => s.message.status);\n\n  const timeline = useMemo(() => {\n    const items = buildActivityTimeline(messageContent, messageStatus, {\n      waitingTools,\n      waitingToolCallIds,\n      passThroughTools,\n    });\n    return items.length > 0 ? items : EMPTY_TIMELINE;\n  }, [messageContent, messageStatus, waitingTools, waitingToolCallIds, passThroughTools]);\n  const phase = useMemo(\n    () => resolveActivityPhase(messageStatus, timeline, { waitingForInput }),\n    [messageStatus, timeline, waitingForInput],\n  );\n  const toolCount = countActivityTools(timeline);\n\n  const { expanded, toggleExpanded } = useActivityExpansion({\n    expansionKey: expansionKeyProp ?? messageId,\n    phase,\n    expandWhileWaiting,\n  });\n  const generatedId = useId().replace(/[^A-Za-z0-9_-]/g, '');\n  const detailsPanelId = `aui-sg-details-${generatedId}`;\n  const statusId = `aui-sg-status-${generatedId}`;\n  const { expanded: detailsExpanded, toggleExpanded: toggleDetails } = useActivityExpansion({\n    expansionKey: `${expansionKeyProp ?? messageId}:details`,\n    phase,\n    expandWhileWaiting,\n  });\n  const assetTitles = useMemo(() => collectAssetTitles(messageContent), [messageContent]);\n  const steps = useMemo(\n    () =>\n      timeline.map((item, index) => toTimelineStep({ item, index, resolveToolDisplayName, assetTitles })),\n    [timeline, resolveToolDisplayName, assetTitles],\n  );\n\n  const inlineParts = useMemo(() => {\n    const parts: { index: number; key: string }[] = [];\n    messageContent.forEach((part, index) => {\n      if (part.type === 'tool-call' && isInlineTool(part.toolName)) {\n        parts.push({ index, key: part.toolCallId });\n      }\n    });\n    return parts;\n  }, [messageContent, isInlineTool]);\n  const grouping = useMemo(\n    () =>\n      excludePartsFromGroups(\n        excludeFinalTextFromGroups(groupingFunction ?? createToolBasedGroupingFunction(getToolGroupKey)),\n        (part) => part.type === 'tool-call' && part.toolName !== undefined && isInlineTool(part.toolName),\n      ),\n    [groupingFunction, getToolGroupKey, isInlineTool],\n  );\n  const hasDetails = useMemo(() => grouping(messageContent).length > 0, [grouping, messageContent]);\n  const isActive = phase === 'running' || phase === 'waiting';\n  // The toolkit groups inside keep their tool UIs mounted when the details do.\n  const groupingContext = useMemo(\n    () => ({ groupingFunction: grouping, mountHidden: isActive || mountDetails }),\n    [grouping, isActive, mountDetails],\n  );\n  const components = useMemo(\n    () => ({\n      tools: {\n        ...(toolUIs ? { by_name: toolUIs } : {}),\n        Fallback: ToolFallbackComponent,\n      },\n      Text: TextComponent,\n      ...(ReasoningComponent ? { Reasoning: ReasoningComponent } : {}),\n      Group: GroupComponent,\n    }),\n    [toolUIs, ToolFallbackComponent, TextComponent, ReasoningComponent, GroupComponent],\n  );\n\n  const hasActivity = timeline.length > 0 || phase !== 'complete';\n  if (!hasActivity) return null;\n\n  // Tool UIs perform live subscriptions and asset-follow effects. Collapsing\n  // either disclosure must only hide them while active or targeted by a deep link.\n  const detailsMounted = isActive || mountDetails || (expanded && detailsExpanded);\n  const activeSteps = steps.filter((step) => step.state === 'running');\n  const currentStep = activeSteps.at(-1);\n  const latestStatus =\n    phase === 'waiting'\n      ? 'Waiting for you'\n      : phase === 'error'\n        ? messageStatus?.type === 'incomplete' && messageStatus.reason === 'cancelled'\n          ? 'Run stopped'\n          : 'Something went wrong'\n        : phase === 'running'\n          ? currentStep\n            ? [\n                currentStep.verb,\n                currentStep.chip,\n                activeSteps.length > 1 ? `${activeSteps.length} in progress` : null,\n              ]\n                .filter(Boolean)\n                .join(' · ')\n            : steps.length > 0\n              ? 'Preparing response'\n              : 'Thinking'\n          : getActivitySummary(timeline);\n  const label = [latestStatus, ...(isActive ? [] : (summaryDetails ?? []))].join(' · ');\n\n  return (\n    <section\n      data-slot=\"super-grouping-card\"\n      data-phase={phase}\n      data-tool-count={toolCount}\n      className={cn('my-3 min-w-0', className, classNames?.root)}\n      aria-busy={phase === 'running' ? 'true' : 'false'}\n      aria-describedby={statusId}\n    >\n      <ToolTimeline\n        steps={steps}\n        open={expanded}\n        onOpenChange={toggleExpanded}\n        label={label}\n        phase={phase}\n        maxVisibleSteps={maxVisibleSteps}\n        keepMounted={isActive || mountDetails}\n        actions={renderHeaderActions?.({ phase, messageContent })}\n        meta={phase === 'running' ? renderRunningMeta?.({ phase }) : null}\n      >\n        {hasDetails ? (\n          <div className=\"min-w-0 pl-5\">\n            <button\n              type=\"button\"\n              onClick={toggleDetails}\n              aria-expanded={detailsExpanded}\n              aria-controls={detailsPanelId}\n              className=\"flex items-center gap-1.5 rounded py-1 text-xs text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <ChevronRight\n                aria-hidden=\"true\"\n                className={cn(\n                  'size-3 transition-transform motion-reduce:transition-none',\n                  detailsExpanded && 'rotate-90',\n                )}\n              />\n              {detailsExpanded ? 'Hide tool details' : 'Show tool details'}\n            </button>\n            {detailsMounted ? (\n              <section\n                id={detailsPanelId}\n                aria-label=\"Run details\"\n                hidden={!expanded || !detailsExpanded}\n                className={cn(\n                  'min-w-0 overflow-hidden border-l border-border/60 py-2 pl-3',\n                  classNames?.details,\n                )}\n              >\n                <div className={cn('flex flex-col gap-2', classNames?.detailsParts)}>\n                  <SuperGroupingProvider value={groupingContext}>\n                    <GroupedMessageParts groupingFunction={grouping} components={components} />\n                  </SuperGroupingProvider>\n                </div>\n              </section>\n            ) : null}\n          </div>\n        ) : null}\n      </ToolTimeline>\n      {inlineParts.length > 0 ? (\n        <div data-slot=\"super-grouping-inline-tools\" className=\"mt-2 flex min-w-0 flex-col gap-2\">\n          {inlineParts.map(({ index, key }) => (\n            <MessagePrimitive.PartByIndex key={key} index={index} components={components} />\n          ))}\n        </div>\n      ) : null}\n      <output id={statusId} aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n        {phase === 'waiting' ? 'Waiting for your input' : latestStatus}\n      </output>\n    </section>\n  );\n});\n\n/**\n * The turn's visible answer, rendered below the card: the text after the last\n * tool call (all of it when the turn called no tools) and the words of any\n * spoken voice turn the message holds (`getFinalTextParts`), streaming while\n * the turn is live so the person reads the answer as it arrives.\n *\n * Each part renders through its own `TextComponent`, keyed by its content\n * index, so a part only ever grows at its end: a spoken turn streaming while\n * the run's reply streams after it would otherwise change one joined string in\n * the middle, and a streaming reveal restarts from empty on every word. Only\n * the last part carries the running status (and its caret).\n */\nexport const SuperGroupingFinalText = memo(function SuperGroupingFinalText({\n  TextComponent,\n}: {\n  TextComponent: TextMessagePartComponent;\n}) {\n  const messageContent = useAuiState((s) =>\n    s.message.role === 'assistant' ? s.message.content : EMPTY_CONTENT,\n  );\n  const statusType = useAuiState((s) => s.message.status?.type);\n  const parts = useMemo(() => getFinalTextParts(messageContent), [messageContent]);\n\n  if (parts.length === 0) return null;\n  const running = statusType === 'running' || statusType === 'requires-action';\n  return (\n    <div data-slot=\"super-grouping-final-text\" className=\"flex min-w-0 flex-col gap-1.5\">\n      {parts.map((part, position) => (\n        <TextComponent\n          key={part.index}\n          type=\"text\"\n          text={part.text}\n          status={running && position === parts.length - 1 ? RUNNING_STATUS : COMPLETE_STATUS}\n        />\n      ))}\n    </div>\n  );\n});\n"],"names":["useState","useRef","useEffect","memo","SuperGroupingCard","ToolFallback","CollapsibleGroup","defaultGetToolGroupKey","groupingFunction","isSdkInlineTool","useAuiState","useMemo","buildActivityTimeline","resolveActivityPhase","countActivityTools","useId","collectAssetTitles","toTimelineStep","excludePartsFromGroups","excludeFinalTextFromGroups","createToolBasedGroupingFunction","getActivitySummary","jsxs","cn","jsx","ToolTimeline","ChevronRight","SuperGroupingProvider","GroupedMessageParts","MessagePrimitive","SuperGroupingFinalText","getFinalTextParts"],"mappings":"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"}
+{"version":3,"file":"SuperGroupingCard.cjs","sources":["../../../src/chat/super-grouping/SuperGroupingCard.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  AssistantState,\n  ReasoningMessagePartComponent,\n  TextMessagePartComponent,\n  ThreadAssistantMessagePart,\n  ToolCallMessagePartComponent,\n  ToolCallMessagePartProps,\n} from '@assistant-ui/react';\nimport { MessagePrimitive, useAuiState } from '@assistant-ui/react';\nimport { ChevronRight } from 'lucide-react';\nimport { type ComponentType, memo, type ReactNode, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { isSdkInlineTool } from '../../tools/inline-tools';\nimport { ToolFallback } from '../../tools/tool-fallback';\nimport { collectAssetTitles } from '../../tools/tool-summary';\nimport {\n  type ActivityItem,\n  type ActivityPhase,\n  buildActivityTimeline,\n  countActivityTools,\n  excludeFinalTextFromGroups,\n  excludePartsFromGroups,\n  getActivitySummary,\n  getFinalTextParts,\n  resolveActivityPhase,\n} from './activity-timeline';\nimport { CollapsibleGroup, type CollapsibleGroupProps, SuperGroupingProvider } from './CollapsibleGroup';\nimport { GroupedMessageParts } from './GroupedMessageParts';\nimport { createToolBasedGroupingFunction, type GroupingFunction } from './grouping-function';\nimport { ToolTimeline } from './ToolTimeline';\nimport { type TimelineStep, toTimelineStep } from './timeline-step';\nimport { defaultGetToolGroupKey, type GetToolGroupKey } from './toolkit-map';\n\nconst DEFAULT_MAX_VISIBLE_STEPS = 3;\nconst MAX_REMEMBERED_EXPANSIONS = 200;\nconst EMPTY_TIMELINE: ActivityItem[] = [];\nconst EMPTY_CONTENT: readonly ThreadAssistantMessagePart[] = [];\n\n/**\n * Whether `next` differs from `previous` only in the words of its last part, a text or reasoning\n * part that is still being written: same length, every earlier part the identical object, and the\n * last parts of the same kind.\n */\nfunction onlyLastPartGrew({\n  previous,\n  next,\n}: {\n  previous: readonly ThreadAssistantMessagePart[];\n  next: readonly ThreadAssistantMessagePart[];\n}): boolean {\n  if (previous === next) return true;\n  if (previous.length === 0 || previous.length !== next.length) return false;\n  const lastIndex = next.length - 1;\n  const kind = next[lastIndex]?.type;\n  if ((kind !== 'text' && kind !== 'reasoning') || previous[lastIndex]?.type !== kind) return false;\n  for (let index = 0; index < lastIndex; index += 1) {\n    if (previous[index] !== next[index]) return false;\n  }\n  return true;\n}\n\n/**\n * The card's read of its message's content: the content itself, except that while the message is\n * generating it keeps the previous array when only the last text or reasoning part grew. The card\n * builds its steps from tool calls, their results and reasoning steps, never from those words (the\n * answer renders below it, `SuperGroupingFinalText`), and the turn being generated changes its last\n * part on every streamed token; earlier parts keep their objects across a token (the runtime's\n * conversion cache), so the card re-renders when a step changes, not per token. Any other change,\n * and the run ending, hand over the current content.\n */\nfunction createActivityContentSelector(): (\n  state: AssistantState,\n) => readonly ThreadAssistantMessagePart[] {\n  let last: readonly ThreadAssistantMessagePart[] = EMPTY_CONTENT;\n  return (state) => {\n    const message = state.message;\n    const content = message.role === 'assistant' ? message.content : EMPTY_CONTENT;\n    if (message.status?.type === 'running' && onlyLastPartGrew({ previous: last, next: content })) {\n      return last;\n    }\n    last = content;\n    return content;\n  };\n}\nconst RUNNING_STATUS = { type: 'running' } as const;\nconst COMPLETE_STATUS = { type: 'complete' } as const;\n\n// ─── Disclosure memory ─────────────────────────────────────────────────\n\n/**\n * Session-local memory of which cards the user opened, keyed by the host's\n * expansion key (the message id by default; the Chrome extension keys by\n * thread + position so a streaming message keeps its choice when it receives\n * its stable id). Bounded so a long session cannot grow it without limit.\n */\nconst rememberedExpansions = new Map<string, boolean>();\n\nfunction rememberExpansion(key: string, expanded: boolean): void {\n  rememberedExpansions.delete(key);\n  rememberedExpansions.set(key, expanded);\n  while (rememberedExpansions.size > MAX_REMEMBERED_EXPANSIONS) {\n    const oldestKey = rememberedExpansions.keys().next().value;\n    if (oldestKey === undefined) break;\n    rememberedExpansions.delete(oldestKey);\n  }\n}\n\nexport function resetRememberedExpansionsForTests(): void {\n  rememberedExpansions.clear();\n}\n\n/**\n * The details disclosure: remembered per expansion key, and — when the host\n * opts in — opened once when the turn starts waiting on the person, so the\n * approval controls inside the details are visible without a click.\n */\nexport function useActivityExpansion({\n  expansionKey,\n  phase,\n  expandWhileWaiting = false,\n}: {\n  expansionKey: string;\n  phase: ActivityPhase;\n  expandWhileWaiting?: boolean;\n}) {\n  const [userExpanded, setUserExpanded] = useState<boolean | undefined>(() =>\n    rememberedExpansions.get(expansionKey),\n  );\n  const [waitingAutoExpanded, setWaitingAutoExpanded] = useState(false);\n  const previousRef = useRef({ expansionKey, phase });\n\n  useEffect(() => {\n    setUserExpanded(rememberedExpansions.get(expansionKey));\n    setWaitingAutoExpanded(false);\n  }, [expansionKey]);\n\n  useEffect(() => {\n    const previous = previousRef.current;\n    if (expandWhileWaiting && previous.expansionKey === expansionKey) {\n      if (previous.phase !== 'waiting' && phase === 'waiting') {\n        setWaitingAutoExpanded(true);\n      } else if (previous.phase === 'waiting' && phase !== 'waiting') {\n        setWaitingAutoExpanded(false);\n      }\n    }\n    previousRef.current = { expansionKey, phase };\n  }, [expansionKey, phase, expandWhileWaiting]);\n\n  const expanded = waitingAutoExpanded || (userExpanded ?? (expandWhileWaiting && phase === 'waiting'));\n  const toggleExpanded = () => {\n    const next = !expanded;\n    setWaitingAutoExpanded(false);\n    rememberExpansion(expansionKey, next);\n    setUserExpanded(next);\n  };\n\n  return { expanded, toggleExpanded };\n}\n\n// ─── Card ──────────────────────────────────────────────────────────────\n\nexport interface SuperGroupingCardProps {\n  /** Tool UIs to render inside the details panel, by tool name (registered tool UIs still apply). */\n  toolUIs?: Record<string, ToolCallMessagePartComponent>;\n  /** Fallback for tools without a UI; the SDK's `ToolFallback` by default. */\n  ToolFallback?: ComponentType<ToolCallMessagePartProps>;\n  /** Text renderer for the details panel. */\n  TextComponent: TextMessagePartComponent;\n  /** Reasoning renderer for the details panel. */\n  ReasoningComponent?: ReasoningMessagePartComponent;\n  /** Per-toolkit block inside the details panel; the SDK's `CollapsibleGroup` by default. */\n  GroupComponent?: ComponentType<CollapsibleGroupProps>;\n  /** Toolkit lookup driving the per-toolkit sub-grouping; the SDK's static map by default. */\n  getToolGroupKey?: GetToolGroupKey;\n  /** A complete grouping function, when the host builds its own (overrides `getToolGroupKey`). */\n  groupingFunction?: GroupingFunction;\n  /** Tools whose unresolved call means the turn is waiting on the person (see `buildActivityTimeline`). */\n  waitingTools?: ReadonlySet<string>;\n  /**\n   * Calls the run is parked on, by tool-call id: each one still without its\n   * real result reads as waiting (see `buildActivityTimeline`). Keep the set's\n   * identity stable while its ids are unchanged.\n   */\n  waitingToolCallIds?: ReadonlySet<string>;\n  /** Tools whose result is a relayed application payload (see `buildActivityTimeline`). */\n  passThroughTools?: ReadonlySet<string>;\n  /**\n   * Tools whose card renders below the header, outside both disclosures, and\n   * stays mounted (an editable email draft, a UI test report). `isSdkInlineTool`\n   * by default: the registry's `inline` flag plus the SDK's own report cards.\n   */\n  isInlineTool?: (toolName: string) => boolean;\n  /**\n   * Host assertion that the turn is waiting on the person. The SDK derives waiting\n   * from `requires-action` and waiting tools itself; no in-repo host passes this.\n   */\n  waitingForInput?: boolean;\n  /** Names tools the shared registry has no entry for (Olympus's tool catalog). */\n  resolveToolDisplayName?: (toolName: string) => string | undefined;\n  /** Key the disclosure choice is remembered under; the message id by default. */\n  expansionKey?: string;\n  /** Open the details once when the turn starts waiting on the person. */\n  expandWhileWaiting?: boolean;\n  /**\n   * Keep the details panel mounted (hidden) while collapsed, so a host that\n   * needs to find content inside it (a deep link into the run's steps) can.\n   */\n  mountDetails?: boolean;\n  /** Latest steps shown when expanded; unresolved parallel calls always remain visible. */\n  maxVisibleSteps?: number;\n  /** Extra segments after the collapsed summary (\"1m 23s\", \"12.4k tokens\"), joined with \" · \". */\n  summaryDetails?: readonly string[];\n  /** Header controls beside the title (a stop button while running, a changes button once done). */\n  renderHeaderActions?: (context: {\n    phase: ActivityPhase;\n    messageContent: readonly ThreadAssistantMessagePart[];\n  }) => ReactNode;\n  /**\n   * Inline on the header row, right of the status, while the turn is running\n   * (an elapsed counter). Not rendered while the turn waits on the person.\n   */\n  renderRunningMeta?: (context: { phase: ActivityPhase }) => ReactNode;\n  /** The host's icon for a step's tool, shown on its status row (see `ToolTimeline`). */\n  renderStepIcon?: (step: TimelineStep) => ReactNode;\n  /** Show the favicons of the sites a finished step's result lists. */\n  showSourceFavicons?: boolean;\n  className?: string;\n  classNames?: {\n    root?: string;\n    details?: string;\n    /** The flex column the run's parts render in; override its gap here. */\n    detailsParts?: string;\n  };\n}\n\n/**\n * The collapsed view (previously called the conversational view) of an\n * assistant turn: a compact current action, an expandable tool timeline, and\n * the original interactive tool UIs behind a separate details disclosure. The\n * answer itself renders below the card (`SuperGroupingFinalText`). Shared by\n * the SDK's `AthenaChat`, Olympus, and the Chrome extension, which supply\n * their own text/tool renderers and the host-specific controls through the\n * slots.\n *\n * The details panel stays mounted (visually hidden) while the turn is live so\n * the tool UIs inside run their effects — an asset-streaming card's follow\n * mode must not wait for \"Show details\".\n *\n * Selector discipline: raw reads only (`message.status`, `message.id`, and the\n * content through `createActivityContentSelector`, which hands back the\n * message's own array or the previous one, never a new array); every\n * derivation runs in `useMemo` — a selector that returned a fresh array would\n * tear through `useSyncExternalStore`.\n */\nexport const SuperGroupingCard = memo(function SuperGroupingCard({\n  toolUIs,\n  ToolFallback: ToolFallbackComponent = ToolFallback,\n  TextComponent,\n  ReasoningComponent,\n  GroupComponent = CollapsibleGroup,\n  getToolGroupKey = defaultGetToolGroupKey,\n  groupingFunction,\n  waitingTools,\n  waitingToolCallIds,\n  passThroughTools,\n  isInlineTool = isSdkInlineTool,\n  waitingForInput = false,\n  resolveToolDisplayName,\n  expansionKey: expansionKeyProp,\n  expandWhileWaiting = false,\n  mountDetails = false,\n  maxVisibleSteps = DEFAULT_MAX_VISIBLE_STEPS,\n  summaryDetails,\n  renderStepIcon,\n  showSourceFavicons,\n  renderHeaderActions,\n  renderRunningMeta,\n  className,\n  classNames,\n}: SuperGroupingCardProps) {\n  const messageId = useAuiState((s) => s.message.id);\n  const [selectActivityContent] = useState(createActivityContentSelector);\n  const messageContent = useAuiState(selectActivityContent);\n  const messageStatus = useAuiState((s) => s.message.status);\n\n  const timeline = useMemo(() => {\n    const items = buildActivityTimeline(messageContent, messageStatus, {\n      waitingTools,\n      waitingToolCallIds,\n      passThroughTools,\n    });\n    return items.length > 0 ? items : EMPTY_TIMELINE;\n  }, [messageContent, messageStatus, waitingTools, waitingToolCallIds, passThroughTools]);\n  const phase = useMemo(\n    () => resolveActivityPhase(messageStatus, timeline, { waitingForInput }),\n    [messageStatus, timeline, waitingForInput],\n  );\n  const toolCount = countActivityTools(timeline);\n\n  const { expanded, toggleExpanded } = useActivityExpansion({\n    expansionKey: expansionKeyProp ?? messageId,\n    phase,\n    expandWhileWaiting,\n  });\n  const generatedId = useId().replace(/[^A-Za-z0-9_-]/g, '');\n  const detailsPanelId = `aui-sg-details-${generatedId}`;\n  const statusId = `aui-sg-status-${generatedId}`;\n  const { expanded: detailsExpanded, toggleExpanded: toggleDetails } = useActivityExpansion({\n    expansionKey: `${expansionKeyProp ?? messageId}:details`,\n    phase,\n    expandWhileWaiting,\n  });\n  const assetTitles = useMemo(() => collectAssetTitles(messageContent), [messageContent]);\n  const steps = useMemo(\n    () =>\n      timeline.map((item, index) =>\n        toTimelineStep({ item, index, resolveToolDisplayName, assetTitles, withSourceUrls: showSourceFavicons }),\n      ),\n    [timeline, resolveToolDisplayName, assetTitles, showSourceFavicons],\n  );\n\n  const inlineParts = useMemo(() => {\n    const parts: { index: number; key: string }[] = [];\n    messageContent.forEach((part, index) => {\n      if (part.type === 'tool-call' && isInlineTool(part.toolName)) {\n        parts.push({ index, key: part.toolCallId });\n      }\n    });\n    return parts;\n  }, [messageContent, isInlineTool]);\n  const grouping = useMemo(\n    () =>\n      excludePartsFromGroups(\n        excludeFinalTextFromGroups(groupingFunction ?? createToolBasedGroupingFunction(getToolGroupKey)),\n        (part) => part.type === 'tool-call' && part.toolName !== undefined && isInlineTool(part.toolName),\n      ),\n    [groupingFunction, getToolGroupKey, isInlineTool],\n  );\n  const hasDetails = useMemo(() => grouping(messageContent).length > 0, [grouping, messageContent]);\n  const isActive = phase === 'running' || phase === 'waiting';\n  // The toolkit groups inside keep their tool UIs mounted when the details do.\n  const groupingContext = useMemo(\n    () => ({ groupingFunction: grouping, mountHidden: isActive || mountDetails }),\n    [grouping, isActive, mountDetails],\n  );\n  const components = useMemo(\n    () => ({\n      tools: {\n        ...(toolUIs ? { by_name: toolUIs } : {}),\n        Fallback: ToolFallbackComponent,\n      },\n      Text: TextComponent,\n      ...(ReasoningComponent ? { Reasoning: ReasoningComponent } : {}),\n      Group: GroupComponent,\n    }),\n    [toolUIs, ToolFallbackComponent, TextComponent, ReasoningComponent, GroupComponent],\n  );\n\n  const hasActivity = timeline.length > 0 || phase !== 'complete';\n  if (!hasActivity) return null;\n\n  // Tool UIs perform live subscriptions and asset-follow effects. Collapsing\n  // either disclosure must only hide them while active or targeted by a deep link.\n  const detailsMounted = isActive || mountDetails || (expanded && detailsExpanded);\n  const activeSteps = steps.filter((step) => step.state === 'running');\n  const currentStep = activeSteps.at(-1);\n  const latestStatus =\n    phase === 'waiting'\n      ? 'Waiting for you'\n      : phase === 'error'\n        ? messageStatus?.type === 'incomplete' && messageStatus.reason === 'cancelled'\n          ? 'Run stopped'\n          : 'Something went wrong'\n        : phase === 'running'\n          ? currentStep\n            ? [\n                currentStep.verb,\n                currentStep.chip,\n                activeSteps.length > 1 ? `${activeSteps.length} in progress` : null,\n              ]\n                .filter(Boolean)\n                .join(' · ')\n            : steps.length > 0\n              ? 'Preparing response'\n              : 'Thinking'\n          : getActivitySummary(timeline);\n  const label = [latestStatus, ...(isActive ? [] : (summaryDetails ?? []))].join(' · ');\n\n  return (\n    <section\n      data-slot=\"super-grouping-card\"\n      data-phase={phase}\n      data-tool-count={toolCount}\n      className={cn('my-3 min-w-0', className, classNames?.root)}\n      aria-busy={phase === 'running' ? 'true' : 'false'}\n      aria-describedby={statusId}\n    >\n      <ToolTimeline\n        steps={steps}\n        open={expanded}\n        onOpenChange={toggleExpanded}\n        label={label}\n        phase={phase}\n        maxVisibleSteps={maxVisibleSteps}\n        keepMounted={isActive || mountDetails}\n        actions={renderHeaderActions?.({ phase, messageContent })}\n        meta={phase === 'running' ? renderRunningMeta?.({ phase }) : null}\n        renderStepIcon={renderStepIcon}\n        showSourceFavicons={showSourceFavicons}\n      >\n        {hasDetails ? (\n          <div className=\"min-w-0 pl-5\">\n            <button\n              type=\"button\"\n              onClick={toggleDetails}\n              aria-expanded={detailsExpanded}\n              aria-controls={detailsPanelId}\n              className=\"flex items-center gap-1.5 rounded py-1 text-xs text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <ChevronRight\n                aria-hidden=\"true\"\n                className={cn(\n                  'size-3 transition-transform motion-reduce:transition-none',\n                  detailsExpanded && 'rotate-90',\n                )}\n              />\n              {detailsExpanded ? 'Hide tool details' : 'Show tool details'}\n            </button>\n            {detailsMounted ? (\n              <section\n                id={detailsPanelId}\n                aria-label=\"Run details\"\n                hidden={!expanded || !detailsExpanded}\n                className={cn(\n                  'min-w-0 overflow-hidden border-l border-border/60 py-2 pl-3',\n                  classNames?.details,\n                )}\n              >\n                <div className={cn('flex flex-col gap-2', classNames?.detailsParts)}>\n                  <SuperGroupingProvider value={groupingContext}>\n                    <GroupedMessageParts groupingFunction={grouping} components={components} />\n                  </SuperGroupingProvider>\n                </div>\n              </section>\n            ) : null}\n          </div>\n        ) : null}\n      </ToolTimeline>\n      {inlineParts.length > 0 ? (\n        <div data-slot=\"super-grouping-inline-tools\" className=\"mt-2 flex min-w-0 flex-col gap-2\">\n          {inlineParts.map(({ index, key }) => (\n            <MessagePrimitive.PartByIndex key={key} index={index} components={components} />\n          ))}\n        </div>\n      ) : null}\n      <output id={statusId} aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n        {phase === 'waiting' ? 'Waiting for your input' : latestStatus}\n      </output>\n    </section>\n  );\n});\n\n/**\n * The turn's visible answer, rendered below the card: the text after the last\n * tool call (all of it when the turn called no tools) and the words of any\n * spoken voice turn the message holds (`getFinalTextParts`), streaming while\n * the turn is live so the person reads the answer as it arrives.\n *\n * Each part renders through its own `TextComponent`, keyed by its content\n * index, so a part only ever grows at its end: a spoken turn streaming while\n * the run's reply streams after it would otherwise change one joined string in\n * the middle, and a streaming reveal restarts from empty on every word. Only\n * the last part carries the running status (and its caret).\n */\nexport const SuperGroupingFinalText = memo(function SuperGroupingFinalText({\n  TextComponent,\n}: {\n  TextComponent: TextMessagePartComponent;\n}) {\n  const messageContent = useAuiState((s) =>\n    s.message.role === 'assistant' ? s.message.content : EMPTY_CONTENT,\n  );\n  const statusType = useAuiState((s) => s.message.status?.type);\n  const parts = useMemo(() => getFinalTextParts(messageContent), [messageContent]);\n\n  if (parts.length === 0) return null;\n  const running = statusType === 'running' || statusType === 'requires-action';\n  return (\n    <div data-slot=\"super-grouping-final-text\" className=\"flex min-w-0 flex-col gap-1.5\">\n      {parts.map((part, position) => (\n        <TextComponent\n          key={part.index}\n          type=\"text\"\n          text={part.text}\n          status={running && position === parts.length - 1 ? RUNNING_STATUS : COMPLETE_STATUS}\n        />\n      ))}\n    </div>\n  );\n});\n"],"names":["useState","useRef","useEffect","memo","SuperGroupingCard","ToolFallback","CollapsibleGroup","defaultGetToolGroupKey","groupingFunction","isSdkInlineTool","useAuiState","useMemo","buildActivityTimeline","resolveActivityPhase","countActivityTools","useId","collectAssetTitles","toTimelineStep","excludePartsFromGroups","excludeFinalTextFromGroups","createToolBasedGroupingFunction","getActivitySummary","jsxs","cn","jsx","ToolTimeline","ChevronRight","SuperGroupingProvider","GroupedMessageParts","MessagePrimitive","SuperGroupingFinalText","getFinalTextParts"],"mappings":"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"}

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

@@ -3,6 +3,7 @@ import { type ComponentType, type ReactNode } from 'react';
 import { type ActivityPhase } from './activity-timeline';
 import { type CollapsibleGroupProps } from './CollapsibleGroup';
 import { type GroupingFunction } from './grouping-function';
+import { type TimelineStep } from './timeline-step';
 import { type GetToolGroupKey } from './toolkit-map';
 export declare function resetRememberedExpansionsForTests(): void;
 /**
@@ -81,6 +82,10 @@ export interface SuperGroupingCardProps {
     renderRunningMeta?: (context: {
         phase: ActivityPhase;
     }) => ReactNode;
+    /** The host's icon for a step's tool, shown on its status row (see `ToolTimeline`). */
+    renderStepIcon?: (step: TimelineStep) => ReactNode;
+    /** Show the favicons of the sites a finished step's result lists. */
+    showSourceFavicons?: boolean;
     className?: string;
     classNames?: {
         root?: string;
@@ -108,7 +113,7 @@ export interface SuperGroupingCardProps {
  * derivation runs in `useMemo` — a selector that returned a fresh array would
  * tear through `useSyncExternalStore`.
  */
-export declare const SuperGroupingCard: import("react").MemoExoticComponent<({ toolUIs, ToolFallback: ToolFallbackComponent, TextComponent, ReasoningComponent, GroupComponent, getToolGroupKey, groupingFunction, waitingTools, waitingToolCallIds, passThroughTools, isInlineTool, waitingForInput, resolveToolDisplayName, expansionKey: expansionKeyProp, expandWhileWaiting, mountDetails, maxVisibleSteps, summaryDetails, renderHeaderActions, renderRunningMeta, className, classNames, }: SuperGroupingCardProps) => import("react").JSX.Element | null>;
+export declare const SuperGroupingCard: import("react").MemoExoticComponent<({ toolUIs, ToolFallback: ToolFallbackComponent, TextComponent, ReasoningComponent, GroupComponent, getToolGroupKey, groupingFunction, waitingTools, waitingToolCallIds, passThroughTools, isInlineTool, waitingForInput, resolveToolDisplayName, expansionKey: expansionKeyProp, expandWhileWaiting, mountDetails, maxVisibleSteps, summaryDetails, renderStepIcon, showSourceFavicons, renderHeaderActions, renderRunningMeta, className, classNames, }: SuperGroupingCardProps) => import("react").JSX.Element | null>;
 /**
  * The turn's visible answer, rendered below the card: the text after the last
  * tool call (all of it when the turn called no tools) and the words of any

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

@@ -113,6 +113,8 @@ const SuperGroupingCard = memo(function SuperGroupingCard2({
   mountDetails = false,
   maxVisibleSteps = DEFAULT_MAX_VISIBLE_STEPS,
   summaryDetails,
+  renderStepIcon,
+  showSourceFavicons,
   renderHeaderActions,
   renderRunningMeta,
   className,
@@ -150,8 +152,10 @@ const SuperGroupingCard = memo(function SuperGroupingCard2({
   });
   const assetTitles = useMemo(() => collectAssetTitles(messageContent), [messageContent]);
   const steps = useMemo(
-    () => timeline.map((item, index) => toTimelineStep({ item, index, resolveToolDisplayName, assetTitles })),
-    [timeline, resolveToolDisplayName, assetTitles]
+    () => timeline.map(
+      (item, index) => toTimelineStep({ item, index, resolveToolDisplayName, assetTitles, withSourceUrls: showSourceFavicons })
+    ),
+    [timeline, resolveToolDisplayName, assetTitles, showSourceFavicons]
   );
   const inlineParts = useMemo(() => {
     const parts = [];
@@ -220,6 +224,8 @@ const SuperGroupingCard = 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,
+            showSourceFavicons,
             children: hasDetails ? /* @__PURE__ */ jsxs("div", { className: "min-w-0 pl-5", children: [
               /* @__PURE__ */ jsxs(
                 "button",