@brainfish-ai/components 0.13.7 → 0.13.8

package/dist/components/chat-search/hooks/useScrollManager.d.ts

@@ -1,5 +1,6 @@
 import { RefObject } from 'react';
-export declare const useScrollManager: (answerRefs: RefObject<(HTMLDivElement | null)[]>, containerRef: RefObject<HTMLDivElement | null>) => {
+export declare const useScrollManager: (answerRefs: RefObject<(HTMLDivElement | null)[]>, containerRef: RefObject<HTMLDivElement | null>, bottomRef?: RefObject<HTMLDivElement | null>) => {
     scrollToLastAnswer: () => void;
     scrollToAnswer: (index: number) => void;
+    scrollToBottom: () => void;
 };

package/dist/esm/chunks/{ChatSearch.CxwRDkGx.js → ChatSearch.JQEWTiqr.js}

@@ -4104,7 +4104,7 @@ const useIsChatSearchDirty = () => {
   return isDirty;
 };
 
-const useScrollManager = (answerRefs, containerRef) => {
+const useScrollManager = (answerRefs, containerRef, bottomRef) => {
   const scrollToLastAnswer = () => {
     requestAnimationFrame(() => {
       const lastAnswer = answerRefs.current?.[answerRefs.current.length - 1];
@@ -4129,7 +4129,14 @@ const useScrollManager = (answerRefs, containerRef) => {
       }
     });
   };
-  return { scrollToLastAnswer, scrollToAnswer };
+  const scrollToBottom = () => {
+    setTimeout(() => {
+      if (bottomRef?.current && containerRef.current) {
+        bottomRef.current.scrollIntoView({ behavior: "smooth", block: "end" });
+      }
+    }, 200);
+  };
+  return { scrollToLastAnswer, scrollToAnswer, scrollToBottom };
 };
 
 const defaultRetryOptions = {
@@ -4524,7 +4531,7 @@ function Answer({
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: "rounded-lg relative mx-auto overflow-hidden bg-card border border-primary mb-4",
+      className: "rounded-lg relative mx-auto overflow-hidden bg-card border border-primary",
       "data-name": "SearchResults",
       "data-index": index
     },
@@ -5352,6 +5359,7 @@ const ChatSearchComponent = forwardRef(
     const fileInputRef = useRef(null);
     const primarySearchRef = useRef(null);
     const followUpSearchRef = useRef(null);
+    const bottomRef = useRef(null);
     const { suggestions: autocompleteSuggestions } = useAutocomplete({
       query,
       endpoint: autocompleteEndpoint || "",
@@ -5366,7 +5374,11 @@ const ChatSearchComponent = forwardRef(
       headers,
       mergedTextConfig
     });
-    const { scrollToLastAnswer, scrollToAnswer } = useScrollManager(answerRefs, containerRef);
+    const { scrollToLastAnswer, scrollToAnswer, scrollToBottom } = useScrollManager(
+      answerRefs,
+      containerRef,
+      bottomRef
+    );
     const { subscribeToStateChanges } = useSubscriptionManager();
     const loadFollowUpQuestions = async (searchQueryId, conversationId) => {
       if (!followUpQuestionsEndpoint || disableFollowUpQuestions) {
@@ -5403,6 +5415,7 @@ const ChatSearchComponent = forwardRef(
           for (const line of lines) {
             try {
               if (line === "[DONE]") {
+                scrollToBottom();
                 continue;
               }
               const event = JSON.parse(line);
@@ -5413,6 +5426,7 @@ const ChatSearchComponent = forwardRef(
                     text: event.content
                   })
                 );
+                scrollToBottom();
                 const uncertaintyCheck = isAnswerUncertain(accumulatedAnswer);
                 isUncertain = uncertaintyCheck.uncertain;
                 if (isUncertain) {
@@ -5944,7 +5958,8 @@ const ChatSearchComponent = forwardRef(
             ref: (el) => answerRefs.current[i] = el,
             initial: { opacity: 0, y: 20 },
             animate: { opacity: 1, y: 0 },
-            transition: { duration: 0.5, delay: i * 0.1 }
+            transition: { duration: 0.5, delay: i * 0.1 },
+            className: "space-y-4 last:!mb-8"
           },
           /* @__PURE__ */ React__default.createElement(
             Answer,
@@ -5967,13 +5982,13 @@ const ChatSearchComponent = forwardRef(
               onFeedbackReasonSubmit: (reason) => void handleFeedbackReasonSubmit(reason, answer.searchQueryId)
             }
           ),
-          i === answers.length - 1 && !disableFollowUpQuestions && answer.followUpQuestions && answer.state === "completed" && /* @__PURE__ */ React__default.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React__default.createElement(
+          i === answers.length - 1 && !disableFollowUpQuestions && answer.followUpQuestions && answer.state === "completed" && /* @__PURE__ */ React__default.createElement(
             FollowUpQuestions,
             {
               questions: answer.followUpQuestions,
               onQuestionClick: handleFollowUpQuestionClick
             }
-          ))
+          )
         ))
       ))), showResults && answers.length > 1 && /* @__PURE__ */ React__default.createElement("div", { className: "hidden lg:block" }, /* @__PURE__ */ React__default.createElement(
         TimelineNavigation,
@@ -5986,7 +6001,7 @@ const ChatSearchComponent = forwardRef(
           },
           offset
         }
-      )), disclaimer && isWidgetMode && !(showResults && showFollowUp) && /* @__PURE__ */ React__default.createElement("div", { className: "mt-2 px-3 @3xl:px-0 text-xs text-dark-500 flex items-center gap-1 absolute bottom-12 justify-center text-center w-full" }, /* @__PURE__ */ React__default.createElement(MemoizedIcon, { iconName: "Info", className: "size-4" }), disclaimer)),
+      )), disclaimer && isWidgetMode && !(showResults && showFollowUp) && /* @__PURE__ */ React__default.createElement("div", { className: "mt-2 px-3 @3xl:px-0 text-xs text-dark-500 flex items-center gap-1 absolute bottom-12 justify-center text-center w-full" }, /* @__PURE__ */ React__default.createElement(MemoizedIcon, { iconName: "Info", className: "size-4" }), disclaimer), /* @__PURE__ */ React__default.createElement("div", { ref: bottomRef })),
       showResults && showFollowUp && /* @__PURE__ */ React__default.createElement(
         FollowUpSearchBar,
         {
@@ -6007,4 +6022,4 @@ const ChatSearch = forwardRef(({ featureFlags, ...props }, ref) => /* @__PURE__
 ChatSearch.displayName = "ChatSearch";
 
 export { ChatSearch as C, ChatSearchProvider as a, useIsChatSearchDirty as b, useChatSearch as u };
-//# sourceMappingURL=ChatSearch.CxwRDkGx.js.map
+//# sourceMappingURL=ChatSearch.JQEWTiqr.js.map