@agno-hq/chat-react 0.3.2 → 0.3.4

package/dist/{chunk-Q73XHL35.cjs → chunk-ESV52ERB.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk55HQJGLP_cjs = require('./chunk-55HQJGLP.cjs');
-var React7 = require('react');
+var chunkY34YRC5T_cjs = require('./chunk-Y34YRC5T.cjs');
+var React8 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactDom = require('react-dom');
 var lucideReact = require('lucide-react');
@@ -9,43 +9,221 @@ var streamdown = require('streamdown');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React7__default = /*#__PURE__*/_interopDefault(React7);
+var React8__default = /*#__PURE__*/_interopDefault(React8);
 
+function useRunView(initialMessages = []) {
+  const [view, setView] = React8.useState({
+    messages: initialMessages,
+    events: [],
+    status: "idle",
+    activity: null,
+    error: null
+  });
+  const viewRef = React8.useRef(view);
+  const update = React8.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 = React8.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);
 function useAgnoChat(options) {
   const { entity, userId, onEvent, onSessionId } = options;
-  const client = React7.useMemo(() => {
+  const client = React8.useMemo(() => {
     if (options.client) return options.client;
-    return new chunk55HQJGLP_cjs.AgnoClient({ baseUrl: options.baseUrl ?? "", headers: options.headers });
+    return new chunkY34YRC5T_cjs.AgnoClient({ baseUrl: options.baseUrl ?? "", headers: options.headers });
   }, [options.client, options.baseUrl, JSON.stringify(options.headers)]);
-  const [messages, setMessages] = React7.useState(options.initialMessages ?? []);
-  const [events, setEvents] = React7.useState([]);
-  const [currentEvent, setCurrentEvent] = React7.useState(null);
-  const [status, setStatus] = React7.useState("idle");
-  const [activity, setActivity] = React7.useState(null);
-  const [error, setError] = React7.useState(null);
-  const [sessionId, setSessionId] = React7.useState(options.sessionId);
-  const [sessions, setSessions] = React7.useState([]);
-  const [sessionsLoading, setSessionsLoading] = React7.useState(false);
-  const [backgroundRunning, setBackgroundRunning] = React7.useState([]);
-  const abortRef = React7.useRef(null);
-  const channelRef = React7.useRef(null);
-  const backgroundRef = React7.useRef(/* @__PURE__ */ new Map());
-  const activeMsgIdRef = React7.useRef(null);
-  const runIdRef = React7.useRef(void 0);
-  const entityRef = React7.useRef(entity);
-  const sessionIdRef = React7.useRef(options.sessionId);
-  const pendingSessionNameRef = React7.useRef(void 0);
-  const bumpedSessionRef = React7.useRef(void 0);
-  React7.useEffect(() => {
+  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] = React8.useState(options.sessionId);
+  const [sessions, setSessions] = React8.useState([]);
+  const [sessionsLoading, setSessionsLoading] = React8.useState(false);
+  const [backgroundRunning, setBackgroundRunning] = React8.useState([]);
+  const abortRef = React8.useRef(null);
+  const channelRef = React8.useRef(null);
+  const backgroundRef = React8.useRef(/* @__PURE__ */ new Map());
+  const activeMsgIdRef = React8.useRef(null);
+  const runIdRef = React8.useRef(void 0);
+  const streamingRef = React8.useRef(options.streaming);
+  const entityRef = React8.useRef(entity);
+  const sessionIdRef = React8.useRef(options.sessionId);
+  const pendingSessionNameRef = React8.useRef(void 0);
+  const bumpedSessionRef = React8.useRef(void 0);
+  React8.useEffect(() => {
+    streamingRef.current = options.streaming;
+  }, [options.streaming]);
+  React8.useEffect(() => {
     entityRef.current = entity;
   }, [entity]);
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     sessionIdRef.current = sessionId;
   }, [sessionId]);
-  const upsertSession = React7.useCallback((id, createdAt) => {
+  const upsertSession = React8.useCallback((id, createdAt) => {
     setSessions((prev) => {
       const existing = prev.find((s) => s.session_id === id);
       const rest = prev.filter((s) => s.session_id !== id);
@@ -58,55 +236,45 @@ function useAgnoChat(options) {
       return [entry, ...rest];
     });
   }, []);
-  const viewRef = React7.useRef({ messages, events, status, activity, error });
-  React7.useEffect(() => {
-    viewRef.current = { messages, events, status, activity, error };
-  });
-  const writeMessages = React7.useCallback(
+  const writeMessages = React8.useCallback(
     (chan, fn) => {
       const park = chan?.park;
       if (park) park.messages = fn(park.messages);
       else setMessages(fn);
     },
-    []
+    [setMessages]
   );
-  const writeEvents = React7.useCallback((chan, e) => {
-    const park = chan?.park;
-    if (park) park.events = [...park.events, e];
-    else {
-      setEvents((prev) => [...prev, e]);
-      setCurrentEvent(e);
-    }
-  }, []);
-  const writeStatus = React7.useCallback((chan, status2) => {
+  const writeEvents = React8.useCallback((chan, incoming) => {
+    const park = chan.park;
+    if (park) park.events = [...park.events, ...incoming];
+    else setEvents((previous) => [...previous, ...incoming]);
+  }, [setEvents]);
+  const writeStatus = React8.useCallback((chan, status2) => {
     const park = chan?.park;
     if (park) park.status = status2;
     else setStatus(status2);
-  }, []);
-  const writeActivity = React7.useCallback((chan, activity2) => {
+  }, [setStatus]);
+  const writeActivity = React8.useCallback((chan, activity2) => {
     const park = chan?.park;
     if (park) park.activity = activity2;
     else setActivity(activity2);
-  }, []);
-  const writeError = React7.useCallback((chan, message) => {
+  }, [setActivity]);
+  const writeError = React8.useCallback((chan, message) => {
     const park = chan?.park;
     if (park) park.error = message;
     else setError(message);
-  }, []);
-  const patchActive = React7.useCallback(
+  }, [setError]);
+  const patchActive = React8.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));
     },
     [writeMessages]
   );
-  const applyEvent = React7.useCallback(
+  const applyEvent = React8.useCallback(
     (chan, e) => {
-      writeEvents(chan, e);
-      patchActive(chan, (m) => ({ ...m, events: [...m.events ?? [], e] }));
-      onEvent?.(e);
-      const label2 = chunk55HQJGLP_cjs.activityLabel(e);
+      const label2 = chunkY34YRC5T_cjs.activityLabel(e);
       if (label2) writeActivity(chan, label2);
       if (e.session_id && !chan?.park && e.session_id !== sessionIdRef.current) {
         sessionIdRef.current = e.session_id;
@@ -123,16 +291,16 @@ function useAgnoChat(options) {
         if (chan?.park) chan.park.runId = e.run_id;
         else runIdRef.current = e.run_id;
       }
-      if (chunk55HQJGLP_cjs.isSubRunEvent(e)) {
-        const kind = entityRef.current?.type === "workflow" ? "executor" : "member";
-        patchActive(chan, (m) => chunk55HQJGLP_cjs.applySubRunEvent(m, e, kind));
+      if (chunkY34YRC5T_cjs.isSubRunEvent(e)) {
+        const kind = (chan?.entityType ?? entityRef.current?.type) === "workflow" ? "executor" : "member";
+        patchActive(chan, (m) => chunkY34YRC5T_cjs.applySubRunEvent(m, e, kind));
         return;
       }
-      if (chunk55HQJGLP_cjs.isStepEvent(e)) {
-        patchActive(chan, (m) => chunk55HQJGLP_cjs.applyStepEvent(m, e));
+      if (chunkY34YRC5T_cjs.isStepEvent(e)) {
+        patchActive(chan, (m) => chunkY34YRC5T_cjs.applyStepEvent(m, e));
         return;
       }
-      if (chunk55HQJGLP_cjs.isStartedEvent(e)) {
+      if (chunkY34YRC5T_cjs.isStartedEvent(e)) {
         patchActive(chan, (m) => ({
           ...m,
           run_id: e.run_id ?? m.run_id,
@@ -141,23 +309,23 @@ function useAgnoChat(options) {
         }));
         return;
       }
-      if (chunk55HQJGLP_cjs.isToolEvent(e)) {
-        const incoming = chunk55HQJGLP_cjs.toolsFromEvent(e);
+      if (chunkY34YRC5T_cjs.isToolEvent(e)) {
+        const incoming = chunkY34YRC5T_cjs.toolsFromEvent(e);
         if (incoming.length) {
           patchActive(chan, (m) => {
             let tool_calls = m.tool_calls ?? [];
-            for (const t of incoming) tool_calls = chunk55HQJGLP_cjs.mergeTool(tool_calls, t);
+            for (const t of incoming) tool_calls = chunkY34YRC5T_cjs.mergeTool(tool_calls, t);
             return { ...m, tool_calls };
           });
         }
         return;
       }
-      if (chunk55HQJGLP_cjs.isContentEvent(e)) {
-        patchActive(chan, (m) => chunk55HQJGLP_cjs.applyContentEvent(m, e));
+      if (chunkY34YRC5T_cjs.isContentEvent(e)) {
+        patchActive(chan, (m) => chunkY34YRC5T_cjs.applyContentEvent(m, e));
         return;
       }
-      if (chunk55HQJGLP_cjs.isReasoningStepEvent(e)) {
-        const incoming = e.reasoning_steps ?? e.extra_data?.reasoning_steps ?? [];
+      if (chunkY34YRC5T_cjs.isReasoningStepEvent(e)) {
+        const incoming = chunkY34YRC5T_cjs.reasoningStepsFromEvent(e);
         if (incoming.length) {
           patchActive(chan, (m) => ({
             ...m,
@@ -166,36 +334,36 @@ function useAgnoChat(options) {
         }
         return;
       }
-      if (chunk55HQJGLP_cjs.isReasoningCompletedEvent(e)) {
-        const steps = e.reasoning_steps ?? e.extra_data?.reasoning_steps;
-        if (steps?.length) patchActive(chan, (m) => ({ ...m, reasoning_steps: steps }));
+      if (chunkY34YRC5T_cjs.isReasoningCompletedEvent(e)) {
+        const steps = chunkY34YRC5T_cjs.reasoningStepsFromEvent(e);
+        if (steps.length) patchActive(chan, (m) => ({ ...m, reasoning_steps: steps }));
         return;
       }
-      if (chunk55HQJGLP_cjs.isFollowupsCompletedEvent(e)) {
+      if (chunkY34YRC5T_cjs.isFollowupsCompletedEvent(e)) {
         const followups = e.followups;
         if (followups?.length) patchActive(chan, (m) => ({ ...m, followups }));
         return;
       }
-      if (chunk55HQJGLP_cjs.isPausedEvent(e)) {
+      if (chunkY34YRC5T_cjs.isPausedEvent(e)) {
         const requirements = e.requirements ?? [];
-        const pausedTools2 = chunk55HQJGLP_cjs.toolsFromEvent(e);
+        const pausedTools2 = chunkY34YRC5T_cjs.toolsFromEvent(e);
         writeStatus(chan, "paused");
         writeActivity(chan, "Waiting for input");
         patchActive(chan, (m) => {
           let tool_calls = m.tool_calls ?? [];
-          for (const t of pausedTools2) tool_calls = chunk55HQJGLP_cjs.mergeTool(tool_calls, t);
-          return { ...m, status: "paused", streaming: false, requirements, tool_calls };
+          for (const t of pausedTools2) tool_calls = chunkY34YRC5T_cjs.mergeTool(tool_calls, t);
+          return { ...m, status: "paused", streaming: false, requirements, step_requirements: e.step_requirements ?? m.step_requirements, tool_calls };
         });
         return;
       }
-      if (chunk55HQJGLP_cjs.isCompletedEvent(e)) {
+      if (chunkY34YRC5T_cjs.isCompletedEvent(e)) {
         patchActive(chan, (m) => {
           const next = { ...m, streaming: false, status: "completed" };
           if (typeof e.content === "string" && e.content) next.content = e.content;
-          const tools = chunk55HQJGLP_cjs.toolsFromEvent(e);
+          const tools = chunkY34YRC5T_cjs.toolsFromEvent(e);
           if (tools.length) {
             let tc = m.tool_calls ?? [];
-            for (const t of tools) tc = chunk55HQJGLP_cjs.mergeTool(tc, t);
+            for (const t of tools) tc = chunkY34YRC5T_cjs.mergeTool(tc, t);
             next.tool_calls = tc;
           }
           if (e.reasoning_steps?.length) next.reasoning_steps = e.reasoning_steps;
@@ -209,12 +377,12 @@ function useAgnoChat(options) {
         });
         return;
       }
-      if (chunk55HQJGLP_cjs.isCancelledEvent(e)) {
+      if (chunkY34YRC5T_cjs.isCancelledEvent(e)) {
         patchActive(chan, (m) => ({ ...m, streaming: false, status: "cancelled" }));
         writeStatus(chan, "cancelled");
         return;
       }
-      if (chunk55HQJGLP_cjs.isErrorEvent(e)) {
+      if (chunkY34YRC5T_cjs.isErrorEvent(e)) {
         const msg = typeof e.content === "string" ? e.content : e.error || "Error during run";
         patchActive(chan, (m) => ({ ...m, streaming: false, status: "error", error: msg }));
         writeError(chan, msg);
@@ -223,17 +391,15 @@ function useAgnoChat(options) {
       }
     },
     [
-      onEvent,
       onSessionId,
       patchActive,
       upsertSession,
       writeActivity,
       writeError,
-      writeEvents,
       writeStatus
     ]
   );
-  const parkRun = React7.useCallback((chan, sessionId2) => {
+  const parkRun = React8.useCallback((chan, sessionId2) => {
     const view = viewRef.current;
     chan.park = {
       sessionId: sessionId2,
@@ -253,7 +419,7 @@ function useAgnoChat(options) {
     activeMsgIdRef.current = null;
     runIdRef.current = void 0;
   }, []);
-  const resumeRun = React7.useCallback((sessionId2) => {
+  const resumeRun = React8.useCallback((sessionId2) => {
     const chan = backgroundRef.current.get(sessionId2);
     const park = chan?.park;
     if (!chan || !park) return false;
@@ -267,13 +433,12 @@ 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;
-  }, []);
-  const releaseCurrentRun = React7.useCallback(() => {
+  }, [setMessages, setEvents, setStatus, setActivity, setError]);
+  const releaseCurrentRun = React8.useCallback(() => {
     const chan = channelRef.current;
     if (!chan || chan.park) return;
     const from = sessionIdRef.current;
@@ -285,32 +450,67 @@ function useAgnoChat(options) {
       abortRef.current = null;
     }
   }, [parkRun]);
-  const drive = React7.useCallback(
+  const drive = React8.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));
@@ -319,9 +519,9 @@ function useAgnoChat(options) {
         abortRef.current = null;
       }
     },
-    [applyEvent, patchActive, writeActivity, writeError, writeStatus]
+    [applyEvent, onEvent, patchActive, writeActivity, writeError, writeEvents, writeStatus]
   );
-  const sendMessage = React7.useCallback(
+  const sendMessage = React8.useCallback(
     async (message, sendOptions) => {
       const ent = entityRef.current;
       if (!ent) {
@@ -348,7 +548,6 @@ function useAgnoChat(options) {
       };
       activeMsgIdRef.current = agentMsg.id;
       setEvents([]);
-      setCurrentEvent(null);
       setMessages((prev) => [...prev, userMsg, agentMsg]);
       await drive(
         (cb) => client.run({
@@ -362,9 +561,9 @@ function useAgnoChat(options) {
         })
       );
     },
-    [client, drive, userId]
+    [client, drive, setEvents, setMessages, userId]
   );
-  const continueRun = React7.useCallback(
+  const continueRun = React8.useCallback(
     async (resolution) => {
       const ent = entityRef.current;
       const runId = runIdRef.current;
@@ -372,7 +571,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,
@@ -381,6 +580,7 @@ function useAgnoChat(options) {
           sessionId: sessionIdRef.current,
           userId,
           tools: resolution.tools,
+          requirements: resolution.requirements,
           stepRequirements: resolution.stepRequirements,
           ...cb
         })
@@ -388,19 +588,23 @@ function useAgnoChat(options) {
     },
     [client, drive, patchActive, userId]
   );
-  const activeMessage = React7.useMemo(
+  const activeMessage = React8.useMemo(
     () => messages.find((m) => m.id === activeMsgIdRef.current) ?? null,
     [messages]
   );
-  const pausedTools = React7.useMemo(
+  const pausedTools = React8.useMemo(
     () => (activeMessage?.tool_calls ?? []).filter((t) => t.requires_confirmation || t.requires_user_input),
     [activeMessage]
   );
-  const respondToConfirmation = React7.useCallback(
+  const respondToConfirmation = React8.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;
       }
@@ -409,9 +613,20 @@ function useAgnoChat(options) {
     },
     [activeMessage, continueRun, pausedTools]
   );
-  const submitUserInput = React7.useCallback(
+  const submitUserInput = React8.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,
@@ -435,17 +650,18 @@ function useAgnoChat(options) {
     },
     [activeMessage, continueRun, pausedTools]
   );
-  const cancel = React7.useCallback(async () => {
+  const cancel = React8.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]);
-  const refreshSessions = React7.useCallback(async () => {
+  }, [client, patchActive, writeActivity, writeStatus]);
+  const refreshSessions = React8.useCallback(async () => {
     const ent = entityRef.current;
     if (!ent) {
       setSessions([]);
@@ -464,7 +680,15 @@ function useAgnoChat(options) {
       setSessionsLoading(false);
     }
   }, [client]);
-  const loadSession = React7.useCallback(
+  const clearRunView = React8.useCallback(() => {
+    activeMsgIdRef.current = null;
+    runIdRef.current = void 0;
+    setEvents([]);
+    setStatus("idle");
+    setActivity(null);
+    setError(null);
+  }, [setEvents, setStatus, setActivity, setError]);
+  const loadSession = React8.useCallback(
     async (id) => {
       const ent = entityRef.current;
       if (!ent) return;
@@ -474,23 +698,17 @@ 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(chunk55HQJGLP_cjs.sessionRunsToMessages(runs));
+        setMessages(chunkY34YRC5T_cjs.sessionRunsToMessages(runs));
       } catch (err) {
         setError(err instanceof Error ? err.message : String(err));
       }
     },
-    [client, onSessionId, releaseCurrentRun, resumeRun]
+    [client, clearRunView, onSessionId, releaseCurrentRun, resumeRun, setMessages]
   );
-  const deleteSession = React7.useCallback(
+  const deleteSession = React8.useCallback(
     async (id) => {
       const ent = entityRef.current;
       const ok = await client.deleteSession(id, ent?.db_id);
@@ -503,30 +721,28 @@ 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 = React7.useCallback(() => {
+  const reset = React8.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]);
-  React7.useEffect(() => {
+  }, [clearRunView, releaseCurrentRun, setMessages]);
+  React8.useEffect(() => {
     const background = backgroundRef.current;
     return () => {
       abortRef.current?.abort();
@@ -534,7 +750,7 @@ function useAgnoChat(options) {
       background.clear();
     };
   }, []);
-  const streamingMessage = React7.useMemo(
+  const streamingMessage = React8.useMemo(
     () => messages.find((m) => m.role === "agent" && m.streaming) ?? null,
     [messages]
   );
@@ -576,7 +792,7 @@ function cx(...parts) {
   const out = parts.filter(Boolean).join(" ");
   return out || void 0;
 }
-var ChatContext = React7.createContext(null);
+var ChatContext = React8.createContext(null);
 function ChatProvider({
   children,
   classNames,
@@ -593,7 +809,7 @@ function ChatProvider({
 }) {
   const internal = useAgnoChat(externalChat ? { entity: null } : options);
   const chat = externalChat ?? internal;
-  const value = React7.useMemo(
+  const value = React8.useMemo(
     () => ({ chat, classNames: classNames ?? {}, renderMarkdown, resolveLinkPreview, codeCopy, linkComponent }),
     [chat, classNames, renderMarkdown, resolveLinkPreview, codeCopy, linkComponent]
   );
@@ -608,12 +824,12 @@ function ChatProvider({
   ) : children });
 }
 function useChatContext() {
-  const value = React7.useContext(ChatContext);
+  const value = React8.useContext(ChatContext);
   if (!value) throw new Error("useChatContext must be used inside a <ChatProvider>");
   return value;
 }
 function useOptionalChatContext() {
-  return React7.useContext(ChatContext);
+  return React8.useContext(ChatContext);
 }
 function useResolvedChat(explicit) {
   const ctx = useOptionalChatContext();
@@ -633,7 +849,7 @@ function useLinkComponent() {
 }
 function useResolvedClassNames(explicit) {
   const ctx = useOptionalChatContext();
-  return React7.useMemo(() => ({ ...ctx?.classNames, ...explicit }), [ctx?.classNames, explicit]);
+  return React8.useMemo(() => ({ ...ctx?.classNames, ...explicit }), [ctx?.classNames, explicit]);
 }
 var STROKE = 1.5;
 var icon = (Component, defaultSize = 16) => function Icon({ size = defaultSize, className }) {
@@ -778,19 +994,19 @@ function ChatLauncher({
   portal = true,
   className
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React7.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React8.useState(defaultOpen);
   const isOpen = open ?? uncontrolledOpen;
-  const opened = React7.useRef(isOpen);
+  const opened = React8.useRef(isOpen);
   if (isOpen) opened.current = true;
   const mounted = keepMounted ? opened.current : isOpen;
-  const setOpen = React7.useCallback(
+  const setOpen = React8.useCallback(
     (next) => {
       if (open === void 0) setUncontrolledOpen(next);
       onOpenChange?.(next);
     },
     [open, onOpenChange]
   );
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (!isOpen || !closeOnEscape) return;
     const onKeyDown = (e) => {
       if (e.key === "Escape") setOpen(false);
@@ -798,7 +1014,7 @@ function ChatLauncher({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [isOpen, closeOnEscape, setOpen]);
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (!isOpen || panel !== "fullscreen") return;
     const previous = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -806,8 +1022,8 @@ function ChatLauncher({
       document.body.style.overflow = previous;
     };
   }, [isOpen, panel]);
-  const [canPortal, setCanPortal] = React7.useState(false);
-  React7.useEffect(() => setCanPortal(true), []);
+  const [canPortal, setCanPortal] = React8.useState(false);
+  React8.useEffect(() => setCanPortal(true), []);
   const classes = [
     "agno-launcher",
     `agno-launcher--${position}`,
@@ -863,8 +1079,8 @@ function kindOf(file) {
 }
 function Item({ file, onRemove }) {
   const isImage = file.type.startsWith("image/");
-  const [url, setUrl] = React7.useState(null);
-  React7.useEffect(() => {
+  const [url, setUrl] = React8.useState(null);
+  React8.useEffect(() => {
     if (!isImage) return;
     const objectUrl = URL.createObjectURL(file);
     setUrl(objectUrl);
@@ -968,24 +1184,24 @@ function ChatInput({
 }) {
   const ctx = useOptionalChatContext();
   const cn = useResolvedClassNames(classNames);
-  const [internal, setInternal] = React7.useState("");
+  const [internal, setInternal] = React8.useState("");
   const value = controlled ?? internal;
   const setValue = (next) => {
     if (controlled === void 0) setInternal(next);
     onValueChange?.(next);
   };
-  const [files, setFilesState] = React7.useState([]);
-  const filesRef = React7.useRef([]);
+  const [files, setFilesState] = React8.useState([]);
+  const filesRef = React8.useRef([]);
   const setFiles = (next) => {
     filesRef.current = next;
     setFilesState(next);
   };
-  const [fileError, setFileError] = React7.useState(null);
-  const [dragging, setDragging] = React7.useState(false);
-  const dragDepth = React7.useRef(0);
-  const fileRef = React7.useRef(null);
-  const textareaRef = React7.useRef(null);
-  const setTextareaRef = React7.useCallback(
+  const [fileError, setFileError] = React8.useState(null);
+  const [dragging, setDragging] = React8.useState(false);
+  const dragDepth = React8.useRef(0);
+  const fileRef = React8.useRef(null);
+  const textareaRef = React8.useRef(null);
+  const setTextareaRef = React8.useCallback(
     (el2) => {
       textareaRef.current = el2;
       if (typeof externalRef === "function") externalRef(el2);
@@ -993,14 +1209,14 @@ function ChatInput({
     },
     [externalRef]
   );
-  const adjustHeight = React7.useCallback(() => {
+  const adjustHeight = React8.useCallback(() => {
     const el2 = textareaRef.current;
     if (!el2 || renderTextarea) return;
     const { min, max } = compact ? BOUNDS.compact : BOUNDS.dock;
     el2.style.height = `${min}px`;
     el2.style.height = `${Math.min(Math.max(el2.scrollHeight, min), max)}px`;
   }, [renderTextarea, compact]);
-  React7.useEffect(adjustHeight, [value, adjustHeight]);
+  React8.useEffect(adjustHeight, [value, adjustHeight]);
   const send = onSend ?? ((message, attached) => void ctx?.chat.sendMessage(message, attached ? { files: attached } : void 0));
   const stop = onStop ?? (ctx ? () => void ctx.chat.cancel() : void 0);
   const isBusy = busy ?? ctx?.chat.isStreaming ?? false;
@@ -1226,6 +1442,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,
@@ -1238,11 +1464,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({
@@ -1252,20 +1478,35 @@ function HumanInput({
   onResolve,
   className
 }) {
-  const asks = React7.useMemo(() => buildAsks(message, entityType), [message, entityType]);
-  const [choices, setChoices] = React7.useState({});
-  const [values, setValues] = React7.useState({});
-  const [reasons, setReasons] = React7.useState({});
-  const [openArgs, setOpenArgs] = React7.useState({});
+  const asks = React8.useMemo(() => buildAsks(message, entityType), [message, entityType]);
+  const [choices, setChoices] = React8.useState({});
+  const [values, setValues] = React8.useState({});
+  const [reasons, setReasons] = React8.useState({});
+  const [openArgs, setOpenArgs] = React8.useState({});
   if (asks.length === 0) return null;
   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,
@@ -1278,7 +1519,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,
@@ -1291,6 +1532,7 @@ function HumanInput({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("agno-hitl", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "agno-hitl__title", children: "Your input is needed" }),
+    asks.some((a) => a.unsupported) && /* @__PURE__ */ jsxRuntime.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;
@@ -1399,11 +1641,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) {
@@ -1527,79 +1772,12 @@ function linkCitations(content, sources) {
     );
   }).join("");
 }
-var SourcesContext = React7.createContext([]);
+var SourcesContext = React8.createContext([]);
 var SourcesProvider = SourcesContext.Provider;
 function useSources() {
-  return React7.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] = React7.useReducer((n) => n + 1, 0);
-  const lang = normalizeLanguage(language);
-  const ready = Boolean(lang && loaded.has(lang));
-  React7.useEffect(() => {
-    if (!lang || ready || unsupported.has(lang)) return;
-    let cancelled = false;
-    void ensureLanguage(lang).then(() => {
-      if (!cancelled) rerender();
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [lang, ready]);
-  return React7.useMemo(() => {
-    if (!lang || !ready || !highlighter) return null;
-    try {
-      return highlighter.codeToTokens(code, { lang, themes: THEMES, defaultColor: false }).tokens;
-    } catch {
-      return null;
-    }
-  }, [code, lang, ready]);
+  return React8.useContext(SourcesContext);
 }
-var useIsomorphicLayoutEffect = typeof window === "undefined" ? React7.useEffect : React7.useLayoutEffect;
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? React8.useEffect : React8.useLayoutEffect;
 var caches = /* @__PURE__ */ new WeakMap();
 var inflight = /* @__PURE__ */ new WeakMap();
 function cacheFor(store, key) {
@@ -1616,9 +1794,9 @@ function useLinkPreviewResolver() {
 function useLinkPreview(url, enabled) {
   const resolve = useLinkPreviewResolver();
   const cached = url && resolve ? cacheFor(caches, resolve).get(url) : void 0;
-  const [preview, setPreview] = React7.useState(cached ?? null);
-  const [loading2, setLoading] = React7.useState(false);
-  React7.useEffect(() => {
+  const [preview, setPreview] = React8.useState(cached ?? null);
+  const [loading2, setLoading] = React8.useState(false);
+  React8.useEffect(() => {
     if (!enabled || !url || !resolve) return;
     const store = cacheFor(caches, resolve);
     if (store.has(url)) {
@@ -1655,10 +1833,11 @@ function Favicon({
   size = 14,
   className
 }) {
-  const src = faviconUrl(url);
-  const [failed, setFailed] = React7.useState(false);
-  React7.useEffect(() => setFailed(false), [src]);
-  if (kind === "document" || !src || failed) {
+  const candidates = React8.useMemo(() => faviconFallbacks(url), [url]);
+  const [attempt, setAttempt] = React8.useState(0);
+  const src = candidates[attempt];
+  React8.useEffect(() => setAttempt(0), [url]);
+  if (kind === "document" || !src) {
     const Glyph2 = kind === "document" ? BookOpen : Globe;
     return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx("agno-favicon", "agno-favicon--glyph", className), "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(Glyph2, { size }) });
   }
@@ -1672,7 +1851,7 @@ function Favicon({
       height: size,
       loading: "lazy",
       decoding: "async",
-      onError: () => setFailed(true),
+      onError: () => setAttempt((n) => n + 1),
       "aria-hidden": true
     }
   );
@@ -1701,7 +1880,7 @@ var GAP = 8;
 var OPEN_DELAY = 140;
 var CLOSE_DELAY = 120;
 function usePlacement(anchor, open, { width = PREVIEW_WIDTH, align = "center" } = {}) {
-  const [placement, setPlacement] = React7.useState(null);
+  const [placement, setPlacement] = React8.useState(null);
   useIsomorphicLayoutEffect(() => {
     if (!open || !anchor) return;
     const place = () => {
@@ -1731,15 +1910,15 @@ function HoverPreview({
   disabled,
   className
 }) {
-  const [open, setOpen] = React7.useState(false);
-  const [awake, setAwake] = React7.useState(false);
-  const [anchor, setAnchor] = React7.useState(null);
-  const timer = React7.useRef(null);
-  const id = React7.useId();
+  const [open, setOpen] = React8.useState(false);
+  const [awake, setAwake] = React8.useState(false);
+  const [anchor, setAnchor] = React8.useState(null);
+  const timer = React8.useRef(null);
+  const id = React8.useId();
   const cn = useResolvedClassNames();
   const { preview, loading: loading2 } = useLinkPreview(source.url, awake);
   const placement = usePlacement(anchor, open);
-  const schedule = React7.useCallback((next) => {
+  const schedule = React8.useCallback((next) => {
     if (timer.current) clearTimeout(timer.current);
     timer.current = setTimeout(
       () => {
@@ -1749,13 +1928,13 @@ function HoverPreview({
       next ? OPEN_DELAY : CLOSE_DELAY
     );
   }, []);
-  React7.useEffect(
+  React8.useEffect(
     () => () => {
       if (timer.current) clearTimeout(timer.current);
     },
     []
   );
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") setOpen(false);
@@ -1763,10 +1942,10 @@ function HoverPreview({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [open]);
-  const [mounted, setMounted] = React7.useState(false);
-  React7.useEffect(() => setMounted(true), []);
+  const [mounted, setMounted] = React8.useState(false);
+  React8.useEffect(() => setMounted(true), []);
   if (disabled) return children;
-  const trigger = React7.isValidElement(children) ? React7.cloneElement(children, {
+  const trigger = React8.isValidElement(children) ? React8.cloneElement(children, {
     "aria-describedby": open ? id : void 0
   }) : children;
   const light = anchor?.closest(".agno-light") ? "agno-light" : void 0;
@@ -1803,36 +1982,24 @@ function HoverPreview({
     }
   );
 }
-function el(tag, className) {
-  return function Element({ node: _node, className: _theirs, ...rest }) {
-    return React7__default.default.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__ */ jsxRuntime.jsx(HoverPreview, { source, className: "agno-cite__wrap", children: Link && source.url ? /* @__PURE__ */ jsxRuntime.jsx(Link, { ...props, children: source.index }) : /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(HoverPreview, { source, className: "agno-cite__wrap", children: Link2 && source.url ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { ...props, children: source.index }) : /* @__PURE__ */ jsxRuntime.jsx(
     "a",
     {
       ...props,
@@ -1842,6 +2009,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] = React8.useReducer((n) => n + 1, 0);
+  const lang = normalizeLanguage(language);
+  const ready = Boolean(lang && loaded.has(lang));
+  React8.useEffect(() => {
+    if (!lang || ready || unsupported.has(lang)) return;
+    let cancelled = false;
+    void ensureLanguage(lang).then(() => {
+      if (!cancelled) rerender();
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [lang, ready]);
+  return React8.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) {
@@ -1867,25 +2101,26 @@ async function writeClipboard(text) {
     return false;
   }
 }
-function CopyButton({ text, className }) {
-  const [copied, setCopied] = React7.useState(false);
-  React7.useEffect(() => {
+function CopyButton({ text, label: label2 = "Copy", size = 14, className }) {
+  const [copied, setCopied] = React8.useState(false);
+  React8.useEffect(() => {
     if (!copied) return;
     const timer = setTimeout(() => setCopied(false), COPIED_FOR);
     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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Check, { size: 13 }) : /* @__PURE__ */ jsxRuntime.jsx(Copy, { size: 13 })
+      "aria-label": name,
+      title: name,
+      children: copied ? /* @__PURE__ */ jsxRuntime.jsx(Check, { size }) : /* @__PURE__ */ jsxRuntime.jsx(Copy, { size })
     }
   );
 }
@@ -1893,15 +2128,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__default.default.isValidElement(children)) return textOf(children.props.children);
+  if (React8__default.default.isValidElement(children))
+    return textOf(children.props.children);
   return "";
 }
 function fencedCode(children) {
   const child = Array.isArray(children) ? children[0] : children;
-  if (!React7__default.default.isValidElement(child)) {
+  if (!React8__default.default.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) {
@@ -1910,93 +2150,159 @@ function plainLines(code) {
 function CodeBlock({
   children,
   copyClass,
-  codeCopy
+  codeCopy,
+  streaming
 }) {
-  const { language, code } = React7.useMemo(() => fencedCode(children), [children]);
-  const highlighted = useHighlight(code, language);
-  const lines = highlighted ?? plainLines(code);
+  const { language, code } = React8.useMemo(() => fencedCode(children), [children]);
+  const highlighted = useHighlight(streaming ? "" : code, language);
+  const lines = streaming ? plainLines(code) : highlighted ?? plainLines(code);
   const label2 = normalizeLanguage(language) ?? "text";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-md-code-block", "data-language": label2, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-md-code-head", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "agno-md-code-lang", children: label2 }),
-      codeCopy && /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { className: copyClass, text: () => code })
+      codeCopy && /* @__PURE__ */ jsxRuntime.jsx(
+        CopyButton,
+        {
+          className: cx("agno-md-copy", copyClass),
+          text: () => code,
+          label: "Copy code",
+          size: 13
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "agno-md-pre", style: { "--agno-code-gutter": `${String(lines.length).length}ch` }, children: /* @__PURE__ */ jsxRuntime.jsx("code", { className: language ? `language-${language}` : void 0, children: lines.map((tokens, i) => /* @__PURE__ */ jsxRuntime.jsxs(React7__default.default.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "agno-md-line", children: tokens.map((token, j) => /* @__PURE__ */ jsxRuntime.jsx("span", { style: token.htmlStyle, children: token.content }, j)) }),
-      i < lines.length - 1 && "\n"
-    ] }, i)) }) })
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "pre",
+      {
+        className: "agno-md-pre",
+        style: {
+          "--agno-code-gutter": `${String(lines.length).length}ch`
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx("code", { className: language ? `language-${language}` : void 0, children: lines.map((tokens, i) => /* @__PURE__ */ jsxRuntime.jsxs(React8__default.default.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "agno-md-line", children: tokens.map((token, j) => /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              style: token.htmlStyle,
+              children: token.content
+            },
+            j
+          )) }),
+          i < lines.length - 1 && "\n"
+        ] }, i)) })
+      }
+    )
   ] });
 }
-function elementsFor(ctx) {
-  const Link = function Link2({
+var InlineRenderContext = React8.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__ */ jsxRuntime.jsx(CitationMarker, { source: cited, className: ctx.markerClass, Link: ctx.Link });
-    const link = ctx.Link && href ? /* @__PURE__ */ jsxRuntime.jsx(ctx.Link, { href, ...rest, children }) : /* @__PURE__ */ jsxRuntime.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__default.default.createElement(tag, { className, ...rest });
+  };
+}
+function Link({
+  node: _node,
+  className: _theirs,
+  href,
+  children,
+  ...rest
+}) {
+  const ctx = React8.useContext(InlineRenderContext);
+  const cited = citationForLink(textOf(children), href, ctx);
+  if (cited)
     return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "agno-md-table-wrap", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("img", { className: "agno-md-img", ...rest });
+  const link = ctx.Link && href ? /* @__PURE__ */ jsxRuntime.jsx(ctx.Link, { href, ...rest, children }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("code", { className: fenced ? className : "agno-md-code", ...rest });
+}
+function Pre({ children }) {
+  const ctx = React8.useContext(InlineRenderContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CodeBlock,
+    {
+      copyClass: ctx.copyClass,
+      codeCopy: ctx.codeCopy,
+      streaming: ctx.streaming,
+      children
+    }
+  );
 }
+function Table({ node: _node, className: _theirs, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "agno-md-table-wrap", children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "agno-md-table", ...rest }) });
+}
+function Image({ node: _node, className: _theirs, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.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,
@@ -2013,30 +2319,33 @@ function Markdown({
   const providerLink = useLinkComponent();
   const cited = sources ?? fromMessage;
   const copy = codeCopy ?? fromProvider ?? true;
-  const Link = linkComponent ?? providerLink;
-  const components = React7.useMemo(
-    () => elementsFor({
+  const Link2 = linkComponent ?? providerLink;
+  const inlineContext = React8.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 = React7.useMemo(() => linkCitations(content, cited), [content, cited]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  const text = React8.useMemo(() => linkCitations(content, cited), [content, cited]);
+  return /* @__PURE__ */ jsxRuntime.jsx(InlineRenderContext.Provider, { value: inlineContext, children: /* @__PURE__ */ jsxRuntime.jsx(
     streamdown.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" };
@@ -2049,7 +2358,7 @@ function hasDetail(tool) {
   return Boolean(tool.tool_args && Object.keys(tool.tool_args).length) || tool.result != null;
 }
 function ToolCalls({ tools }) {
-  const [openIndex, setOpenIndex] = React7.useState(null);
+  const [openIndex, setOpenIndex] = React8.useState(null);
   if (!tools || tools.length === 0) return null;
   const open = openIndex != null ? tools[openIndex] : void 0;
   const openStatus = open ? statusOf(open) : void 0;
@@ -2107,7 +2416,7 @@ function isNoiseEvent(e) {
 }
 var isMemoryEvent = (e) => eventName(e).includes("MemoryUpdate");
 var isMemoryCompleted = (e) => eventName(e).includes("MemoryUpdateCompleted");
-var isReasoningEvent = (e) => chunk55HQJGLP_cjs.isReasoningStepEvent(e) || chunk55HQJGLP_cjs.isReasoningCompletedEvent(e) || eventName(e).includes("ReasoningStarted");
+var isReasoningEvent = (e) => chunkY34YRC5T_cjs.isReasoningStepEvent(e) || chunkY34YRC5T_cjs.isReasoningCompletedEvent(e) || eventName(e).includes("ReasoningStarted");
 function formatDuration(seconds) {
   return seconds < 10 ? `${seconds.toFixed(1)}s` : `${Math.round(seconds)}s`;
 }
@@ -2141,14 +2450,14 @@ function stepsFromEvents(message, { hideReasoning, hideTools }) {
       if (member) put(`member:${runId}`, { kind: "member", id: `member-${runId}`, member });
       continue;
     }
-    if (chunk55HQJGLP_cjs.isToolEvent(e)) {
+    if (chunkY34YRC5T_cjs.isToolEvent(e)) {
       if (hideTools) continue;
-      for (const tool of chunk55HQJGLP_cjs.toolsFromEvent(e)) {
+      for (const tool of chunkY34YRC5T_cjs.toolsFromEvent(e)) {
         const key = `tool:${tool.tool_call_id ?? tool.tool_name}`;
         const at = indexOf.get(key);
         const previous = at != null ? steps[at].tool : void 0;
         const merged = { ...previous, ...tool };
-        if (!chunk55HQJGLP_cjs.isToolCompletedEvent(e) && previous?.result != null) merged.result = previous.result;
+        if (!chunkY34YRC5T_cjs.isToolCompletedEvent(e) && previous?.result != null) merged.result = previous.result;
         put(key, { kind: "tool", id: key, tool: merged });
       }
       continue;
@@ -2158,8 +2467,8 @@ 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 completed = chunk55HQJGLP_cjs.isReasoningCompletedEvent(e);
+      const incoming = chunkY34YRC5T_cjs.reasoningStepsFromEvent(e);
+      const completed = chunkY34YRC5T_cjs.isReasoningCompletedEvent(e);
       put(key, {
         kind: "reasoning",
         id: key,
@@ -2194,7 +2503,7 @@ function stepsFromEvents(message, { hideReasoning, hideTools }) {
         label: "Run Continued",
         icon: "continued"
       });
-    } else if (chunk55HQJGLP_cjs.isCompletedEvent(e)) {
+    } else if (chunkY34YRC5T_cjs.isCompletedEvent(e)) {
       put(`completed:${runKey}`, {
         kind: "status",
         id: `completed-${runKey}`,
@@ -2202,16 +2511,16 @@ function stepsFromEvents(message, { hideReasoning, hideTools }) {
         detail: durationOf(e),
         icon: "run"
       });
-    } else if (chunk55HQJGLP_cjs.isPausedEvent(e)) {
+    } else if (chunkY34YRC5T_cjs.isPausedEvent(e)) {
       put(`paused:${runKey}`, { kind: "status", id: `paused-${runKey}`, label: "Run Paused", icon: "run" });
-    } else if (chunk55HQJGLP_cjs.isCancelledEvent(e)) {
+    } else if (chunkY34YRC5T_cjs.isCancelledEvent(e)) {
       put(`cancelled:${runKey}`, {
         kind: "status",
         id: `cancelled-${runKey}`,
         label: "Run Cancelled",
         icon: "run"
       });
-    } else if (chunk55HQJGLP_cjs.isErrorEvent(e)) {
+    } else if (chunkY34YRC5T_cjs.isErrorEvent(e)) {
       const detail = typeof e.content === "string" ? e.content : e.error;
       put(`error:${runKey}`, { kind: "status", id: `error-${runKey}`, label: detail || "Run Error", icon: "run" });
     }
@@ -2259,7 +2568,7 @@ function runDuration(message) {
 function liveActivity(message) {
   const events = message.events ?? [];
   for (let i = events.length - 1; i >= 0; i--) {
-    const label2 = chunk55HQJGLP_cjs.activityLabel(events[i]);
+    const label2 = chunkY34YRC5T_cjs.activityLabel(events[i]);
     if (label2) return label2;
   }
   return message.activity ?? null;
@@ -2286,7 +2595,7 @@ function Step({
   busy,
   children
 }) {
-  const [open, setOpen] = React7.useState(false);
+  const [open, setOpen] = React8.useState(false);
   if (!children) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-bts__step", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "agno-bts__step-label", children: label2 }),
@@ -2331,7 +2640,7 @@ function BehindTheScenes({
   className,
   classNames
 }) {
-  const [open, setOpen] = React7.useState(defaultOpen);
+  const [open, setOpen] = React8.useState(defaultOpen);
   const items = behindTheScenesItems(message, { hideReasoning, hideTools });
   if (items.length === 0) return null;
   const label2 = behindTheScenesLabel(message, streaming, activity);
@@ -2434,7 +2743,7 @@ function SourceCard({
   className
 }) {
   const cn = useResolvedClassNames();
-  const Link = useLinkComponent();
+  const Link2 = useLinkComponent();
   const { preview } = useLinkPreview(source.url, false);
   const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -2450,8 +2759,8 @@ function SourceCard({
     source.url && /* @__PURE__ */ jsxRuntime.jsx(LinkIcon, { className: "agno-source__link" })
   ] });
   const classes = cx("agno-source", `agno-source--${source.kind}`, cn.sourceCard, className);
-  if (source.url && Link) {
-    return /* @__PURE__ */ jsxRuntime.jsx(Link, { id: source.anchorId, className: classes, href: source.url, title: source.url, children: body });
+  if (source.url && Link2) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Link2, { id: source.anchorId, className: classes, href: source.url, title: source.url, children: body });
   }
   return source.url ? /* @__PURE__ */ jsxRuntime.jsx(
     "a",
@@ -2468,22 +2777,22 @@ function SourceCard({
 }
 var LIST_WIDTH = 240;
 function SourcesOverflow({ sources }) {
-  const [open, setOpen] = React7.useState(false);
-  const [anchor, setAnchor] = React7.useState(null);
-  const timer = React7.useRef(null);
-  const id = React7.useId();
+  const [open, setOpen] = React8.useState(false);
+  const [anchor, setAnchor] = React8.useState(null);
+  const timer = React8.useRef(null);
+  const id = React8.useId();
   const placement = usePlacement(anchor, open, { width: LIST_WIDTH, align: "start" });
-  const schedule = React7.useCallback((next) => {
+  const schedule = React8.useCallback((next) => {
     if (timer.current) clearTimeout(timer.current);
     timer.current = setTimeout(() => setOpen(next), next ? OPEN_DELAY : CLOSE_DELAY);
   }, []);
-  React7.useEffect(
+  React8.useEffect(
     () => () => {
       if (timer.current) clearTimeout(timer.current);
     },
     []
   );
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") setOpen(false);
@@ -2491,8 +2800,8 @@ function SourcesOverflow({ sources }) {
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [open]);
-  const [mounted, setMounted] = React7.useState(false);
-  React7.useEffect(() => setMounted(true), []);
+  const [mounted, setMounted] = React8.useState(false);
+  React8.useEffect(() => setMounted(true), []);
   const light = anchor?.closest(".agno-light") ? "agno-light" : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
@@ -2564,8 +2873,8 @@ function Citations({
   classNames
 }) {
   const cn = useResolvedClassNames(classNames);
-  const uid = React7.useId();
-  const sources = React7.useMemo(
+  const uid = React8.useId();
+  const sources = React8.useMemo(
     () => given ?? collectSources(references, citations, uid),
     [given, references, citations, uid]
   );
@@ -2581,6 +2890,20 @@ function Citations({
     ] })
   ] });
 }
+function MessageActions({
+  message,
+  hideCopy,
+  children,
+  className,
+  classNames
+}) {
+  const cn = useResolvedClassNames(classNames);
+  if (hideCopy && !children) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("agno-msg__actions", cn.messageActions, className), role: "toolbar", "aria-label": "Message actions", children: [
+    !hideCopy && /* @__PURE__ */ jsxRuntime.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}`;
@@ -2621,11 +2944,13 @@ function Message({
   hideReasoning,
   hideTools,
   hideSources,
+  hideActions,
+  actions,
   onFollowup
 }) {
   const cn = useResolvedClassNames(classNames);
-  const uid = React7.useId();
-  const sources = React7.useMemo(() => {
+  const uid = React8.useId();
+  const sources = React8.useMemo(() => {
     const cited = collectSources(message.references, message.citations, uid);
     return cited.length ? cited : sourcesFromMarkdown(message.content, uid);
   }, [message.references, message.citations, message.content, uid]);
@@ -2633,7 +2958,7 @@ function Message({
   const isAgent = message.role === "agent";
   const hasSources = isAgent && !hideSources && sources.length > 0;
   const showSources = hasSources && !message.streaming;
-  const content = React7.useMemo(
+  const content = React8.useMemo(
     () => hasSources && message.content ? withoutSourcesLine(message.content) : message.content,
     [message.content, hasSources]
   );
@@ -2668,10 +2993,7 @@ function Message({
               classNames: cn
             }
           ),
-          content ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("agno-msg__content", cn.messageContent), children: [
-            renderMarkdown ? renderMarkdown(content) : /* @__PURE__ */ jsxRuntime.jsx(Markdown, { content, className: cn.markdown, streaming: message.streaming }),
-            message.streaming && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "agno-msg__caret", "aria-hidden": true })
-          ] }) : isAgent && message.streaming && hasActivity && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-msg__activity", role: "status", "aria-live": "polite", children: [
+          content ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("agno-msg__content", cn.messageContent), children: renderMarkdown ? renderMarkdown(content) : /* @__PURE__ */ jsxRuntime.jsx(Markdown, { content, className: cn.markdown, streaming: message.streaming }) }) : isAgent && message.streaming && hasActivity && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-msg__activity", role: "status", "aria-live": "polite", children: [
             /* @__PURE__ */ jsxRuntime.jsx(GridLoader, {}),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "agno-msg__activity-label", children: activity ?? "Working..." })
           ] }),
@@ -2687,7 +3009,8 @@ function Message({
           showSources && /* @__PURE__ */ jsxRuntime.jsx(Citations, { sources, classNames: cn }),
           isAgent && onFollowup && !message.streaming && /* @__PURE__ */ jsxRuntime.jsx(Followups, { items: message.followups, onSelect: onFollowup, classNames: cn }),
           message.error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "agno-msg__error", children: message.error }),
-          children
+          children,
+          isAgent && !hideActions && !message.streaming && message.content && /* @__PURE__ */ jsxRuntime.jsx(MessageActions, { message, classNames: cn, children: actions })
         ] }) })
       ]
     }
@@ -2714,10 +3037,10 @@ function MessageList({
   const runActivity = activity !== void 0 ? activity : ctx?.chat.activity;
   const markdown = renderMarkdown ?? ctx?.renderMarkdown;
   const kind = entityType ?? ctx?.chat.entityType;
-  const endRef = React7.useRef(null);
-  const stick = React7.useRef(true);
-  const userScrolled = React7.useRef(false);
-  const containerRef = React7.useRef(null);
+  const endRef = React8.useRef(null);
+  const stick = React8.useRef(true);
+  const userScrolled = React8.useRef(false);
+  const containerRef = React8.useRef(null);
   const markUserScroll = () => {
     userScrolled.current = true;
   };
@@ -2729,7 +3052,7 @@ function MessageList({
     else if (userScrolled.current) stick.current = false;
     userScrolled.current = false;
   };
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (stick.current) endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
   }, [items, runActivity, runStatus]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2747,7 +3070,7 @@ function MessageList({
         items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("agno-list__empty", cn.empty), children: emptyState ?? "Start the conversation." }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-list__inner", children: [
           items.map((m) => {
             const live = m.streaming && runStatus === "streaming" ? runActivity : void 0;
-            return renderMessage ? /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Fragment, { children: renderMessage(m, live) }, m.id) : /* @__PURE__ */ jsxRuntime.jsx(
+            return renderMessage ? /* @__PURE__ */ jsxRuntime.jsx(React8__default.default.Fragment, { children: renderMessage(m, live) }, m.id) : /* @__PURE__ */ jsxRuntime.jsx(
               Message,
               {
                 message: m,
@@ -3018,10 +3341,10 @@ function EntitySelector({
   classNames
 }) {
   const cn = useResolvedClassNames(classNames);
-  const [open, setOpen] = React7.useState(false);
-  const rootRef = React7.useRef(null);
+  const [open, setOpen] = React8.useState(false);
+  const rootRef = React8.useRef(null);
   const key = (e) => `${e.type}:${e.id}`;
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (!open) return;
     const onDocClick = (e) => {
       if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
@@ -3170,14 +3493,14 @@ function SessionList({
   ] });
 }
 function AgnoChat(props) {
-  const client = React7.useMemo(
-    () => props.client ?? new chunk55HQJGLP_cjs.AgnoClient({ baseUrl: props.baseUrl ?? "", headers: props.headers }),
+  const client = React8.useMemo(
+    () => props.client ?? new chunkY34YRC5T_cjs.AgnoClient({ baseUrl: props.baseUrl ?? "", headers: props.headers }),
     [props.client, props.baseUrl, props.headers]
   );
-  const [discovered, setDiscovered] = React7.useState(props.entities ?? []);
-  const [selected, setSelected] = React7.useState(props.defaultEntity ?? null);
-  const [discoveryDone, setDiscoveryDone] = React7.useState(Boolean(props.entity || props.entities));
-  React7.useEffect(() => {
+  const [discovered, setDiscovered] = React8.useState(props.entities ?? []);
+  const [selected, setSelected] = React8.useState(props.defaultEntity ?? null);
+  const [discoveryDone, setDiscoveryDone] = React8.useState(Boolean(props.entity || props.entities));
+  React8.useEffect(() => {
     if (props.entity && !props.showEntityPicker || props.entities) return;
     let cancelled = false;
     setDiscoveryDone(false);
@@ -3192,12 +3515,12 @@ 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;
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (props.showSessions && entity) refreshSessions();
   }, [props.showSessions, entity?.type, entity?.id, refreshSessions]);
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (props.showSessions && entity && chat.status === "completed") refreshSessions();
   }, [chat.status]);
   const onSelect = (e) => {
@@ -3212,7 +3535,7 @@ function AgnoChat(props) {
   const noEntities = !props.entity && discoveryDone && entities.length === 0;
   const launcher = props.mode === "launcher";
   const fullscreen = props.panel === "fullscreen";
-  const [selfOpen, setSelfOpen] = React7.useState(props.defaultOpen ?? false);
+  const [selfOpen, setSelfOpen] = React8.useState(props.defaultOpen ?? false);
   const isOpen = props.open ?? selfOpen;
   const setOpen = (next) => {
     if (props.open === void 0) setSelfOpen(next);
@@ -3337,7 +3660,7 @@ function Reasoning({
   steps,
   defaultOpen = false
 }) {
-  const [open, setOpen] = React7.useState(defaultOpen);
+  const [open, setOpen] = React8.useState(defaultOpen);
   if (!steps || steps.length === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-reasoning", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3383,7 +3706,7 @@ function statusDot(status) {
   return "running";
 }
 function MemberCard({ member, renderMarkdown }) {
-  const [open, setOpen] = React7.useState(true);
+  const [open, setOpen] = React8.useState(true);
   const label2 = member.kind === "executor" ? "Step executor" : "Member";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-member", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "agno-member__head", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
@@ -3415,7 +3738,7 @@ function MemberResponses({
   ] });
 }
 function StepRow({ step, renderMarkdown }) {
-  const [open, setOpen] = React7.useState(false);
+  const [open, setOpen] = React8.useState(false);
   const hasBody = Boolean(step.content || step.error);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `agno-step agno-step--${step.status}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3476,7 +3799,7 @@ function fold(events) {
       last.created_at = e.created_at ?? last.created_at;
       continue;
     }
-    rows.push({ event: name, source, count: 1, created_at: e.created_at, detail: chunk55HQJGLP_cjs.activityLabel(e) });
+    rows.push({ event: name, source, count: 1, created_at: e.created_at, detail: chunkY34YRC5T_cjs.activityLabel(e) });
   }
   return rows;
 }
@@ -3485,9 +3808,9 @@ function EventLog({
   autoScroll = true,
   maxHeight = 240
 }) {
-  const ref = React7.useRef(null);
-  const rows = React7.useMemo(() => fold(events), [events]);
-  React7.useEffect(() => {
+  const ref = React8.useRef(null);
+  const rows = React8.useMemo(() => fold(events), [events]);
+  React8.useEffect(() => {
     if (autoScroll && ref.current) ref.current.scrollTop = ref.current.scrollHeight;
   }, [rows, autoScroll]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-eventlog", ref, style: { maxHeight }, children: [
@@ -3521,6 +3844,8 @@ exports.ChevronDown = ChevronDown;
 exports.Citations = Citations;
 exports.Close = Close;
 exports.Copy = Copy;
+exports.CopyButton = CopyButton;
+exports.DEFAULT_STREAMING_OPTIONS = DEFAULT_STREAMING_OPTIONS;
 exports.EntityBadge = EntityBadge;
 exports.EntitySelector = EntitySelector;
 exports.EventLog = EventLog;
@@ -3541,6 +3866,7 @@ exports.Markdown = Markdown;
 exports.MemberResponses = MemberResponses;
 exports.Memory = Memory;
 exports.Message = Message;
+exports.MessageActions = MessageActions;
 exports.MessageList = MessageList;
 exports.Multimedia = Multimedia;
 exports.Paperclip = Paperclip;
@@ -3566,6 +3892,7 @@ exports.behindTheScenesLabel = behindTheScenesLabel;
 exports.collectSources = collectSources;
 exports.cx = cx;
 exports.displayUrl = displayUrl;
+exports.faviconFallbacks = faviconFallbacks;
 exports.faviconUrl = faviconUrl;
 exports.fileAccepted = fileAccepted;
 exports.getProviderIcon = getProviderIcon;
@@ -3586,5 +3913,5 @@ exports.useResolvedClassNames = useResolvedClassNames;
 exports.useSources = useSources;
 exports.withoutSourcesLine = withoutSourcesLine;
 exports.writeClipboard = writeClipboard;
-//# sourceMappingURL=chunk-Q73XHL35.cjs.map
-//# sourceMappingURL=chunk-Q73XHL35.cjs.map
+//# sourceMappingURL=chunk-ESV52ERB.cjs.map
+//# sourceMappingURL=chunk-ESV52ERB.cjs.map