@adminforth/agent 1.48.0 → 1.48.1

package/build.log

@@ -62,5 +62,5 @@ custom/speech_recognition_frontend/voiceActivityDetection.ts
 custom/speech_recognition_frontend/types/
 custom/speech_recognition_frontend/types/voice-activity-detection.d.ts
 
-sent 1,667,891 bytes  received 921 bytes  3,337,624.00 bytes/sec
-total size is 1,663,796  speedup is 1.00
+sent 1,668,700 bytes  received 905 bytes  3,339,210.00 bytes/sec
+total size is 1,664,547  speedup is 1.00

package/custom/conversation_area/ConversationArea.vue

@@ -118,10 +118,13 @@ const THRESHOLD_TO_SHOW_BUTTON = 10;
 let messageResizeObserver: ResizeObserver | null = null;
 let observedLastUserMessageElement: HTMLElement | null = null;
 let observedLastAgentMessageElement: HTMLElement | null = null;
+let updateSpacerFrameId: number | null = null;
+let pendingSpacerUpdate: Promise<void> | null = null;
+let spacerUpdateQueued = false;
 
 onMounted(async () => {
   messageResizeObserver = new ResizeObserver(() => {
-    updateSpacerHeight();
+    scheduleSpacerHeightUpdate();
   });
 
   await import('@incremark/theme/styles.css')
@@ -136,6 +139,10 @@ onUnmounted(() => {
 
   stopObservingLastMessages();
   messageResizeObserver?.disconnect();
+  if (updateSpacerFrameId !== null) {
+    cancelAnimationFrame(updateSpacerFrameId);
+    updateSpacerFrameId = null;
+  }
   agentStore.stopPlaceholderAnimation();
 });
 
@@ -221,6 +228,30 @@ async function updateSpacerHeight() {
   spacerHeight.value = Math.max(0, clientHeight - (lastUserMessageHeight + MASK_HEIGHT + lastAgentMessageHeight));
 }
 
+function scheduleSpacerHeightUpdate() {
+  spacerUpdateQueued = true;
+
+  if (updateSpacerFrameId !== null) {
+    return;
+  }
+
+  updateSpacerFrameId = requestAnimationFrame(() => {
+    updateSpacerFrameId = null;
+
+    if (pendingSpacerUpdate) {
+      return;
+    }
+
+    spacerUpdateQueued = false;
+    pendingSpacerUpdate = updateSpacerHeight().finally(() => {
+      pendingSpacerUpdate = null;
+      if (spacerUpdateQueued) {
+        scheduleSpacerHeightUpdate();
+      }
+    });
+  });
+}
+
 function stopObservingLastMessages() {
   if (!messageResizeObserver) {
     return;
@@ -285,4 +316,4 @@ function recalculateScroll() {
   }
 }
 
-</script>
+</script>

package/dist/custom/conversation_area/ConversationArea.vue

@@ -118,10 +118,13 @@ const THRESHOLD_TO_SHOW_BUTTON = 10;
 let messageResizeObserver: ResizeObserver | null = null;
 let observedLastUserMessageElement: HTMLElement | null = null;
 let observedLastAgentMessageElement: HTMLElement | null = null;
+let updateSpacerFrameId: number | null = null;
+let pendingSpacerUpdate: Promise<void> | null = null;
+let spacerUpdateQueued = false;
 
 onMounted(async () => {
   messageResizeObserver = new ResizeObserver(() => {
-    updateSpacerHeight();
+    scheduleSpacerHeightUpdate();
   });
 
   await import('@incremark/theme/styles.css')
@@ -136,6 +139,10 @@ onUnmounted(() => {
 
   stopObservingLastMessages();
   messageResizeObserver?.disconnect();
+  if (updateSpacerFrameId !== null) {
+    cancelAnimationFrame(updateSpacerFrameId);
+    updateSpacerFrameId = null;
+  }
   agentStore.stopPlaceholderAnimation();
 });
 
@@ -221,6 +228,30 @@ async function updateSpacerHeight() {
   spacerHeight.value = Math.max(0, clientHeight - (lastUserMessageHeight + MASK_HEIGHT + lastAgentMessageHeight));
 }
 
+function scheduleSpacerHeightUpdate() {
+  spacerUpdateQueued = true;
+
+  if (updateSpacerFrameId !== null) {
+    return;
+  }
+
+  updateSpacerFrameId = requestAnimationFrame(() => {
+    updateSpacerFrameId = null;
+
+    if (pendingSpacerUpdate) {
+      return;
+    }
+
+    spacerUpdateQueued = false;
+    pendingSpacerUpdate = updateSpacerHeight().finally(() => {
+      pendingSpacerUpdate = null;
+      if (spacerUpdateQueued) {
+        scheduleSpacerHeightUpdate();
+      }
+    });
+  });
+}
+
 function stopObservingLastMessages() {
   if (!messageResizeObserver) {
     return;
@@ -285,4 +316,4 @@ function recalculateScroll() {
   }
 }
 
-</script>
+</script>

package/dist/surfaces/web-sse/createSseEventEmitter.js

@@ -11,6 +11,7 @@ import { randomUUID } from "crypto";
 function createAgentEventStream(res, options = {}) {
     let isStreamClosed = false;
     let activeBlock = null;
+    const isAiUiMessageStream = options.vercelAiUiMessageStream === true;
     res.writeHead(200, Object.assign({ "Content-Type": "text/event-stream", "Cache-Control": "no-cache", "Connection": "keep-alive" }, (options.vercelAiUiMessageStream
         ? { "x-vercel-ai-ui-message-stream": "v1" }
         : {})));
@@ -89,7 +90,7 @@ function createAgentEventStream(res, options = {}) {
         },
         transcript(text, language) {
             stream.send({
-                type: "transcript",
+                type: isAiUiMessageStream ? "data-transcript" : "transcript",
                 data: {
                     text,
                     language,
@@ -98,7 +99,7 @@ function createAgentEventStream(res, options = {}) {
         },
         response(text, sessionId, turnId) {
             stream.send({
-                type: "response",
+                type: isAiUiMessageStream ? "data-response" : "response",
                 data: {
                     text,
                     sessionId,
@@ -108,7 +109,7 @@ function createAgentEventStream(res, options = {}) {
         },
         speechResponse(transcript, response, sessionId, turnId) {
             stream.send({
-                type: "speech-response",
+                type: isAiUiMessageStream ? "data-speech-response" : "speech-response",
                 data: {
                     transcript,
                     response,
@@ -119,7 +120,7 @@ function createAgentEventStream(res, options = {}) {
         },
         audioStart(mimeType, format, sampleRate, channelCount, bitsPerSample) {
             stream.send({
-                type: "audio-start",
+                type: isAiUiMessageStream ? "data-audio-start" : "audio-start",
                 data: {
                     mimeType,
                     format,
@@ -131,22 +132,25 @@ function createAgentEventStream(res, options = {}) {
         },
         audioDelta(value) {
             stream.send({
-                type: "audio-delta",
+                type: isAiUiMessageStream ? "data-audio-delta" : "audio-delta",
                 data: {
                     base64: Buffer.from(value).toString("base64"),
                 },
             });
         },
         audioDone() {
-            stream.send({
-                type: "audio-done",
-            });
+            stream.send(Object.assign({ type: isAiUiMessageStream ? "data-audio-done" : "audio-done" }, (isAiUiMessageStream ? { data: {} } : {})));
         },
         error(error) {
-            stream.send({
-                type: "error",
-                error,
-            });
+            stream.send(isAiUiMessageStream
+                ? {
+                    type: "error",
+                    errorText: error,
+                }
+                : {
+                    type: "error",
+                    error,
+                });
         },
         end() {
             if (isStreamClosed || res.writableEnded || res.destroyed) {

package/package.json

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

package/surfaces/web-sse/createSseEventEmitter.ts

@@ -22,6 +22,7 @@ function createAgentEventStream(
 ) {
   let isStreamClosed = false;
   let activeBlock: { type: "text" | "reasoning"; id: string } | null = null;
+  const isAiUiMessageStream = options.vercelAiUiMessageStream === true;
 
   res.writeHead(200, {
     "Content-Type": "text/event-stream",
@@ -124,7 +125,7 @@ function createAgentEventStream(
 
     transcript(text: string, language?: string) {
       stream.send({
-        type: "transcript",
+        type: isAiUiMessageStream ? "data-transcript" : "transcript",
         data: {
           text,
           language,
@@ -134,7 +135,7 @@ function createAgentEventStream(
 
     response(text: string, sessionId: string, turnId: string) {
       stream.send({
-        type: "response",
+        type: isAiUiMessageStream ? "data-response" : "response",
         data: {
           text,
           sessionId,
@@ -150,7 +151,7 @@ function createAgentEventStream(
       turnId: string,
     ) {
       stream.send({
-        type: "speech-response",
+        type: isAiUiMessageStream ? "data-speech-response" : "speech-response",
         data: {
           transcript,
           response,
@@ -168,7 +169,7 @@ function createAgentEventStream(
       bitsPerSample: number,
     ) {
       stream.send({
-        type: "audio-start",
+        type: isAiUiMessageStream ? "data-audio-start" : "audio-start",
         data: {
           mimeType,
           format,
@@ -181,7 +182,7 @@ function createAgentEventStream(
 
     audioDelta(value: Uint8Array) {
       stream.send({
-        type: "audio-delta",
+        type: isAiUiMessageStream ? "data-audio-delta" : "audio-delta",
         data: {
           base64: Buffer.from(value).toString("base64"),
         },
@@ -190,15 +191,21 @@ function createAgentEventStream(
 
     audioDone() {
       stream.send({
-        type: "audio-done",
+        type: isAiUiMessageStream ? "data-audio-done" : "audio-done",
+        ...(isAiUiMessageStream ? { data: {} } : {}),
       });
     },
 
     error(error: string) {
-      stream.send({
-        type: "error",
-        error,
-      });
+      stream.send(isAiUiMessageStream
+        ? {
+            type: "error",
+            errorText: error,
+          }
+        : {
+            type: "error",
+            error,
+          });
     },
 
     end() {