@rodrigocoliveira/agno-react 2.0.0 → 2.1.0

package/dist/index.mjs

@@ -61,509 +61,6 @@ function ToolHandlerProvider({ handlers: initialHandlers = {}, children }) {
 function useToolHandlers() {
   return useContext2(ToolHandlerContext);
 }
-// src/components/GenerativeUIRenderer.tsx
-import React3 from "react";
-
-// src/utils/component-registry.ts
-class ComponentRegistry {
-  static instance;
-  components = new Map;
-  constructor() {}
-  static getInstance() {
-    if (!ComponentRegistry.instance) {
-      ComponentRegistry.instance = new ComponentRegistry;
-    }
-    return ComponentRegistry.instance;
-  }
-  register(type, renderer) {
-    this.components.set(type, renderer);
-  }
-  registerBatch(components) {
-    Object.entries(components).forEach(([type, renderer]) => {
-      this.register(type, renderer);
-    });
-  }
-  get(type) {
-    return this.components.get(type);
-  }
-  has(type) {
-    return this.components.has(type);
-  }
-  unregister(type) {
-    this.components.delete(type);
-  }
-  getRegisteredTypes() {
-    return Array.from(this.components.keys());
-  }
-  clear() {
-    this.components.clear();
-  }
-}
-function getComponentRegistry() {
-  return ComponentRegistry.getInstance();
-}
-function registerChartComponent(name, renderer) {
-  getComponentRegistry().register(`chart:${name}`, renderer);
-}
-function getChartComponent(name) {
-  return getComponentRegistry().get(`chart:${name}`);
-}
-
-// src/hooks/useAgnoToolExecution.ts
-import { useState as useState2, useEffect as useEffect2, useCallback as useCallback2, useMemo as useMemo2 } from "react";
-var customRenderRegistry = new Map;
-function registerCustomRender(renderFn) {
-  const key = `custom-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-  customRenderRegistry.set(key, renderFn);
-  return key;
-}
-function getCustomRender(key) {
-  return customRenderRegistry.get(key);
-}
-function isToolHandlerResult(value) {
-  return value && typeof value === "object" && (("data" in value) || ("ui" in value));
-}
-function isUIComponentSpec(value) {
-  return value && typeof value === "object" && "type" in value;
-}
-function processToolResult(result, _tool) {
-  if (isToolHandlerResult(result)) {
-    const { data, ui } = result;
-    let uiComponent = undefined;
-    if (ui) {
-      if (ui.type === "custom" && typeof ui.render === "function") {
-        const renderKey = registerCustomRender(ui.render);
-        uiComponent = {
-          ...ui,
-          renderKey,
-          render: undefined
-        };
-      } else {
-        uiComponent = ui;
-      }
-    }
-    return {
-      resultData: typeof data === "string" ? data : JSON.stringify(data),
-      uiComponent
-    };
-  }
-  if (isUIComponentSpec(result)) {
-    let uiComponent;
-    if (result.type === "custom" && typeof result.render === "function") {
-      const renderKey = registerCustomRender(result.render);
-      uiComponent = {
-        ...result,
-        renderKey,
-        render: undefined
-      };
-    } else {
-      uiComponent = result;
-    }
-    return {
-      resultData: JSON.stringify(result),
-      uiComponent
-    };
-  }
-  return {
-    resultData: typeof result === "string" ? result : JSON.stringify(result),
-    uiComponent: undefined
-  };
-}
-function useAgnoToolExecution(handlers = {}, autoExecute = true, options) {
-  const client = useAgnoClient();
-  const toolHandlerContext = useToolHandlers();
-  const isTeamMode = client.getConfig().mode === "team";
-  useEffect2(() => {
-    if (isTeamMode) {
-      console.warn("[useAgnoToolExecution] HITL (Human-in-the-Loop) frontend tool execution is not supported for teams. " + "Only agents support the continue endpoint. This hook will not function in team mode.");
-    }
-  }, [isTeamMode]);
-  const mergedHandlers = useMemo2(() => {
-    const globalHandlers = toolHandlerContext?.handlers || {};
-    return { ...globalHandlers, ...handlers };
-  }, [toolHandlerContext?.handlers, handlers]);
-  const [pendingTools, setPendingTools] = useState2([]);
-  const [isPaused, setIsPaused] = useState2(false);
-  const [isExecuting, setIsExecuting] = useState2(false);
-  const [executionError, setExecutionError] = useState2();
-  useEffect2(() => {
-    if (isTeamMode) {
-      return;
-    }
-    const handleRunPaused = (event) => {
-      setIsPaused(true);
-      setPendingTools(event.tools);
-      setExecutionError(undefined);
-    };
-    const handleRunContinued = () => {
-      setIsPaused(false);
-      setPendingTools([]);
-      setIsExecuting(false);
-      setExecutionError(undefined);
-    };
-    client.on("run:paused", handleRunPaused);
-    client.on("run:continued", handleRunContinued);
-    return () => {
-      client.off("run:paused", handleRunPaused);
-      client.off("run:continued", handleRunContinued);
-    };
-  }, [client, isTeamMode]);
-  const executeAndContinue = useCallback2(async () => {
-    if (!isPaused || pendingTools.length === 0) {
-      console.warn("[useAgnoToolExecution] Cannot execute: no pending tools");
-      return;
-    }
-    setIsExecuting(true);
-    setExecutionError(undefined);
-    try {
-      const updatedTools = await Promise.all(pendingTools.map(async (tool) => {
-        const handler = mergedHandlers[tool.tool_name];
-        if (!handler) {
-          return {
-            ...tool,
-            result: JSON.stringify({
-              error: `No handler registered for ${tool.tool_name}`
-            })
-          };
-        }
-        try {
-          const result = await handler(tool.tool_args);
-          const { resultData, uiComponent } = processToolResult(result, tool);
-          return {
-            ...tool,
-            result: resultData,
-            ui_component: uiComponent
-          };
-        } catch (error) {
-          return {
-            ...tool,
-            result: JSON.stringify({
-              error: error instanceof Error ? error.message : String(error)
-            })
-          };
-        }
-      }));
-      const toolsWithUI = updatedTools.filter((t) => t.ui_component);
-      if (toolsWithUI.length > 0) {
-        client.emit("ui:render", {
-          tools: updatedTools,
-          runId: client.getState().pausedRunId
-        });
-      }
-      client.addToolCallsToLastMessage(updatedTools);
-      await client.continueRun(updatedTools);
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : String(error);
-      setExecutionError(errorMessage);
-      setIsExecuting(false);
-      throw error;
-    }
-  }, [client, mergedHandlers, isPaused, pendingTools]);
-  useEffect2(() => {
-    const handleSessionLoaded = async (_sessionId) => {
-      const messages = client.getMessages();
-      for (const message of messages) {
-        if (!message.tool_calls)
-          continue;
-        for (const tool of message.tool_calls) {
-          if (tool.ui_component)
-            continue;
-          if (options?.skipHydration?.includes(tool.tool_name))
-            continue;
-          const handler = mergedHandlers[tool.tool_name];
-          if (!handler)
-            continue;
-          try {
-            const result = await handler(tool.tool_args);
-            const { uiComponent } = processToolResult(result, tool);
-            if (uiComponent) {
-              client.hydrateToolCallUI(tool.tool_call_id, uiComponent);
-            }
-          } catch (err) {
-            console.error(`Failed to hydrate UI for ${tool.tool_name}:`, err);
-          }
-        }
-      }
-    };
-    client.on("session:loaded", handleSessionLoaded);
-    return () => {
-      client.off("session:loaded", handleSessionLoaded);
-    };
-  }, [client, mergedHandlers]);
-  const executeTools = useCallback2(async (tools) => {
-    return Promise.all(tools.map(async (tool) => {
-      const handler = mergedHandlers[tool.tool_name];
-      if (!handler)
-        return tool;
-      try {
-        const result = await handler(tool.tool_args);
-        const { resultData, uiComponent } = processToolResult(result, tool);
-        return {
-          ...tool,
-          result: resultData,
-          ui_component: uiComponent
-        };
-      } catch (error) {
-        return {
-          ...tool,
-          result: JSON.stringify({
-            error: error instanceof Error ? error.message : String(error)
-          })
-        };
-      }
-    }));
-  }, [mergedHandlers]);
-  const continueWithResults = useCallback2(async (tools, options2) => {
-    if (!isPaused) {
-      throw new Error("No paused run to continue");
-    }
-    setIsExecuting(true);
-    try {
-      await client.continueRun(tools, options2);
-    } catch (error) {
-      setIsExecuting(false);
-      throw error;
-    }
-  }, [client, isPaused]);
-  useEffect2(() => {
-    if (autoExecute && isPaused && !isExecuting && pendingTools.length > 0) {
-      executeAndContinue();
-    }
-  }, [autoExecute, isPaused, isExecuting, pendingTools.length, executeAndContinue]);
-  return {
-    isPaused,
-    isExecuting,
-    pendingTools,
-    executeAndContinue,
-    executeTools,
-    continueWithResults,
-    executionError
-  };
-}
-
-// src/components/GenerativeUIRenderer.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-
-class UIErrorBoundary extends React3.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError(error) {
-    return { hasError: true, error };
-  }
-  componentDidCatch(error, errorInfo) {
-    console.error("[GenerativeUIRenderer] Error rendering component:", error, errorInfo);
-    this.props.onError?.(error);
-  }
-  render() {
-    if (this.state.hasError) {
-      return this.props.fallback || /* @__PURE__ */ jsxs("div", {
-        className: "p-4 border border-red-300 rounded-md bg-red-50 text-red-800",
-        children: [
-          /* @__PURE__ */ jsx3("p", {
-            className: "font-semibold",
-            children: "Failed to render UI component"
-          }),
-          /* @__PURE__ */ jsx3("p", {
-            className: "text-sm mt-1",
-            children: this.state.error?.message || "Unknown error"
-          })
-        ]
-      });
-    }
-    return this.props.children;
-  }
-}
-function GenerativeUIRenderer({
-  spec,
-  className,
-  onError
-}) {
-  const registry = getComponentRegistry();
-  if (spec.type === "custom") {
-    const customSpec = spec;
-    if (customSpec.renderKey) {
-      const renderFn = getCustomRender(customSpec.renderKey);
-      if (renderFn) {
-        return /* @__PURE__ */ jsx3(UIErrorBoundary, {
-          onError,
-          children: /* @__PURE__ */ jsx3("div", {
-            className,
-            children: renderFn(customSpec.props || {})
-          })
-        });
-      }
-    }
-    return /* @__PURE__ */ jsxs("div", {
-      className: `p-4 border border-yellow-300 rounded-md bg-yellow-50 text-yellow-800 ${className || ""}`,
-      children: [
-        /* @__PURE__ */ jsx3("p", {
-          className: "font-semibold",
-          children: "Custom component not available"
-        }),
-        /* @__PURE__ */ jsx3("p", {
-          className: "text-sm mt-1",
-          children: "The custom render function for this component is not available."
-        })
-      ]
-    });
-  }
-  if (spec.type === "chart") {
-    const chartSpec = spec;
-    const chartType = `chart:${chartSpec.component}`;
-    if (registry.has(chartType)) {
-      const ChartRenderer = registry.get(chartType);
-      return /* @__PURE__ */ jsx3(UIErrorBoundary, {
-        onError,
-        children: /* @__PURE__ */ jsxs("div", {
-          className,
-          children: [
-            chartSpec.title && /* @__PURE__ */ jsx3("h3", {
-              className: "font-semibold mb-2",
-              children: chartSpec.title
-            }),
-            chartSpec.description && /* @__PURE__ */ jsx3("p", {
-              className: "text-sm text-gray-600 mb-4",
-              children: chartSpec.description
-            }),
-            /* @__PURE__ */ jsx3(ChartRenderer, {
-              ...chartSpec.props
-            })
-          ]
-        })
-      });
-    }
-    return /* @__PURE__ */ jsxs("div", {
-      className: `p-4 border border-gray-300 rounded-md ${className || ""}`,
-      children: [
-        /* @__PURE__ */ jsx3("p", {
-          className: "font-semibold mb-2",
-          children: chartSpec.title || "Chart Data"
-        }),
-        chartSpec.description && /* @__PURE__ */ jsx3("p", {
-          className: "text-sm text-gray-600 mb-2",
-          children: chartSpec.description
-        }),
-        /* @__PURE__ */ jsx3("pre", {
-          className: "text-xs bg-gray-100 p-2 rounded overflow-auto",
-          children: JSON.stringify(chartSpec.props.data, null, 2)
-        })
-      ]
-    });
-  }
-  if (spec.type === "card-grid") {
-    const cardGridSpec = spec;
-    if (registry.has("card-grid")) {
-      const CardGridRenderer = registry.get("card-grid");
-      return /* @__PURE__ */ jsx3(UIErrorBoundary, {
-        onError,
-        children: /* @__PURE__ */ jsxs("div", {
-          className,
-          children: [
-            cardGridSpec.title && /* @__PURE__ */ jsx3("h3", {
-              className: "font-semibold mb-2",
-              children: cardGridSpec.title
-            }),
-            cardGridSpec.description && /* @__PURE__ */ jsx3("p", {
-              className: "text-sm text-gray-600 mb-4",
-              children: cardGridSpec.description
-            }),
-            /* @__PURE__ */ jsx3(CardGridRenderer, {
-              ...cardGridSpec.props
-            })
-          ]
-        })
-      });
-    }
-  }
-  if (spec.type === "table") {
-    const tableSpec = spec;
-    if (registry.has("table")) {
-      const TableRenderer = registry.get("table");
-      return /* @__PURE__ */ jsx3(UIErrorBoundary, {
-        onError,
-        children: /* @__PURE__ */ jsxs("div", {
-          className,
-          children: [
-            tableSpec.title && /* @__PURE__ */ jsx3("h3", {
-              className: "font-semibold mb-2",
-              children: tableSpec.title
-            }),
-            tableSpec.description && /* @__PURE__ */ jsx3("p", {
-              className: "text-sm text-gray-600 mb-4",
-              children: tableSpec.description
-            }),
-            /* @__PURE__ */ jsx3(TableRenderer, {
-              ...tableSpec.props
-            })
-          ]
-        })
-      });
-    }
-  }
-  if (spec.type === "markdown") {
-    const markdownSpec = spec;
-    if (registry.has("markdown")) {
-      const MarkdownRenderer = registry.get("markdown");
-      return /* @__PURE__ */ jsx3(UIErrorBoundary, {
-        onError,
-        children: /* @__PURE__ */ jsx3("div", {
-          className,
-          children: /* @__PURE__ */ jsx3(MarkdownRenderer, {
-            ...markdownSpec.props
-          })
-        })
-      });
-    }
-    return /* @__PURE__ */ jsx3("div", {
-      className,
-      children: markdownSpec.props.content
-    });
-  }
-  if (spec.type === "artifact") {
-    const artifactSpec = spec;
-    return /* @__PURE__ */ jsx3(UIErrorBoundary, {
-      onError,
-      children: /* @__PURE__ */ jsxs("div", {
-        className: `p-4 border rounded-md ${className || ""}`,
-        children: [
-          artifactSpec.title && /* @__PURE__ */ jsx3("h3", {
-            className: "font-semibold mb-4",
-            children: artifactSpec.title
-          }),
-          artifactSpec.description && /* @__PURE__ */ jsx3("p", {
-            className: "text-sm text-gray-600 mb-4",
-            children: artifactSpec.description
-          }),
-          /* @__PURE__ */ jsx3("div", {
-            className: "space-y-4",
-            children: artifactSpec.props.content?.map((childSpec, index) => /* @__PURE__ */ jsx3(GenerativeUIRenderer, {
-              spec: childSpec,
-              onError
-            }, index))
-          })
-        ]
-      })
-    });
-  }
-  return /* @__PURE__ */ jsxs("div", {
-    className: `p-4 border border-gray-300 rounded-md ${className || ""}`,
-    children: [
-      /* @__PURE__ */ jsx3("p", {
-        className: "font-semibold",
-        children: "Unsupported UI component"
-      }),
-      /* @__PURE__ */ jsxs("p", {
-        className: "text-sm text-gray-600 mt-1",
-        children: [
-          "Component type: ",
-          spec.type
-        ]
-      })
-    ]
-  });
-}
 // src/utils/ui-helpers.ts
 function createBarChart(data, xKey, bars, options) {
   return {
@@ -768,12 +265,12 @@ function resultWithTable(data, columns, options) {
   return createToolResult(data, createTable(data, columns, options));
 }
 // src/hooks/useAgnoChat.ts
-import { useState as useState3, useEffect as useEffect3, useCallback as useCallback3 } from "react";
+import { useState as useState2, useEffect as useEffect2, useCallback as useCallback2 } from "react";
 function useAgnoChat() {
   const client = useAgnoClient();
-  const [messages, setMessages] = useState3(client.getMessages());
-  const [state, setState] = useState3(client.getState());
-  useEffect3(() => {
+  const [messages, setMessages] = useState2(client.getMessages());
+  const [state, setState] = useState2(client.getState());
+  useEffect2(() => {
     const handleMessageUpdate = (updatedMessages) => {
       setMessages(updatedMessages);
     };
@@ -812,18 +309,18 @@ function useAgnoChat() {
       client.off("run:cancelled", handleRunCancelled);
     };
   }, [client]);
-  const sendMessage = useCallback3(async (message, options) => {
+  const sendMessage = useCallback2(async (message, options) => {
     try {
       await client.sendMessage(message, options);
     } catch (err) {
       throw err;
     }
   }, [client]);
-  const clearMessages = useCallback3(() => {
+  const clearMessages = useCallback2(() => {
     client.clearMessages();
     setMessages([]);
   }, [client]);
-  const cancelRun = useCallback3(async () => {
+  const cancelRun = useCallback2(async () => {
     await client.cancelRun();
   }, [client]);
   return {
@@ -841,14 +338,14 @@ function useAgnoChat() {
   };
 }
 // src/hooks/useAgnoSession.ts
-import { useState as useState4, useEffect as useEffect4, useCallback as useCallback4 } from "react";
+import { useState as useState3, useEffect as useEffect3, useCallback as useCallback3 } from "react";
 function useAgnoSession() {
   const client = useAgnoClient();
-  const [sessions, setSessions] = useState4([]);
-  const [currentSessionId, setCurrentSessionId] = useState4(client.getConfig().sessionId);
-  const [isLoading, setIsLoading] = useState4(false);
-  const [error, setError] = useState4();
-  useEffect4(() => {
+  const [sessions, setSessions] = useState3([]);
+  const [currentSessionId, setCurrentSessionId] = useState3(client.getConfig().sessionId);
+  const [isLoading, setIsLoading] = useState3(false);
+  const [error, setError] = useState3();
+  useEffect3(() => {
     const handleSessionLoaded = (sessionId) => {
       setCurrentSessionId(sessionId);
     };
@@ -872,7 +369,7 @@ function useAgnoSession() {
       client.off("state:change", handleStateChange);
     };
   }, [client]);
-  const loadSession = useCallback4(async (sessionId, options) => {
+  const loadSession = useCallback3(async (sessionId, options) => {
     setIsLoading(true);
     setError(undefined);
     try {
@@ -887,7 +384,7 @@ function useAgnoSession() {
       setIsLoading(false);
     }
   }, [client]);
-  const fetchSessions = useCallback4(async (options) => {
+  const fetchSessions = useCallback3(async (options) => {
     setIsLoading(true);
     setError(undefined);
     try {
@@ -902,7 +399,7 @@ function useAgnoSession() {
       setIsLoading(false);
     }
   }, [client]);
-  const getSessionById = useCallback4(async (sessionId, options) => {
+  const getSessionById = useCallback3(async (sessionId, options) => {
     setIsLoading(true);
     setError(undefined);
     try {
@@ -915,7 +412,7 @@ function useAgnoSession() {
       setIsLoading(false);
     }
   }, [client]);
-  const getRunById = useCallback4(async (sessionId, runId, options) => {
+  const getRunById = useCallback3(async (sessionId, runId, options) => {
     setIsLoading(true);
     setError(undefined);
     try {
@@ -928,7 +425,7 @@ function useAgnoSession() {
       setIsLoading(false);
     }
   }, [client]);
-  const createSession = useCallback4(async (request, options) => {
+  const createSession = useCallback3(async (request, options) => {
     setIsLoading(true);
     setError(undefined);
     try {
@@ -942,7 +439,7 @@ function useAgnoSession() {
       setIsLoading(false);
     }
   }, [client]);
-  const updateSession = useCallback4(async (sessionId, request, options) => {
+  const updateSession = useCallback3(async (sessionId, request, options) => {
     setIsLoading(true);
     setError(undefined);
     try {
@@ -955,7 +452,7 @@ function useAgnoSession() {
       setIsLoading(false);
     }
   }, [client]);
-  const renameSession = useCallback4(async (sessionId, newName, options) => {
+  const renameSession = useCallback3(async (sessionId, newName, options) => {
     setIsLoading(true);
     setError(undefined);
     try {
@@ -968,7 +465,7 @@ function useAgnoSession() {
       setIsLoading(false);
     }
   }, [client]);
-  const deleteSession = useCallback4(async (sessionId, options) => {
+  const deleteSession = useCallback3(async (sessionId, options) => {
     setIsLoading(true);
     setError(undefined);
     try {
@@ -981,7 +478,7 @@ function useAgnoSession() {
       setIsLoading(false);
     }
   }, [client]);
-  const deleteMultipleSessions = useCallback4(async (sessionIds, options) => {
+  const deleteMultipleSessions = useCallback3(async (sessionIds, options) => {
     setIsLoading(true);
     setError(undefined);
     try {
@@ -993,84 +490,282 @@ function useAgnoSession() {
     } finally {
       setIsLoading(false);
     }
-  }, [client]);
-  return {
-    sessions,
-    currentSessionId,
-    loadSession,
-    fetchSessions,
-    getSessionById,
-    getRunById,
-    createSession,
-    updateSession,
-    renameSession,
-    deleteSession,
-    deleteMultipleSessions,
-    isLoading,
-    error
-  };
-}
-// src/hooks/useAgnoActions.ts
-import { useState as useState5, useCallback as useCallback5 } from "react";
-function useAgnoActions() {
-  const client = useAgnoClient();
-  const [isInitializing, setIsInitializing] = useState5(false);
-  const [error, setError] = useState5();
-  const initialize = useCallback5(async (options) => {
-    setIsInitializing(true);
-    setError(undefined);
+  }, [client]);
+  return {
+    sessions,
+    currentSessionId,
+    loadSession,
+    fetchSessions,
+    getSessionById,
+    getRunById,
+    createSession,
+    updateSession,
+    renameSession,
+    deleteSession,
+    deleteMultipleSessions,
+    isLoading,
+    error
+  };
+}
+// src/hooks/useAgnoActions.ts
+import { useState as useState4, useCallback as useCallback4 } from "react";
+function useAgnoActions() {
+  const client = useAgnoClient();
+  const [isInitializing, setIsInitializing] = useState4(false);
+  const [error, setError] = useState4();
+  const initialize = useCallback4(async (options) => {
+    setIsInitializing(true);
+    setError(undefined);
+    try {
+      const result = await client.initialize(options);
+      return result;
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : String(err);
+      setError(errorMessage);
+      throw err;
+    } finally {
+      setIsInitializing(false);
+    }
+  }, [client]);
+  const checkStatus = useCallback4(async (options) => {
+    setError(undefined);
+    try {
+      return await client.checkStatus(options);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : String(err);
+      setError(errorMessage);
+      return false;
+    }
+  }, [client]);
+  const fetchAgents = useCallback4(async (options) => {
+    setError(undefined);
+    try {
+      return await client.fetchAgents(options);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : String(err);
+      setError(errorMessage);
+      throw err;
+    }
+  }, [client]);
+  const fetchTeams = useCallback4(async (options) => {
+    setError(undefined);
+    try {
+      return await client.fetchTeams(options);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : String(err);
+      setError(errorMessage);
+      throw err;
+    }
+  }, [client]);
+  const updateConfig = useCallback4((updates) => {
+    client.updateConfig(updates);
+  }, [client]);
+  return {
+    initialize,
+    checkStatus,
+    fetchAgents,
+    fetchTeams,
+    updateConfig,
+    isInitializing,
+    error
+  };
+}
+// src/hooks/useAgnoToolExecution.ts
+import { useState as useState5, useEffect as useEffect4, useCallback as useCallback5, useMemo as useMemo2 } from "react";
+function isToolHandlerResult(value) {
+  return value && typeof value === "object" && (("data" in value) || ("ui" in value));
+}
+function isUIComponentSpec(value) {
+  return value && typeof value === "object" && "type" in value;
+}
+function processToolResult(result, _tool) {
+  if (isToolHandlerResult(result)) {
+    const { data, ui } = result;
+    return {
+      resultData: typeof data === "string" ? data : JSON.stringify(data),
+      uiComponent: ui
+    };
+  }
+  if (isUIComponentSpec(result)) {
+    return {
+      resultData: JSON.stringify(result),
+      uiComponent: result
+    };
+  }
+  return {
+    resultData: typeof result === "string" ? result : JSON.stringify(result),
+    uiComponent: undefined
+  };
+}
+function useAgnoToolExecution(handlers = {}, autoExecute = true, options) {
+  const client = useAgnoClient();
+  const toolHandlerContext = useToolHandlers();
+  const isTeamMode = client.getConfig().mode === "team";
+  useEffect4(() => {
+    if (isTeamMode) {
+      console.warn("[useAgnoToolExecution] HITL (Human-in-the-Loop) frontend tool execution is not supported for teams. " + "Only agents support the continue endpoint. This hook will not function in team mode.");
+    }
+  }, [isTeamMode]);
+  const mergedHandlers = useMemo2(() => {
+    const globalHandlers = toolHandlerContext?.handlers || {};
+    return { ...globalHandlers, ...handlers };
+  }, [toolHandlerContext?.handlers, handlers]);
+  const [pendingTools, setPendingTools] = useState5([]);
+  const [isPaused, setIsPaused] = useState5(false);
+  const [isExecuting, setIsExecuting] = useState5(false);
+  const [executionError, setExecutionError] = useState5();
+  useEffect4(() => {
+    if (isTeamMode) {
+      return;
+    }
+    const handleRunPaused = (event) => {
+      setIsPaused(true);
+      setPendingTools(event.tools);
+      setExecutionError(undefined);
+    };
+    const handleRunContinued = () => {
+      setIsPaused(false);
+      setPendingTools([]);
+      setIsExecuting(false);
+      setExecutionError(undefined);
+    };
+    client.on("run:paused", handleRunPaused);
+    client.on("run:continued", handleRunContinued);
+    return () => {
+      client.off("run:paused", handleRunPaused);
+      client.off("run:continued", handleRunContinued);
+    };
+  }, [client, isTeamMode]);
+  const executeAndContinue = useCallback5(async () => {
+    if (!isPaused || pendingTools.length === 0) {
+      console.warn("[useAgnoToolExecution] Cannot execute: no pending tools");
+      return;
+    }
+    setIsExecuting(true);
+    setExecutionError(undefined);
     try {
-      const result = await client.initialize(options);
-      return result;
-    } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : String(err);
-      setError(errorMessage);
-      throw err;
-    } finally {
-      setIsInitializing(false);
+      const updatedTools = await Promise.all(pendingTools.map(async (tool) => {
+        const handler = mergedHandlers[tool.tool_name];
+        if (!handler) {
+          return {
+            ...tool,
+            result: JSON.stringify({
+              error: `No handler registered for ${tool.tool_name}`
+            })
+          };
+        }
+        try {
+          const result = await handler(tool.tool_args);
+          const { resultData, uiComponent } = processToolResult(result, tool);
+          return {
+            ...tool,
+            result: resultData,
+            ui_component: uiComponent
+          };
+        } catch (error) {
+          return {
+            ...tool,
+            result: JSON.stringify({
+              error: error instanceof Error ? error.message : String(error)
+            })
+          };
+        }
+      }));
+      const toolsWithUI = updatedTools.filter((t) => t.ui_component);
+      if (toolsWithUI.length > 0) {
+        client.emit("ui:render", {
+          tools: updatedTools,
+          runId: client.getState().pausedRunId
+        });
+      }
+      client.addToolCallsToLastMessage(updatedTools);
+      await client.continueRun(updatedTools);
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : String(error);
+      setExecutionError(errorMessage);
+      setIsExecuting(false);
+      throw error;
     }
-  }, [client]);
-  const checkStatus = useCallback5(async (options) => {
-    setError(undefined);
-    try {
-      return await client.checkStatus(options);
-    } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : String(err);
-      setError(errorMessage);
-      return false;
+  }, [client, mergedHandlers, isPaused, pendingTools]);
+  useEffect4(() => {
+    const handleSessionLoaded = async (_sessionId) => {
+      const messages = client.getMessages();
+      for (const message of messages) {
+        if (!message.tool_calls)
+          continue;
+        for (const tool of message.tool_calls) {
+          if (tool.ui_component)
+            continue;
+          if (options?.skipToolsOnSessionLoad?.includes(tool.tool_name))
+            continue;
+          const handler = mergedHandlers[tool.tool_name];
+          if (!handler)
+            continue;
+          try {
+            const result = await handler(tool.tool_args);
+            const { uiComponent } = processToolResult(result, tool);
+            if (uiComponent) {
+              client.hydrateToolCallUI(tool.tool_call_id, uiComponent);
+            }
+          } catch (err) {
+            console.error(`Failed to hydrate UI for ${tool.tool_name}:`, err);
+          }
+        }
+      }
+    };
+    client.on("session:loaded", handleSessionLoaded);
+    return () => {
+      client.off("session:loaded", handleSessionLoaded);
+    };
+  }, [client, mergedHandlers]);
+  const executeTools = useCallback5(async (tools) => {
+    return Promise.all(tools.map(async (tool) => {
+      const handler = mergedHandlers[tool.tool_name];
+      if (!handler)
+        return tool;
+      try {
+        const result = await handler(tool.tool_args);
+        const { resultData, uiComponent } = processToolResult(result, tool);
+        return {
+          ...tool,
+          result: resultData,
+          ui_component: uiComponent
+        };
+      } catch (error) {
+        return {
+          ...tool,
+          result: JSON.stringify({
+            error: error instanceof Error ? error.message : String(error)
+          })
+        };
+      }
+    }));
+  }, [mergedHandlers]);
+  const continueWithResults = useCallback5(async (tools, options2) => {
+    if (!isPaused) {
+      throw new Error("No paused run to continue");
     }
-  }, [client]);
-  const fetchAgents = useCallback5(async (options) => {
-    setError(undefined);
+    setIsExecuting(true);
     try {
-      return await client.fetchAgents(options);
-    } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : String(err);
-      setError(errorMessage);
-      throw err;
+      await client.continueRun(tools, options2);
+    } catch (error) {
+      setIsExecuting(false);
+      throw error;
     }
-  }, [client]);
-  const fetchTeams = useCallback5(async (options) => {
-    setError(undefined);
-    try {
-      return await client.fetchTeams(options);
-    } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : String(err);
-      setError(errorMessage);
-      throw err;
+  }, [client, isPaused]);
+  useEffect4(() => {
+    if (autoExecute && isPaused && !isExecuting && pendingTools.length > 0) {
+      executeAndContinue();
     }
-  }, [client]);
-  const updateConfig = useCallback5((updates) => {
-    client.updateConfig(updates);
-  }, [client]);
+  }, [autoExecute, isPaused, isExecuting, pendingTools.length, executeAndContinue]);
   return {
-    initialize,
-    checkStatus,
-    fetchAgents,
-    fetchTeams,
-    updateConfig,
-    isInitializing,
-    error
+    isPaused,
+    isExecuting,
+    pendingTools,
+    executeAndContinue,
+    executeTools,
+    continueWithResults,
+    executionError
   };
 }
 // src/ui/composed/agno-chat/render-tool.ts
@@ -1096,7 +791,7 @@ function cn(...inputs) {
 }
 
 // src/ui/primitives/badge.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
   variants: {
     variant: {
@@ -1111,7 +806,7 @@ var badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.
   }
 });
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx3("div", {
     className: cn(badgeVariants({ variant }), className),
     ...props
   });
@@ -1135,10 +830,10 @@ import {
 import { isValidElement } from "react";
 
 // src/ui/primitives/button.tsx
-import * as React4 from "react";
+import * as React3 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var buttonVariants = cva2("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
   variants: {
     variant: {
@@ -1161,9 +856,9 @@ var buttonVariants = cva2("inline-flex items-center justify-center gap-2 whitesp
     size: "default"
   }
 });
-var Button = React4.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+var Button = React3.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx5(Comp, {
+  return /* @__PURE__ */ jsx4(Comp, {
     className: cn(buttonVariants({ variant, size, className })),
     ref,
     ...props
@@ -1180,7 +875,7 @@ import {
   useRef,
   useState as useState6
 } from "react";
-import { jsx as jsx6, jsxs as jsxs2, Fragment } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs, Fragment } from "react/jsx-runtime";
 var CodeBlockContext = createContext3({
   code: ""
 });
@@ -1232,33 +927,33 @@ var CodeBlock = ({
     });
   }, [code, language, showLineNumbers]);
   const useFallback = !html && !darkHtml;
-  return /* @__PURE__ */ jsx6(CodeBlockContext.Provider, {
+  return /* @__PURE__ */ jsx5(CodeBlockContext.Provider, {
     value: { code },
-    children: /* @__PURE__ */ jsx6("div", {
+    children: /* @__PURE__ */ jsx5("div", {
       className: cn("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", className),
       ...props,
-      children: /* @__PURE__ */ jsxs2("div", {
+      children: /* @__PURE__ */ jsxs("div", {
         className: "relative",
         children: [
-          useFallback ? /* @__PURE__ */ jsx6("pre", {
+          useFallback ? /* @__PURE__ */ jsx5("pre", {
             className: "m-0 overflow-auto bg-background p-4 text-foreground text-sm",
-            children: /* @__PURE__ */ jsx6("code", {
+            children: /* @__PURE__ */ jsx5("code", {
               className: "font-mono text-sm",
               children: code
             })
-          }) : /* @__PURE__ */ jsxs2(Fragment, {
+          }) : /* @__PURE__ */ jsxs(Fragment, {
             children: [
-              /* @__PURE__ */ jsx6("div", {
+              /* @__PURE__ */ jsx5("div", {
                 className: "overflow-hidden dark:hidden [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm",
                 dangerouslySetInnerHTML: { __html: html }
               }),
-              /* @__PURE__ */ jsx6("div", {
+              /* @__PURE__ */ jsx5("div", {
                 className: "hidden overflow-hidden dark:block [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm",
                 dangerouslySetInnerHTML: { __html: darkHtml }
               })
             ]
           }),
-          children && /* @__PURE__ */ jsx6("div", {
+          children && /* @__PURE__ */ jsx5("div", {
             className: "absolute top-2 right-2 flex items-center gap-2",
             children
           })
@@ -1269,8 +964,8 @@ var CodeBlock = ({
 };
 
 // src/ui/components/tool.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-var Tool = ({ className, ...props }) => /* @__PURE__ */ jsx7(Collapsible, {
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+var Tool = ({ className, ...props }) => /* @__PURE__ */ jsx6(Collapsible, {
   className: cn("not-prose mb-4 w-full rounded-md border", className),
   ...props
 });
@@ -1285,29 +980,29 @@ var getStatusBadge = (status) => {
     "output-denied": "Denied"
   };
   const icons = {
-    "input-streaming": /* @__PURE__ */ jsx7(CircleIcon, {
+    "input-streaming": /* @__PURE__ */ jsx6(CircleIcon, {
       className: "size-4"
     }),
-    "input-available": /* @__PURE__ */ jsx7(ClockIcon, {
+    "input-available": /* @__PURE__ */ jsx6(ClockIcon, {
       className: "size-4 animate-pulse"
     }),
-    "approval-requested": /* @__PURE__ */ jsx7(ClockIcon, {
+    "approval-requested": /* @__PURE__ */ jsx6(ClockIcon, {
       className: "size-4 text-yellow-600"
     }),
-    "approval-responded": /* @__PURE__ */ jsx7(CheckCircleIcon, {
+    "approval-responded": /* @__PURE__ */ jsx6(CheckCircleIcon, {
       className: "size-4 text-blue-600"
     }),
-    "output-available": /* @__PURE__ */ jsx7(CheckCircleIcon, {
+    "output-available": /* @__PURE__ */ jsx6(CheckCircleIcon, {
       className: "size-4 text-green-600"
     }),
-    "output-error": /* @__PURE__ */ jsx7(XCircleIcon, {
+    "output-error": /* @__PURE__ */ jsx6(XCircleIcon, {
       className: "size-4 text-red-600"
     }),
-    "output-denied": /* @__PURE__ */ jsx7(XCircleIcon, {
+    "output-denied": /* @__PURE__ */ jsx6(XCircleIcon, {
       className: "size-4 text-orange-600"
     })
   };
-  return /* @__PURE__ */ jsxs3(Badge, {
+  return /* @__PURE__ */ jsxs2(Badge, {
     className: "gap-1.5 rounded-full text-xs",
     variant: "secondary",
     children: [
@@ -1316,43 +1011,43 @@ var getStatusBadge = (status) => {
     ]
   });
 };
-var ToolHeader = ({ className, title, type, state, ...props }) => /* @__PURE__ */ jsxs3(CollapsibleTrigger2, {
+var ToolHeader = ({ className, title, type, state, ...props }) => /* @__PURE__ */ jsxs2(CollapsibleTrigger2, {
   className: cn("group flex w-full items-center justify-between gap-4 p-3", className),
   ...props,
   children: [
-    /* @__PURE__ */ jsxs3("div", {
+    /* @__PURE__ */ jsxs2("div", {
       className: "flex items-center gap-2",
       children: [
-        /* @__PURE__ */ jsx7(WrenchIcon, {
+        /* @__PURE__ */ jsx6(WrenchIcon, {
           className: "size-4 text-muted-foreground"
         }),
-        /* @__PURE__ */ jsx7("span", {
+        /* @__PURE__ */ jsx6("span", {
           className: "font-medium text-sm",
           children: title ?? type?.split("-").slice(1).join("-") ?? "Tool"
         }),
         getStatusBadge(state)
       ]
     }),
-    /* @__PURE__ */ jsx7(ChevronDownIcon, {
+    /* @__PURE__ */ jsx6(ChevronDownIcon, {
       className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180"
     })
   ]
 });
-var ToolContent = ({ className, ...props }) => /* @__PURE__ */ jsx7(CollapsibleContent2, {
+var ToolContent = ({ className, ...props }) => /* @__PURE__ */ jsx6(CollapsibleContent2, {
   className: cn("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", className),
   ...props
 });
-var ToolInput = ({ className, input, ...props }) => /* @__PURE__ */ jsxs3("div", {
+var ToolInput = ({ className, input, ...props }) => /* @__PURE__ */ jsxs2("div", {
   className: cn("space-y-2 overflow-hidden p-4", className),
   ...props,
   children: [
-    /* @__PURE__ */ jsx7("h4", {
+    /* @__PURE__ */ jsx6("h4", {
       className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
       children: "Parameters"
     }),
-    /* @__PURE__ */ jsx7("div", {
+    /* @__PURE__ */ jsx6("div", {
       className: "rounded-md bg-muted/50",
-      children: /* @__PURE__ */ jsx7(CodeBlock, {
+      children: /* @__PURE__ */ jsx6(CodeBlock, {
         code: JSON.stringify(input, null, 2),
         language: "json"
       })
@@ -1363,32 +1058,32 @@ var ToolOutput = ({ className, output, errorText, ...props }) => {
   if (!(output || errorText)) {
     return null;
   }
-  let Output = /* @__PURE__ */ jsx7("div", {
+  let Output = /* @__PURE__ */ jsx6("div", {
     children: output
   });
   if (typeof output === "object" && !isValidElement(output)) {
-    Output = /* @__PURE__ */ jsx7(CodeBlock, {
+    Output = /* @__PURE__ */ jsx6(CodeBlock, {
       code: JSON.stringify(output, null, 2),
       language: "json"
     });
   } else if (typeof output === "string") {
-    Output = /* @__PURE__ */ jsx7(CodeBlock, {
+    Output = /* @__PURE__ */ jsx6(CodeBlock, {
       code: output,
       language: "json"
     });
   }
-  return /* @__PURE__ */ jsxs3("div", {
+  return /* @__PURE__ */ jsxs2("div", {
     className: cn("space-y-2 p-4", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx7("h4", {
+      /* @__PURE__ */ jsx6("h4", {
         className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
         children: errorText ? "Error" : "Result"
       }),
-      /* @__PURE__ */ jsxs3("div", {
+      /* @__PURE__ */ jsxs2("div", {
         className: cn("overflow-x-auto rounded-md text-xs [&_table]:w-full", errorText ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground"),
         children: [
-          errorText && /* @__PURE__ */ jsx7("div", {
+          errorText && /* @__PURE__ */ jsx6("div", {
             children: errorText
           }),
           Output
@@ -1398,50 +1093,25 @@ var ToolOutput = ({ className, output, errorText, ...props }) => {
   });
 };
 
-// src/ui/primitives/tooltip.tsx
-import * as React5 from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = TooltipPrimitive.Root;
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx8(TooltipPrimitive.Portal, {
-  children: /* @__PURE__ */ jsx8(TooltipPrimitive.Content, {
-    ref,
-    sideOffset,
-    className: cn("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]", className),
-    ...props
-  })
-}));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-
-// src/ui/components/artifact.tsx
-import { XIcon } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
-var Artifact = ({ className, ...props }) => /* @__PURE__ */ jsx9("div", {
-  className: cn("flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm", className),
-  ...props
-});
-
 // src/ui/composed/agno-chat/tool-building-blocks.tsx
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 var getToolState = (tool) => tool.tool_call_error ? "output-error" : "output-available";
 function ToolDebugCard({ tool, defaultOpen }) {
   const output = tool.result ?? tool.content;
-  return /* @__PURE__ */ jsxs5(Tool, {
+  return /* @__PURE__ */ jsxs3(Tool, {
     defaultOpen,
     children: [
-      /* @__PURE__ */ jsx10(ToolHeader, {
+      /* @__PURE__ */ jsx7(ToolHeader, {
         title: tool.tool_name,
         type: "tool-use",
         state: getToolState(tool)
       }),
-      /* @__PURE__ */ jsxs5(ToolContent, {
+      /* @__PURE__ */ jsxs3(ToolContent, {
         children: [
-          /* @__PURE__ */ jsx10(ToolInput, {
+          /* @__PURE__ */ jsx7(ToolInput, {
             input: tool.tool_args
           }),
-          output ? /* @__PURE__ */ jsx10(ToolOutput, {
+          output ? /* @__PURE__ */ jsx7(ToolOutput, {
             output,
             errorText: tool.tool_call_error ? "Tool execution failed" : undefined
           }) : null
@@ -1450,24 +1120,27 @@ function ToolDebugCard({ tool, defaultOpen }) {
     ]
   });
 }
-function ToolGenerativeUI({ tool }) {
-  const uiComponent = tool.ui_component;
-  if (!uiComponent)
-    return null;
-  return uiComponent.layout === "artifact" ? /* @__PURE__ */ jsx10(Artifact, {
-    children: /* @__PURE__ */ jsx10(GenerativeUIRenderer, {
-      spec: uiComponent,
-      className: "w-full p-2"
-    })
-  }) : /* @__PURE__ */ jsx10(GenerativeUIRenderer, {
-    spec: uiComponent,
-    className: "w-full"
-  });
-}
 // src/ui/composed/agno-message/message.tsx
 import { useMemo as useMemo3, useState as useState8 } from "react";
 import { AlertCircle as AlertCircle2, FileIcon as FileIcon4, Music as Music2 } from "lucide-react";
 
+// src/ui/primitives/tooltip.tsx
+import * as React4 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx8(TooltipPrimitive.Portal, {
+  children: /* @__PURE__ */ jsx8(TooltipPrimitive.Content, {
+    ref,
+    sideOffset,
+    className: cn("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]", className),
+    ...props
+  })
+}));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
 // src/ui/lib/format-timestamp.ts
 function formatSmartTimestamp(date) {
   const now = new Date;
@@ -1504,22 +1177,22 @@ function formatFullTimestamp(date) {
 }
 
 // src/ui/components/smart-timestamp.tsx
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 function SmartTimestamp({ date, formatShort, className }) {
   const shortText = formatShort ? formatShort(date) : formatSmartTimestamp(date);
   const fullText = formatFullTimestamp(date);
-  return /* @__PURE__ */ jsx11(TooltipProvider, {
-    children: /* @__PURE__ */ jsxs6(Tooltip, {
+  return /* @__PURE__ */ jsx9(TooltipProvider, {
+    children: /* @__PURE__ */ jsxs4(Tooltip, {
       children: [
-        /* @__PURE__ */ jsx11(TooltipTrigger, {
+        /* @__PURE__ */ jsx9(TooltipTrigger, {
           asChild: true,
-          children: /* @__PURE__ */ jsx11("span", {
+          children: /* @__PURE__ */ jsx9("span", {
             className,
             children: shortText
           })
         }),
-        /* @__PURE__ */ jsx11(TooltipContent, {
-          children: /* @__PURE__ */ jsx11("p", {
+        /* @__PURE__ */ jsx9(TooltipContent, {
+          children: /* @__PURE__ */ jsx9("p", {
             children: fullText
           })
         })
@@ -1597,11 +1270,11 @@ function isPreviewable(mimeType) {
 
 // src/ui/components/file-preview-card.tsx
 import { FileIcon, Search } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function ExtBadge({ ext }) {
   if (!ext)
     return null;
-  return /* @__PURE__ */ jsx12("span", {
+  return /* @__PURE__ */ jsx10("span", {
     className: "absolute bottom-1.5 left-1.5 rounded px-1 py-0.5 text-[9px] font-semibold uppercase leading-none bg-background/80 text-muted-foreground border border-border/50 backdrop-blur-sm",
     children: ext
   });
@@ -1612,23 +1285,23 @@ function FilePreviewCard({ file, onClick, className }) {
   const ext = getFileExtension(file.name, file.type);
   const cardBase = cn("group relative flex flex-col overflow-hidden rounded-xl border border-border bg-muted/20 w-28 h-28", isClickable && "cursor-pointer hover:border-foreground/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 transition-colors", className);
   if (previewType === "image" && file.url) {
-    return /* @__PURE__ */ jsxs7("button", {
+    return /* @__PURE__ */ jsxs5("button", {
       type: "button",
       onClick,
       disabled: !isClickable,
       className: cardBase,
       children: [
-        /* @__PURE__ */ jsx12("img", {
+        /* @__PURE__ */ jsx10("img", {
           src: file.url,
           alt: file.name,
           className: "w-full h-full object-cover"
         }),
-        /* @__PURE__ */ jsx12(ExtBadge, {
+        /* @__PURE__ */ jsx10(ExtBadge, {
           ext
         }),
-        isClickable && /* @__PURE__ */ jsx12("div", {
+        isClickable && /* @__PURE__ */ jsx10("div", {
           className: "absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/30 transition-colors",
-          children: /* @__PURE__ */ jsx12(Search, {
+          children: /* @__PURE__ */ jsx10(Search, {
             className: "h-5 w-5 text-white opacity-0 group-hover:opacity-100 transition-opacity"
           })
         })
@@ -1636,66 +1309,66 @@ function FilePreviewCard({ file, onClick, className }) {
     });
   }
   if (previewType === "pdf" && file.url) {
-    return /* @__PURE__ */ jsxs7("button", {
+    return /* @__PURE__ */ jsxs5("button", {
       type: "button",
       onClick,
       disabled: !isClickable,
       className: cardBase,
       children: [
-        /* @__PURE__ */ jsx12("div", {
+        /* @__PURE__ */ jsx10("div", {
           className: "w-full h-full overflow-hidden pointer-events-none",
-          children: /* @__PURE__ */ jsx12("object", {
+          children: /* @__PURE__ */ jsx10("object", {
             data: `${file.url}#page=1&view=FitH`,
             type: "application/pdf",
             className: "w-[200%] h-[200%] origin-top-left scale-50",
             "aria-label": file.name,
-            children: /* @__PURE__ */ jsx12("div", {
+            children: /* @__PURE__ */ jsx10("div", {
               className: "flex items-center justify-center w-full h-full",
-              children: /* @__PURE__ */ jsx12(FileIcon, {
+              children: /* @__PURE__ */ jsx10(FileIcon, {
                 className: "h-8 w-8 text-muted-foreground/40"
               })
             })
           })
         }),
-        /* @__PURE__ */ jsx12(ExtBadge, {
+        /* @__PURE__ */ jsx10(ExtBadge, {
           ext
         }),
-        isClickable && /* @__PURE__ */ jsx12("div", {
+        isClickable && /* @__PURE__ */ jsx10("div", {
           className: "absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/10 transition-colors",
-          children: /* @__PURE__ */ jsx12(Search, {
+          children: /* @__PURE__ */ jsx10(Search, {
             className: "h-5 w-5 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity"
           })
         })
       ]
     });
   }
-  return /* @__PURE__ */ jsxs7("button", {
+  return /* @__PURE__ */ jsxs5("button", {
     type: "button",
     onClick,
     disabled: !isClickable,
     className: cardBase,
     children: [
-      /* @__PURE__ */ jsx12("div", {
+      /* @__PURE__ */ jsx10("div", {
         className: "flex-1 flex items-center justify-center",
-        children: /* @__PURE__ */ jsx12(FileIcon, {
+        children: /* @__PURE__ */ jsx10(FileIcon, {
           className: "h-8 w-8 text-muted-foreground/40"
         })
       }),
-      /* @__PURE__ */ jsxs7("div", {
+      /* @__PURE__ */ jsxs5("div", {
         className: "w-full text-center min-w-0 px-2 pb-2 space-y-0.5",
         children: [
-          /* @__PURE__ */ jsx12("p", {
+          /* @__PURE__ */ jsx10("p", {
             className: "text-[10px] text-foreground truncate leading-tight",
             title: file.name,
             children: file.name
           }),
-          file.size != null && file.size > 0 && /* @__PURE__ */ jsx12("p", {
+          file.size != null && file.size > 0 && /* @__PURE__ */ jsx10("p", {
             className: "text-[9px] text-muted-foreground leading-tight",
             children: formatFileSize(file.size)
           })
         ]
       }),
-      /* @__PURE__ */ jsx12(ExtBadge, {
+      /* @__PURE__ */ jsx10(ExtBadge, {
         ext
       })
     ]
@@ -1703,14 +1376,14 @@ function FilePreviewCard({ file, onClick, className }) {
 }
 
 // src/ui/primitives/dialog.tsx
-import * as React6 from "react";
+import * as React5 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { cva as cva3 } from "class-variance-authority";
 import { X } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(DialogPrimitive.Overlay, {
+var DialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(DialogPrimitive.Overlay, {
   ref,
   className: cn("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
   ...props
@@ -1727,22 +1400,22 @@ var dialogContentVariants = cva3("fixed left-[50%] top-[50%] z-50 grid translate
     variant: "default"
   }
 });
-var DialogContent = React6.forwardRef(({ className, variant, children, ...props }, ref) => /* @__PURE__ */ jsxs8(DialogPortal, {
+var DialogContent = React5.forwardRef(({ className, variant, children, ...props }, ref) => /* @__PURE__ */ jsxs6(DialogPortal, {
   children: [
-    /* @__PURE__ */ jsx13(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs8(DialogPrimitive.Content, {
+    /* @__PURE__ */ jsx11(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs6(DialogPrimitive.Content, {
       ref,
       className: cn(dialogContentVariants({ variant }), className),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs8(DialogPrimitive.Close, {
+        /* @__PURE__ */ jsxs6(DialogPrimitive.Close, {
           className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
           children: [
-            /* @__PURE__ */ jsx13(X, {
+            /* @__PURE__ */ jsx11(X, {
               className: "h-4 w-4"
             }),
-            /* @__PURE__ */ jsx13("span", {
+            /* @__PURE__ */ jsx11("span", {
               className: "sr-only",
               children: "Close"
             })
@@ -1753,23 +1426,23 @@ var DialogContent = React6.forwardRef(({ className, variant, children, ...props
   ]
 }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx13("div", {
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx11("div", {
   className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
   ...props
 });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx13("div", {
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx11("div", {
   className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
   ...props
 });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(DialogPrimitive.Title, {
+var DialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(DialogPrimitive.Title, {
   ref,
   className: cn("text-lg font-semibold leading-none tracking-tight", className),
   ...props
 }));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(DialogPrimitive.Description, {
+var DialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(DialogPrimitive.Description, {
   ref,
   className: cn("text-sm text-muted-foreground", className),
   ...props
@@ -1778,56 +1451,56 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/ui/components/file-preview-modal.tsx
 import { Download, FileIcon as FileIcon2 } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 function FilePreviewModal({ open, onOpenChange, file }) {
   if (!file)
     return null;
   const previewType = getFilePreviewType(file.type);
   const canPreview = isPreviewable(file.type) && !!file.url;
-  return /* @__PURE__ */ jsx14(Dialog, {
+  return /* @__PURE__ */ jsx12(Dialog, {
     open,
     onOpenChange,
-    children: previewType === "image" && file.url ? /* @__PURE__ */ jsxs9(DialogContent, {
+    children: previewType === "image" && file.url ? /* @__PURE__ */ jsxs7(DialogContent, {
       variant: "lightbox",
       "aria-describedby": undefined,
       children: [
-        /* @__PURE__ */ jsx14(DialogTitle, {
+        /* @__PURE__ */ jsx12(DialogTitle, {
           className: "sr-only",
           children: file.name
         }),
-        /* @__PURE__ */ jsx14("img", {
+        /* @__PURE__ */ jsx12("img", {
           src: file.url,
           alt: file.name,
           className: "max-h-[85vh] max-w-full object-contain rounded-md"
         })
       ]
-    }) : previewType === "pdf" && file.url ? /* @__PURE__ */ jsxs9(DialogContent, {
+    }) : previewType === "pdf" && file.url ? /* @__PURE__ */ jsxs7(DialogContent, {
       variant: "lightbox",
       className: "w-[80vw] h-[85vh]",
       "aria-describedby": undefined,
       children: [
-        /* @__PURE__ */ jsx14(DialogTitle, {
+        /* @__PURE__ */ jsx12(DialogTitle, {
           className: "sr-only",
           children: file.name
         }),
-        /* @__PURE__ */ jsx14("object", {
+        /* @__PURE__ */ jsx12("object", {
           data: file.url,
           type: "application/pdf",
           className: "w-full h-full rounded-md",
-          children: /* @__PURE__ */ jsxs9("div", {
+          children: /* @__PURE__ */ jsxs7("div", {
             className: "flex flex-col items-center justify-center h-full gap-3 text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsx14("p", {
+              /* @__PURE__ */ jsx12("p", {
                 className: "text-sm",
                 children: "Unable to display PDF"
               }),
-              /* @__PURE__ */ jsxs9("a", {
+              /* @__PURE__ */ jsxs7("a", {
                 href: file.url,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 className: "inline-flex items-center gap-1.5 text-sm text-primary hover:underline",
                 children: [
-                  /* @__PURE__ */ jsx14(Download, {
+                  /* @__PURE__ */ jsx12(Download, {
                     className: "h-4 w-4"
                   }),
                   "Download ",
@@ -1838,48 +1511,48 @@ function FilePreviewModal({ open, onOpenChange, file }) {
           })
         })
       ]
-    }) : /* @__PURE__ */ jsxs9(DialogContent, {
+    }) : /* @__PURE__ */ jsxs7(DialogContent, {
       children: [
-        /* @__PURE__ */ jsxs9(DialogHeader, {
+        /* @__PURE__ */ jsxs7(DialogHeader, {
           children: [
-            /* @__PURE__ */ jsxs9(DialogTitle, {
+            /* @__PURE__ */ jsxs7(DialogTitle, {
               className: "flex items-center gap-2",
               children: [
-                /* @__PURE__ */ jsx14(FileIcon2, {
+                /* @__PURE__ */ jsx12(FileIcon2, {
                   className: "h-5 w-5 text-muted-foreground"
                 }),
                 file.name
               ]
             }),
-            /* @__PURE__ */ jsxs9(DialogDescription, {
+            /* @__PURE__ */ jsxs7(DialogDescription, {
               children: [
-                file.size != null && file.size > 0 && /* @__PURE__ */ jsx14("span", {
+                file.size != null && file.size > 0 && /* @__PURE__ */ jsx12("span", {
                   children: formatFileSize(file.size)
                 }),
-                !canPreview && /* @__PURE__ */ jsx14("span", {
+                !canPreview && /* @__PURE__ */ jsx12("span", {
                   children: " · Preview not available for this file type"
                 })
               ]
             })
           ]
         }),
-        /* @__PURE__ */ jsxs9("div", {
+        /* @__PURE__ */ jsxs7("div", {
           className: "flex flex-col items-center justify-center py-8 text-muted-foreground gap-3",
           children: [
-            /* @__PURE__ */ jsx14(FileIcon2, {
+            /* @__PURE__ */ jsx12(FileIcon2, {
               className: "h-12 w-12"
             }),
-            /* @__PURE__ */ jsx14("p", {
+            /* @__PURE__ */ jsx12("p", {
               className: "text-sm",
               children: "Preview not available"
             }),
-            file.url && /^https?:\/\//i.test(file.url) && /* @__PURE__ */ jsxs9("a", {
+            file.url && /^https?:\/\//i.test(file.url) && /* @__PURE__ */ jsxs7("a", {
               href: file.url,
               target: "_blank",
               rel: "noopener noreferrer",
               className: "inline-flex items-center gap-1.5 text-sm text-primary hover:underline",
               children: [
-                /* @__PURE__ */ jsx14(Download, {
+                /* @__PURE__ */ jsx12(Download, {
                   className: "h-4 w-4"
                 }),
                 "Download file"
@@ -1895,7 +1568,7 @@ function FilePreviewModal({ open, onOpenChange, file }) {
 // src/ui/components/image-lightbox.tsx
 import { useState as useState7, useEffect as useEffect6, useCallback as useCallback6 } from "react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs10, Fragment as Fragment2 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs8, Fragment as Fragment2 } from "react/jsx-runtime";
 function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
   const [currentIndex, setCurrentIndex] = useState7(initialIndex);
   const hasMultiple = images.length > 1;
@@ -1926,56 +1599,56 @@ function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
   const current = images[currentIndex];
   if (!current)
     return null;
-  return /* @__PURE__ */ jsx15(Dialog, {
+  return /* @__PURE__ */ jsx13(Dialog, {
     open,
     onOpenChange,
-    children: /* @__PURE__ */ jsxs10(DialogContent, {
+    children: /* @__PURE__ */ jsxs8(DialogContent, {
       variant: "lightbox",
       "aria-describedby": undefined,
       children: [
-        /* @__PURE__ */ jsx15(DialogTitle, {
+        /* @__PURE__ */ jsx13(DialogTitle, {
           className: "sr-only",
           children: current.alt || `Image ${currentIndex + 1} of ${images.length}`
         }),
-        /* @__PURE__ */ jsxs10("div", {
+        /* @__PURE__ */ jsxs8("div", {
           className: "relative flex items-center justify-center",
           children: [
-            /* @__PURE__ */ jsx15("img", {
+            /* @__PURE__ */ jsx13("img", {
               src: current.url,
               alt: current.alt || "Image preview",
               className: "max-h-[85vh] max-w-full object-contain rounded-md"
             }),
-            hasMultiple && /* @__PURE__ */ jsxs10(Fragment2, {
+            hasMultiple && /* @__PURE__ */ jsxs8(Fragment2, {
               children: [
-                /* @__PURE__ */ jsxs10("button", {
+                /* @__PURE__ */ jsxs8("button", {
                   type: "button",
                   onClick: goPrev,
                   className: cn("absolute left-2 top-1/2 -translate-y-1/2 rounded-full bg-black/50 p-2 text-white", "hover:bg-black/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-colors"),
                   children: [
-                    /* @__PURE__ */ jsx15(ChevronLeft, {
+                    /* @__PURE__ */ jsx13(ChevronLeft, {
                       className: "h-5 w-5"
                     }),
-                    /* @__PURE__ */ jsx15("span", {
+                    /* @__PURE__ */ jsx13("span", {
                       className: "sr-only",
                       children: "Previous image"
                     })
                   ]
                 }),
-                /* @__PURE__ */ jsxs10("button", {
+                /* @__PURE__ */ jsxs8("button", {
                   type: "button",
                   onClick: goNext,
                   className: cn("absolute right-2 top-1/2 -translate-y-1/2 rounded-full bg-black/50 p-2 text-white", "hover:bg-black/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-colors"),
                   children: [
-                    /* @__PURE__ */ jsx15(ChevronRight, {
+                    /* @__PURE__ */ jsx13(ChevronRight, {
                       className: "h-5 w-5"
                     }),
-                    /* @__PURE__ */ jsx15("span", {
+                    /* @__PURE__ */ jsx13("span", {
                       className: "sr-only",
                       children: "Next image"
                     })
                   ]
                 }),
-                /* @__PURE__ */ jsxs10("div", {
+                /* @__PURE__ */ jsxs8("div", {
                   className: "absolute bottom-2 left-1/2 -translate-x-1/2 rounded-full bg-black/50 px-3 py-1 text-xs text-white",
                   children: [
                     currentIndex + 1,
@@ -2007,37 +1680,37 @@ function useAgnoMessageContext() {
 import { Lightbulb } from "lucide-react";
 
 // src/ui/primitives/accordion.tsx
-import * as React7 from "react";
+import * as React6 from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDown } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(AccordionPrimitive.Item, {
+var AccordionItem = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(AccordionPrimitive.Item, {
   ref,
   className: cn("border-b", className),
   ...props
 }));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx16(AccordionPrimitive.Header, {
+var AccordionTrigger = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx14(AccordionPrimitive.Header, {
   className: "flex",
-  children: /* @__PURE__ */ jsxs11(AccordionPrimitive.Trigger, {
+  children: /* @__PURE__ */ jsxs9(AccordionPrimitive.Trigger, {
     ref,
     className: cn("flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180", className),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx16(ChevronDown, {
+      /* @__PURE__ */ jsx14(ChevronDown, {
         className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"
       })
     ]
   })
 }));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx16(AccordionPrimitive.Content, {
+var AccordionContent = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx14(AccordionPrimitive.Content, {
   ref,
   className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
   ...props,
-  children: /* @__PURE__ */ jsx16("div", {
+  children: /* @__PURE__ */ jsx14("div", {
     className: cn("pb-4 pt-0", className),
     children
   })
@@ -2045,19 +1718,19 @@ var AccordionContent = React7.forwardRef(({ className, children, ...props }, ref
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
 // src/ui/composed/agno-message/reasoning.tsx
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 function AgnoMessageReasoning() {
   const { message, classNames } = useAgnoMessageContext();
   const steps = message.extra_data?.reasoning_steps;
   if (!steps || steps.length === 0)
     return null;
-  return /* @__PURE__ */ jsxs12("div", {
+  return /* @__PURE__ */ jsxs10("div", {
     className: cn("space-y-2 pt-1", classNames?.assistant?.reasoning),
     children: [
-      /* @__PURE__ */ jsxs12("div", {
+      /* @__PURE__ */ jsxs10("div", {
         className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
         children: [
-          /* @__PURE__ */ jsx17(Lightbulb, {
+          /* @__PURE__ */ jsx15(Lightbulb, {
             className: "h-3.5 w-3.5"
           }),
           "Reasoning (",
@@ -2065,23 +1738,23 @@ function AgnoMessageReasoning() {
           " steps)"
         ]
       }),
-      /* @__PURE__ */ jsx17(Accordion, {
+      /* @__PURE__ */ jsx15(Accordion, {
         type: "multiple",
         className: "w-full",
-        children: steps.map((step, idx) => /* @__PURE__ */ jsxs12(AccordionItem, {
+        children: steps.map((step, idx) => /* @__PURE__ */ jsxs10(AccordionItem, {
           value: `reasoning-${idx}`,
           className: "border-muted",
           children: [
-            /* @__PURE__ */ jsx17(AccordionTrigger, {
+            /* @__PURE__ */ jsx15(AccordionTrigger, {
               className: "text-xs py-1.5 hover:no-underline",
               children: step.title || `Step ${idx + 1}`
             }),
-            /* @__PURE__ */ jsxs12(AccordionContent, {
+            /* @__PURE__ */ jsxs10(AccordionContent, {
               className: "space-y-1.5 text-xs text-muted-foreground",
               children: [
-                step.action && /* @__PURE__ */ jsxs12("div", {
+                step.action && /* @__PURE__ */ jsxs10("div", {
                   children: [
-                    /* @__PURE__ */ jsx17("span", {
+                    /* @__PURE__ */ jsx15("span", {
                       className: "font-medium text-foreground",
                       children: "Action:"
                     }),
@@ -2089,9 +1762,9 @@ function AgnoMessageReasoning() {
                     step.action
                   ]
                 }),
-                step.reasoning && /* @__PURE__ */ jsxs12("div", {
+                step.reasoning && /* @__PURE__ */ jsxs10("div", {
                   children: [
-                    /* @__PURE__ */ jsx17("span", {
+                    /* @__PURE__ */ jsx15("span", {
                       className: "font-medium text-foreground",
                       children: "Reasoning:"
                     }),
@@ -2099,9 +1772,9 @@ function AgnoMessageReasoning() {
                     step.reasoning
                   ]
                 }),
-                step.result && /* @__PURE__ */ jsxs12("div", {
+                step.result && /* @__PURE__ */ jsxs10("div", {
                   children: [
-                    /* @__PURE__ */ jsx17("span", {
+                    /* @__PURE__ */ jsx15("span", {
                       className: "font-medium text-foreground",
                       children: "Result:"
                     }),
@@ -2109,9 +1782,9 @@ function AgnoMessageReasoning() {
                     step.result
                   ]
                 }),
-                step.confidence !== undefined && /* @__PURE__ */ jsxs12("div", {
+                step.confidence !== undefined && /* @__PURE__ */ jsxs10("div", {
                   children: [
-                    /* @__PURE__ */ jsx17("span", {
+                    /* @__PURE__ */ jsx15("span", {
                       className: "font-medium text-foreground",
                       children: "Confidence:"
                     }),
@@ -2131,7 +1804,7 @@ function AgnoMessageReasoning() {
 
 // src/ui/composed/agno-message/media.tsx
 import { FileIcon as FileIcon3, Image as ImageIcon, Music, Paperclip, Video } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs13, Fragment as Fragment3 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs11, Fragment as Fragment3 } from "react/jsx-runtime";
 function AgnoMessageMedia() {
   const {
     message,
@@ -2149,15 +1822,15 @@ function AgnoMessageMedia() {
   const hasResponseAudio = !!message.response_audio;
   if (!hasImages && !hasVideos && !hasAudio && !hasFiles && !hasResponseAudio)
     return null;
-  return /* @__PURE__ */ jsxs13(Fragment3, {
+  return /* @__PURE__ */ jsxs11(Fragment3, {
     children: [
-      hasImages && /* @__PURE__ */ jsxs13("div", {
+      hasImages && /* @__PURE__ */ jsxs11("div", {
         className: cn("space-y-2 pt-1", mediaClassName),
         children: [
-          /* @__PURE__ */ jsxs13("div", {
+          /* @__PURE__ */ jsxs11("div", {
             className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsx18(ImageIcon, {
+              /* @__PURE__ */ jsx16(ImageIcon, {
                 className: "h-3.5 w-3.5"
               }),
               "Images (",
@@ -2165,26 +1838,26 @@ function AgnoMessageMedia() {
               ")"
             ]
           }),
-          /* @__PURE__ */ jsx18("div", {
+          /* @__PURE__ */ jsx16("div", {
             className: "grid grid-cols-2 gap-2",
-            children: message.images.map((img, idx) => /* @__PURE__ */ jsxs13("div", {
+            children: message.images.map((img, idx) => /* @__PURE__ */ jsxs11("div", {
               className: "space-y-1",
               children: [
-                showImageLightbox ? /* @__PURE__ */ jsx18("button", {
+                showImageLightbox ? /* @__PURE__ */ jsx16("button", {
                   type: "button",
                   onClick: () => openImageLightbox(message.images.map((i) => ({ url: i.url, alt: i.revised_prompt })), idx),
                   className: "group relative w-full overflow-hidden rounded-lg border border-border cursor-pointer hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-colors",
-                  children: /* @__PURE__ */ jsx18("img", {
+                  children: /* @__PURE__ */ jsx16("img", {
                     src: img.url,
                     alt: img.revised_prompt || "Generated image",
                     className: "w-full rounded-lg"
                   })
-                }) : /* @__PURE__ */ jsx18("img", {
+                }) : /* @__PURE__ */ jsx16("img", {
                   src: img.url,
                   alt: img.revised_prompt || "Generated image",
                   className: "w-full rounded-lg border border-border"
                 }),
-                img.revised_prompt && /* @__PURE__ */ jsx18("p", {
+                img.revised_prompt && /* @__PURE__ */ jsx16("p", {
                   className: "text-[11px] text-muted-foreground italic px-0.5",
                   children: img.revised_prompt
                 })
@@ -2193,13 +1866,13 @@ function AgnoMessageMedia() {
           })
         ]
       }),
-      hasVideos && /* @__PURE__ */ jsxs13("div", {
+      hasVideos && /* @__PURE__ */ jsxs11("div", {
         className: cn("space-y-2 pt-1", mediaClassName),
         children: [
-          /* @__PURE__ */ jsxs13("div", {
+          /* @__PURE__ */ jsxs11("div", {
             className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsx18(Video, {
+              /* @__PURE__ */ jsx16(Video, {
                 className: "h-3.5 w-3.5"
               }),
               "Videos (",
@@ -2207,14 +1880,14 @@ function AgnoMessageMedia() {
               ")"
             ]
           }),
-          /* @__PURE__ */ jsx18("div", {
+          /* @__PURE__ */ jsx16("div", {
             className: "space-y-2",
-            children: message.videos.map((video, idx) => /* @__PURE__ */ jsx18("div", {
-              children: video.url ? /* @__PURE__ */ jsx18("video", {
+            children: message.videos.map((video, idx) => /* @__PURE__ */ jsx16("div", {
+              children: video.url ? /* @__PURE__ */ jsx16("video", {
                 src: video.url,
                 controls: true,
                 className: "w-full rounded-lg border border-border"
-              }) : /* @__PURE__ */ jsxs13("div", {
+              }) : /* @__PURE__ */ jsxs11("div", {
                 className: "bg-muted/50 border border-border p-2.5 rounded-lg text-xs text-muted-foreground",
                 children: [
                   "Video ID: ",
@@ -2228,13 +1901,13 @@ function AgnoMessageMedia() {
           })
         ]
       }),
-      hasAudio && /* @__PURE__ */ jsxs13("div", {
+      hasAudio && /* @__PURE__ */ jsxs11("div", {
         className: cn("space-y-2 pt-1", mediaClassName),
         children: [
-          /* @__PURE__ */ jsxs13("div", {
+          /* @__PURE__ */ jsxs11("div", {
             className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsx18(Music, {
+              /* @__PURE__ */ jsx16(Music, {
                 className: "h-3.5 w-3.5"
               }),
               "Audio (",
@@ -2242,18 +1915,18 @@ function AgnoMessageMedia() {
               ")"
             ]
           }),
-          /* @__PURE__ */ jsx18("div", {
+          /* @__PURE__ */ jsx16("div", {
             className: "space-y-2",
-            children: message.audio.map((audio, idx) => /* @__PURE__ */ jsx18("div", {
-              children: audio.url ? /* @__PURE__ */ jsx18("audio", {
+            children: message.audio.map((audio, idx) => /* @__PURE__ */ jsx16("div", {
+              children: audio.url ? /* @__PURE__ */ jsx16("audio", {
                 src: audio.url,
                 controls: true,
                 className: "w-full"
-              }) : audio.base64_audio ? /* @__PURE__ */ jsx18("audio", {
+              }) : audio.base64_audio ? /* @__PURE__ */ jsx16("audio", {
                 src: `data:${audio.mime_type || "audio/wav"};base64,${audio.base64_audio}`,
                 controls: true,
                 className: "w-full"
-              }) : /* @__PURE__ */ jsx18("div", {
+              }) : /* @__PURE__ */ jsx16("div", {
                 className: "bg-muted/50 border border-border p-2.5 rounded-lg text-xs text-muted-foreground",
                 children: "Audio data unavailable"
               })
@@ -2261,13 +1934,13 @@ function AgnoMessageMedia() {
           })
         ]
       }),
-      hasFiles && /* @__PURE__ */ jsxs13("div", {
+      hasFiles && /* @__PURE__ */ jsxs11("div", {
         className: cn("space-y-2 pt-1", mediaClassName),
         children: [
-          /* @__PURE__ */ jsxs13("div", {
+          /* @__PURE__ */ jsxs11("div", {
             className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsx18(Paperclip, {
+              /* @__PURE__ */ jsx16(Paperclip, {
                 className: "h-3.5 w-3.5"
               }),
               "Files (",
@@ -2275,22 +1948,22 @@ function AgnoMessageMedia() {
               ")"
             ]
           }),
-          /* @__PURE__ */ jsx18("div", {
+          /* @__PURE__ */ jsx16("div", {
             className: "flex flex-wrap gap-2",
-            children: message.files.map((file, idx) => showFilePreview ? /* @__PURE__ */ jsx18(FilePreviewCard, {
+            children: message.files.map((file, idx) => showFilePreview ? /* @__PURE__ */ jsx16(FilePreviewCard, {
               file: { name: file.name, type: file.type, url: file.url, size: file.size },
               onClick: () => openFilePreview({ name: file.name, type: file.type, url: file.url, size: file.size })
-            }, idx) : /* @__PURE__ */ jsxs13("div", {
+            }, idx) : /* @__PURE__ */ jsxs11("div", {
               className: "flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-xs bg-muted/30 hover:bg-muted/50 transition-colors",
               children: [
-                /* @__PURE__ */ jsx18(FileIcon3, {
+                /* @__PURE__ */ jsx16(FileIcon3, {
                   className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
                 }),
-                /* @__PURE__ */ jsx18("span", {
+                /* @__PURE__ */ jsx16("span", {
                   className: "truncate max-w-[180px]",
                   children: file.name
                 }),
-                file.size && /* @__PURE__ */ jsxs13("span", {
+                file.size && /* @__PURE__ */ jsxs11("span", {
                   className: "text-muted-foreground/70",
                   children: [
                     "(",
@@ -2298,7 +1971,7 @@ function AgnoMessageMedia() {
                     "KB)"
                   ]
                 }),
-                file.url && /^https?:\/\//i.test(file.url) && /* @__PURE__ */ jsx18("a", {
+                file.url && /^https?:\/\//i.test(file.url) && /* @__PURE__ */ jsx16("a", {
                   href: file.url,
                   target: "_blank",
                   rel: "noopener noreferrer",
@@ -2310,19 +1983,19 @@ function AgnoMessageMedia() {
           })
         ]
       }),
-      hasResponseAudio && message.response_audio && /* @__PURE__ */ jsxs13("div", {
+      hasResponseAudio && message.response_audio && /* @__PURE__ */ jsxs11("div", {
         className: cn("space-y-2 pt-1", mediaClassName),
         children: [
-          /* @__PURE__ */ jsxs13("div", {
+          /* @__PURE__ */ jsxs11("div", {
             className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsx18(Music, {
+              /* @__PURE__ */ jsx16(Music, {
                 className: "h-3.5 w-3.5"
               }),
               "Response Audio"
             ]
           }),
-          message.response_audio.transcript && /* @__PURE__ */ jsxs13("div", {
+          message.response_audio.transcript && /* @__PURE__ */ jsxs11("div", {
             className: "text-xs italic bg-muted/50 border border-border p-2.5 rounded-lg text-muted-foreground",
             children: [
               '"',
@@ -2330,7 +2003,7 @@ function AgnoMessageMedia() {
               '"'
             ]
           }),
-          message.response_audio.content && /* @__PURE__ */ jsx18("audio", {
+          message.response_audio.content && /* @__PURE__ */ jsx16("audio", {
             src: `data:audio/wav;base64,${message.response_audio.content}`,
             controls: true,
             className: "w-full"
@@ -2353,31 +2026,24 @@ function useAgnoChatContext() {
 }
 
 // src/ui/composed/agno-message/tools.tsx
-import { jsx as jsx19, jsxs as jsxs14, Fragment as Fragment4 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function AgnoMessageTools({ renderTool: renderToolProp } = {}) {
   const { message, classNames, renderTool: ctxMsgRenderTool } = useAgnoMessageContext();
   const { renderTool: ctxChatRenderTool, isDebug } = useAgnoChatContext();
   const renderTool = renderToolProp ?? ctxMsgRenderTool ?? ctxChatRenderTool;
   if (!message.tool_calls || message.tool_calls.length === 0)
     return null;
-  return /* @__PURE__ */ jsx19("div", {
+  return /* @__PURE__ */ jsx17("div", {
     className: cn("space-y-2 pt-1", classNames?.assistant?.toolCalls),
     children: message.tool_calls.map((tool, idx) => {
-      const defaultRender = () => /* @__PURE__ */ jsxs14(Fragment4, {
-        children: [
-          /* @__PURE__ */ jsx19(ToolGenerativeUI, {
-            tool
-          }),
-          isDebug ? /* @__PURE__ */ jsx19(ToolDebugCard, {
-            tool,
-            defaultOpen: idx === 0
-          }) : null
-        ]
-      });
+      const defaultRender = () => isDebug ? /* @__PURE__ */ jsx17(ToolDebugCard, {
+        tool,
+        defaultOpen: idx === 0
+      }) : null;
       const node = renderTool ? renderTool(tool, { index: idx, isDebug, defaultRender }) : defaultRender();
       if (node === null || node === undefined)
         return null;
-      return /* @__PURE__ */ jsx19("div", {
+      return /* @__PURE__ */ jsx17("div", {
         children: node
       }, tool.tool_call_id || idx);
     })
@@ -2387,22 +2053,22 @@ function AgnoMessageTools({ renderTool: renderToolProp } = {}) {
 // src/ui/components/response.tsx
 import { memo } from "react";
 import { Streamdown } from "streamdown";
-import { jsx as jsx20 } from "react/jsx-runtime";
-var Response = memo(({ className, ...props }) => /* @__PURE__ */ jsx20(Streamdown, {
+import { jsx as jsx18 } from "react/jsx-runtime";
+var Response = memo(({ className, ...props }) => /* @__PURE__ */ jsx18(Streamdown, {
   className: cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className),
   ...props
 }), (prevProps, nextProps) => prevProps.children === nextProps.children);
 Response.displayName = "Response";
 
 // src/ui/composed/agno-message/content.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function AgnoMessageContent() {
   const { message } = useAgnoMessageContext();
   if (!message.content)
     return null;
-  return /* @__PURE__ */ jsx21("div", {
+  return /* @__PURE__ */ jsx19("div", {
     className: "prose prose-sm dark:prose-invert max-w-none prose-p:leading-relaxed prose-pre:bg-muted prose-pre:border prose-pre:border-border",
-    children: /* @__PURE__ */ jsx21(Response, {
+    children: /* @__PURE__ */ jsx19(Response, {
       children: message.content
     })
   });
@@ -2410,19 +2076,19 @@ function AgnoMessageContent() {
 
 // src/ui/composed/agno-message/references.tsx
 import { FileText } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 function AgnoMessageReferences() {
   const { message, classNames } = useAgnoMessageContext();
   const references = message.extra_data?.references;
   if (!references || references.length === 0)
     return null;
-  return /* @__PURE__ */ jsxs15("div", {
+  return /* @__PURE__ */ jsxs12("div", {
     className: cn("space-y-2 pt-1", classNames?.assistant?.references),
     children: [
-      /* @__PURE__ */ jsxs15("div", {
+      /* @__PURE__ */ jsxs12("div", {
         className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
         children: [
-          /* @__PURE__ */ jsx22(FileText, {
+          /* @__PURE__ */ jsx20(FileText, {
             className: "h-3.5 w-3.5"
           }),
           "References (",
@@ -2430,22 +2096,22 @@ function AgnoMessageReferences() {
           ")"
         ]
       }),
-      /* @__PURE__ */ jsx22("div", {
+      /* @__PURE__ */ jsx20("div", {
         className: "space-y-2",
-        children: references.map((refData, idx) => /* @__PURE__ */ jsxs15("div", {
+        children: references.map((refData, idx) => /* @__PURE__ */ jsxs12("div", {
           className: "text-xs space-y-1.5",
           children: [
-            refData.query && /* @__PURE__ */ jsxs15("div", {
+            refData.query && /* @__PURE__ */ jsxs12("div", {
               className: "font-medium text-foreground",
               children: [
                 "Query: ",
                 refData.query
               ]
             }),
-            refData.references.map((ref, refIdx) => /* @__PURE__ */ jsxs15("div", {
+            refData.references.map((ref, refIdx) => /* @__PURE__ */ jsxs12("div", {
               className: "bg-muted/50 border border-border p-2.5 rounded-lg",
               children: [
-                /* @__PURE__ */ jsxs15("div", {
+                /* @__PURE__ */ jsxs12("div", {
                   className: "italic text-muted-foreground mb-1",
                   children: [
                     '"',
@@ -2453,7 +2119,7 @@ function AgnoMessageReferences() {
                     '"'
                   ]
                 }),
-                /* @__PURE__ */ jsxs15("div", {
+                /* @__PURE__ */ jsxs12("div", {
                   className: "text-muted-foreground/70",
                   children: [
                     "Source: ",
@@ -2476,7 +2142,7 @@ function AgnoMessageReferences() {
 
 // src/ui/composed/agno-message/footer.tsx
 import { AlertCircle } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
 function AgnoMessageFooter({ showTimestamp = true } = {}) {
   const { message, classNames, actions, isLastAssistantMessage, formatTimestamp } = useAgnoMessageContext();
   const hasError = message.streamingError;
@@ -2484,7 +2150,7 @@ function AgnoMessageFooter({ showTimestamp = true } = {}) {
   const resolvedFormatTimestamp = formatTimestamp ?? formatSmartTimestamp;
   if (!actions?.assistant && !showTimestamp && !hasError)
     return null;
-  return /* @__PURE__ */ jsxs16("div", {
+  return /* @__PURE__ */ jsxs13("div", {
     className: "flex items-center gap-2 pt-1",
     children: [
       actions?.assistant && (() => {
@@ -2492,21 +2158,21 @@ function AgnoMessageFooter({ showTimestamp = true } = {}) {
         if (visibility === "last-assistant" && !isLastAssistantMessage)
           return null;
         const useHover = visibility === "hover" || visibility === "hover-last-visible" && !isLastAssistantMessage;
-        return /* @__PURE__ */ jsx23("div", {
+        return /* @__PURE__ */ jsx21("div", {
           className: cn("flex items-center gap-1 transition-opacity", useHover && "opacity-0 group-hover/message:opacity-100", classNames?.assistant?.actions),
           children: actions.assistant(message)
         });
       })(),
-      hasError && /* @__PURE__ */ jsxs16("span", {
+      hasError && /* @__PURE__ */ jsxs13("span", {
         className: "flex items-center gap-1 text-[11px] text-destructive",
         children: [
-          /* @__PURE__ */ jsx23(AlertCircle, {
+          /* @__PURE__ */ jsx21(AlertCircle, {
             className: "h-3 w-3"
           }),
           "Error"
         ]
       }),
-      showTimestamp && /* @__PURE__ */ jsx23(SmartTimestamp, {
+      showTimestamp && /* @__PURE__ */ jsx21(SmartTimestamp, {
         date: new Date(message.created_at * 1000),
         formatShort: isCustomTimestamp ? resolvedFormatTimestamp : undefined,
         className: "text-[11px] text-muted-foreground"
@@ -2516,16 +2182,16 @@ function AgnoMessageFooter({ showTimestamp = true } = {}) {
 }
 
 // src/ui/composed/agno-message/message.tsx
-import { jsx as jsx24, jsxs as jsxs17, Fragment as Fragment5 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs14, Fragment as Fragment4 } from "react/jsx-runtime";
 function DefaultAssistantComposition({ showTimestamp }) {
-  return /* @__PURE__ */ jsxs17(Fragment5, {
+  return /* @__PURE__ */ jsxs14(Fragment4, {
     children: [
-      /* @__PURE__ */ jsx24(AgnoMessageReasoning, {}),
-      /* @__PURE__ */ jsx24(AgnoMessageMedia, {}),
-      /* @__PURE__ */ jsx24(AgnoMessageTools, {}),
-      /* @__PURE__ */ jsx24(AgnoMessageContent, {}),
-      /* @__PURE__ */ jsx24(AgnoMessageReferences, {}),
-      /* @__PURE__ */ jsx24(AgnoMessageFooter, {
+      /* @__PURE__ */ jsx22(AgnoMessageReasoning, {}),
+      /* @__PURE__ */ jsx22(AgnoMessageMedia, {}),
+      /* @__PURE__ */ jsx22(AgnoMessageTools, {}),
+      /* @__PURE__ */ jsx22(AgnoMessageContent, {}),
+      /* @__PURE__ */ jsx22(AgnoMessageReferences, {}),
+      /* @__PURE__ */ jsx22(AgnoMessageFooter, {
         showTimestamp
       })
     ]
@@ -2582,12 +2248,12 @@ function AgnoMessage({
     renderTool
   ]);
   const closePreview = () => setPreview(null);
-  return /* @__PURE__ */ jsx24(AgnoMessageContext.Provider, {
+  return /* @__PURE__ */ jsx22(AgnoMessageContext.Provider, {
     value: ctx,
-    children: /* @__PURE__ */ jsxs17("div", {
+    children: /* @__PURE__ */ jsxs14("div", {
       className: cn("py-5 first:pt-2", isUser ? "flex justify-end" : "", classNames?.root, className),
       children: [
-        isUser ? /* @__PURE__ */ jsx24(UserMessageLayout, {
+        isUser ? /* @__PURE__ */ jsx22(UserMessageLayout, {
           message,
           classNames,
           avatars,
@@ -2600,19 +2266,19 @@ function AgnoMessage({
           openImageLightbox: ctx.openImageLightbox,
           openFilePreview: ctx.openFilePreview,
           hasError
-        }) : /* @__PURE__ */ jsxs17("div", {
+        }) : /* @__PURE__ */ jsxs14("div", {
           className: "flex items-start gap-3 group/message",
           children: [
             avatars?.assistant,
-            /* @__PURE__ */ jsx24("div", {
+            /* @__PURE__ */ jsx22("div", {
               className: cn("flex-1 min-w-0 space-y-3", classNames?.assistant?.container),
-              children: children ?? /* @__PURE__ */ jsx24(DefaultAssistantComposition, {
+              children: children ?? /* @__PURE__ */ jsx22(DefaultAssistantComposition, {
                 showTimestamp
               })
             })
           ]
         }),
-        preview?.type === "image" && /* @__PURE__ */ jsx24(ImageLightbox, {
+        preview?.type === "image" && /* @__PURE__ */ jsx22(ImageLightbox, {
           open: true,
           onOpenChange: (open) => {
             if (!open)
@@ -2621,7 +2287,7 @@ function AgnoMessage({
           images: preview.images,
           initialIndex: preview.initialIndex
         }),
-        preview?.type === "file" && /* @__PURE__ */ jsx24(FilePreviewModal, {
+        preview?.type === "file" && /* @__PURE__ */ jsx22(FilePreviewModal, {
           open: true,
           onOpenChange: (open) => {
             if (!open)
@@ -2653,42 +2319,42 @@ function UserMessageLayout({
   openFilePreview,
   hasError
 }) {
-  return /* @__PURE__ */ jsxs17("div", {
+  return /* @__PURE__ */ jsxs14("div", {
     className: "flex items-start gap-2.5 max-w-[80%] flex-row-reverse",
     children: [
       avatars?.user,
-      /* @__PURE__ */ jsxs17("div", {
+      /* @__PURE__ */ jsxs14("div", {
         className: "space-y-1.5 flex flex-col items-end min-w-0",
         children: [
-          (message.images && message.images.length > 0 || message.audio && message.audio.length > 0 || message.files && message.files.length > 0) && /* @__PURE__ */ jsxs17("div", {
+          (message.images && message.images.length > 0 || message.audio && message.audio.length > 0 || message.files && message.files.length > 0) && /* @__PURE__ */ jsxs14("div", {
             className: "flex flex-wrap gap-2 justify-end",
             children: [
-              message.images?.map((img, idx) => /* @__PURE__ */ jsx24(FilePreviewCard, {
+              message.images?.map((img, idx) => /* @__PURE__ */ jsx22(FilePreviewCard, {
                 file: { name: img.revised_prompt || `Image ${idx + 1}`, type: "image/png", url: img.url },
                 onClick: showImageLightbox ? () => openImageLightbox(message.images.map((i) => ({ url: i.url, alt: i.revised_prompt })), idx) : undefined
               }, `img-${idx}`)),
-              message.audio?.map((audio, idx) => /* @__PURE__ */ jsxs17("div", {
+              message.audio?.map((audio, idx) => /* @__PURE__ */ jsxs14("div", {
                 className: "flex items-center gap-1.5 rounded-lg border border-border bg-muted/50 px-2.5 py-1.5 text-xs text-foreground self-end",
                 children: [
-                  /* @__PURE__ */ jsx24(Music2, {
+                  /* @__PURE__ */ jsx22(Music2, {
                     className: "h-3.5 w-3.5 text-muted-foreground"
                   }),
-                  /* @__PURE__ */ jsx24("span", {
+                  /* @__PURE__ */ jsx22("span", {
                     className: "truncate max-w-[150px]",
                     children: audio.id || `Audio ${idx + 1}`
                   })
                 ]
               }, `audio-${idx}`)),
-              message.files?.map((file, idx) => showFilePreview ? /* @__PURE__ */ jsx24(FilePreviewCard, {
+              message.files?.map((file, idx) => showFilePreview ? /* @__PURE__ */ jsx22(FilePreviewCard, {
                 file: { name: file.name, type: file.type, url: file.url, size: file.size },
                 onClick: () => openFilePreview({ name: file.name, type: file.type, url: file.url, size: file.size })
-              }, `file-${idx}`) : /* @__PURE__ */ jsxs17("div", {
+              }, `file-${idx}`) : /* @__PURE__ */ jsxs14("div", {
                 className: "flex items-center gap-1.5 rounded-lg border border-border bg-muted/50 px-2.5 py-1.5 text-xs text-foreground self-end",
                 children: [
-                  /* @__PURE__ */ jsx24(FileIcon4, {
+                  /* @__PURE__ */ jsx22(FileIcon4, {
                     className: "h-3.5 w-3.5 text-muted-foreground"
                   }),
-                  /* @__PURE__ */ jsx24("span", {
+                  /* @__PURE__ */ jsx22("span", {
                     className: "truncate max-w-[150px]",
                     children: file.name
                   })
@@ -2696,26 +2362,26 @@ function UserMessageLayout({
               }, `file-${idx}`))
             ]
           }),
-          message.content && /* @__PURE__ */ jsx24("div", {
+          message.content && /* @__PURE__ */ jsx22("div", {
             className: cn("rounded-2xl rounded-br-md px-4 py-2.5", classNames?.user?.bubble ?? "bg-primary text-primary-foreground", hasError && "opacity-70"),
-            children: /* @__PURE__ */ jsx24("p", {
+            children: /* @__PURE__ */ jsx22("p", {
               className: "text-sm whitespace-pre-wrap",
               children: message.content
             })
           }),
-          (showTimestamp || actions?.user) && /* @__PURE__ */ jsxs17("div", {
+          (showTimestamp || actions?.user) && /* @__PURE__ */ jsxs14("div", {
             className: "flex items-center justify-end gap-1.5 px-1",
             children: [
-              actions?.user && /* @__PURE__ */ jsx24("div", {
+              actions?.user && /* @__PURE__ */ jsx22("div", {
                 className: "flex items-center gap-1",
                 children: actions.user(message)
               }),
-              /* @__PURE__ */ jsx24(SmartTimestamp, {
+              /* @__PURE__ */ jsx22(SmartTimestamp, {
                 date: new Date(message.created_at * 1000),
                 formatShort: isCustomTimestamp ? resolvedFormatTimestamp : undefined,
                 className: "text-[11px] text-muted-foreground"
               }),
-              hasError && /* @__PURE__ */ jsx24(AlertCircle2, {
+              hasError && /* @__PURE__ */ jsx22(AlertCircle2, {
                 className: "h-3 w-3 text-destructive"
               })
             ]
@@ -3561,10 +3227,6 @@ export {
   resultWithSmartChart,
   resultWithCardGrid,
   resultWithBarChart,
-  registerChartComponent,
-  getCustomRender,
-  getComponentRegistry,
-  getChartComponent,
   createToolResult,
   createTable,
   createSmartChart,
@@ -3579,10 +3241,7 @@ export {
   createAreaChart,
   byToolName,
   ToolHandlerProvider,
-  ToolGenerativeUI,
   ToolDebugCard,
-  GenerativeUIRenderer,
-  ComponentRegistry,
   AgnoProvider,
   AgnoMessageTools,
   AgnoMessageReferences,
@@ -3594,4 +3253,4 @@ export {
   AgnoMessage
 };
 
-//# debugId=966D656003D9313664756E2164756E21
+//# debugId=D4A0A1768653051B64756E2164756E21