@landtrustinc/design-system 1.2.64 → 1.2.66

package/dist/index.js

@@ -6034,6 +6034,7 @@ var BottomDrawer = ({
   const containerRef = (0, import_react26.useRef)(null);
   const previousScrollY = (0, import_react26.useRef)(0);
   const previousActiveElement = (0, import_react26.useRef)(null);
+  const wasOpenRef = (0, import_react26.useRef)(false);
   const handleKeyDown = (0, import_react26.useCallback)(
     (event) => {
       if (closeOnEscape && event.key === "Escape" && onClose) {
@@ -6044,6 +6045,7 @@ var BottomDrawer = ({
   );
   (0, import_react26.useEffect)(() => {
     if (isOpen) {
+      wasOpenRef.current = true;
       previousScrollY.current = window.scrollY;
       previousActiveElement.current = document.activeElement;
       document.body.style.position = "fixed";
@@ -6054,7 +6056,8 @@ var BottomDrawer = ({
       if (containerRef.current) {
         containerRef.current.focus();
       }
-    } else {
+    } else if (wasOpenRef.current) {
+      wasOpenRef.current = false;
       document.body.style.position = "";
       document.body.style.overflow = "";
       document.body.style.width = "";
@@ -6987,8 +6990,8 @@ var useChatScrollControl = ({
 }) => {
   const scrollRef = (0, import_react39.useRef)(null);
   const savedScrollPosition = (0, import_react39.useRef)(0);
-  const previousMessagesLength = (0, import_react39.useRef)(messages.length);
-  const previousMessagesRef = (0, import_react39.useRef)(messages);
+  const previousMessagesLengthRef = (0, import_react39.useRef)(messages.length);
+  const previousIsThinkingRef = (0, import_react39.useRef)(isThinking);
   const userJustSentMessageRef = (0, import_react39.useRef)(false);
   const [isAtBottom, setIsAtBottom] = (0, import_react39.useState)(true);
   const [showScrollButton, setShowScrollButton] = (0, import_react39.useState)(false);
@@ -7044,11 +7047,11 @@ var useChatScrollControl = ({
     const el = scrollRef.current;
     if (!el || !isExpanded)
       return;
-    const messagesLengthChanged = messages.length !== previousMessagesLength.current;
-    const messagesContentChanged = messages !== previousMessagesRef.current;
-    previousMessagesLength.current = messages.length;
-    previousMessagesRef.current = messages;
-    if (messagesLengthChanged || messagesContentChanged || isThinking) {
+    const messagesAdded = messages.length !== previousMessagesLengthRef.current;
+    previousMessagesLengthRef.current = messages.length;
+    const thinkingStarted = isThinking && !previousIsThinkingRef.current;
+    previousIsThinkingRef.current = isThinking;
+    if (messagesAdded || thinkingStarted) {
       if (!enableScrollToBottomControl) {
         requestAnimationFrame(() => {
           scrollToBottom("smooth");
@@ -7067,7 +7070,7 @@ var useChatScrollControl = ({
     }
     userJustSentMessageRef.current = false;
   }, [
-    messages,
+    messages.length,
     isThinking,
     isExpanded,
     isAtBottom,
@@ -7235,6 +7238,9 @@ var ChatWidget = ({
                 display: "flex",
                 flexDirection: "column",
                 gap: "var(--spacing-2)",
+                css: import_react40.css`
+                overscroll-behavior: contain;
+              `,
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: renderedMessages }),
                   isThinking && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { css: thinkingRowStyles, children: [