@rodrigocoliveira/agno-react 1.1.5 → 1.2.0

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",
@@ -3721,71 +3739,9 @@ function AgnoChatEmptyState({ children, className, ...props }) {
   }, undefined, false, undefined, this);
 }
 
-// src/ui/composed/agno-chat/tool-status.tsx
-import { Loader2 as Loader22, Wrench } from "lucide-react";
-import { jsxDEV as jsxDEV41, Fragment as Fragment6 } from "react/jsx-dev-runtime";
-function AgnoChatToolStatus({ className }) {
-  const { isPaused, isExecuting, pendingTools } = useAgnoChatContext();
-  if (!isPaused && !isExecuting)
-    return null;
-  return /* @__PURE__ */ jsxDEV41("div", {
-    className: cn("px-4 py-2.5 border-t border-border bg-primary/5", className),
-    children: /* @__PURE__ */ jsxDEV41("div", {
-      className: "flex items-center gap-2.5 text-sm max-w-3xl mx-auto",
-      children: isExecuting ? /* @__PURE__ */ jsxDEV41(Fragment6, {
-        children: [
-          /* @__PURE__ */ jsxDEV41("div", {
-            className: "h-5 w-5 rounded-full bg-primary/10 flex items-center justify-center",
-            children: /* @__PURE__ */ jsxDEV41(Loader22, {
-              className: "h-3 w-3 animate-spin text-primary"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV41("span", {
-            className: "text-muted-foreground",
-            children: [
-              "Executing",
-              " ",
-              /* @__PURE__ */ jsxDEV41("span", {
-                className: "font-medium text-foreground",
-                children: pendingTools.length
-              }, undefined, false, undefined, this),
-              " tool",
-              pendingTools.length !== 1 ? "s" : "",
-              "..."
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV41(Fragment6, {
-        children: [
-          /* @__PURE__ */ jsxDEV41("div", {
-            className: "h-5 w-5 rounded-full bg-amber-500/10 flex items-center justify-center",
-            children: /* @__PURE__ */ jsxDEV41(Wrench, {
-              className: "h-3 w-3 text-amber-600 dark:text-amber-400"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV41("span", {
-            className: "text-muted-foreground",
-            children: [
-              "Preparing",
-              " ",
-              /* @__PURE__ */ jsxDEV41("span", {
-                className: "font-medium text-foreground",
-                children: pendingTools.length
-              }, undefined, false, undefined, this),
-              " tool",
-              pendingTools.length !== 1 ? "s" : "",
-              "..."
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-
 // src/ui/composed/agno-chat/error-bar.tsx
 import { useState as useState9, useEffect as useEffect7, useRef as useRef8 } from "react";
-import { jsxDEV as jsxDEV42 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV41 } from "react/jsx-dev-runtime";
 function AgnoChatErrorBar({
   className,
   text,
@@ -3825,23 +3781,23 @@ function AgnoChatErrorBar({
     if (children) {
       return typeof children === "function" ? children(rawMessage) : children;
     }
-    return /* @__PURE__ */ jsxDEV42("div", {
+    return /* @__PURE__ */ jsxDEV41("div", {
       className: "flex items-center gap-2 max-w-3xl mx-auto",
       children: [
-        icon && /* @__PURE__ */ jsxDEV42("span", {
+        icon && /* @__PURE__ */ jsxDEV41("span", {
           className: "shrink-0",
           children: icon
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV42("p", {
+        /* @__PURE__ */ jsxDEV41("p", {
           className: "text-sm text-destructive flex-1",
           children: displayMessage
         }, undefined, false, undefined, this),
-        dismissible && /* @__PURE__ */ jsxDEV42("button", {
+        dismissible && /* @__PURE__ */ jsxDEV41("button", {
           type: "button",
           onClick: () => setHidden(true),
           className: "shrink-0 text-destructive/60 hover:text-destructive transition-colors",
           "aria-label": "Dismiss error",
-          children: /* @__PURE__ */ jsxDEV42("svg", {
+          children: /* @__PURE__ */ jsxDEV41("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             width: "16",
             height: "16",
@@ -3852,10 +3808,10 @@ function AgnoChatErrorBar({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
-              /* @__PURE__ */ jsxDEV42("path", {
+              /* @__PURE__ */ jsxDEV41("path", {
                 d: "M18 6 6 18"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV42("path", {
+              /* @__PURE__ */ jsxDEV41("path", {
                 d: "m6 6 12 12"
               }, undefined, false, undefined, this)
             ]
@@ -3864,14 +3820,14 @@ function AgnoChatErrorBar({
       ]
     }, undefined, true, undefined, this);
   };
-  return /* @__PURE__ */ jsxDEV42("div", {
+  return /* @__PURE__ */ jsxDEV41("div", {
     className: cn("px-4 py-2.5 bg-destructive/5 border-t border-destructive/20", className),
     children: renderContent()
   }, undefined, false, undefined, this);
 }
 
 // src/ui/composed/agno-chat/input.tsx
-import { jsxDEV as jsxDEV43 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV42 } from "react/jsx-dev-runtime";
 function AgnoChatInputArea({
   className,
   children,
@@ -3884,11 +3840,11 @@ function AgnoChatInputArea({
   dropZoneProps
 }) {
   const { handleSend, inputDisabled, isStreaming, isPaused, cancelRun, dropZoneContainerRef } = useAgnoChatContext();
-  return /* @__PURE__ */ jsxDEV43("div", {
+  return /* @__PURE__ */ jsxDEV42("div", {
     className: cn("border-t border-border bg-background/80 backdrop-blur-sm", className),
-    children: /* @__PURE__ */ jsxDEV43("div", {
+    children: /* @__PURE__ */ jsxDEV42("div", {
       className: "mx-auto px-4 py-2",
-      children: children ? children({ onSend: handleSend, disabled: inputDisabled, isStreaming, isPaused }) : /* @__PURE__ */ jsxDEV43(AgnoChatInput, {
+      children: children ? children({ onSend: handleSend, disabled: inputDisabled, isStreaming, isPaused }) : /* @__PURE__ */ jsxDEV42(AgnoChatInput, {
         onSend: handleSend,
         disabled: inputDisabled,
         isStreaming,
@@ -3911,7 +3867,6 @@ var AgnoChat = Object.assign(AgnoChatRoot, {
   Messages: AgnoChatMessages,
   EmptyState: AgnoChatEmptyState,
   SuggestedPrompts: AgnoChatSuggestedPrompts,
-  ToolStatus: AgnoChatToolStatus,
   ErrorBar: AgnoChatErrorBar,
   Input: AgnoChatInputArea
 });
@@ -4059,7 +4014,6 @@ export {
   ArtifactAction,
   Artifact,
   AgnoMessageItem,
-  AgnoChatToolStatus,
   AgnoChatSuggestedPrompts,
   AgnoChatRoot,
   AgnoChatMessages,
@@ -4074,4 +4028,4 @@ export {
   Accordion
 };
 
-//# debugId=6E9B25001B68B11264756E2164756E21
+//# debugId=F991C700ECBE5AE664756E2164756E21