fix: correct scroll to bottom on mounth

Author: yaroslav8765

custom/CustomAutoScrollContainer.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, nextTick } from 'vue'
+import { ref, onMounted, onUnmounted, nextTick, watch } from 'vue'
 import CustomScrollbar from 'custom-vue-scrollbar';
 import 'custom-vue-scrollbar/dist/style.css';
 import { useAgentStore } from './composables/useAgentStore';
@@ -50,7 +50,6 @@ function scrollToBottom(force = false): void {
   if (!container) return
   
   if (isUserScrolledUp.value && !force) return
-  
   container.scrollTo({
     top: container.scrollHeight,
     behavior: props.behavior
@@ -65,7 +64,7 @@ function hasScrollbar(): boolean {
 }
 
 
-function handleScroll(): void {
+function handleScroll(detectScrollDown = true): void {
   const container = containerRef.value.scrollEl
   if (!container) return
   
@@ -80,12 +79,10 @@ function handleScroll(): void {
     isUserScrolledUp.value = false
   } else {
     const isScrollingUp = scrollTop < lastScrollTop
-    const isScrollingDown = scrollTop > lastScrollTop
+    const isScrollingDown = detectScrollDown ? scrollTop > lastScrollTop : false
     const isContentUnchanged = scrollHeight === lastScrollHeight
     if ((isScrollingUp || isScrollingDown) && isContentUnchanged) {
       isUserScrolledUp.value = true
-    } else if (!isNearBottom()) {
-      isUserScrolledUp.value = true
     }
   }
   lastScrollTop = scrollTop
@@ -110,7 +107,6 @@ onMounted(() => {
       }
       
       lastScrollHeight = containerRef.value.scrollEl.scrollHeight
-      
       if (props.enabled && !isUserScrolledUp.value) {
         scrollToBottom()
       }

custom/conversation_area/ConversationArea.vue

@@ -83,12 +83,11 @@ const showScrollToBottomButton = ref(false);
 const innerScrollContainerRef = ref(null);
 const agentStore = useAgentStore();
 const agentTransitions = useAgentTransitions();
-const clicks = ref(0);
 const showScrollContainer = ref(true);
 
 function recalculateScroll() {
   if (scrollContainer.value) {
-    scrollContainer.value.handleScroll();
+    scrollContainer.value.handleScroll(false);
     const isScrolledUp = scrollContainer.value.isUserScrolledUp();
     showScrollToBottomButton.value = !!isScrolledUp;
   }
@@ -121,9 +120,6 @@ watch(scrollContainer, () => {
   }
 })
 
-watch(clicks, () => {
-  recalculateScroll();
-})
 
 
 </script>