@agno-hq/chat-react 0.3.2 → 0.3.4

package/dist/{chunk-XTP3TMEZ.js → chunk-OGDPK4Z3.js}

@@ -1,10 +1,176 @@
-import { AgnoClient, activityLabel, isSubRunEvent, applySubRunEvent, isStepEvent, applyStepEvent, isStartedEvent, isToolEvent, toolsFromEvent, mergeTool, isContentEvent, applyContentEvent, isReasoningStepEvent, isReasoningCompletedEvent, isFollowupsCompletedEvent, isPausedEvent, isCompletedEvent, isCancelledEvent, isErrorEvent, sessionRunsToMessages, isToolCompletedEvent } from './chunk-6V2YIPHF.js';
-import React7, { createContext, useMemo, useState, useRef, useEffect, useCallback, useContext, useId, isValidElement, cloneElement, useLayoutEffect, useReducer } from 'react';
+import { AgnoClient, activityLabel, isSubRunEvent, applySubRunEvent, isStepEvent, applyStepEvent, isStartedEvent, isToolEvent, toolsFromEvent, mergeTool, isContentEvent, applyContentEvent, isReasoningStepEvent, reasoningStepsFromEvent, isReasoningCompletedEvent, isFollowupsCompletedEvent, isPausedEvent, isCompletedEvent, isCancelledEvent, isErrorEvent, sessionRunsToMessages, isToolCompletedEvent } from './chunk-BCVKAMSO.js';
+import React8, { createContext, useMemo, useState, useRef, useEffect, useCallback, useContext, useId, isValidElement, cloneElement, useLayoutEffect, useReducer } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
-import { ChevronDown as ChevronDown$1, ArrowUp as ArrowUp$1, Paperclip as Paperclip$1, File, FileType2, FileAudio as FileAudio$1, FileVideo as FileVideo$1, Wrench as Wrench$1, BookOpen as BookOpen$1, Globe as Globe$1, Link, Brain as Brain$1, Box as Box$1, Plus as Plus$1, Check as Check$1, Copy as Copy$1, X, MemoryStick, RefreshCcw, Activity, Trash2, MessageSquare, LoaderCircle, Square } from 'lucide-react';
+import { ChevronDown as ChevronDown$1, ArrowUp as ArrowUp$1, Paperclip as Paperclip$1, File, FileType2, FileAudio as FileAudio$1, FileVideo as FileVideo$1, Wrench as Wrench$1, BookOpen as BookOpen$1, Globe as Globe$1, Link as Link$1, Brain as Brain$1, Box as Box$1, Plus as Plus$1, Check as Check$1, Copy as Copy$1, X, MemoryStick, RefreshCcw, Activity, Trash2, MessageSquare, LoaderCircle, Square } from 'lucide-react';
 import { Streamdown } from 'streamdown';
 
+function useRunView(initialMessages = []) {
+  const [view, setView] = useState({
+    messages: initialMessages,
+    events: [],
+    status: "idle",
+    activity: null,
+    error: null
+  });
+  const viewRef = useRef(view);
+  const update = useCallback((key, action) => {
+    const value = typeof action === "function" ? action(viewRef.current[key]) : action;
+    if (Object.is(value, viewRef.current[key])) return;
+    viewRef.current = { ...viewRef.current, [key]: value };
+    setView(viewRef.current);
+  }, []);
+  const setters = useMemo(() => ({
+    setMessages: (action) => update("messages", action),
+    setEvents: (action) => update("events", action),
+    setStatus: (action) => update("status", action),
+    setActivity: (action) => update("activity", action),
+    setError: (action) => update("error", action)
+  }), [update]);
+  return { ...view, ...setters, viewRef };
+}
+
+// src/chat/streaming/bufferTextEvents.ts
+var DEFAULT_STREAMING_OPTIONS = Object.freeze({
+  enabled: true,
+  flushIntervalMs: 150,
+  maxBufferEvents: 100,
+  maxBufferChars: 16384
+});
+var MAX_TIMEOUT_MS = 2147483647;
+var RICH_FIELDS = [
+  "tool",
+  "tools",
+  "response_audio",
+  "images",
+  "videos",
+  "audio",
+  "image",
+  "references",
+  "citations",
+  "extra_data"
+];
+function isPlainText(event) {
+  return (event.event === "RunContent" || event.event === "TeamRunContent") && typeof event.content === "string" && event.content.length > 0 && RICH_FIELDS.every((key) => event[key] == null);
+}
+function isContinuationOf(previous, next) {
+  const keys = /* @__PURE__ */ new Set([...Object.keys(previous), ...Object.keys(next)]);
+  for (const key of keys) {
+    if (key === "content") continue;
+    const before = previous[key];
+    const after = next[key];
+    if (key === "event_index" && typeof before === "number" && typeof after === "number") {
+      if (after <= before) return false;
+      continue;
+    }
+    if (!Object.is(before, after)) return false;
+  }
+  return true;
+}
+function boundedNumber(value, fallback, min) {
+  return value !== void 0 && Number.isFinite(value) && value >= min ? Math.min(Math.floor(value), MAX_TIMEOUT_MS) : fallback;
+}
+function bufferTextEvents(deliver, options = {}) {
+  const defaults = DEFAULT_STREAMING_OPTIONS;
+  const interval = boundedNumber(
+    options.flushIntervalMs,
+    defaults.flushIntervalMs,
+    0
+  );
+  const maxEvents = boundedNumber(
+    options.maxBufferEvents,
+    defaults.maxBufferEvents,
+    1
+  );
+  const maxChars = boundedNumber(
+    options.maxBufferChars,
+    defaults.maxBufferChars,
+    1
+  );
+  const enabled = (options.enabled ?? defaults.enabled) && interval > 0;
+  let events = [];
+  let chunks = [];
+  let chars = 0;
+  let hasText = false;
+  let disposed = false;
+  let timer;
+  const isHidden = () => typeof document !== "undefined" && document.visibilityState === "hidden";
+  const onVisibilityChange = () => {
+    if (isHidden()) flush();
+  };
+  const stopObserving = () => {
+    if (typeof document !== "undefined")
+      document.removeEventListener("visibilitychange", onVisibilityChange);
+  };
+  const cancelScheduled = () => {
+    stopObserving();
+    clearTimeout(timer);
+    timer = void 0;
+  };
+  const flush = () => {
+    cancelScheduled();
+    const batch = { events, chunks };
+    events = [];
+    chunks = [];
+    chars = 0;
+    if (!disposed && (batch.events.length || batch.chunks.length))
+      deliver(batch);
+  };
+  const schedule = () => {
+    if (timer !== void 0 || disposed) return;
+    if (isHidden()) return flush();
+    if (typeof document !== "undefined")
+      document.addEventListener("visibilitychange", onVisibilityChange);
+    timer = setTimeout(() => {
+      timer = void 0;
+      flush();
+    }, interval);
+  };
+  const deliverNow = (event) => {
+    if (!disposed) deliver({ events: [event], chunks: [event] });
+  };
+  const append = (event) => {
+    const last = chunks[chunks.length - 1];
+    if (last && isContinuationOf(last, event)) {
+      chunks[chunks.length - 1] = {
+        ...event,
+        content: String(last.content) + event.content
+      };
+    } else {
+      chunks.push(event);
+    }
+    events.push(event);
+    chars += String(event.content).length;
+  };
+  return {
+    push(event) {
+      if (disposed) return;
+      if (!enabled || !isPlainText(event)) {
+        flush();
+        hasText = false;
+        deliverNow(event);
+        return;
+      }
+      if (!hasText) {
+        hasText = true;
+        deliverNow(event);
+        return;
+      }
+      append(event);
+      if (events.length >= maxEvents || chars >= maxChars) flush();
+      else schedule();
+    },
+    flush,
+    dispose() {
+      disposed = true;
+      cancelScheduled();
+      events = [];
+      chunks = [];
+    }
+  };
+}
+
+// src/chat/useAgnoChat.ts
 var messageCounter = 0;
 var nextId = () => `m${Date.now().toString(36)}-${(messageCounter++).toString(36)}`;
 var nowSeconds = () => Math.floor(Date.now() / 1e3);
@@ -14,12 +180,20 @@ function useAgnoChat(options) {
     if (options.client) return options.client;
     return new AgnoClient({ baseUrl: options.baseUrl ?? "", headers: options.headers });
   }, [options.client, options.baseUrl, JSON.stringify(options.headers)]);
-  const [messages, setMessages] = useState(options.initialMessages ?? []);
-  const [events, setEvents] = useState([]);
-  const [currentEvent, setCurrentEvent] = useState(null);
-  const [status, setStatus] = useState("idle");
-  const [activity, setActivity] = useState(null);
-  const [error, setError] = useState(null);
+  const {
+    messages,
+    events,
+    status,
+    activity,
+    error,
+    viewRef,
+    setMessages,
+    setEvents,
+    setStatus,
+    setActivity,
+    setError
+  } = useRunView(options.initialMessages);
+  const currentEvent = events[events.length - 1] ?? null;
   const [sessionId, setSessionId] = useState(options.sessionId);
   const [sessions, setSessions] = useState([]);
   const [sessionsLoading, setSessionsLoading] = useState(false);
@@ -29,10 +203,14 @@ function useAgnoChat(options) {
   const backgroundRef = useRef(/* @__PURE__ */ new Map());
   const activeMsgIdRef = useRef(null);
   const runIdRef = useRef(void 0);
+  const streamingRef = useRef(options.streaming);
   const entityRef = useRef(entity);
   const sessionIdRef = useRef(options.sessionId);
   const pendingSessionNameRef = useRef(void 0);
   const bumpedSessionRef = useRef(void 0);
+  useEffect(() => {
+    streamingRef.current = options.streaming;
+  }, [options.streaming]);
   useEffect(() => {
     entityRef.current = entity;
   }, [entity]);
@@ -52,44 +230,37 @@ function useAgnoChat(options) {
       return [entry, ...rest];
     });
   }, []);
-  const viewRef = useRef({ messages, events, status, activity, error });
-  useEffect(() => {
-    viewRef.current = { messages, events, status, activity, error };
-  });
   const writeMessages = useCallback(
     (chan, fn) => {
       const park = chan?.park;
       if (park) park.messages = fn(park.messages);
       else setMessages(fn);
     },
-    []
+    [setMessages]
   );
-  const writeEvents = useCallback((chan, e) => {
-    const park = chan?.park;
-    if (park) park.events = [...park.events, e];
-    else {
-      setEvents((prev) => [...prev, e]);
-      setCurrentEvent(e);
-    }
-  }, []);
+  const writeEvents = useCallback((chan, incoming) => {
+    const park = chan.park;
+    if (park) park.events = [...park.events, ...incoming];
+    else setEvents((previous) => [...previous, ...incoming]);
+  }, [setEvents]);
   const writeStatus = useCallback((chan, status2) => {
     const park = chan?.park;
     if (park) park.status = status2;
     else setStatus(status2);
-  }, []);
+  }, [setStatus]);
   const writeActivity = useCallback((chan, activity2) => {
     const park = chan?.park;
     if (park) park.activity = activity2;
     else setActivity(activity2);
-  }, []);
+  }, [setActivity]);
   const writeError = useCallback((chan, message) => {
     const park = chan?.park;
     if (park) park.error = message;
     else setError(message);
-  }, []);
+  }, [setError]);
   const patchActive = useCallback(
     (chan, patch) => {
-      const id = chan?.park ? chan.park.activeMsgId : activeMsgIdRef.current;
+      const id = chan ? chan.messageId : activeMsgIdRef.current;
       if (!id) return;
       writeMessages(chan, (prev) => prev.map((m) => m.id === id ? patch(m) : m));
     },
@@ -97,9 +268,6 @@ function useAgnoChat(options) {
   );
   const applyEvent = useCallback(
     (chan, e) => {
-      writeEvents(chan, e);
-      patchActive(chan, (m) => ({ ...m, events: [...m.events ?? [], e] }));
-      onEvent?.(e);
       const label2 = activityLabel(e);
       if (label2) writeActivity(chan, label2);
       if (e.session_id && !chan?.park && e.session_id !== sessionIdRef.current) {
@@ -118,7 +286,7 @@ function useAgnoChat(options) {
         else runIdRef.current = e.run_id;
       }
       if (isSubRunEvent(e)) {
-        const kind = entityRef.current?.type === "workflow" ? "executor" : "member";
+        const kind = (chan?.entityType ?? entityRef.current?.type) === "workflow" ? "executor" : "member";
         patchActive(chan, (m) => applySubRunEvent(m, e, kind));
         return;
       }
@@ -151,7 +319,7 @@ function useAgnoChat(options) {
         return;
       }
       if (isReasoningStepEvent(e)) {
-        const incoming = e.reasoning_steps ?? e.extra_data?.reasoning_steps ?? [];
+        const incoming = reasoningStepsFromEvent(e);
         if (incoming.length) {
           patchActive(chan, (m) => ({
             ...m,
@@ -161,8 +329,8 @@ function useAgnoChat(options) {
         return;
       }
       if (isReasoningCompletedEvent(e)) {
-        const steps = e.reasoning_steps ?? e.extra_data?.reasoning_steps;
-        if (steps?.length) patchActive(chan, (m) => ({ ...m, reasoning_steps: steps }));
+        const steps = reasoningStepsFromEvent(e);
+        if (steps.length) patchActive(chan, (m) => ({ ...m, reasoning_steps: steps }));
         return;
       }
       if (isFollowupsCompletedEvent(e)) {
@@ -178,7 +346,7 @@ function useAgnoChat(options) {
         patchActive(chan, (m) => {
           let tool_calls = m.tool_calls ?? [];
           for (const t of pausedTools2) tool_calls = mergeTool(tool_calls, t);
-          return { ...m, status: "paused", streaming: false, requirements, tool_calls };
+          return { ...m, status: "paused", streaming: false, requirements, step_requirements: e.step_requirements ?? m.step_requirements, tool_calls };
         });
         return;
       }
@@ -217,13 +385,11 @@ function useAgnoChat(options) {
       }
     },
     [
-      onEvent,
       onSessionId,
       patchActive,
       upsertSession,
       writeActivity,
       writeError,
-      writeEvents,
       writeStatus
     ]
   );
@@ -261,12 +427,11 @@ function useAgnoChat(options) {
     bumpedSessionRef.current = park.bumped;
     setMessages(park.messages);
     setEvents(park.events);
-    setCurrentEvent(park.events[park.events.length - 1] ?? null);
     setStatus(park.status);
     setActivity(park.activity);
     setError(park.error);
     return true;
-  }, []);
+  }, [setMessages, setEvents, setStatus, setActivity, setError]);
   const releaseCurrentRun = useCallback(() => {
     const chan = channelRef.current;
     if (!chan || chan.park) return;
@@ -282,29 +447,64 @@ function useAgnoChat(options) {
   const drive = useCallback(
     async (starter) => {
       const controller = new AbortController();
-      const chan = { controller, park: null };
+      let finished = false;
+      const isCurrent = () => !controller.signal.aborted && (channelRef.current === chan || Boolean(chan.park && backgroundRef.current.get(chan.park.sessionId) === chan));
+      const chan = {
+        controller,
+        park: null,
+        messageId: activeMsgIdRef.current,
+        entityType: entityRef.current?.type,
+        buffer: bufferTextEvents(({ events: incoming, chunks }) => {
+          if (!isCurrent()) return;
+          if (incoming.length) {
+            writeEvents(chan, incoming);
+            patchActive(chan, (m) => ({ ...m, events: [...m.events ?? [], ...incoming] }));
+          }
+          for (const chunk of chunks) applyEvent(chan, chunk);
+        }, streamingRef.current)
+      };
+      controller.signal.addEventListener("abort", () => chan.buffer.dispose(), { once: true });
       channelRef.current = chan;
       abortRef.current = controller;
-      setError(null);
-      setStatus("streaming");
-      await starter({
-        signal: controller.signal,
-        // `chan.park` is read at call time, so events follow the run when the
-        // user navigates away mid-stream.
-        onEvent: (e) => applyEvent(chan, e),
-        onError: (err) => {
-          patchActive(chan, (m) => ({ ...m, streaming: false, status: "error", error: err.message }));
-          writeError(chan, err.message);
-          writeStatus(chan, "error");
-        },
-        onComplete: () => {
-          writeActivity(chan, null);
-          patchActive(chan, (m) => m.streaming ? { ...m, streaming: false } : m);
-          const park = chan.park;
-          if (park) park.status = park.status === "streaming" ? "completed" : park.status;
-          else setStatus((s) => s === "streaming" ? "completed" : s);
-        }
-      });
+      writeError(chan, null);
+      writeStatus(chan, "streaming");
+      const complete = () => {
+        if (finished || !isCurrent()) return;
+        chan.buffer.flush();
+        finished = true;
+        chan.buffer.dispose();
+        writeActivity(chan, null);
+        patchActive(chan, (m) => m.streaming ? { ...m, streaming: false, status: "completed" } : m);
+        const status2 = chan.park?.status ?? viewRef.current.status;
+        if (status2 === "streaming") writeStatus(chan, "completed");
+      };
+      const fail = (err) => {
+        if (finished || !isCurrent()) return;
+        chan.buffer.flush();
+        finished = true;
+        chan.buffer.dispose();
+        patchActive(chan, (m) => ({ ...m, streaming: false, status: "error", error: err.message }));
+        writeActivity(chan, null);
+        writeError(chan, err.message);
+        writeStatus(chan, "error");
+      };
+      try {
+        await starter({
+          signal: controller.signal,
+          onEvent: (e) => {
+            if (finished || !isCurrent()) return;
+            onEvent?.(e);
+            if (isCurrent()) chan.buffer.push(e);
+          },
+          onError: fail,
+          onComplete: complete
+        });
+        complete();
+      } catch (error2) {
+        fail(error2 instanceof Error ? error2 : new Error(String(error2)));
+      } finally {
+        chan.buffer.dispose();
+      }
       if (chan.park) {
         const { sessionId: sessionId2 } = chan.park;
         setBackgroundRunning((prev) => prev.filter((s) => s !== sessionId2));
@@ -313,7 +513,7 @@ function useAgnoChat(options) {
         abortRef.current = null;
       }
     },
-    [applyEvent, patchActive, writeActivity, writeError, writeStatus]
+    [applyEvent, onEvent, patchActive, writeActivity, writeError, writeEvents, writeStatus]
   );
   const sendMessage = useCallback(
     async (message, sendOptions) => {
@@ -342,7 +542,6 @@ function useAgnoChat(options) {
       };
       activeMsgIdRef.current = agentMsg.id;
       setEvents([]);
-      setCurrentEvent(null);
       setMessages((prev) => [...prev, userMsg, agentMsg]);
       await drive(
         (cb) => client.run({
@@ -356,7 +555,7 @@ function useAgnoChat(options) {
         })
       );
     },
-    [client, drive, userId]
+    [client, drive, setEvents, setMessages, userId]
   );
   const continueRun = useCallback(
     async (resolution) => {
@@ -366,7 +565,7 @@ function useAgnoChat(options) {
         setError("No paused run to continue.");
         return;
       }
-      patchActive(null, (m) => ({ ...m, streaming: true, status: "streaming", requirements: void 0 }));
+      patchActive(null, (m) => ({ ...m, streaming: true, status: "streaming", requirements: void 0, step_requirements: void 0 }));
       await drive(
         (cb) => client.continueRun({
           type: ent.type,
@@ -375,6 +574,7 @@ function useAgnoChat(options) {
           sessionId: sessionIdRef.current,
           userId,
           tools: resolution.tools,
+          requirements: resolution.requirements,
           stepRequirements: resolution.stepRequirements,
           ...cb
         })
@@ -393,8 +593,12 @@ function useAgnoChat(options) {
   const respondToConfirmation = useCallback(
     async (approve) => {
       const ent = entityRef.current;
+      if (ent?.type === "team" && activeMessage?.requirements?.length) {
+        await continueRun({ requirements: activeMessage.requirements.map((r) => ({ ...r, confirmation: approve })) });
+        return;
+      }
       if (ent?.type === "workflow") {
-        const reqs = (activeMessage?.requirements ?? []).map((r) => ({ ...r, confirmation: approve }));
+        const reqs = activeMessage?.step_requirements?.length ? activeMessage.step_requirements.map((r) => ({ ...r, confirmed: approve })) : (activeMessage?.requirements ?? []).map((r) => ({ ...r, confirmation: approve }));
         await continueRun({ stepRequirements: reqs });
         return;
       }
@@ -406,6 +610,17 @@ function useAgnoChat(options) {
   const submitUserInput = useCallback(
     async (values) => {
       const ent = entityRef.current;
+      if (ent?.type === "team" && activeMessage?.requirements?.length) {
+        const requirements = activeMessage.requirements.map((r) => ({
+          ...r,
+          user_input_schema: (r.user_input_schema ?? r.tool_execution?.user_input_schema ?? []).map((f) => ({
+            ...f,
+            value: f.name in values ? values[f.name] : f.value
+          }))
+        }));
+        await continueRun({ requirements });
+        return;
+      }
       if (ent?.type === "workflow") {
         const reqs = (activeMessage?.requirements ?? []).map((r) => ({
           ...r,
@@ -430,15 +645,16 @@ function useAgnoChat(options) {
     [activeMessage, continueRun, pausedTools]
   );
   const cancel = useCallback(async () => {
+    channelRef.current?.buffer.flush();
     abortRef.current?.abort();
     channelRef.current = null;
     const ent = entityRef.current;
     const runId = runIdRef.current;
-    setStatus("cancelled");
-    setActivity(null);
+    writeStatus(null, "cancelled");
+    writeActivity(null, null);
     patchActive(null, (m) => m.streaming ? { ...m, streaming: false, status: "cancelled" } : m);
     if (ent && runId) await client.cancelRun(ent.type, ent.id, runId, sessionIdRef.current);
-  }, [client, patchActive]);
+  }, [client, patchActive, writeActivity, writeStatus]);
   const refreshSessions = useCallback(async () => {
     const ent = entityRef.current;
     if (!ent) {
@@ -458,6 +674,14 @@ function useAgnoChat(options) {
       setSessionsLoading(false);
     }
   }, [client]);
+  const clearRunView = useCallback(() => {
+    activeMsgIdRef.current = null;
+    runIdRef.current = void 0;
+    setEvents([]);
+    setStatus("idle");
+    setActivity(null);
+    setError(null);
+  }, [setEvents, setStatus, setActivity, setError]);
   const loadSession = useCallback(
     async (id) => {
       const ent = entityRef.current;
@@ -468,13 +692,7 @@ function useAgnoChat(options) {
       setSessionId(id);
       onSessionId?.(id);
       if (resumeRun(id)) return;
-      activeMsgIdRef.current = null;
-      runIdRef.current = void 0;
-      setEvents([]);
-      setCurrentEvent(null);
-      setStatus("idle");
-      setActivity(null);
-      setError(null);
+      clearRunView();
       try {
         const runs = await client.getSessionRuns(ent.type, id, ent.db_id);
         setMessages(sessionRunsToMessages(runs));
@@ -482,7 +700,7 @@ function useAgnoChat(options) {
         setError(err instanceof Error ? err.message : String(err));
       }
     },
-    [client, onSessionId, releaseCurrentRun, resumeRun]
+    [client, clearRunView, onSessionId, releaseCurrentRun, resumeRun, setMessages]
   );
   const deleteSession = useCallback(
     async (id) => {
@@ -497,29 +715,27 @@ function useAgnoChat(options) {
         }
         setSessions((prev) => prev.filter((s) => s.session_id !== id));
         if (sessionIdRef.current === id) {
+          channelRef.current?.controller.abort();
+          channelRef.current = null;
+          abortRef.current = null;
+          clearRunView();
           sessionIdRef.current = void 0;
           setSessionId(void 0);
           setMessages([]);
         }
       }
     },
-    [client]
+    [client, clearRunView, setMessages]
   );
   const reset = useCallback(() => {
     releaseCurrentRun();
-    activeMsgIdRef.current = null;
-    runIdRef.current = void 0;
+    clearRunView();
     sessionIdRef.current = void 0;
     pendingSessionNameRef.current = void 0;
     bumpedSessionRef.current = void 0;
     setMessages([]);
-    setEvents([]);
-    setCurrentEvent(null);
-    setStatus("idle");
-    setActivity(null);
-    setError(null);
     setSessionId(void 0);
-  }, [releaseCurrentRun]);
+  }, [clearRunView, releaseCurrentRun, setMessages]);
   useEffect(() => {
     const background = backgroundRef.current;
     return () => {
@@ -643,7 +859,7 @@ var FileVideo = icon(FileVideo$1);
 var Wrench = icon(Wrench$1);
 var BookOpen = icon(BookOpen$1);
 var Globe = icon(Globe$1);
-var LinkIcon = icon(Link);
+var LinkIcon = icon(Link$1);
 var Brain = icon(Brain$1);
 var Box = icon(Box$1);
 var Plus = icon(Plus$1);
@@ -1220,6 +1436,16 @@ function Followups({
 }
 var isBoolField = (f) => f.field_type === "bool" || f.field_type === "boolean";
 function buildAsks(message, entityType) {
+  if (entityType === "workflow" && message.step_requirements?.length) {
+    return message.step_requirements.map((r) => ({
+      id: r.step_id,
+      name: r.step_name,
+      needsConfirmation: Boolean(r.requires_confirmation) && r.confirmed == null,
+      fields: [],
+      stepRequirement: r,
+      unsupported: !r.requires_confirmation || Boolean(r.requires_user_input || r.requires_route_selection || r.requires_output_review)
+    }));
+  }
   const fromTools = (message.tool_calls ?? []).filter((t) => t.requires_confirmation || t.requires_user_input).map((t) => ({
     id: t.tool_call_id ?? `${t.tool_name}`,
     name: t.tool_name,
@@ -1232,11 +1458,11 @@ function buildAsks(message, entityType) {
     id: r.id,
     name: r.tool_execution?.tool_name,
     args: r.tool_execution?.tool_args,
-    needsConfirmation: Boolean(r.tool_execution?.requires_confirmation) || r.confirmation == null,
+    needsConfirmation: entityType === "workflow" ? Boolean(r.tool_execution?.requires_confirmation) || r.confirmation == null : Boolean(r.tool_execution?.requires_confirmation) && r.confirmation == null,
     fields: r.user_input_schema ?? r.tool_execution?.user_input_schema ?? [],
     requirement: r
   }));
-  if (entityType === "workflow") return fromReqs.length ? fromReqs : fromTools;
+  if (entityType === "workflow" || entityType === "team") return fromReqs.length ? fromReqs : fromTools;
   return fromTools.length ? fromTools : fromReqs;
 }
 function HumanInput({
@@ -1255,11 +1481,26 @@ function HumanInput({
   const setValue = (id, name, value) => setValues((v) => ({ ...v, [id]: { ...v[id] ?? {}, [name]: value } }));
   const valueFor = (ask, field) => values[ask.id]?.[field.name] ?? field.value ?? (isBoolField(field) ? false : "");
   const fillFields = (ask) => ask.fields.map((f) => ({ ...f, value: valueFor(ask, f) }));
-  const ready = asks.every((a) => !a.needsConfirmation || choices[a.id]);
+  const ready = asks.every((a) => !a.unsupported && (!a.needsConfirmation || choices[a.id]));
   const submit = () => {
+    if (entityType === "team" && asks.every((a) => a.requirement)) {
+      const requirements = asks.map((a) => ({
+        ...a.requirement,
+        ...a.needsConfirmation ? { confirmation: choices[a.id] === "confirm" } : {},
+        ...a.fields.length ? { user_input_schema: fillFields(a) } : {},
+        ...reasons[a.id] ? { confirmation_note: reasons[a.id] } : {}
+      }));
+      onResolve({ requirements });
+      return;
+    }
     if (entityType === "workflow") {
       const stepRequirements = asks.map((a) => {
         const approved = a.needsConfirmation ? choices[a.id] === "confirm" : true;
+        if (a.stepRequirement) return {
+          ...a.stepRequirement,
+          confirmed: approved,
+          ...reasons[a.id] ? { rejection_feedback: reasons[a.id] } : {}
+        };
         return {
           id: a.id,
           confirmation: approved,
@@ -1272,7 +1513,7 @@ function HumanInput({
       return;
     }
     const tools = asks.map((a) => {
-      const base = a.tool ?? { tool_call_id: a.id, tool_name: a.name };
+      const base = a.tool ?? a.requirement?.tool_execution ?? { tool_call_id: a.id, tool_name: a.name };
       const approved = a.needsConfirmation ? choices[a.id] === "confirm" : true;
       return {
         ...base,
@@ -1285,6 +1526,7 @@ function HumanInput({
   };
   return /* @__PURE__ */ jsxs("div", { className: cx("agno-hitl", className), children: [
     /* @__PURE__ */ jsx("div", { className: "agno-hitl__title", children: "Your input is needed" }),
+    asks.some((a) => a.unsupported) && /* @__PURE__ */ jsx("div", { className: "agno-hitl__notice", role: "status", children: "This workflow needs an input type this chat does not support yet." }),
     asks.map((ask) => {
       const choice = choices[ask.id];
       const hasArgs = ask.args && Object.keys(ask.args).length > 0;
@@ -1393,11 +1635,14 @@ function sourceHost(url) {
   }
 }
 function faviconUrl(url) {
-  if (!url) return void 0;
+  return faviconFallbacks(url)[0];
+}
+function faviconFallbacks(url) {
+  if (!url) return [];
   try {
-    return new URL("/favicon.ico", url).href;
+    return ["/favicon.ico", "/favicon.svg"].map((path) => new URL(path, url).href);
   } catch {
-    return void 0;
+    return [];
   }
 }
 function displayUrl(url) {
@@ -1526,73 +1771,6 @@ var SourcesProvider = SourcesContext.Provider;
 function useSources() {
   return useContext(SourcesContext);
 }
-var THEMES = { light: "github-light", dark: "monokai" };
-var highlighter;
-var booting;
-var loading = /* @__PURE__ */ new Map();
-var loaded = /* @__PURE__ */ new Set();
-var unsupported = /* @__PURE__ */ new Set();
-async function boot() {
-  if (highlighter) return highlighter;
-  booting ?? (booting = (async () => {
-    const [{ createHighlighterCore }, { createJavaScriptRegexEngine }, { bundledThemes }] = await Promise.all([import('shiki/core'), import('shiki/engine/javascript'), import('shiki/themes')]);
-    highlighter = await createHighlighterCore({
-      themes: [bundledThemes[THEMES.light], bundledThemes[THEMES.dark]],
-      langs: [],
-      // No WASM: the JS engine keeps this a plain import. `forgiving` skips
-      // the odd grammar rule it can't translate rather than failing the block.
-      engine: createJavaScriptRegexEngine({ forgiving: true })
-    });
-    return highlighter;
-  })());
-  return booting;
-}
-function ensureLanguage(lang) {
-  let pending = loading.get(lang);
-  if (!pending) {
-    pending = (async () => {
-      const [core, { bundledLanguages }] = await Promise.all([boot(), import('shiki/langs')]);
-      const grammar = bundledLanguages[lang];
-      if (!grammar) {
-        unsupported.add(lang);
-        return;
-      }
-      await core.loadLanguage(grammar);
-      loaded.add(lang);
-    })().catch(() => {
-      unsupported.add(lang);
-    });
-    loading.set(lang, pending);
-  }
-  return pending;
-}
-function normalizeLanguage(language) {
-  const lang = language?.trim().toLowerCase();
-  return lang || void 0;
-}
-function useHighlight(code, language) {
-  const [, rerender] = useReducer((n) => n + 1, 0);
-  const lang = normalizeLanguage(language);
-  const ready = Boolean(lang && loaded.has(lang));
-  useEffect(() => {
-    if (!lang || ready || unsupported.has(lang)) return;
-    let cancelled = false;
-    void ensureLanguage(lang).then(() => {
-      if (!cancelled) rerender();
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [lang, ready]);
-  return useMemo(() => {
-    if (!lang || !ready || !highlighter) return null;
-    try {
-      return highlighter.codeToTokens(code, { lang, themes: THEMES, defaultColor: false }).tokens;
-    } catch {
-      return null;
-    }
-  }, [code, lang, ready]);
-}
 var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
 var caches = /* @__PURE__ */ new WeakMap();
 var inflight = /* @__PURE__ */ new WeakMap();
@@ -1649,10 +1827,11 @@ function Favicon({
   size = 14,
   className
 }) {
-  const src = faviconUrl(url);
-  const [failed, setFailed] = useState(false);
-  useEffect(() => setFailed(false), [src]);
-  if (kind === "document" || !src || failed) {
+  const candidates = useMemo(() => faviconFallbacks(url), [url]);
+  const [attempt, setAttempt] = useState(0);
+  const src = candidates[attempt];
+  useEffect(() => setAttempt(0), [url]);
+  if (kind === "document" || !src) {
     const Glyph2 = kind === "document" ? BookOpen : Globe;
     return /* @__PURE__ */ jsx("span", { className: cx("agno-favicon", "agno-favicon--glyph", className), "aria-hidden": true, children: /* @__PURE__ */ jsx(Glyph2, { size }) });
   }
@@ -1666,7 +1845,7 @@ function Favicon({
       height: size,
       loading: "lazy",
       decoding: "async",
-      onError: () => setFailed(true),
+      onError: () => setAttempt((n) => n + 1),
       "aria-hidden": true
     }
   );
@@ -1797,36 +1976,24 @@ function HoverPreview({
     }
   );
 }
-function el(tag, className) {
-  return function Element({ node: _node, className: _theirs, ...rest }) {
-    return React7.createElement(tag, { className, ...rest });
-  };
-}
 function sourceForUrl(url, sources) {
-  return url ? sources.find((s) => s.url === url) : void 0;
+  return url ? sources.find((source) => source.url === url) : void 0;
 }
 function citationForLink(label2, href, ctx) {
   if (!/^\d+$/.test(label2.trim())) return void 0;
-  return sourceForUrl(href, ctx.sources) ?? ctx.sources.find((s) => s.index === Number(label2.trim()));
-}
-function labelOf(children) {
-  if (typeof children === "string") return children;
-  if (Array.isArray(children) && children.length === 1 && typeof children[0] === "string") {
-    return children[0];
-  }
-  return "";
+  return sourceForUrl(href, ctx.sources) ?? ctx.sources.find((source) => source.index === Number(label2.trim()));
 }
 function CitationMarker({
   source,
   className,
-  Link
+  Link: Link2
 }) {
   const props = {
     className: cx("agno-cite", className),
     href: source.url ?? `#${source.anchorId}`,
     "aria-label": `Source ${source.index}: ${source.title}`
   };
-  return /* @__PURE__ */ jsx(HoverPreview, { source, className: "agno-cite__wrap", children: Link && source.url ? /* @__PURE__ */ jsx(Link, { ...props, children: source.index }) : /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(HoverPreview, { source, className: "agno-cite__wrap", children: Link2 && source.url ? /* @__PURE__ */ jsx(Link2, { ...props, children: source.index }) : /* @__PURE__ */ jsx(
     "a",
     {
       ...props,
@@ -1836,6 +2003,73 @@ function CitationMarker({
     }
   ) });
 }
+var THEMES = { light: "github-light", dark: "monokai" };
+var highlighter;
+var booting;
+var loading = /* @__PURE__ */ new Map();
+var loaded = /* @__PURE__ */ new Set();
+var unsupported = /* @__PURE__ */ new Set();
+async function boot() {
+  if (highlighter) return highlighter;
+  booting ?? (booting = (async () => {
+    const [{ createHighlighterCore }, { createJavaScriptRegexEngine }, { bundledThemes }] = await Promise.all([import('shiki/core'), import('shiki/engine/javascript'), import('shiki/themes')]);
+    highlighter = await createHighlighterCore({
+      themes: [bundledThemes[THEMES.light], bundledThemes[THEMES.dark]],
+      langs: [],
+      // No WASM: the JS engine keeps this a plain import. `forgiving` skips
+      // the odd grammar rule it can't translate rather than failing the block.
+      engine: createJavaScriptRegexEngine({ forgiving: true })
+    });
+    return highlighter;
+  })());
+  return booting;
+}
+function ensureLanguage(lang) {
+  let pending = loading.get(lang);
+  if (!pending) {
+    pending = (async () => {
+      const [core, { bundledLanguages }] = await Promise.all([boot(), import('shiki/langs')]);
+      const grammar = bundledLanguages[lang];
+      if (!grammar) {
+        unsupported.add(lang);
+        return;
+      }
+      await core.loadLanguage(grammar);
+      loaded.add(lang);
+    })().catch(() => {
+      unsupported.add(lang);
+    });
+    loading.set(lang, pending);
+  }
+  return pending;
+}
+function normalizeLanguage(language) {
+  const lang = language?.trim().toLowerCase();
+  return lang || void 0;
+}
+function useHighlight(code, language) {
+  const [, rerender] = useReducer((n) => n + 1, 0);
+  const lang = normalizeLanguage(language);
+  const ready = Boolean(lang && loaded.has(lang));
+  useEffect(() => {
+    if (!lang || ready || unsupported.has(lang)) return;
+    let cancelled = false;
+    void ensureLanguage(lang).then(() => {
+      if (!cancelled) rerender();
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [lang, ready]);
+  return useMemo(() => {
+    if (!lang || !ready || !highlighter) return null;
+    try {
+      return highlighter.codeToTokens(code, { lang, themes: THEMES, defaultColor: false }).tokens;
+    } catch {
+      return null;
+    }
+  }, [code, lang, ready]);
+}
 var COPIED_FOR = 1600;
 var CLIPBOARD_TIMEOUT = 400;
 async function writeClipboard(text) {
@@ -1861,7 +2095,7 @@ async function writeClipboard(text) {
     return false;
   }
 }
-function CopyButton({ text, className }) {
+function CopyButton({ text, label: label2 = "Copy", size = 14, className }) {
   const [copied, setCopied] = useState(false);
   useEffect(() => {
     if (!copied) return;
@@ -1869,17 +2103,18 @@ function CopyButton({ text, className }) {
     return () => clearTimeout(timer);
   }, [copied]);
   const copy = async () => {
-    if (await writeClipboard(text())) setCopied(true);
+    if (await writeClipboard(typeof text === "function" ? text() : text)) setCopied(true);
   };
+  const name = copied ? "Copied" : label2;
   return /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
-      className: cx("agno-md-copy", copied && "is-copied", className),
+      className: cx("agno-copy", copied && "is-copied", className),
       onClick: copy,
-      "aria-label": copied ? "Copied" : "Copy code",
-      title: copied ? "Copied" : "Copy code",
-      children: copied ? /* @__PURE__ */ jsx(Check, { size: 13 }) : /* @__PURE__ */ jsx(Copy, { size: 13 })
+      "aria-label": name,
+      title: name,
+      children: copied ? /* @__PURE__ */ jsx(Check, { size }) : /* @__PURE__ */ jsx(Copy, { size })
     }
   );
 }
@@ -1887,15 +2122,20 @@ function textOf(children) {
   if (typeof children === "string") return children;
   if (typeof children === "number") return String(children);
   if (Array.isArray(children)) return children.map(textOf).join("");
-  if (React7.isValidElement(children)) return textOf(children.props.children);
+  if (React8.isValidElement(children))
+    return textOf(children.props.children);
   return "";
 }
 function fencedCode(children) {
   const child = Array.isArray(children) ? children[0] : children;
-  if (!React7.isValidElement(child)) {
+  if (!React8.isValidElement(
+    child
+  )) {
     return { code: textOf(children) };
   }
-  const language = /(?:^|\s)language-([^\s]+)/.exec(child.props.className ?? "")?.[1];
+  const language = /(?:^|\s)language-([^\s]+)/.exec(
+    child.props.className ?? ""
+  )?.[1];
   return { language, code: textOf(child.props.children).replace(/\n$/, "") };
 }
 function plainLines(code) {
@@ -1904,93 +2144,159 @@ function plainLines(code) {
 function CodeBlock({
   children,
   copyClass,
-  codeCopy
+  codeCopy,
+  streaming
 }) {
   const { language, code } = useMemo(() => fencedCode(children), [children]);
-  const highlighted = useHighlight(code, language);
-  const lines = highlighted ?? plainLines(code);
+  const highlighted = useHighlight(streaming ? "" : code, language);
+  const lines = streaming ? plainLines(code) : highlighted ?? plainLines(code);
   const label2 = normalizeLanguage(language) ?? "text";
   return /* @__PURE__ */ jsxs("div", { className: "agno-md-code-block", "data-language": label2, children: [
     /* @__PURE__ */ jsxs("div", { className: "agno-md-code-head", children: [
       /* @__PURE__ */ jsx("span", { className: "agno-md-code-lang", children: label2 }),
-      codeCopy && /* @__PURE__ */ jsx(CopyButton, { className: copyClass, text: () => code })
+      codeCopy && /* @__PURE__ */ jsx(
+        CopyButton,
+        {
+          className: cx("agno-md-copy", copyClass),
+          text: () => code,
+          label: "Copy code",
+          size: 13
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsx("pre", { className: "agno-md-pre", style: { "--agno-code-gutter": `${String(lines.length).length}ch` }, children: /* @__PURE__ */ jsx("code", { className: language ? `language-${language}` : void 0, children: lines.map((tokens, i) => /* @__PURE__ */ jsxs(React7.Fragment, { children: [
-      /* @__PURE__ */ jsx("span", { className: "agno-md-line", children: tokens.map((token, j) => /* @__PURE__ */ jsx("span", { style: token.htmlStyle, children: token.content }, j)) }),
-      i < lines.length - 1 && "\n"
-    ] }, i)) }) })
+    /* @__PURE__ */ jsx(
+      "pre",
+      {
+        className: "agno-md-pre",
+        style: {
+          "--agno-code-gutter": `${String(lines.length).length}ch`
+        },
+        children: /* @__PURE__ */ jsx("code", { className: language ? `language-${language}` : void 0, children: lines.map((tokens, i) => /* @__PURE__ */ jsxs(React8.Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "agno-md-line", children: tokens.map((token, j) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: token.htmlStyle,
+              children: token.content
+            },
+            j
+          )) }),
+          i < lines.length - 1 && "\n"
+        ] }, i)) })
+      }
+    )
   ] });
 }
-function elementsFor(ctx) {
-  const Link = function Link2({
+var InlineRenderContext = createContext({
+  sources: [],
+  canResolve: false,
+  codeCopy: true
+});
+function el(tag, className) {
+  return function Element({
     node: _node,
     className: _theirs,
-    href,
-    children,
     ...rest
   }) {
-    const cited = citationForLink(labelOf(children), href, ctx);
-    if (cited) return /* @__PURE__ */ jsx(CitationMarker, { source: cited, className: ctx.markerClass, Link: ctx.Link });
-    const link = ctx.Link && href ? /* @__PURE__ */ jsx(ctx.Link, { href, ...rest, children }) : /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noreferrer noopener", ...rest, children });
-    const source = sourceForUrl(href, ctx.sources);
-    if (!href || !/^https?:\/\//i.test(href) || !source && !ctx.canResolve) return link;
+    return React8.createElement(tag, { className, ...rest });
+  };
+}
+function Link({
+  node: _node,
+  className: _theirs,
+  href,
+  children,
+  ...rest
+}) {
+  const ctx = useContext(InlineRenderContext);
+  const cited = citationForLink(textOf(children), href, ctx);
+  if (cited)
     return /* @__PURE__ */ jsx(
-      HoverPreview,
+      CitationMarker,
       {
-        source: source ?? {
-          index: 0,
-          anchorId: "",
-          kind: "url",
-          url: href,
-          title: labelOf(children) || sourceHost(href) || href
-        },
-        children: link
+        source: cited,
+        className: ctx.markerClass,
+        Link: ctx.Link
       }
     );
-  };
-  const Code = function Code2({ node: _node, className, ...rest }) {
-    const fenced = typeof className === "string" && className.includes("language-");
-    return /* @__PURE__ */ jsx("code", { className: fenced ? className : "agno-md-code", ...rest });
-  };
-  return {
-    a: Link,
-    code: Code,
-    p: el("p", "agno-md-p"),
-    // Streamdown renders `**bold**` as a Tailwind-classed <span>, which is not
-    // bold anywhere Tailwind isn't. These stay real elements, styled by the
-    // browser and read correctly by a screen reader.
-    strong: el("strong"),
-    em: el("em"),
-    del: el("del"),
-    sub: el("sub"),
-    sup: el("sup"),
-    h1: el("h2", "agno-md-heading"),
-    h2: el("h3", "agno-md-heading"),
-    h3: el("h4", "agno-md-heading"),
-    h4: el("h5", "agno-md-heading"),
-    h5: el("h6", "agno-md-heading"),
-    h6: el("h6", "agno-md-heading"),
-    ul: el("ul", "agno-md-list"),
-    ol: el("ol", "agno-md-list"),
-    li: el("li"),
-    pre: function Pre({ children }) {
-      return /* @__PURE__ */ jsx(CodeBlock, { copyClass: ctx.copyClass, codeCopy: ctx.codeCopy, children });
-    },
-    blockquote: el("blockquote", "agno-md-quote"),
-    hr: el("hr", "agno-md-rule"),
-    table: function Table({ node: _node, className: _theirs, ...rest }) {
-      return /* @__PURE__ */ jsx("div", { className: "agno-md-table-wrap", children: /* @__PURE__ */ jsx("table", { className: "agno-md-table", ...rest }) });
-    },
-    thead: el("thead"),
-    tbody: el("tbody"),
-    tr: el("tr"),
-    th: el("th"),
-    td: el("td"),
-    img: function Image({ node: _node, className: _theirs, ...rest }) {
-      return /* @__PURE__ */ jsx("img", { className: "agno-md-img", ...rest });
+  const link = ctx.Link && href ? /* @__PURE__ */ jsx(ctx.Link, { href, ...rest, children }) : /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noreferrer noopener", ...rest, children });
+  const source = sourceForUrl(href, ctx.sources);
+  if (!href || !/^https?:\/\//i.test(href) || !source && !ctx.canResolve)
+    return link;
+  return /* @__PURE__ */ jsx(
+    HoverPreview,
+    {
+      source: source ?? {
+        index: 0,
+        anchorId: "",
+        kind: "url",
+        url: href,
+        title: textOf(children) || sourceHost(href) || href
+      },
+      children: link
     }
-  };
+  );
+}
+function Code({ node: _node, className, ...rest }) {
+  const fenced = typeof className === "string" && className.includes("language-");
+  return /* @__PURE__ */ jsx("code", { className: fenced ? className : "agno-md-code", ...rest });
 }
+function Pre({ children }) {
+  const ctx = useContext(InlineRenderContext);
+  return /* @__PURE__ */ jsx(
+    CodeBlock,
+    {
+      copyClass: ctx.copyClass,
+      codeCopy: ctx.codeCopy,
+      streaming: ctx.streaming,
+      children
+    }
+  );
+}
+function Table({ node: _node, className: _theirs, ...rest }) {
+  return /* @__PURE__ */ jsx("div", { className: "agno-md-table-wrap", children: /* @__PURE__ */ jsx("table", { className: "agno-md-table", ...rest }) });
+}
+function Image({ node: _node, className: _theirs, ...rest }) {
+  return /* @__PURE__ */ jsx("img", { className: "agno-md-img", ...rest });
+}
+var MARKDOWN_COMPONENTS = {
+  a: Link,
+  code: Code,
+  p: el("p", "agno-md-p"),
+  // Streamdown renders `**bold**` as a Tailwind-classed <span>, which is not
+  // bold anywhere Tailwind isn't. These stay real elements, styled by the
+  // browser and read correctly by a screen reader.
+  strong: el("strong"),
+  em: el("em"),
+  del: el("del"),
+  sub: el("sub"),
+  sup: el("sup"),
+  h1: el("h2", "agno-md-heading"),
+  h2: el("h3", "agno-md-heading"),
+  h3: el("h4", "agno-md-heading"),
+  h4: el("h5", "agno-md-heading"),
+  h5: el("h6", "agno-md-heading"),
+  h6: el("h6", "agno-md-heading"),
+  ul: el("ul", "agno-md-list"),
+  ol: el("ol", "agno-md-list"),
+  li: el("li"),
+  pre: Pre,
+  blockquote: el("blockquote", "agno-md-quote"),
+  hr: el("hr", "agno-md-rule"),
+  table: Table,
+  thead: el("thead"),
+  tbody: el("tbody"),
+  tr: el("tr"),
+  th: el("th"),
+  td: el("td"),
+  img: Image
+};
+var STREAMING_MOTION = {
+  animation: "fadeIn",
+  duration: 400,
+  easing: "ease-out",
+  sep: "word",
+  stagger: 0
+};
 function Markdown({
   content,
   className,
@@ -2007,30 +2313,33 @@ function Markdown({
   const providerLink = useLinkComponent();
   const cited = sources ?? fromMessage;
   const copy = codeCopy ?? fromProvider ?? true;
-  const Link = linkComponent ?? providerLink;
-  const components = useMemo(
-    () => elementsFor({
+  const Link2 = linkComponent ?? providerLink;
+  const inlineContext = useMemo(
+    () => ({
       sources: cited,
       canResolve,
       markerClass: cn.citationMarker,
       copyClass: cn.copyButton,
       codeCopy: copy,
-      Link
+      Link: Link2,
+      streaming
     }),
-    [cited, canResolve, cn.citationMarker, cn.copyButton, copy, Link]
+    [cited, canResolve, cn.citationMarker, cn.copyButton, copy, Link2, streaming]
   );
   const text = useMemo(() => linkCitations(content, cited), [content, cited]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(InlineRenderContext.Provider, { value: inlineContext, children: /* @__PURE__ */ jsx(
     Streamdown,
     {
       className: cx("agno-md", className),
-      components,
+      components: MARKDOWN_COMPONENTS,
       mode: streaming ? "streaming" : "static",
       parseIncompleteMarkdown: streaming !== false,
+      animated: streaming ? STREAMING_MOTION : false,
+      isAnimating: Boolean(streaming),
       ...options,
       children: text
     }
-  );
+  ) });
 }
 function statusOf(tool) {
   if (tool.tool_call_error) return { label: "error", cls: "error" };
@@ -2152,7 +2461,7 @@ function stepsFromEvents(message, { hideReasoning, hideTools }) {
       const key = `reasoning:${e.run_id ?? "run"}`;
       const at = indexOf.get(key);
       const previous = at != null ? steps[at].steps : [];
-      const incoming = e.reasoning_steps ?? e.extra_data?.reasoning_steps ?? [];
+      const incoming = reasoningStepsFromEvent(e);
       const completed = isReasoningCompletedEvent(e);
       put(key, {
         kind: "reasoning",
@@ -2428,7 +2737,7 @@ function SourceCard({
   className
 }) {
   const cn = useResolvedClassNames();
-  const Link = useLinkComponent();
+  const Link2 = useLinkComponent();
   const { preview } = useLinkPreview(source.url, false);
   const body = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -2444,8 +2753,8 @@ function SourceCard({
     source.url && /* @__PURE__ */ jsx(LinkIcon, { className: "agno-source__link" })
   ] });
   const classes = cx("agno-source", `agno-source--${source.kind}`, cn.sourceCard, className);
-  if (source.url && Link) {
-    return /* @__PURE__ */ jsx(Link, { id: source.anchorId, className: classes, href: source.url, title: source.url, children: body });
+  if (source.url && Link2) {
+    return /* @__PURE__ */ jsx(Link2, { id: source.anchorId, className: classes, href: source.url, title: source.url, children: body });
   }
   return source.url ? /* @__PURE__ */ jsx(
     "a",
@@ -2575,6 +2884,20 @@ function Citations({
     ] })
   ] });
 }
+function MessageActions({
+  message,
+  hideCopy,
+  children,
+  className,
+  classNames
+}) {
+  const cn = useResolvedClassNames(classNames);
+  if (hideCopy && !children) return null;
+  return /* @__PURE__ */ jsxs("div", { className: cx("agno-msg__actions", cn.messageActions, className), role: "toolbar", "aria-label": "Message actions", children: [
+    !hideCopy && /* @__PURE__ */ jsx(CopyButton, { className: cx("agno-msg__action", cn.messageCopyButton), text: message.content, label: "Copy message" }),
+    children
+  ] });
+}
 function audioSrc(a) {
   if (a.url) return a.url;
   if (a.base64_audio) return `data:${a.mime_type ?? "audio/mpeg"};base64,${a.base64_audio}`;
@@ -2615,6 +2938,8 @@ function Message({
   hideReasoning,
   hideTools,
   hideSources,
+  hideActions,
+  actions,
   onFollowup
 }) {
   const cn = useResolvedClassNames(classNames);
@@ -2662,10 +2987,7 @@ function Message({
               classNames: cn
             }
           ),
-          content ? /* @__PURE__ */ jsxs("div", { className: cx("agno-msg__content", cn.messageContent), children: [
-            renderMarkdown ? renderMarkdown(content) : /* @__PURE__ */ jsx(Markdown, { content, className: cn.markdown, streaming: message.streaming }),
-            message.streaming && /* @__PURE__ */ jsx("span", { className: "agno-msg__caret", "aria-hidden": true })
-          ] }) : isAgent && message.streaming && hasActivity && /* @__PURE__ */ jsxs("div", { className: "agno-msg__activity", role: "status", "aria-live": "polite", children: [
+          content ? /* @__PURE__ */ jsx("div", { className: cx("agno-msg__content", cn.messageContent), children: renderMarkdown ? renderMarkdown(content) : /* @__PURE__ */ jsx(Markdown, { content, className: cn.markdown, streaming: message.streaming }) }) : isAgent && message.streaming && hasActivity && /* @__PURE__ */ jsxs("div", { className: "agno-msg__activity", role: "status", "aria-live": "polite", children: [
             /* @__PURE__ */ jsx(GridLoader, {}),
             /* @__PURE__ */ jsx("span", { className: "agno-msg__activity-label", children: activity ?? "Working..." })
           ] }),
@@ -2681,7 +3003,8 @@ function Message({
           showSources && /* @__PURE__ */ jsx(Citations, { sources, classNames: cn }),
           isAgent && onFollowup && !message.streaming && /* @__PURE__ */ jsx(Followups, { items: message.followups, onSelect: onFollowup, classNames: cn }),
           message.error && /* @__PURE__ */ jsx("div", { className: "agno-msg__error", children: message.error }),
-          children
+          children,
+          isAgent && !hideActions && !message.streaming && message.content && /* @__PURE__ */ jsx(MessageActions, { message, classNames: cn, children: actions })
         ] }) })
       ]
     }
@@ -2741,7 +3064,7 @@ function MessageList({
         items.length === 0 ? /* @__PURE__ */ jsx("div", { className: cx("agno-list__empty", cn.empty), children: emptyState ?? "Start the conversation." }) : /* @__PURE__ */ jsxs("div", { className: "agno-list__inner", children: [
           items.map((m) => {
             const live = m.streaming && runStatus === "streaming" ? runActivity : void 0;
-            return renderMessage ? /* @__PURE__ */ jsx(React7.Fragment, { children: renderMessage(m, live) }, m.id) : /* @__PURE__ */ jsx(
+            return renderMessage ? /* @__PURE__ */ jsx(React8.Fragment, { children: renderMessage(m, live) }, m.id) : /* @__PURE__ */ jsx(
               Message,
               {
                 message: m,
@@ -3186,7 +3509,7 @@ function AgnoChat(props) {
     };
   }, [client, props.entity, props.entities, props.showEntityPicker]);
   const entity = props.entity ?? selected;
-  const chat = useAgnoChat({ client, entity, userId: props.userId });
+  const chat = useAgnoChat({ client, entity, userId: props.userId, streaming: props.streaming });
   const { refreshSessions } = chat;
   useEffect(() => {
     if (props.showSessions && entity) refreshSessions();
@@ -3498,6 +3821,6 @@ function EventLog({
   ] });
 }
 
-export { AgnoChat, AgnoMark, ArrowUp, BehindTheScenes, BookOpen, Box, Brain, ChatBubble, ChatInput, ChatLauncher, ChatProvider, ChatWindow, Check, ChevronDown, Citations, Close, Copy, EntityBadge, EntitySelector, EventLog, Favicon, FileAudio, FileIcon, FilePreview, FileType, FileVideo, Followups, Globe, GridLoader, HoverPreview, HumanInput, LinkIcon, LinkPreviewCard, Markdown, MemberResponses, Memory, Message, MessageList, Multimedia, Paperclip, Plus, Pulse, QuickPrompts, Reasoning, Rerun, SessionList, SourceCard, SourcesProvider, Spinner, StatusIndicator, Stop, TeamGlyph, ToolCalls, Trash, WorkflowSteps, Wrench, admitFiles, behindTheScenesItems, behindTheScenesLabel, collectSources, cx, displayUrl, faviconUrl, fileAccepted, getProviderIcon, hasBehindTheScenes, linkCitations, normalizeFollowups, quickPromptLabel, quickPromptText, sourceHost, sourcesFromMarkdown, useAgnoChat, useChatContext, useLinkComponent, useLinkPreview, useOptionalChatContext, useResolvedChat, useResolvedClassNames, useSources, withoutSourcesLine, writeClipboard };
-//# sourceMappingURL=chunk-XTP3TMEZ.js.map
-//# sourceMappingURL=chunk-XTP3TMEZ.js.map
+export { AgnoChat, AgnoMark, ArrowUp, BehindTheScenes, BookOpen, Box, Brain, ChatBubble, ChatInput, ChatLauncher, ChatProvider, ChatWindow, Check, ChevronDown, Citations, Close, Copy, CopyButton, DEFAULT_STREAMING_OPTIONS, EntityBadge, EntitySelector, EventLog, Favicon, FileAudio, FileIcon, FilePreview, FileType, FileVideo, Followups, Globe, GridLoader, HoverPreview, HumanInput, LinkIcon, LinkPreviewCard, Markdown, MemberResponses, Memory, Message, MessageActions, MessageList, Multimedia, Paperclip, Plus, Pulse, QuickPrompts, Reasoning, Rerun, SessionList, SourceCard, SourcesProvider, Spinner, StatusIndicator, Stop, TeamGlyph, ToolCalls, Trash, WorkflowSteps, Wrench, admitFiles, behindTheScenesItems, behindTheScenesLabel, collectSources, cx, displayUrl, faviconFallbacks, faviconUrl, fileAccepted, getProviderIcon, hasBehindTheScenes, linkCitations, normalizeFollowups, quickPromptLabel, quickPromptText, sourceHost, sourcesFromMarkdown, useAgnoChat, useChatContext, useLinkComponent, useLinkPreview, useOptionalChatContext, useResolvedChat, useResolvedClassNames, useSources, withoutSourcesLine, writeClipboard };
+//# sourceMappingURL=chunk-OGDPK4Z3.js.map
+//# sourceMappingURL=chunk-OGDPK4Z3.js.map