@adminforth/agent 2.0.1 → 2.0.3

package/build.log

@@ -63,5 +63,5 @@ custom/speech_recognition_frontend/voiceActivityDetection.ts
 custom/speech_recognition_frontend/types/
 custom/speech_recognition_frontend/types/voice-activity-detection.d.ts
 
-sent 1,683,304 bytes  received 940 bytes  3,368,488.00 bytes/sec
-total size is 1,679,043  speedup is 1.00
+sent 1,682,247 bytes  received 940 bytes  3,366,374.00 bytes/sec
+total size is 1,677,986  speedup is 1.00

package/custom/conversation_area/ConversationArea.vue

@@ -93,22 +93,14 @@ const agentTransitions = useAgentTransitions();
 const showScrollContainer = ref(true);
 const chatContainerRef = ref<HTMLElement | null>(null);
 const messagesRefs = ref<Array<HTMLElement | null>>([]);
-const useWaitingForHeight = ref(false);
-
 /*
 * Whenever user sends a message, it adds a bottom spacer, that takes the remaining height
 * without last user and last agent message. 
 * 
 * On send message, happens the following logic: 
 * 1) showBottomSpacer is set to true
-* 2) useWaitingForHeight is set to true and in 1000s set back to false
-*   Why do we do this?
-*   - When we want to read height of last user message, incremark shows text with some small delay
-*   - so when we read height of last user message, we actully getting height of the box without text ~18px
-*   - so for the initial period while useWaitingForHeight is true, we are waiting for real height to be bigger than 18px
-*   - and then we can read in normally, until new message is sent, then we need to wait again
-* 3) updateSpacerHeight is called, which calculates the height for spacer based on scroll container height and messages height
-* 4) Spacer moves text up  
+* 2) updateSpacerHeight is called, which calculates the height for spacer based on scroll container height and messages height
+* 3) Spacer moves text up  
 */
 const showBottomSpacer = ref(false);
 const spacerHeight = ref(0);
@@ -197,20 +189,6 @@ function getScrollClientHeight() {
   return scrollContainer.value?.container.scrollEl.clientHeight ?? scrollContainer.value?.scrollParams.clientHeight ?? 0;
 }
 
-async function waitForRealHeight(role: 'user' | 'assistant'): Promise<number> {
-  const realHeightWeCanApprove = role === 'user' ? EMPTY_MESSAGE_HEIGHT : 0;
-  return new Promise((resolve) => {
-    const interval = setInterval(() => {
-      const height = role === 'user' ? getHeightOfLastUserMessage() : getHeightOfLastAgentMessage();
-
-      if (height > realHeightWeCanApprove) {
-        clearInterval(interval);
-        resolve(height);
-      }
-    }, 50);
-  });
-}
-
 async function updateSpacerHeight() {
   if (!showBottomSpacer.value) {
     return;
@@ -222,8 +200,8 @@ async function updateSpacerHeight() {
     return;
   }
 
-  const lastUserMessageHeight = useWaitingForHeight.value ? await waitForRealHeight('user') : getHeightOfLastUserMessage();
-  const lastAgentMessageHeight = useWaitingForHeight.value ? await waitForRealHeight('assistant') : getHeightOfLastAgentMessage();
+  const lastUserMessageHeight = getHeightOfLastUserMessage();
+  const lastAgentMessageHeight = getHeightOfLastAgentMessage();
 
   spacerHeight.value = Math.max(0, clientHeight - (lastUserMessageHeight + MASK_HEIGHT + lastAgentMessageHeight));
 }
@@ -245,6 +223,14 @@ function scheduleSpacerHeightUpdate() {
     spacerUpdateQueued = false;
     pendingSpacerUpdate = updateSpacerHeight().finally(() => {
       pendingSpacerUpdate = null;
+
+      // Auto-scroll to bottom if response generation is in progress
+      if (agentStore.isResponseInProgress) {
+        nextTick(() => {
+          scrollContainer.value?.scrollToBottom();
+        });
+      }
+
       if (spacerUpdateQueued) {
         scheduleSpacerHeightUpdate();
       }
@@ -298,10 +284,6 @@ async function handleSendMessage() {
 
   if (clientHeight) {
     showBottomSpacer.value = true;
-    useWaitingForHeight.value = true;
-    setTimeout(() => {
-      useWaitingForHeight.value = false;
-    }, 1000);
     await updateSpacerHeight();
     await nextTick();
     scrollContainer.value?.scrollToBottom();

package/dist/custom/conversation_area/ConversationArea.vue

@@ -93,22 +93,14 @@ const agentTransitions = useAgentTransitions();
 const showScrollContainer = ref(true);
 const chatContainerRef = ref<HTMLElement | null>(null);
 const messagesRefs = ref<Array<HTMLElement | null>>([]);
-const useWaitingForHeight = ref(false);
-
 /*
 * Whenever user sends a message, it adds a bottom spacer, that takes the remaining height
 * without last user and last agent message. 
 * 
 * On send message, happens the following logic: 
 * 1) showBottomSpacer is set to true
-* 2) useWaitingForHeight is set to true and in 1000s set back to false
-*   Why do we do this?
-*   - When we want to read height of last user message, incremark shows text with some small delay
-*   - so when we read height of last user message, we actully getting height of the box without text ~18px
-*   - so for the initial period while useWaitingForHeight is true, we are waiting for real height to be bigger than 18px
-*   - and then we can read in normally, until new message is sent, then we need to wait again
-* 3) updateSpacerHeight is called, which calculates the height for spacer based on scroll container height and messages height
-* 4) Spacer moves text up  
+* 2) updateSpacerHeight is called, which calculates the height for spacer based on scroll container height and messages height
+* 3) Spacer moves text up  
 */
 const showBottomSpacer = ref(false);
 const spacerHeight = ref(0);
@@ -197,20 +189,6 @@ function getScrollClientHeight() {
   return scrollContainer.value?.container.scrollEl.clientHeight ?? scrollContainer.value?.scrollParams.clientHeight ?? 0;
 }
 
-async function waitForRealHeight(role: 'user' | 'assistant'): Promise<number> {
-  const realHeightWeCanApprove = role === 'user' ? EMPTY_MESSAGE_HEIGHT : 0;
-  return new Promise((resolve) => {
-    const interval = setInterval(() => {
-      const height = role === 'user' ? getHeightOfLastUserMessage() : getHeightOfLastAgentMessage();
-
-      if (height > realHeightWeCanApprove) {
-        clearInterval(interval);
-        resolve(height);
-      }
-    }, 50);
-  });
-}
-
 async function updateSpacerHeight() {
   if (!showBottomSpacer.value) {
     return;
@@ -222,8 +200,8 @@ async function updateSpacerHeight() {
     return;
   }
 
-  const lastUserMessageHeight = useWaitingForHeight.value ? await waitForRealHeight('user') : getHeightOfLastUserMessage();
-  const lastAgentMessageHeight = useWaitingForHeight.value ? await waitForRealHeight('assistant') : getHeightOfLastAgentMessage();
+  const lastUserMessageHeight = getHeightOfLastUserMessage();
+  const lastAgentMessageHeight = getHeightOfLastAgentMessage();
 
   spacerHeight.value = Math.max(0, clientHeight - (lastUserMessageHeight + MASK_HEIGHT + lastAgentMessageHeight));
 }
@@ -245,6 +223,14 @@ function scheduleSpacerHeightUpdate() {
     spacerUpdateQueued = false;
     pendingSpacerUpdate = updateSpacerHeight().finally(() => {
       pendingSpacerUpdate = null;
+
+      // Auto-scroll to bottom if response generation is in progress
+      if (agentStore.isResponseInProgress) {
+        nextTick(() => {
+          scrollContainer.value?.scrollToBottom();
+        });
+      }
+
       if (spacerUpdateQueued) {
         scheduleSpacerHeightUpdate();
       }
@@ -298,10 +284,6 @@ async function handleSendMessage() {
 
   if (clientHeight) {
     showBottomSpacer.value = true;
-    useWaitingForHeight.value = true;
-    setTimeout(() => {
-      useWaitingForHeight.value = false;
-    }, 1000);
     await updateSpacerHeight();
     await nextTick();
     scrollContainer.value?.scrollToBottom();

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export default class AdminForthAgentPlugin extends AdminForthPlugin {
     options: PluginOptions;
     agentSystemPromptPromise: Promise<string>;
     pluginsScope: "resource" | "global";
+    private agentSystemPrompt;
     private checkpointer;
     private sessionStore;
     private agentTurnService;

package/dist/index.js

@@ -56,6 +56,7 @@ export default class AdminForthAgentPlugin extends AdminForthPlugin {
         var _a;
         super(options, import.meta.url);
         this.pluginsScope = "global";
+        this.agentSystemPrompt = null;
         this.checkpointer = null;
         this.options = options;
         this.sessionStore = new AgentSessionStore(() => this.adminforth, this.options);
@@ -69,7 +70,15 @@ export default class AdminForthAgentPlugin extends AdminForthPlugin {
         const persistence = new TurnPersistenceService(() => this.adminforth, this.options);
         this.agentTurnService = new AgentTurnService(new TurnLifecycleService(this.sessionStore, persistence, this.options), new TurnContextBuilder(() => this.adminforth), new AgentModeResolver(this.options), new AgentModelFactory((_a = this.options.maxTokens) !== null && _a !== void 0 ? _a : 1000), new TurnPromptBuilder({
             getAdminforth: () => this.adminforth,
-            getAgentSystemPrompt: () => this.agentSystemPromptPromise,
+            getAgentSystemPrompt: () => __awaiter(this, void 0, void 0, function* () {
+                if (!this.agentSystemPrompt) {
+                    const systemPrompt = yield buildAgentSystemPrompt(this.adminforth, this.getInternalAgentResourceIds()).catch((err) => {
+                        return DEFAULT_AGENT_SYSTEM_PROMPT;
+                    });
+                    this.agentSystemPrompt = appendCustomSystemPrompt(systemPrompt, this.options.systemPrompt);
+                }
+                return this.agentSystemPrompt;
+            }),
         }), runtime, new TurnStreamConsumer());
         this.speechTurnService = new SpeechTurnService(this.agentTurnService.runAndPersistAgentResponse.bind(this.agentTurnService));
         this.chatSurfaceService = new ChatSurfaceService(() => this.adminforth, this.options, this.sessionStore, this.agentTurnService.handleTurn.bind(this.agentTurnService), this.agentTurnService.runAndPersistAgentResponse.bind(this.agentTurnService));
@@ -125,7 +134,11 @@ export default class AdminForthAgentPlugin extends AdminForthPlugin {
             chatSurfaceAdapter.validate();
         }
         this.agentSystemPromptPromise = buildAgentSystemPrompt(adminforth, this.getInternalAgentResourceIds())
-            .then((systemPrompt) => appendCustomSystemPrompt(systemPrompt, this.options.systemPrompt));
+            .then((systemPrompt) => {
+            const finalPrompt = appendCustomSystemPrompt(systemPrompt, this.options.systemPrompt);
+            this.agentSystemPrompt = finalPrompt;
+            return finalPrompt;
+        });
     }
     instanceUniqueRepresentation(pluginOptions) {
         return `single`;

package/index.ts

@@ -35,6 +35,7 @@ export default class AdminForthAgentPlugin extends AdminForthPlugin {
   options: PluginOptions;
   agentSystemPromptPromise: Promise<string>;
   pluginsScope: "resource" | "global" = "global";
+  private agentSystemPrompt: string | null = null;
   private checkpointer: BaseCheckpointSaver | null = null;
   private sessionStore: AgentSessionStore;
   private agentTurnService: AgentTurnService;
@@ -92,7 +93,18 @@ export default class AdminForthAgentPlugin extends AdminForthPlugin {
       new AgentModelFactory(this.options.maxTokens ?? 1000),
       new TurnPromptBuilder({
         getAdminforth: () => this.adminforth,
-        getAgentSystemPrompt: () => this.agentSystemPromptPromise,
+        getAgentSystemPrompt: async () => {
+          if (!this.agentSystemPrompt) {
+            const systemPrompt = await buildAgentSystemPrompt(
+              this.adminforth,
+              this.getInternalAgentResourceIds(),
+            ).catch((err) => {
+              return DEFAULT_AGENT_SYSTEM_PROMPT;
+            });
+            this.agentSystemPrompt = appendCustomSystemPrompt(systemPrompt, this.options.systemPrompt);
+          }
+          return this.agentSystemPrompt;
+        },
       }),
       runtime,
       new TurnStreamConsumer(),
@@ -162,7 +174,11 @@ export default class AdminForthAgentPlugin extends AdminForthPlugin {
       adminforth,
       this.getInternalAgentResourceIds(),
     )
-      .then((systemPrompt) => appendCustomSystemPrompt(systemPrompt, this.options.systemPrompt));
+      .then((systemPrompt) => {
+        const finalPrompt = appendCustomSystemPrompt(systemPrompt, this.options.systemPrompt);
+        this.agentSystemPrompt = finalPrompt;
+        return finalPrompt;
+      });
   }
 
   instanceUniqueRepresentation(pluginOptions: any) : string {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/agent",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -25,7 +25,7 @@
   "description": "AI agent plugin for AdminForth with tool-based workflows and persistent chat sessions",
   "devDependencies": {
     "@types/node": "latest",
-    "adminforth": "^3.5.0",
+    "adminforth": "^3.6.2",
     "semantic-release": "^24.2.1",
     "semantic-release-slack-bot": "^4.0.2",
     "typescript": "^5.7.3"
@@ -67,6 +67,6 @@
     }
   ],
   "peerDependencies": {
-    "adminforth": "^3.1.0"
+    "adminforth": "^3.6.2"
   }
 }