@landtrustinc/design-system 1.2.27-beta.6 → 1.2.27-beta.7

package/dist/index.js

@@ -5937,7 +5937,6 @@ var ChatWidget = ({
   const scrollRef = (0, import_react30.useRef)(null);
   const savedScrollPosition = (0, import_react30.useRef)(0);
   const previousMessagesLength = (0, import_react30.useRef)(messages.length);
-  const lastUserMessageRef = (0, import_react30.useRef)(null);
   const isControlled = typeof expanded === "boolean";
   const [internalExpanded, setInternalExpanded] = (0, import_react30.useState)(defaultExpanded);
   const isExpanded = isControlled ? expanded : internalExpanded;
@@ -5963,61 +5962,32 @@ var ChatWidget = ({
     });
   }, [isExpanded]);
   (0, import_react30.useEffect)(() => {
-    if (!isExpanded)
+    const el = scrollRef.current;
+    if (!el || !isExpanded)
       return;
     const messagesChanged = messages.length !== previousMessagesLength.current;
     previousMessagesLength.current = messages.length;
-    if (messagesChanged && messages.length > 0) {
-      const lastMessage = messages[messages.length - 1];
-      const lastMessageElement = lastMessage;
-      const isUserMessage = lastMessageElement.type === MessageBubble_default;
-      if (isUserMessage && lastUserMessageRef.current) {
-        requestAnimationFrame(() => {
-          var _a;
-          (_a = lastUserMessageRef.current) == null ? void 0 : _a.scrollIntoView({
-            behavior: "smooth",
-            block: "start"
-          });
-        });
-      }
+    if (messagesChanged || isThinking) {
+      requestAnimationFrame(() => {
+        el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
+        savedScrollPosition.current = el.scrollHeight;
+      });
     }
-  }, [messages, isExpanded]);
+  }, [messages, isThinking, isExpanded]);
   const messagesToRender = messages.length === 0 ? emptyState : messages;
-  const lastUserMessageIndex = (0, import_react30.useMemo)(() => {
-    for (let i = messagesToRender.length - 1; i >= 0; i--) {
-      const message = messagesToRender[i];
-      if (message && message.type === MessageBubble_default) {
-        return i;
-      }
-    }
-    return -1;
-  }, [messagesToRender]);
   const renderedMessages = (0, import_react30.useMemo)(
     () => messagesToRender.map((element, index) => {
       var _a;
       const key = (_a = element.key) != null ? _a : index;
-      const isLastUserMessage = index === lastUserMessageIndex;
       if (element.type === AIResponse_default) {
         return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: receivedWrapperStyles, children: element }, key);
       }
       if (element.type === MessageBubble_default) {
-        return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
-          Box_default,
-          {
-            css: sentWrapperStyles,
-            ref: isLastUserMessage ? lastUserMessageRef : null,
-            style: {
-              scrollMarginTop: "16px"
-              // Add padding above when scrolled to
-            },
-            children: element
-          },
-          key
-        );
+        return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
       }
       return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(import_react30.default.Fragment, { children: element }, key);
     }),
-    [messagesToRender, lastUserMessageIndex]
+    [messagesToRender]
   );
   const handleSubmit = () => {
     const trimmed = value.trim();