@zero-library/chat-copilot 3.1.26 → 3.1.27

package/dist/index.esm.js

@@ -2339,7 +2339,7 @@ var ConversationTabPane = ({ items, activeKey, emptyDescription, scrollableTarge
         console2.log("next");
       },
       loader: /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(Spin, { indicator: /* @__PURE__ */ jsx(RedoOutlined, { spin: true }), size: "small" }) }),
-      style: { overflow: "hidden" },
+      style: { overflow: "hidden", padding: "0 10px" },
       scrollableTarget,
       children: /* @__PURE__ */ jsx(
         Conversations,
@@ -5689,13 +5689,41 @@ var BubbleListItems_default = ({
     return [...welcomeMessageRecord];
   }, [chatRecords, welcomeMessageRecord, firstMessagesRecord]);
   const listRef = useRef(null);
+  const autoScrollRef = useRef(true);
+  const handleScroll = (el) => {
+    const target = el.target;
+    const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
+    autoScrollRef.current = distanceToBottom < 90;
+  };
+  useEffect(() => {
+    const latestMessage = conversationMessages[conversationMessages?.length - 1];
+    if (!latestMessage) return;
+    if (latestMessage.generating) {
+      autoScrollRef.current = true;
+    }
+  }, [conversationMessages?.length]);
+  useEffect(() => {
+    const el = listRef.current?.nativeElement;
+    if (!el || !bubbleListItems.length) return;
+    if (autoScrollRef.current) {
+      setTimeout(() => {
+        if (autoScrollRef.current) {
+          listRef.current?.scrollTo({
+            top: "bottom",
+            behavior: "instant"
+          });
+        }
+      }, 300);
+    }
+  }, [bubbleListItems]);
   return /* @__PURE__ */ jsx(A2uiRenderer, { messages: conversationMessages, children: /* @__PURE__ */ jsx(Spin, { spinning: conversationState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsx(
     Bubble.List,
     {
-      autoScroll: true,
+      autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames2(styles_module_default2.bubbleList, "height-full", "scroll-fade-in")
+      className: classNames2(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
+      onScroll: handleScroll
     },
     conversationState.active.id
   ) }) });