@zero-library/chat-copilot 3.1.26 → 3.1.27

package/dist/index.cjs.js

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