@agno-hq/chat-react 0.3.2 → 0.3.3

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunk55HQJGLP_cjs = require('./chunk-55HQJGLP.cjs');
-var React7 = require('react');
+var React8 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactDom = require('react-dom');
 var lucideReact = require('lucide-react');
@@ -9,43 +9,43 @@ 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);
 
 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 });
   }, [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, 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 [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 entityRef = React8.useRef(entity);
+  const sessionIdRef = React8.useRef(options.sessionId);
+  const pendingSessionNameRef = React8.useRef(void 0);
+  const bumpedSessionRef = React8.useRef(void 0);
+  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,11 +58,11 @@ function useAgnoChat(options) {
       return [entry, ...rest];
     });
   }, []);
-  const viewRef = React7.useRef({ messages, events, status, activity, error });
-  React7.useEffect(() => {
+  const viewRef = React8.useRef({ messages, events, status, activity, error });
+  React8.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);
@@ -70,7 +70,7 @@ function useAgnoChat(options) {
     },
     []
   );
-  const writeEvents = React7.useCallback((chan, e) => {
+  const writeEvents = React8.useCallback((chan, e) => {
     const park = chan?.park;
     if (park) park.events = [...park.events, e];
     else {
@@ -78,22 +78,22 @@ function useAgnoChat(options) {
       setCurrentEvent(e);
     }
   }, []);
-  const writeStatus = React7.useCallback((chan, status2) => {
+  const writeStatus = React8.useCallback((chan, status2) => {
     const park = chan?.park;
     if (park) park.status = status2;
     else setStatus(status2);
   }, []);
-  const writeActivity = React7.useCallback((chan, activity2) => {
+  const writeActivity = React8.useCallback((chan, activity2) => {
     const park = chan?.park;
     if (park) park.activity = activity2;
     else setActivity(activity2);
   }, []);
-  const writeError = React7.useCallback((chan, message) => {
+  const writeError = React8.useCallback((chan, message) => {
     const park = chan?.park;
     if (park) park.error = message;
     else setError(message);
   }, []);
-  const patchActive = React7.useCallback(
+  const patchActive = React8.useCallback(
     (chan, patch) => {
       const id = chan?.park ? chan.park.activeMsgId : activeMsgIdRef.current;
       if (!id) return;
@@ -101,7 +101,7 @@ function useAgnoChat(options) {
     },
     [writeMessages]
   );
-  const applyEvent = React7.useCallback(
+  const applyEvent = React8.useCallback(
     (chan, e) => {
       writeEvents(chan, e);
       patchActive(chan, (m) => ({ ...m, events: [...m.events ?? [], e] }));
@@ -233,7 +233,7 @@ function useAgnoChat(options) {
       writeStatus
     ]
   );
-  const parkRun = React7.useCallback((chan, sessionId2) => {
+  const parkRun = React8.useCallback((chan, sessionId2) => {
     const view = viewRef.current;
     chan.park = {
       sessionId: sessionId2,
@@ -253,7 +253,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;
@@ -273,7 +273,7 @@ function useAgnoChat(options) {
     setError(park.error);
     return true;
   }, []);
-  const releaseCurrentRun = React7.useCallback(() => {
+  const releaseCurrentRun = React8.useCallback(() => {
     const chan = channelRef.current;
     if (!chan || chan.park) return;
     const from = sessionIdRef.current;
@@ -285,7 +285,7 @@ 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 };
@@ -321,7 +321,7 @@ function useAgnoChat(options) {
     },
     [applyEvent, patchActive, writeActivity, writeError, writeStatus]
   );
-  const sendMessage = React7.useCallback(
+  const sendMessage = React8.useCallback(
     async (message, sendOptions) => {
       const ent = entityRef.current;
       if (!ent) {
@@ -364,7 +364,7 @@ function useAgnoChat(options) {
     },
     [client, drive, userId]
   );
-  const continueRun = React7.useCallback(
+  const continueRun = React8.useCallback(
     async (resolution) => {
       const ent = entityRef.current;
       const runId = runIdRef.current;
@@ -388,15 +388,15 @@ 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 === "workflow") {
@@ -409,7 +409,7 @@ function useAgnoChat(options) {
     },
     [activeMessage, continueRun, pausedTools]
   );
-  const submitUserInput = React7.useCallback(
+  const submitUserInput = React8.useCallback(
     async (values) => {
       const ent = entityRef.current;
       if (ent?.type === "workflow") {
@@ -435,7 +435,7 @@ function useAgnoChat(options) {
     },
     [activeMessage, continueRun, pausedTools]
   );
-  const cancel = React7.useCallback(async () => {
+  const cancel = React8.useCallback(async () => {
     abortRef.current?.abort();
     channelRef.current = null;
     const ent = entityRef.current;
@@ -445,7 +445,7 @@ function useAgnoChat(options) {
     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 () => {
+  const refreshSessions = React8.useCallback(async () => {
     const ent = entityRef.current;
     if (!ent) {
       setSessions([]);
@@ -464,7 +464,7 @@ function useAgnoChat(options) {
       setSessionsLoading(false);
     }
   }, [client]);
-  const loadSession = React7.useCallback(
+  const loadSession = React8.useCallback(
     async (id) => {
       const ent = entityRef.current;
       if (!ent) return;
@@ -490,7 +490,7 @@ function useAgnoChat(options) {
     },
     [client, onSessionId, releaseCurrentRun, resumeRun]
   );
-  const deleteSession = React7.useCallback(
+  const deleteSession = React8.useCallback(
     async (id) => {
       const ent = entityRef.current;
       const ok = await client.deleteSession(id, ent?.db_id);
@@ -511,7 +511,7 @@ function useAgnoChat(options) {
     },
     [client]
   );
-  const reset = React7.useCallback(() => {
+  const reset = React8.useCallback(() => {
     releaseCurrentRun();
     activeMsgIdRef.current = null;
     runIdRef.current = void 0;
@@ -526,7 +526,7 @@ function useAgnoChat(options) {
     setError(null);
     setSessionId(void 0);
   }, [releaseCurrentRun]);
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     const background = backgroundRef.current;
     return () => {
       abortRef.current?.abort();
@@ -534,7 +534,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 +576,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 +593,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 +608,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 +633,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 +778,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 +798,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 +806,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 +863,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 +968,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 +993,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;
@@ -1252,11 +1252,11 @@ 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 : "");
@@ -1399,11 +1399,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,10 +1530,10 @@ function linkCitations(content, sources) {
     );
   }).join("");
 }
-var SourcesContext = React7.createContext([]);
+var SourcesContext = React8.createContext([]);
 var SourcesProvider = SourcesContext.Provider;
 function useSources() {
-  return React7.useContext(SourcesContext);
+  return React8.useContext(SourcesContext);
 }
 var THEMES = { light: "github-light", dark: "monokai" };
 var highlighter;
@@ -1577,10 +1580,10 @@ function normalizeLanguage(language) {
   return lang || void 0;
 }
 function useHighlight(code, language) {
-  const [, rerender] = React7.useReducer((n) => n + 1, 0);
+  const [, rerender] = React8.useReducer((n) => n + 1, 0);
   const lang = normalizeLanguage(language);
   const ready = Boolean(lang && loaded.has(lang));
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (!lang || ready || unsupported.has(lang)) return;
     let cancelled = false;
     void ensureLanguage(lang).then(() => {
@@ -1590,7 +1593,7 @@ function useHighlight(code, language) {
       cancelled = true;
     };
   }, [lang, ready]);
-  return React7.useMemo(() => {
+  return React8.useMemo(() => {
     if (!lang || !ready || !highlighter) return null;
     try {
       return highlighter.codeToTokens(code, { lang, themes: THEMES, defaultColor: false }).tokens;
@@ -1599,7 +1602,7 @@ function useHighlight(code, language) {
     }
   }, [code, lang, ready]);
 }
-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 +1619,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 +1658,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 +1676,7 @@ function Favicon({
       height: size,
       loading: "lazy",
       decoding: "async",
-      onError: () => setFailed(true),
+      onError: () => setAttempt((n) => n + 1),
       "aria-hidden": true
     }
   );
@@ -1701,7 +1705,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 +1735,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 +1753,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 +1767,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,45 +1807,6 @@ 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;
-}
-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
-    }
-  ) });
-}
 var COPIED_FOR = 1600;
 var CLIPBOARD_TIMEOUT = 400;
 async function writeClipboard(text) {
@@ -1867,38 +1832,78 @@ 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 })
     }
   );
 }
+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 (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];
@@ -1912,16 +1917,16 @@ function CodeBlock({
   copyClass,
   codeCopy
 }) {
-  const { language, code } = React7.useMemo(() => fencedCode(children), [children]);
+  const { language, code } = React8.useMemo(() => fencedCode(children), [children]);
   const highlighted = useHighlight(code, language);
   const lines = 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("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)) }) })
@@ -2014,7 +2019,7 @@ function Markdown({
   const cited = sources ?? fromMessage;
   const copy = codeCopy ?? fromProvider ?? true;
   const Link = linkComponent ?? providerLink;
-  const components = React7.useMemo(
+  const components = React8.useMemo(
     () => elementsFor({
       sources: cited,
       canResolve,
@@ -2025,7 +2030,7 @@ function Markdown({
     }),
     [cited, canResolve, cn.citationMarker, cn.copyButton, copy, Link]
   );
-  const text = React7.useMemo(() => linkCitations(content, cited), [content, cited]);
+  const text = React8.useMemo(() => linkCitations(content, cited), [content, cited]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     streamdown.Streamdown,
     {
@@ -2049,7 +2054,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;
@@ -2286,7 +2291,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 +2336,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);
@@ -2468,22 +2473,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 +2496,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 +2569,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 +2586,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 +2640,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 +2654,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]
   );
@@ -2687,7 +2708,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 +2736,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 +2751,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 +2769,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 +3040,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 +3192,14 @@ function SessionList({
   ] });
 }
 function AgnoChat(props) {
-  const client = React7.useMemo(
+  const client = React8.useMemo(
     () => props.client ?? new chunk55HQJGLP_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);
@@ -3194,10 +3216,10 @@ function AgnoChat(props) {
   const entity = props.entity ?? selected;
   const chat = useAgnoChat({ client, entity, userId: props.userId });
   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 +3234,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 +3359,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 +3405,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 +3437,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(
@@ -3485,9 +3507,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 +3543,7 @@ exports.ChevronDown = ChevronDown;
 exports.Citations = Citations;
 exports.Close = Close;
 exports.Copy = Copy;
+exports.CopyButton = CopyButton;
 exports.EntityBadge = EntityBadge;
 exports.EntitySelector = EntitySelector;
 exports.EventLog = EventLog;
@@ -3541,6 +3564,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 +3590,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 +3611,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-3IEYJIYJ.cjs.map
+//# sourceMappingURL=chunk-3IEYJIYJ.cjs.map