@adminforth/agent 1.24.12 → 1.24.14

package/agent/systemPrompt.ts

@@ -83,7 +83,7 @@ export async function buildAgentSystemPrompt(adminforth: IAdminForth) {
     "The fetched skill response starts with 'Tools mentioned in this skill'. Read that list first.",
     "You can use get_resource immediately to inspect resource structure and column names.",
     "If the user wants to create, update, delete, or run actions on records, load mutate_data first.",
-    "If the user wants to fetch records, load fetch_data first. If the user wants analytics or charts, load data-analytics first.",
+    "If the user wants to fetch records, load fetch_data first. If the user wants analytics or charts, load analyze_data first.",
     "Only call fetch_tool_schema for tool names that are explicitly mentioned in a fetched skill and are not already available as base tools.",
     "If a fetched skill lists a non-base tool you need, call fetch_tool_schema for it immediately instead of telling the user the tool is unavailable.",
     "For example: for record creation load mutate_data, read its tool list, call fetch_tool_schema for create_record, and then use create_record after confirmation.",

package/build.log

@@ -31,12 +31,12 @@ custom/incremark_code_renderers/incremarkCodeHighlight.ts
 custom/incremark_code_renderers/incremarkRenderer.ts
 custom/incremark_code_renderers/renderIncremarkMarkdown.ts
 custom/skills/
-custom/skills/data-analytics/
-custom/skills/data-analytics/SKILL.md
+custom/skills/analyze_data/
+custom/skills/analyze_data/SKILL.md
 custom/skills/fetch_data/
 custom/skills/fetch_data/SKILL.md
 custom/skills/mutate_data/
 custom/skills/mutate_data/SKILL.md
 
-sent 201,341 bytes  received 562 bytes  403,806.00 bytes/sec
-total size is 199,037  speedup is 0.99
+sent 202,033 bytes  received 566 bytes  405,198.00 bytes/sec
+total size is 199,749  speedup is 0.99

package/custom/ChatSurface.vue

@@ -254,6 +254,7 @@ onMounted(async () => {
     agentStore.setIsTeleportedToBody(isTeleportedToBodyFromLocalStorage || props.meta.stickByDefault);
   }
   await agentStore.fetchSessionsList();
+  agentStore.setFullScreen(true);
 });
 
 function autoResize() {

package/custom/CustomAutoScrollContainer.vue

@@ -11,12 +11,16 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, nextTick, watch } from 'vue'
+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 agentStore = useAgentStore();
+const scrollParams = ref({
+  scrollTop: 0,
+  scrollHeight: 0,
+  clientHeight: 0
+});
 
 const props = withDefaults(defineProps<{
   enabled?: boolean
@@ -42,6 +46,9 @@ function isNearBottom(): boolean {
   if (!container) return true
   
   const { scrollTop, scrollHeight, clientHeight } = container
+  scrollParams.value.scrollTop = scrollTop
+  scrollParams.value.scrollHeight = scrollHeight
+  scrollParams.value.clientHeight = clientHeight
   return scrollHeight - scrollTop - clientHeight <= props.threshold
 }
 
@@ -107,6 +114,9 @@ onMounted(() => {
       }
       
       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()
       }
@@ -128,7 +138,8 @@ defineExpose({
   scrollToBottom: () => scrollToBottom(true),
   isUserScrolledUp: () => isUserScrolledUp.value,
   container: containerRef,
-  handleScroll
+  handleScroll,
+  scrollParams
 })
 </script>
 

package/custom/conversation_area/ConversationArea.vue

@@ -8,7 +8,7 @@
     class="absolute bg-black/10 backdrop-blur-md z-10 h-full w-full"
   >
   </div>
-  <div class="relative flex-1 min-h-0 overflow-hidden" @click="recalculateScroll()">
+  <div ref="chatContainerRef" class="relative flex-1 min-h-0 overflow-hidden" @click="recalculateScroll()">
     <CustomAutoScrollContainer
       v-if="showScrollContainer"
       :enabled="!showScrollToBottomButton" 
@@ -24,10 +24,6 @@
         marginLeft: 'auto',
         marginRight: 'auto',
       }"
-      :contentStyle="{
-        height: '100%',
-        maxHeight: '100%',
-      }"
       :style="{ 
         maxWidth: agentStore.isFullScreen ? agentStore.MAX_WIDTH+'rem' : '100%',
         transition: `
@@ -46,11 +42,15 @@
       </div>
       <div 
         v-if="props.messages.length === 0"
-        class="flex-1 flex flex-col items-center justify-center text-gray-400 tracking-widest text-xl font-medium h-full"
+        class="flex-1 flex flex-col items-center justify-center text-gray-400 tracking-widest text-xl font-medium h-max"
+        :style="{
+          height: chatContainerRef ? chatContainerRef.clientHeight + 'px' : '100%',
+        }"
       >
         <p>{{ $t('Start the conversation') }}</p>
         <p class="tracking-normal text-base text">{{ $t('Give any input to begin') }}</p>
       </div>
+      <div></div>
     </CustomAutoScrollContainer>
     <button @click="scrollContainer.scrollToBottom();">
       <IconArrowDownOutline 
@@ -83,6 +83,11 @@ const innerScrollContainerRef = ref(null);
 const agentStore = useAgentStore();
 const agentTransitions = useAgentTransitions();
 const showScrollContainer = ref(true);
+const chatContainerRef = ref(null);
+
+const scrollHeight = computed(() => {
+  return scrollContainer.value ? scrollContainer.value.scrollParams.scrollHeight : 0;
+});
 
 function recalculateScroll() {
   if (scrollContainer.value) {

package/custom/skills/{data-analytics → analyze_data}/SKILL.md

@@ -1,4 +1,4 @@
-name: data-analytics
+name: analyze_data
 description: Analyze AdminForth resource data, summarize trends, and create charts from fetched rows.
 ---
 

package/dist/agent/systemPrompt.js

@@ -74,7 +74,7 @@ export function buildAgentSystemPrompt(adminforth) {
             "The fetched skill response starts with 'Tools mentioned in this skill'. Read that list first.",
             "You can use get_resource immediately to inspect resource structure and column names.",
             "If the user wants to create, update, delete, or run actions on records, load mutate_data first.",
-            "If the user wants to fetch records, load fetch_data first. If the user wants analytics or charts, load data-analytics first.",
+            "If the user wants to fetch records, load fetch_data first. If the user wants analytics or charts, load analyze_data first.",
             "Only call fetch_tool_schema for tool names that are explicitly mentioned in a fetched skill and are not already available as base tools.",
             "If a fetched skill lists a non-base tool you need, call fetch_tool_schema for it immediately instead of telling the user the tool is unavailable.",
             "For example: for record creation load mutate_data, read its tool list, call fetch_tool_schema for create_record, and then use create_record after confirmation.",

package/dist/custom/ChatSurface.vue

@@ -254,6 +254,7 @@ onMounted(async () => {
     agentStore.setIsTeleportedToBody(isTeleportedToBodyFromLocalStorage || props.meta.stickByDefault);
   }
   await agentStore.fetchSessionsList();
+  agentStore.setFullScreen(true);
 });
 
 function autoResize() {

package/dist/custom/CustomAutoScrollContainer.vue

@@ -11,12 +11,16 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, nextTick, watch } from 'vue'
+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 agentStore = useAgentStore();
+const scrollParams = ref({
+  scrollTop: 0,
+  scrollHeight: 0,
+  clientHeight: 0
+});
 
 const props = withDefaults(defineProps<{
   enabled?: boolean
@@ -42,6 +46,9 @@ function isNearBottom(): boolean {
   if (!container) return true
   
   const { scrollTop, scrollHeight, clientHeight } = container
+  scrollParams.value.scrollTop = scrollTop
+  scrollParams.value.scrollHeight = scrollHeight
+  scrollParams.value.clientHeight = clientHeight
   return scrollHeight - scrollTop - clientHeight <= props.threshold
 }
 
@@ -107,6 +114,9 @@ onMounted(() => {
       }
       
       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()
       }
@@ -128,7 +138,8 @@ defineExpose({
   scrollToBottom: () => scrollToBottom(true),
   isUserScrolledUp: () => isUserScrolledUp.value,
   container: containerRef,
-  handleScroll
+  handleScroll,
+  scrollParams
 })
 </script>
 

package/dist/custom/conversation_area/ConversationArea.vue

@@ -8,7 +8,7 @@
     class="absolute bg-black/10 backdrop-blur-md z-10 h-full w-full"
   >
   </div>
-  <div class="relative flex-1 min-h-0 overflow-hidden" @click="recalculateScroll()">
+  <div ref="chatContainerRef" class="relative flex-1 min-h-0 overflow-hidden" @click="recalculateScroll()">
     <CustomAutoScrollContainer
       v-if="showScrollContainer"
       :enabled="!showScrollToBottomButton" 
@@ -24,10 +24,6 @@
         marginLeft: 'auto',
         marginRight: 'auto',
       }"
-      :contentStyle="{
-        height: '100%',
-        maxHeight: '100%',
-      }"
       :style="{ 
         maxWidth: agentStore.isFullScreen ? agentStore.MAX_WIDTH+'rem' : '100%',
         transition: `
@@ -46,11 +42,15 @@
       </div>
       <div 
         v-if="props.messages.length === 0"
-        class="flex-1 flex flex-col items-center justify-center text-gray-400 tracking-widest text-xl font-medium h-full"
+        class="flex-1 flex flex-col items-center justify-center text-gray-400 tracking-widest text-xl font-medium h-max"
+        :style="{
+          height: chatContainerRef ? chatContainerRef.clientHeight + 'px' : '100%',
+        }"
       >
         <p>{{ $t('Start the conversation') }}</p>
         <p class="tracking-normal text-base text">{{ $t('Give any input to begin') }}</p>
       </div>
+      <div></div>
     </CustomAutoScrollContainer>
     <button @click="scrollContainer.scrollToBottom();">
       <IconArrowDownOutline 
@@ -83,6 +83,11 @@ const innerScrollContainerRef = ref(null);
 const agentStore = useAgentStore();
 const agentTransitions = useAgentTransitions();
 const showScrollContainer = ref(true);
+const chatContainerRef = ref(null);
+
+const scrollHeight = computed(() => {
+  return scrollContainer.value ? scrollContainer.value.scrollParams.scrollHeight : 0;
+});
 
 function recalculateScroll() {
   if (scrollContainer.value) {

package/dist/custom/skills/{data-analytics → analyze_data}/SKILL.md

@@ -1,4 +1,4 @@
-name: data-analytics
+name: analyze_data
 description: Analyze AdminForth resource data, summarize trends, and create charts from fetched rows.
 ---
 

package/package.json

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