@adminforth/agent 1.22.0 → 1.22.1

package/build.log

@@ -38,5 +38,5 @@ custom/skills/fetch_data/SKILL.md
 custom/skills/mutate_data/
 custom/skills/mutate_data/SKILL.md
 
-sent 199,171 bytes  received 562 bytes  399,466.00 bytes/sec
-total size is 196,867  speedup is 0.99
+sent 199,157 bytes  received 562 bytes  399,438.00 bytes/sec
+total size is 196,887  speedup is 0.99

package/custom/ChatSurface.vue

@@ -195,6 +195,7 @@ const props = defineProps<{
     defaultModeName: string | null;
     stickByDefault: boolean;
   }
+  adminUser: any
 }>();
 
 const chatSurface = useTemplateRef('chatSurface');

package/custom/SessionsHistory.vue

@@ -8,7 +8,7 @@
     <h3 :class="h3Style">{{ $t('Chat history') }}</h3>
     <div class="w-full flex items-center justify-center">
       <Button 
-        @click="agentStore.createPreSession(); agentStore.setSessionHistoryOpen(false); agentStore.focusTextInput();" 
+        @click="agentStore.createPreSession(); agentStore.setSessionHistoryOpen(false); agentStore.focusTextInput(); recalculateScroll();" 
         :disabled="agentStore.isResponseInProgress" 
         class="w-[90%] my-2 mb-4 rounded-3xl text-gray-800 dark:text-gray-200"
       >
@@ -34,7 +34,7 @@
           'bg-lightPrimary/20 hover:bg-lightPrimary/20 dark:bg-darkPrimary/20 dark:hover:bg-darkPrimary/20': agentStore.activeSessionId === session.sessionId, 
           'cursor-default opacity-50 pointer-events-none': agentStore.isResponseInProgress,
          }"
-        @click="agentStore.setActiveSession(session.sessionId); agentStore.setSessionHistoryOpen(false);"
+        @click="agentStore.setActiveSession(session.sessionId); agentStore.setSessionHistoryOpen(false); recalculateScroll();"
         :disabled="agentStore.isResponseInProgress"
       >
         <p class="truncate">{{ session.title || session.sessionId }}</p>
@@ -99,4 +99,13 @@ const groupedSessions = computed(() => {
   return Array.from(groups.values());
 });
 
+const emit = defineEmits<{
+  (e: 'recalculateScroll'): void
+}>()
+
+function recalculateScroll() {
+  // Emit an event to notify the parent component to recalculate scroll
+  emit('recalculateScroll');
+}
+
 </script>

package/custom/composables/useAgentStore.ts

@@ -524,10 +524,8 @@ export const useAgentStore = defineStore('agent', () => {
     if (!sessions.value[sessionId]) {
       await fetchSession(sessionId);    
     }
-    console.log('Set active session from sessions', sessionId, sessions.value[sessionId]);
     currentSession.value = sessions.value[sessionId];
     setCurrentChat(sessionId);
-    console.log('Set active session chat', sessionId, currentSession.value);
     currentChat.value.messages = currentSession.value?.messages.map((m: any) => ({
       role: m.role,
       parts:[{

package/custom/conversation_area/ConversationArea.vue

@@ -9,6 +9,7 @@
   
   <SessionsHistory 
     :class="agentStore.isSessionHistoryOpen ? 'translate-x-0' : '-translate-x-full'"
+    @recalculateScroll="recalculateScroll"
   />
   <div 
     v-if="agentStore.isSessionHistoryOpen"
@@ -51,18 +52,19 @@
 
 
 <script setup lang="ts">
-import Message from './Message.vue';
 import type { IMessage, IPart } from '../types';
-import { useTemplateRef, ref, defineAsyncComponent, onMounted, onUnmounted, watch, computed } from 'vue';
+import { useTemplateRef, ref, defineAsyncComponent, onMounted, onUnmounted, watch, computed, nextTick } from 'vue';
 import { IconArrowDownOutline } from '@iconify-prerendered/vue-flowbite';
 import SessionsHistory from '../SessionsHistory.vue';
 import { useAgentStore } from '../composables/useAgentStore';
-import ToolsGroup from './ToolsGroup.vue';
 import { useAgentTransitions } from '../composables/useAgentTransitions';
-import { getMessageParts } from '../utils';
 import MessageRenderer from './MessageRenderer.vue';
 import CustomAutoScrollContainer from '../CustomAutoScrollContainer.vue';
 
+const props = defineProps<{
+  messages: IMessage[]
+}>();
+
 const scrollContainer = useTemplateRef('scrollContainer');
 const showScrollToBottomButton = ref(false);
 const innerScrollContainerRef = ref(null);
@@ -101,9 +103,4 @@ watch(clicks, () => {
 })
 
 
-
-const props = defineProps<{
-  messages: IMessage[]
-}>();
-
 </script>

package/dist/custom/ChatSurface.vue

@@ -195,6 +195,7 @@ const props = defineProps<{
     defaultModeName: string | null;
     stickByDefault: boolean;
   }
+  adminUser: any
 }>();
 
 const chatSurface = useTemplateRef('chatSurface');

package/dist/custom/SessionsHistory.vue

@@ -8,7 +8,7 @@
     <h3 :class="h3Style">{{ $t('Chat history') }}</h3>
     <div class="w-full flex items-center justify-center">
       <Button 
-        @click="agentStore.createPreSession(); agentStore.setSessionHistoryOpen(false); agentStore.focusTextInput();" 
+        @click="agentStore.createPreSession(); agentStore.setSessionHistoryOpen(false); agentStore.focusTextInput(); recalculateScroll();" 
         :disabled="agentStore.isResponseInProgress" 
         class="w-[90%] my-2 mb-4 rounded-3xl text-gray-800 dark:text-gray-200"
       >
@@ -34,7 +34,7 @@
           'bg-lightPrimary/20 hover:bg-lightPrimary/20 dark:bg-darkPrimary/20 dark:hover:bg-darkPrimary/20': agentStore.activeSessionId === session.sessionId, 
           'cursor-default opacity-50 pointer-events-none': agentStore.isResponseInProgress,
          }"
-        @click="agentStore.setActiveSession(session.sessionId); agentStore.setSessionHistoryOpen(false);"
+        @click="agentStore.setActiveSession(session.sessionId); agentStore.setSessionHistoryOpen(false); recalculateScroll();"
         :disabled="agentStore.isResponseInProgress"
       >
         <p class="truncate">{{ session.title || session.sessionId }}</p>
@@ -99,4 +99,13 @@ const groupedSessions = computed(() => {
   return Array.from(groups.values());
 });
 
+const emit = defineEmits<{
+  (e: 'recalculateScroll'): void
+}>()
+
+function recalculateScroll() {
+  // Emit an event to notify the parent component to recalculate scroll
+  emit('recalculateScroll');
+}
+
 </script>

package/dist/custom/composables/useAgentStore.ts

@@ -524,10 +524,8 @@ export const useAgentStore = defineStore('agent', () => {
     if (!sessions.value[sessionId]) {
       await fetchSession(sessionId);    
     }
-    console.log('Set active session from sessions', sessionId, sessions.value[sessionId]);
     currentSession.value = sessions.value[sessionId];
     setCurrentChat(sessionId);
-    console.log('Set active session chat', sessionId, currentSession.value);
     currentChat.value.messages = currentSession.value?.messages.map((m: any) => ({
       role: m.role,
       parts:[{

package/dist/custom/conversation_area/ConversationArea.vue

@@ -9,6 +9,7 @@
   
   <SessionsHistory 
     :class="agentStore.isSessionHistoryOpen ? 'translate-x-0' : '-translate-x-full'"
+    @recalculateScroll="recalculateScroll"
   />
   <div 
     v-if="agentStore.isSessionHistoryOpen"
@@ -51,18 +52,19 @@
 
 
 <script setup lang="ts">
-import Message from './Message.vue';
 import type { IMessage, IPart } from '../types';
-import { useTemplateRef, ref, defineAsyncComponent, onMounted, onUnmounted, watch, computed } from 'vue';
+import { useTemplateRef, ref, defineAsyncComponent, onMounted, onUnmounted, watch, computed, nextTick } from 'vue';
 import { IconArrowDownOutline } from '@iconify-prerendered/vue-flowbite';
 import SessionsHistory from '../SessionsHistory.vue';
 import { useAgentStore } from '../composables/useAgentStore';
-import ToolsGroup from './ToolsGroup.vue';
 import { useAgentTransitions } from '../composables/useAgentTransitions';
-import { getMessageParts } from '../utils';
 import MessageRenderer from './MessageRenderer.vue';
 import CustomAutoScrollContainer from '../CustomAutoScrollContainer.vue';
 
+const props = defineProps<{
+  messages: IMessage[]
+}>();
+
 const scrollContainer = useTemplateRef('scrollContainer');
 const showScrollToBottomButton = ref(false);
 const innerScrollContainerRef = ref(null);
@@ -101,9 +103,4 @@ watch(clicks, () => {
 })
 
 
-
-const props = defineProps<{
-  messages: IMessage[]
-}>();
-
 </script>

package/package.json

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