@adminforth/agent 2.2.2 → 2.2.4

package/dist/custom/CustomAutoScrollContainer.vue

@@ -24,15 +24,15 @@ const props = withDefaults(defineProps<{
   wrapperStyle?: Record<string, string>
   contentStyle?: Record<string, string>
   scrollBarAutoHide?: boolean
-  scrollToBottomOnMount?: boolean
   debugMode?: boolean
+  scrollToBottomOnMount?: boolean
 }>(), {
   enabled: true,
   threshold: 50,
   behavior: 'instant',
   scrollBarAutoHide: true,
-  scrollToBottomOnMount: true,
-  debugMode: false
+  debugMode: false,
+  scrollToBottomOnMount: true
 })
 
 const containerRef = ref<HTMLDivElement | null>(null)
@@ -43,6 +43,18 @@ let lastScrollTop = 0
 let lastScrollHeight = 0
 let observer: MutationObserver | null = null
 
+const INITIAL_SCROLL_DEBOUNCE = 200
+let initialScrollDone = false
+let initialScrollTimer: ReturnType<typeof setTimeout> | null = null
+
+function scheduleInitialScrollEnd(): void {
+  if (initialScrollTimer) clearTimeout(initialScrollTimer)
+  initialScrollTimer = setTimeout(() => {
+    initialScrollDone = true
+    initialScrollTimer = null
+  }, INITIAL_SCROLL_DEBOUNCE)
+}
+
 const scrollParams = ref({
   scrollTop: 0,
   scrollHeight: 0,
@@ -71,26 +83,37 @@ onMounted(() => {
       if (!hasScrollbar()) {
         isUserScrolledUp.value = false
       }
-      
+
       lastScrollHeight = containerRef.value.scrollEl.scrollHeight
       scrollParams.value.scrollTop = containerRef.value.scrollEl.scrollTop
       scrollParams.value.scrollHeight = containerRef.value.scrollEl.scrollHeight
       scrollParams.value.clientHeight = containerRef.value.scrollEl.clientHeight
-      if (!isUserScrolledUp.value && props.scrollToBottomOnMount) {
+      if (props.enabled && !isUserScrolledUp.value) {
         scrollToBottom()
+      } else if (props.scrollToBottomOnMount && !initialScrollDone) {
+        // Delayed content is still settling in the initial scroll phase: keep
+        // pinning to the bottom and restart the quiet-period debounce.
+        scrollToBottom(true)
+        scheduleInitialScrollEnd()
       }
     })
   })
-  
+
   observer.observe(containerRef.value?.scrollEl, {
     childList: true,
     subtree: true,
     characterData: true
   })
+
+  if (props.scrollToBottomOnMount) {
+    nextTick(() => scrollToBottom(true))
+    scheduleInitialScrollEnd()
+  }
 })
 
 onUnmounted(() => {
   observer?.disconnect()
+  if (initialScrollTimer) clearTimeout(initialScrollTimer)
 })
 
 function isNearBottom(customThreshold?: number): boolean {

package/dist/custom/conversation_area/ConversationArea.vue

@@ -11,9 +11,9 @@
   <div ref="chatContainerRef" class="relative flex-1 min-h-0 overflow-hidden" @click="recalculateScroll()">
     <CustomAutoScrollContainer
       v-if="showScrollContainer"
-      :enabled="false" 
       class="relative h-full flex flex-col overflow-y-auto translate-x-[-50%] left-1/2"
       ref="scrollContainer"
+      :enabled="false"
       :threshold="THRESHOLD_TO_SHOW_BUTTON"
       behavior="smooth"
       :wrapperStyle = "{ 

package/dist/custom/conversation_area/TextRenderer.vue

@@ -1,9 +1,9 @@
 <template>
   <div
-    class="flex rounded-xl border px-4 border-gray-200 dark:border-gray-700 min-w-0"
+    class="flex items-center justify-center rounded-xl border px-6 border-gray-200 dark:border-gray-700 min-w-0"
     @click="handleMarkdownLinkClick"
     :class="[
-      hasVegaLite ? 'w-full my-2' : 'm-2',
+      hasVegaLite ? 'w-full my-2' : '',
       props.role === 'user' ? 'bg-lightListTableHeading dark:bg-darkListTableHeading self-end max-w-[80%] mr-4' 
         : 'border-none self-start max-w-full'
     ]"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/agent",
-  "version": "2.2.2",
+  "version": "2.2.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",