@rodrigocoliveira/agno-react 1.3.1 → 1.4.0

package/dist/ui.mjs

@@ -749,12 +749,20 @@ import { useCallback } from "react";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
 import { useStickToBottomContext as useStickToBottomContext2 } from "use-stick-to-bottom";
 import { jsx as jsx13, jsxs as jsxs7, Fragment } from "react/jsx-runtime";
-var Conversation = ({ className, ...props }) => /* @__PURE__ */ jsx13(StickToBottom, {
-  className: cn("relative flex-1 overflow-y-auto", className),
-  initial: "smooth",
-  role: "log",
-  ...props
-});
+var Conversation = ({ className, scrollBehavior, ...props }) => {
+  const initial = scrollBehavior?.initial ?? "smooth";
+  const resize = scrollBehavior?.resize ?? "instant";
+  return /* @__PURE__ */ jsx13(StickToBottom, {
+    className: cn("relative flex-1 overflow-y-auto", className),
+    initial,
+    resize,
+    ...scrollBehavior?.damping !== undefined && { damping: scrollBehavior.damping },
+    ...scrollBehavior?.stiffness !== undefined && { stiffness: scrollBehavior.stiffness },
+    ...scrollBehavior?.mass !== undefined && { mass: scrollBehavior.mass },
+    role: "log",
+    ...props
+  });
+};
 var ConversationContent = ({ className, ...props }) => /* @__PURE__ */ jsx13(StickToBottom.Content, {
   className: cn("p-4", className),
   ...props
@@ -3561,7 +3569,7 @@ function AgnoChatRoot({
 }
 
 // src/ui/composed/agno-chat/messages.tsx
-import { useEffect as useEffect6, useRef as useRef7 } from "react";
+import { isValidElement as isValidElement2, useEffect as useEffect6, useRef as useRef7 } from "react";
 
 // src/ui/composed/agno-chat/suggested-prompts.tsx
 import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
@@ -3628,12 +3636,29 @@ function AgnoChatMessages({
   children,
   showThinkingIndicator = true,
   renderThinkingIndicator,
-  toolResultRenderers: propToolResultRenderers
+  toolResultRenderers: propToolResultRenderers,
+  scrollBehavior,
+  scrollToBottomButton
 }) {
   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;
+  const resolvedScrollButton = (() => {
+    if (scrollToBottomButton === false)
+      return null;
+    if (scrollToBottomButton === undefined || scrollToBottomButton === true) {
+      return /* @__PURE__ */ jsx39(ConversationScrollButton, {});
+    }
+    if (isValidElement2(scrollToBottomButton))
+      return scrollToBottomButton;
+    if (typeof scrollToBottomButton === "object" && scrollToBottomButton !== null && "className" in scrollToBottomButton) {
+      return /* @__PURE__ */ jsx39(ConversationScrollButton, {
+        className: scrollToBottomButton.className
+      });
+    }
+    return scrollToBottomButton;
+  })();
   let lastAssistantIndex = -1;
   for (let i = messages.length - 1;i >= 0; i--) {
     if (messages[i].role !== "user") {
@@ -3696,6 +3721,7 @@ function AgnoChatMessages({
   });
   return /* @__PURE__ */ jsxs23(Conversation, {
     className: cn("relative flex-1 w-full", className),
+    scrollBehavior,
     children: [
       /* @__PURE__ */ jsx39(ScrollOnNewUserMessage, {
         messageCount: messages.length
@@ -3724,7 +3750,7 @@ function AgnoChatMessages({
           })
         ]
       }),
-      /* @__PURE__ */ jsx39(ConversationScrollButton, {})
+      resolvedScrollButton
     ]
   });
 }
@@ -4028,4 +4054,4 @@ export {
   Accordion
 };
 
-//# debugId=B7CF327D3F6FBB7F64756E2164756E21
+//# debugId=42C13B1D6AF75F5E64756E2164756E21