agentgui 1.0.230 → 1.0.232

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.230",
+  "version": "1.0.232",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "server.js",
@@ -27,7 +27,7 @@
     "better-sqlite3": "^12.6.2",
     "busboy": "^1.6.0",
     "express": "^5.2.1",
-    "fsbrowse": "^0.2.17",
+    "fsbrowse": "^0.2.18",
     "google-auth-library": "^10.5.0",
     "onnxruntime-node": "^1.24.1",
     "sttttsmodels": "github:AnEntrypoint/sttttsmodels",

package/server.js

@@ -11,6 +11,9 @@ import { createRequire } from 'module';
 import { OAuth2Client } from 'google-auth-library';
 import { queries } from './database.js';
 import { runClaudeWithStreaming } from './lib/claude-runner.js';
+
+const ttsTextAccumulators = new Map();
+
 let speechModule = null;
 async function getSpeech() {
   if (!speechModule) speechModule = await import('./lib/speech.js');
@@ -87,6 +90,24 @@ async function ensureModelsDownloaded() {
 }
 
 function eagerTTS(text, conversationId, sessionId) {
+  const key = `${conversationId}:${sessionId}`;
+  let acc = ttsTextAccumulators.get(key);
+  if (!acc) {
+    acc = { text: '', timer: null };
+    ttsTextAccumulators.set(key, acc);
+  }
+  acc.text += text;
+  if (acc.timer) clearTimeout(acc.timer);
+  acc.timer = setTimeout(() => flushTTSaccumulator(key, conversationId, sessionId), 600);
+}
+
+function flushTTSaccumulator(key, conversationId, sessionId) {
+  const acc = ttsTextAccumulators.get(key);
+  if (!acc || !acc.text) return;
+  const text = acc.text.trim();
+  acc.text = '';
+  ttsTextAccumulators.delete(key);
+  
   getSpeech().then(speech => {
     const status = speech.getStatus();
     if (!status.ttsReady || status.ttsError) return;

package/static/js/client.js

@@ -284,7 +284,10 @@ class AgentGUIClient {
         const scrollContainer = document.getElementById(this.config.scrollContainerId);
         if (scrollContainer && !isNaN(scrollTop)) {
           requestAnimationFrame(() => {
-            scrollContainer.scrollTop = scrollTop;
+            requestAnimationFrame(() => {
+              const maxScroll = scrollContainer.scrollHeight - scrollContainer.clientHeight;
+              scrollContainer.scrollTop = Math.min(scrollTop, maxScroll);
+            });
           });
         }
       }
@@ -830,6 +833,19 @@ class AgentGUIClient {
         this.emit('message:created', data);
         return;
       }
+      // Also check for pending ID (in case message-sending was already removed by _confirmOptimisticMessage)
+      const pendingById = outputEl.querySelector('[id^="pending-"]');
+      if (pendingById) {
+        pendingById.id = '';
+        pendingById.setAttribute('data-msg-id', data.message.id);
+        const ts = pendingById.querySelector('.message-timestamp');
+        if (ts) {
+          ts.style.opacity = '1';
+          ts.textContent = new Date(data.message.created_at).toLocaleString();
+        }
+        this.emit('message:created', data);
+        return;
+      }
       // Check if a user message with this ID already exists (prevents duplicate on race condition)
       const existingMsg = outputEl.querySelector(`[data-msg-id="${data.message.id}"]`);
       if (existingMsg) {