@rodrigocoliveira/agno-react 1.1.4 → 1.1.6

package/dist/ui.mjs

@@ -2719,7 +2719,8 @@ function AgnoMessageItem({
   showToolCalls = true,
   showFilePreview = true,
   showImageLightbox = true,
-  formatTimestamp
+  formatTimestamp,
+  toolResultRenderers
 }) {
   const isUser = message.role === "user";
   const hasError = message.streamingError;
@@ -2919,6 +2920,15 @@ function AgnoMessageItem({
                       }, tool.tool_call_id, false, undefined, this);
                     })
                   }, undefined, false, undefined, this),
+                  toolResultRenderers && message.tool_calls?.map((tool) => {
+                    const renderer = toolResultRenderers[tool.tool_name];
+                    const content = tool.result ?? tool.content;
+                    if (!renderer || !content)
+                      return null;
+                    return /* @__PURE__ */ jsxDEV35("div", {
+                      children: renderer(tool.tool_args, content)
+                    }, `result-${tool.tool_call_id}`, false, undefined, this);
+                  }),
                   renderMedia ? renderMedia(message) : (() => {
                     const mediaClassName = classNames?.assistant?.media;
                     return /* @__PURE__ */ jsxDEV35(Fragment5, {
@@ -3459,11 +3469,14 @@ function AgnoChatRoot({
   children,
   toolHandlers = {},
   autoExecuteTools = true,
+  toolResultRenderers,
   className,
   ...divProps
 }) {
   const chat = useAgnoChat();
-  const toolExec = useAgnoToolExecution(toolHandlers, autoExecuteTools);
+  const toolExec = useAgnoToolExecution(toolHandlers, autoExecuteTools, {
+    skipHydration: toolResultRenderers ? Object.keys(toolResultRenderers) : undefined
+  });
   const containerRef = useRef6(null);
   const sendRef = useRef6(chat.sendMessage);
   sendRef.current = chat.sendMessage;
@@ -3513,7 +3526,8 @@ function AgnoChatRoot({
     executionError,
     handleSend,
     inputDisabled: isStreaming || isPaused,
-    dropZoneContainerRef: containerRef
+    dropZoneContainerRef: containerRef,
+    toolResultRenderers
   }), [
     messages,
     sendMessage,
@@ -3532,7 +3546,8 @@ function AgnoChatRoot({
     executeTools,
     continueWithResults,
     executionError,
-    handleSend
+    handleSend,
+    toolResultRenderers
   ]);
   return /* @__PURE__ */ jsxDEV37(AgnoChatContext.Provider, {
     value: contextValue,
@@ -3612,9 +3627,11 @@ function AgnoChatMessages({
   suggestedPrompts = DEFAULT_PROMPTS,
   children,
   showThinkingIndicator = true,
-  renderThinkingIndicator
+  renderThinkingIndicator,
+  toolResultRenderers: propToolResultRenderers
 }) {
-  const { messages, isStreaming } = useAgnoChatContext();
+  const { messages, isStreaming, toolResultRenderers: contextToolResultRenderers } = useAgnoChatContext();
+  const toolResultRenderers = propToolResultRenderers ?? contextToolResultRenderers;
   const lastMessage = messages[messages.length - 1];
   const isThinking = showThinkingIndicator && isStreaming && (!lastMessage || lastMessage.role !== "user") && !lastMessage?.content;
   let lastAssistantIndex = -1;
@@ -3636,7 +3653,8 @@ function AgnoChatMessages({
     ...renderContent !== undefined && { renderContent },
     ...renderMedia !== undefined && { renderMedia },
     ...formatTimestamp !== undefined && { formatTimestamp },
-    ...messageClassNames !== undefined && { classNames: messageClassNames }
+    ...messageClassNames !== undefined && { classNames: messageClassNames },
+    ...toolResultRenderers !== undefined && { toolResultRenderers }
   };
   const resolvedEmptyState = children ?? emptyState ?? /* @__PURE__ */ jsxDEV39("div", {
     className: "flex flex-col items-center gap-6",
@@ -4074,4 +4092,4 @@ export {
   Accordion
 };
 
-//# debugId=6E9B25001B68B11264756E2164756E21
+//# debugId=1E8D621BCAD3259064756E2164756E21