@agno-hq/chat-react 0.3.3 → 0.3.4

package/dist/{chunk-3IEYJIYJ.cjs → chunk-ESV52ERB.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk55HQJGLP_cjs = require('./chunk-55HQJGLP.cjs');
+var chunkY34YRC5T_cjs = require('./chunk-Y34YRC5T.cjs');
 var React8 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactDom = require('react-dom');
@@ -11,6 +11,172 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 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);
@@ -18,14 +184,22 @@ function useAgnoChat(options) {
   const { entity, userId, onEvent, onSessionId } = options;
   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] = React8.useState(options.initialMessages ?? []);
-  const [events, setEvents] = React8.useState([]);
-  const [currentEvent, setCurrentEvent] = React8.useState(null);
-  const [status, setStatus] = React8.useState("idle");
-  const [activity, setActivity] = React8.useState(null);
-  const [error, setError] = React8.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] = React8.useState(options.sessionId);
   const [sessions, setSessions] = React8.useState([]);
   const [sessionsLoading, setSessionsLoading] = React8.useState(false);
@@ -35,10 +209,14 @@ function useAgnoChat(options) {
   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]);
@@ -58,44 +236,37 @@ function useAgnoChat(options) {
       return [entry, ...rest];
     });
   }, []);
-  const viewRef = React8.useRef({ messages, events, status, activity, error });
-  React8.useEffect(() => {
-    viewRef.current = { messages, events, status, activity, error };
-  });
   const writeMessages = React8.useCallback(
     (chan, fn) => {
       const park = chan?.park;
       if (park) park.messages = fn(park.messages);
       else setMessages(fn);
     },
-    []
+    [setMessages]
   );
-  const writeEvents = React8.useCallback((chan, e) => {
-    const park = chan?.park;
-    if (park) park.events = [...park.events, e];
-    else {
-      setEvents((prev) => [...prev, e]);
-      setCurrentEvent(e);
-    }
-  }, []);
+  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);
-  }, []);
+  }, [setStatus]);
   const writeActivity = React8.useCallback((chan, activity2) => {
     const park = chan?.park;
     if (park) park.activity = activity2;
     else setActivity(activity2);
-  }, []);
+  }, [setActivity]);
   const writeError = React8.useCallback((chan, message) => {
     const park = chan?.park;
     if (park) park.error = message;
     else setError(message);
-  }, []);
+  }, [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));
     },
@@ -103,10 +274,7 @@ function useAgnoChat(options) {
   );
   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,13 +391,11 @@ function useAgnoChat(options) {
       }
     },
     [
-      onEvent,
       onSessionId,
       patchActive,
       upsertSession,
       writeActivity,
       writeError,
-      writeEvents,
       writeStatus
     ]
   );
@@ -267,12 +433,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 = React8.useCallback(() => {
     const chan = channelRef.current;
     if (!chan || chan.park) return;
@@ -288,29 +453,64 @@ function useAgnoChat(options) {
   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,7 +519,7 @@ function useAgnoChat(options) {
         abortRef.current = null;
       }
     },
-    [applyEvent, patchActive, writeActivity, writeError, writeStatus]
+    [applyEvent, onEvent, patchActive, writeActivity, writeError, writeEvents, writeStatus]
   );
   const sendMessage = React8.useCallback(
     async (message, sendOptions) => {
@@ -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,7 +561,7 @@ function useAgnoChat(options) {
         })
       );
     },
-    [client, drive, userId]
+    [client, drive, setEvents, setMessages, userId]
   );
   const continueRun = React8.useCallback(
     async (resolution) => {
@@ -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
         })
@@ -399,8 +599,12 @@ function useAgnoChat(options) {
   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;
       }
@@ -412,6 +616,17 @@ function useAgnoChat(options) {
   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,
@@ -436,15 +651,16 @@ function useAgnoChat(options) {
     [activeMessage, continueRun, pausedTools]
   );
   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]);
+  }, [client, patchActive, writeActivity, writeStatus]);
   const refreshSessions = React8.useCallback(async () => {
     const ent = entityRef.current;
     if (!ent) {
@@ -464,6 +680,14 @@ function useAgnoChat(options) {
       setSessionsLoading(false);
     }
   }, [client]);
+  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;
@@ -474,21 +698,15 @@ 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 = React8.useCallback(
     async (id) => {
@@ -503,29 +721,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 = 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]);
+  }, [clearRunView, releaseCurrentRun, setMessages]);
   React8.useEffect(() => {
     const background = backgroundRef.current;
     return () => {
@@ -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({
@@ -1261,11 +1487,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,
@@ -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;
@@ -1535,73 +1777,6 @@ var SourcesProvider = SourcesContext.Provider;
 function useSources() {
   return React8.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] = 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 useIsomorphicLayoutEffect = typeof window === "undefined" ? React8.useEffect : React8.useLayoutEffect;
 var caches = /* @__PURE__ */ new WeakMap();
 var inflight = /* @__PURE__ */ new WeakMap();
@@ -1807,6 +1982,100 @@ function HoverPreview({
     }
   );
 }
+function sourceForUrl(url, sources) {
+  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((source) => source.index === Number(label2.trim()));
+}
+function CitationMarker({
+  source,
+  className,
+  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: Link2 && source.url ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { ...props, children: source.index }) : /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      ...props,
+      target: source.url ? "_blank" : void 0,
+      rel: source.url ? "noreferrer noopener" : void 0,
+      children: source.index
+    }
+  ) });
+}
+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) {
@@ -1855,58 +2124,24 @@ function CopyButton({ text, label: label2 = "Copy", size = 14, className }) {
     }
   );
 }
-function el(tag, className) {
-  return function Element({ node: _node, className: _theirs, ...rest }) {
-    return React8__default.default.createElement(tag, { className, ...rest });
-  };
-}
-function sourceForUrl(url, sources) {
-  return url ? sources.find((s) => s.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 "";
-}
-function CitationMarker({
-  source,
-  className,
-  Link
-}) {
-  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(
-    "a",
-    {
-      ...props,
-      target: source.url ? "_blank" : void 0,
-      rel: source.url ? "noreferrer noopener" : void 0,
-      children: source.index
-    }
-  ) });
-}
 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 (React8__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 (!React8__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) {
@@ -1915,93 +2150,159 @@ function plainLines(code) {
 function CodeBlock({
   children,
   copyClass,
-  codeCopy
+  codeCopy,
+  streaming
 }) {
   const { language, code } = React8.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__ */ 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: cx("agno-md-copy", copyClass), text: () => code, label: "Copy code", size: 13 })
+      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(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)) }) })
+    /* @__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,
@@ -2018,30 +2319,33 @@ function Markdown({
   const providerLink = useLinkComponent();
   const cited = sources ?? fromMessage;
   const copy = codeCopy ?? fromProvider ?? true;
-  const Link = linkComponent ?? providerLink;
-  const components = React8.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 = React8.useMemo(() => linkCitations(content, cited), [content, cited]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  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" };
@@ -2112,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`;
 }
@@ -2146,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;
@@ -2163,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,
@@ -2199,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}`,
@@ -2207,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" });
     }
@@ -2264,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;
@@ -2439,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(
@@ -2455,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",
@@ -2689,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..." })
           ] }),
@@ -3193,7 +3494,7 @@ function SessionList({
 }
 function AgnoChat(props) {
   const client = React8.useMemo(
-    () => props.client ?? new chunk55HQJGLP_cjs.AgnoClient({ baseUrl: props.baseUrl ?? "", headers: props.headers }),
+    () => props.client ?? new chunkY34YRC5T_cjs.AgnoClient({ baseUrl: props.baseUrl ?? "", headers: props.headers }),
     [props.client, props.baseUrl, props.headers]
   );
   const [discovered, setDiscovered] = React8.useState(props.entities ?? []);
@@ -3214,7 +3515,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;
   React8.useEffect(() => {
     if (props.showSessions && entity) refreshSessions();
@@ -3498,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;
 }
@@ -3544,6 +3845,7 @@ 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;
@@ -3611,5 +3913,5 @@ exports.useResolvedClassNames = useResolvedClassNames;
 exports.useSources = useSources;
 exports.withoutSourcesLine = withoutSourcesLine;
 exports.writeClipboard = writeClipboard;
-//# sourceMappingURL=chunk-3IEYJIYJ.cjs.map
-//# sourceMappingURL=chunk-3IEYJIYJ.cjs.map
+//# sourceMappingURL=chunk-ESV52ERB.cjs.map
+//# sourceMappingURL=chunk-ESV52ERB.cjs.map