@adminforth/agent 1.26.5 → 1.26.6

package/build.log

@@ -38,5 +38,5 @@ custom/skills/fetch_data/SKILL.md
 custom/skills/mutate_data/
 custom/skills/mutate_data/SKILL.md
 
-sent 207,297 bytes  received 562 bytes  415,718.00 bytes/sec
-total size is 204,983  speedup is 0.99
+sent 207,895 bytes  received 562 bytes  416,914.00 bytes/sec
+total size is 205,615  speedup is 0.99

package/custom/conversation_area/ProcessingTimeline.vue

@@ -14,6 +14,7 @@
     </div>
     <transition name="expand" class="max-h-96 overflow-y-auto mb-4 pt-1">
       <CustomAutoScrollContainer
+        ref="scrollContainerRef"
         :enabled="isResponseInProgress"
         behavior="smooth"
         v-if="ToolOrReasoningParts.length > 0" 
@@ -38,7 +39,7 @@
 
 <script setup lang="ts">
   import type { IFormattedToolCallPart, IMessage, IPart, IToolGroup } from '../types';
-  import { ref, computed, watch, defineAsyncComponent, onMounted } from 'vue';
+  import { ref, computed, watch, onUnmounted, onMounted } from 'vue';
   import ReasoningRenderer from './ReasoningRenderer.vue';
   import { IconAngleDownOutline } from '@iconify-prerendered/vue-flowbite';
   import ThreeDotsAnimation from './ThreeDotsAnimation.vue';
@@ -52,15 +53,35 @@
     isLastMessageInChat: boolean
   }>()
 
-  // const AutoScrollContainer = defineAsyncComponent(() => import('@incremark/vue').then(module => module.AutoScrollContainer))
   const agentStore = useAgentStore();
   const thinkingStartTime = ref<number | null>(null);
   const thinkingDuration = ref(0);
+  const scrollContainerRef = ref<InstanceType<typeof CustomAutoScrollContainer> | null>(null);
+  const innerScrollContainerRef = ref<HTMLElement | null>(null);
 
   onMounted(() => {
     thinkingStartTime.value = Date.now();
   })
 
+  watch(scrollContainerRef, async () => {
+    if (innerScrollContainerRef.value) {
+      innerScrollContainerRef.value.removeEventListener('scroll', handleScroll);
+    }
+
+    if (scrollContainerRef.value) {
+      innerScrollContainerRef.value = scrollContainerRef.value.container.scrollEl;
+      innerScrollContainerRef.value.addEventListener('scroll', handleScroll);
+    }
+  })
+
+  onUnmounted(() => {
+    scrollContainerRef.value?.container.scrollEl?.removeEventListener('scroll', handleScroll);
+  })
+
+  function handleScroll() {
+    scrollContainerRef.value?.handleScroll();
+  }
+
   const ToolOrReasoningParts = computed(() => {
     return props.message.parts.filter((part: IPart) => part.type === 'data-tool-call' || part.type === 'reasoning');
   });

package/custom/conversation_area/ReasoningRenderer.vue

@@ -18,7 +18,7 @@
     </h3>
     <transition name="expand">
       <CustomAutoScrollContainer
-        v-if="isExpanded" v-show="isExpanded" class="mb-4 text-sm max-h-64 pl-4"
+        v-if="isExpanded" v-show="isExpanded" class="text-sm max-h-64 pl-4"
         :wrapperStyle="{
           marginRight: '8rem',
         }"

package/dist/custom/conversation_area/ProcessingTimeline.vue

@@ -14,6 +14,7 @@
     </div>
     <transition name="expand" class="max-h-96 overflow-y-auto mb-4 pt-1">
       <CustomAutoScrollContainer
+        ref="scrollContainerRef"
         :enabled="isResponseInProgress"
         behavior="smooth"
         v-if="ToolOrReasoningParts.length > 0" 
@@ -38,7 +39,7 @@
 
 <script setup lang="ts">
   import type { IFormattedToolCallPart, IMessage, IPart, IToolGroup } from '../types';
-  import { ref, computed, watch, defineAsyncComponent, onMounted } from 'vue';
+  import { ref, computed, watch, onUnmounted, onMounted } from 'vue';
   import ReasoningRenderer from './ReasoningRenderer.vue';
   import { IconAngleDownOutline } from '@iconify-prerendered/vue-flowbite';
   import ThreeDotsAnimation from './ThreeDotsAnimation.vue';
@@ -52,15 +53,35 @@
     isLastMessageInChat: boolean
   }>()
 
-  // const AutoScrollContainer = defineAsyncComponent(() => import('@incremark/vue').then(module => module.AutoScrollContainer))
   const agentStore = useAgentStore();
   const thinkingStartTime = ref<number | null>(null);
   const thinkingDuration = ref(0);
+  const scrollContainerRef = ref<InstanceType<typeof CustomAutoScrollContainer> | null>(null);
+  const innerScrollContainerRef = ref<HTMLElement | null>(null);
 
   onMounted(() => {
     thinkingStartTime.value = Date.now();
   })
 
+  watch(scrollContainerRef, async () => {
+    if (innerScrollContainerRef.value) {
+      innerScrollContainerRef.value.removeEventListener('scroll', handleScroll);
+    }
+
+    if (scrollContainerRef.value) {
+      innerScrollContainerRef.value = scrollContainerRef.value.container.scrollEl;
+      innerScrollContainerRef.value.addEventListener('scroll', handleScroll);
+    }
+  })
+
+  onUnmounted(() => {
+    scrollContainerRef.value?.container.scrollEl?.removeEventListener('scroll', handleScroll);
+  })
+
+  function handleScroll() {
+    scrollContainerRef.value?.handleScroll();
+  }
+
   const ToolOrReasoningParts = computed(() => {
     return props.message.parts.filter((part: IPart) => part.type === 'data-tool-call' || part.type === 'reasoning');
   });

package/dist/custom/conversation_area/ReasoningRenderer.vue

@@ -18,7 +18,7 @@
     </h3>
     <transition name="expand">
       <CustomAutoScrollContainer
-        v-if="isExpanded" v-show="isExpanded" class="mb-4 text-sm max-h-64 pl-4"
+        v-if="isExpanded" v-show="isExpanded" class="text-sm max-h-64 pl-4"
         :wrapperStyle="{
           marginRight: '8rem',
         }"

package/package.json

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