@adminforth/agent 1.26.14 → 1.26.16

package/agent/simpleAgent.ts

@@ -267,7 +267,7 @@ export async function callAgent(params: {
     sequenceDebugMiddleware,
     summarizationMiddleware({
       model: summaryModel,
-      trigger: { tokens: 1024 * 128 },
+      trigger: { tokens: 1024 * 64 },
       keep: { messages: 10 },
     }),
   ] as const;

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,954 bytes  received 558 bytes  417,024.00 bytes/sec
-total size is 205,644  speedup is 0.99
+sent 207,892 bytes  received 558 bytes  416,900.00 bytes/sec
+total size is 205,582  speedup is 0.99

package/custom/ChatSurface.vue

@@ -178,14 +178,14 @@
 <script setup lang="ts">
 import { IconChatBubbleLeft20Solid, IconSparklesSolid, IconArrowsPointingOut, IconArrowsPointingIn } from '@iconify-prerendered/vue-heroicons';
 import { IconCloseOutline, IconBarsOutline, IconArrowUpOutline, IconCloseSidebarSolid, IconOpenSidebarSolid, IconAngleDownOutline } from '@iconify-prerendered/vue-flowbite';
-import { useTemplateRef, onMounted, ref,computed } from 'vue';
+import { useTemplateRef, onMounted, ref } from 'vue';
 import { onClickOutside } from '@vueuse/core'
 import ConversationArea from './conversation_area/ConversationArea.vue';
 import { useAgentStore } from './composables/useAgentStore';
 import { useAgentTransitions } from './composables/useAgentTransitions';
 import { Button } from '@/afcl';
 import { useCoreStore } from '@/stores/core';
-import { remToPx, pxToRem } from './utils';
+import { remToPx } from './utils';
 
 const props = defineProps<{
   meta: {
@@ -210,6 +210,23 @@ const isModeMenuOpen = ref(false);
 let startX = 0
 let startWidth = 0
 
+onClickOutside(chatSurface, () => {if (!agentStore.isTeleportedToBody) agentStore.setIsChatOpen(false);});
+onClickOutside(modeMenu, () => { isModeMenuOpen.value = false; });
+
+onMounted(async () => {
+  agentStore.setAvailableModes(props.meta.modes, props.meta.defaultModeName);
+  agentStore.regisrerTextInput(textInput.value);
+  textInput.value?.focus();
+  const isTeleportedToBodyFromLocalStorage = agentStore.getLocalStorageItem('isTeleportedToBody') === 'true' || agentStore.getLocalStorageItem('isTeleportedToBodyBeforeFullScreen') === 'true';
+  if( coreStore.isMobile ) {
+    agentStore.setIsTeleportedToBody(false);
+  } else {
+    agentStore.setIsTeleportedToBody(isTeleportedToBodyFromLocalStorage || props.meta.stickByDefault);
+  }
+  await agentStore.fetchSessionsList();
+});
+
+
 const startResize = (e: MouseEvent) => {
   startX = e.clientX
   startWidth = remToPx(agentStore.chatWidth)
@@ -242,22 +259,6 @@ const stopResize = () => {
   }
 }
 
-onClickOutside(chatSurface, () => {if (!agentStore.isTeleportedToBody) agentStore.setIsChatOpen(false);});
-onClickOutside(modeMenu, () => { isModeMenuOpen.value = false; });
-
-onMounted(async () => {
-  agentStore.setAvailableModes(props.meta.modes, props.meta.defaultModeName);
-  agentStore.regisrerTextInput(textInput.value);
-  textInput.value?.focus();
-  const isTeleportedToBodyFromLocalStorage = agentStore.getLocalStorageItem('isTeleportedToBody') === 'true' || agentStore.getLocalStorageItem('isTeleportedToBodyBeforeFullScreen') === 'true';
-  if( coreStore.isMobile ) {
-    agentStore.setIsTeleportedToBody(false);
-  } else {
-    agentStore.setIsTeleportedToBody(isTeleportedToBodyFromLocalStorage || props.meta.stickByDefault);
-  }
-  await agentStore.fetchSessionsList();
-});
-
 function autoResize() {
   const el = textInput.value
   if (!el) return

package/custom/CustomAutoScrollContainer.vue

@@ -15,13 +15,7 @@
 import { ref, onMounted, onUnmounted, nextTick, computed } from 'vue'
 import CustomScrollbar from 'custom-vue-scrollbar';
 import 'custom-vue-scrollbar/dist/style.css';
-import { useAgentStore } from './composables/useAgentStore';
 
-const scrollParams = ref({
-  scrollTop: 0,
-  scrollHeight: 0,
-  clientHeight: 0
-});
 
 const props = withDefaults(defineProps<{
   enabled?: boolean
@@ -43,6 +37,57 @@ const scrollElement = ref<HTMLElement | null>(null)
 
 let lastScrollTop = 0
 let lastScrollHeight = 0
+let observer: MutationObserver | null = null
+
+const scrollParams = ref({
+  scrollTop: 0,
+  scrollHeight: 0,
+  clientHeight: 0
+});
+
+defineExpose({
+  scrollToBottom: () => scrollToBottom(true),
+  isUserScrolledUp: () => isUserScrolledUp.value,
+  container: containerRef,
+  handleScroll,
+  scrollParams
+})
+
+onMounted(() => {
+  if (!containerRef.value) return
+  
+  scrollElement.value = containerRef.value.scrollEl
+  lastScrollTop = containerRef.value.scrollEl.scrollTop
+  lastScrollHeight = containerRef.value.scrollEl.scrollHeight
+  
+  observer = new MutationObserver(() => {
+    nextTick(() => {
+      if (!containerRef.value?.scrollEl) return
+      
+      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 (props.enabled && !isUserScrolledUp.value) {
+        scrollToBottom()
+      }
+    })
+  })
+  
+  observer.observe(containerRef.value?.scrollEl, {
+    childList: true,
+    subtree: true,
+    characterData: true
+  })
+})
+
+onUnmounted(() => {
+  observer?.disconnect()
+})
 
 function isNearBottom(): boolean {
   const container = containerRef.value?.scrollEl
@@ -99,51 +144,6 @@ function handleScroll(detectScrollDown = true): void {
   lastScrollHeight = scrollHeight
 }
 
-let observer: MutationObserver | null = null
-
-onMounted(() => {
-  if (!containerRef.value) return
-  
-  scrollElement.value = containerRef.value.scrollEl
-  lastScrollTop = containerRef.value.scrollEl.scrollTop
-  lastScrollHeight = containerRef.value.scrollEl.scrollHeight
-  
-  observer = new MutationObserver(() => {
-    nextTick(() => {
-      if (!containerRef.value?.scrollEl) return
-      
-      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 (props.enabled && !isUserScrolledUp.value) {
-        scrollToBottom()
-      }
-    })
-  })
-  
-  observer.observe(containerRef.value?.scrollEl, {
-    childList: true,
-    subtree: true,
-    characterData: true
-  })
-})
-
-onUnmounted(() => {
-  observer?.disconnect()
-})
-
-defineExpose({
-  scrollToBottom: () => scrollToBottom(true),
-  isUserScrolledUp: () => isUserScrolledUp.value,
-  container: containerRef,
-  handleScroll,
-  scrollParams
-})
 </script>
 
 <style>

package/custom/conversation_area/ReasoningRenderer.vue

@@ -1,5 +1,5 @@
 <template>
-  <li class="mb-6 ms-2 z-50 overflow-hidden">
+  <li class="mb-6 mx-2 mt-2 px-2 z-50 overflow-hidden">
     <span class="bg-lightNavbar dark:bg-darkNavbar absolute flex items-center text-listTableHeadingText dark:text-darkListTableHeadingText justify-center w-5 h-5 bg-brand-softer rounded-full -start-[0.68rem] ring-4 ring-lightNavbar dark:ring-darkNavbar ring-default">
       <div class="w-5 h-5 rounded-full flex items-center justify-center">
         <IconBrainOutline class="w-4 h-4" />

package/custom/conversation_area/TextRenderer.vue

@@ -4,7 +4,7 @@
     @click="handleMarkdownLinkClick"
     :class="[
       hasVegaLite ? 'w-full' : '',
-      props.role === 'user' ? 'bg-lightListTableHeading dark:bg-darkListTableHeading self-end max-w-[80%]' 
+      props.role === 'user' ? 'bg-lightListTableHeading dark:bg-darkListTableHeading self-end max-w-[80%] mr-4' 
         : 'border-none self-start'
     ]"
   >

package/dist/agent/simpleAgent.js

@@ -141,7 +141,7 @@ export function callAgent(params) {
             sequenceDebugMiddleware,
             summarizationMiddleware({
                 model: summaryModel,
-                trigger: { tokens: 1024 * 128 },
+                trigger: { tokens: 1024 * 64 },
                 keep: { messages: 10 },
             }),
         ];

package/dist/custom/ChatSurface.vue

@@ -178,14 +178,14 @@
 <script setup lang="ts">
 import { IconChatBubbleLeft20Solid, IconSparklesSolid, IconArrowsPointingOut, IconArrowsPointingIn } from '@iconify-prerendered/vue-heroicons';
 import { IconCloseOutline, IconBarsOutline, IconArrowUpOutline, IconCloseSidebarSolid, IconOpenSidebarSolid, IconAngleDownOutline } from '@iconify-prerendered/vue-flowbite';
-import { useTemplateRef, onMounted, ref,computed } from 'vue';
+import { useTemplateRef, onMounted, ref } from 'vue';
 import { onClickOutside } from '@vueuse/core'
 import ConversationArea from './conversation_area/ConversationArea.vue';
 import { useAgentStore } from './composables/useAgentStore';
 import { useAgentTransitions } from './composables/useAgentTransitions';
 import { Button } from '@/afcl';
 import { useCoreStore } from '@/stores/core';
-import { remToPx, pxToRem } from './utils';
+import { remToPx } from './utils';
 
 const props = defineProps<{
   meta: {
@@ -210,6 +210,23 @@ const isModeMenuOpen = ref(false);
 let startX = 0
 let startWidth = 0
 
+onClickOutside(chatSurface, () => {if (!agentStore.isTeleportedToBody) agentStore.setIsChatOpen(false);});
+onClickOutside(modeMenu, () => { isModeMenuOpen.value = false; });
+
+onMounted(async () => {
+  agentStore.setAvailableModes(props.meta.modes, props.meta.defaultModeName);
+  agentStore.regisrerTextInput(textInput.value);
+  textInput.value?.focus();
+  const isTeleportedToBodyFromLocalStorage = agentStore.getLocalStorageItem('isTeleportedToBody') === 'true' || agentStore.getLocalStorageItem('isTeleportedToBodyBeforeFullScreen') === 'true';
+  if( coreStore.isMobile ) {
+    agentStore.setIsTeleportedToBody(false);
+  } else {
+    agentStore.setIsTeleportedToBody(isTeleportedToBodyFromLocalStorage || props.meta.stickByDefault);
+  }
+  await agentStore.fetchSessionsList();
+});
+
+
 const startResize = (e: MouseEvent) => {
   startX = e.clientX
   startWidth = remToPx(agentStore.chatWidth)
@@ -242,22 +259,6 @@ const stopResize = () => {
   }
 }
 
-onClickOutside(chatSurface, () => {if (!agentStore.isTeleportedToBody) agentStore.setIsChatOpen(false);});
-onClickOutside(modeMenu, () => { isModeMenuOpen.value = false; });
-
-onMounted(async () => {
-  agentStore.setAvailableModes(props.meta.modes, props.meta.defaultModeName);
-  agentStore.regisrerTextInput(textInput.value);
-  textInput.value?.focus();
-  const isTeleportedToBodyFromLocalStorage = agentStore.getLocalStorageItem('isTeleportedToBody') === 'true' || agentStore.getLocalStorageItem('isTeleportedToBodyBeforeFullScreen') === 'true';
-  if( coreStore.isMobile ) {
-    agentStore.setIsTeleportedToBody(false);
-  } else {
-    agentStore.setIsTeleportedToBody(isTeleportedToBodyFromLocalStorage || props.meta.stickByDefault);
-  }
-  await agentStore.fetchSessionsList();
-});
-
 function autoResize() {
   const el = textInput.value
   if (!el) return

package/dist/custom/CustomAutoScrollContainer.vue

@@ -15,13 +15,7 @@
 import { ref, onMounted, onUnmounted, nextTick, computed } from 'vue'
 import CustomScrollbar from 'custom-vue-scrollbar';
 import 'custom-vue-scrollbar/dist/style.css';
-import { useAgentStore } from './composables/useAgentStore';
 
-const scrollParams = ref({
-  scrollTop: 0,
-  scrollHeight: 0,
-  clientHeight: 0
-});
 
 const props = withDefaults(defineProps<{
   enabled?: boolean
@@ -43,6 +37,57 @@ const scrollElement = ref<HTMLElement | null>(null)
 
 let lastScrollTop = 0
 let lastScrollHeight = 0
+let observer: MutationObserver | null = null
+
+const scrollParams = ref({
+  scrollTop: 0,
+  scrollHeight: 0,
+  clientHeight: 0
+});
+
+defineExpose({
+  scrollToBottom: () => scrollToBottom(true),
+  isUserScrolledUp: () => isUserScrolledUp.value,
+  container: containerRef,
+  handleScroll,
+  scrollParams
+})
+
+onMounted(() => {
+  if (!containerRef.value) return
+  
+  scrollElement.value = containerRef.value.scrollEl
+  lastScrollTop = containerRef.value.scrollEl.scrollTop
+  lastScrollHeight = containerRef.value.scrollEl.scrollHeight
+  
+  observer = new MutationObserver(() => {
+    nextTick(() => {
+      if (!containerRef.value?.scrollEl) return
+      
+      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 (props.enabled && !isUserScrolledUp.value) {
+        scrollToBottom()
+      }
+    })
+  })
+  
+  observer.observe(containerRef.value?.scrollEl, {
+    childList: true,
+    subtree: true,
+    characterData: true
+  })
+})
+
+onUnmounted(() => {
+  observer?.disconnect()
+})
 
 function isNearBottom(): boolean {
   const container = containerRef.value?.scrollEl
@@ -99,51 +144,6 @@ function handleScroll(detectScrollDown = true): void {
   lastScrollHeight = scrollHeight
 }
 
-let observer: MutationObserver | null = null
-
-onMounted(() => {
-  if (!containerRef.value) return
-  
-  scrollElement.value = containerRef.value.scrollEl
-  lastScrollTop = containerRef.value.scrollEl.scrollTop
-  lastScrollHeight = containerRef.value.scrollEl.scrollHeight
-  
-  observer = new MutationObserver(() => {
-    nextTick(() => {
-      if (!containerRef.value?.scrollEl) return
-      
-      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 (props.enabled && !isUserScrolledUp.value) {
-        scrollToBottom()
-      }
-    })
-  })
-  
-  observer.observe(containerRef.value?.scrollEl, {
-    childList: true,
-    subtree: true,
-    characterData: true
-  })
-})
-
-onUnmounted(() => {
-  observer?.disconnect()
-})
-
-defineExpose({
-  scrollToBottom: () => scrollToBottom(true),
-  isUserScrolledUp: () => isUserScrolledUp.value,
-  container: containerRef,
-  handleScroll,
-  scrollParams
-})
 </script>
 
 <style>

package/dist/custom/conversation_area/ReasoningRenderer.vue

@@ -1,5 +1,5 @@
 <template>
-  <li class="mb-6 ms-2 z-50 overflow-hidden">
+  <li class="mb-6 mx-2 mt-2 px-2 z-50 overflow-hidden">
     <span class="bg-lightNavbar dark:bg-darkNavbar absolute flex items-center text-listTableHeadingText dark:text-darkListTableHeadingText justify-center w-5 h-5 bg-brand-softer rounded-full -start-[0.68rem] ring-4 ring-lightNavbar dark:ring-darkNavbar ring-default">
       <div class="w-5 h-5 rounded-full flex items-center justify-center">
         <IconBrainOutline class="w-4 h-4" />

package/dist/custom/conversation_area/TextRenderer.vue

@@ -4,7 +4,7 @@
     @click="handleMarkdownLinkClick"
     :class="[
       hasVegaLite ? 'w-full' : '',
-      props.role === 'user' ? 'bg-lightListTableHeading dark:bg-darkListTableHeading self-end max-w-[80%]' 
+      props.role === 'user' ? 'bg-lightListTableHeading dark:bg-darkListTableHeading self-end max-w-[80%] mr-4' 
         : 'border-none self-start'
     ]"
   >

package/package.json

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