agentgui 1.0.240 → 1.0.241

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.240",
+  "version": "1.0.241",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "server.js",

package/static/js/client.js

@@ -632,7 +632,7 @@ class AgentGUIClient {
         </div>
       `;
       messagesEl.appendChild(streamingDiv);
-      this.scrollToBottom();
+      this.scrollToBottom(true);
     }
 
     // Start polling for chunks from database
@@ -687,12 +687,12 @@ class AgentGUIClient {
     return `<div style="padding:0.5rem;background:var(--color-bg-secondary);border-radius:0.375rem;border:1px solid var(--color-border)"><div style="font-size:0.7rem;font-weight:600;text-transform:uppercase;margin-bottom:0.25rem">${this.escapeHtml(block.type)}</div>${fieldsHtml}</div>`;
   }
 
-  scrollToBottom() {
+  scrollToBottom(force = false) {
     const scrollContainer = document.getElementById('output-scroll');
     if (!scrollContainer) return;
     const distFromBottom = scrollContainer.scrollHeight - scrollContainer.scrollTop - scrollContainer.clientHeight;
 
-    if (distFromBottom > 150) {
+    if (!force && distFromBottom > 150) {
       this._unseenCount = (this._unseenCount || 0) + 1;
       this._showNewContentPill();
       return;
@@ -701,7 +701,7 @@ class AgentGUIClient {
     const maxScroll = scrollContainer.scrollHeight - scrollContainer.clientHeight;
     const isStreaming = this.state.streamingConversations.size > 0;
 
-    if (!isStreaming || !this._scrollKalman || Math.abs(maxScroll - scrollContainer.scrollTop) > 2000) {
+    if (!isStreaming || !this._scrollKalman || Math.abs(maxScroll - scrollContainer.scrollTop) > 2000 || force) {
       scrollContainer.scrollTop = scrollContainer.scrollHeight;
       this._removeNewContentPill();
       this._scrollAnimating = false;
@@ -1275,7 +1275,7 @@ class AgentGUIClient {
     div.id = pendingId;
     div.innerHTML = `<div class="message-role">User</div><div class="message-text">${this.escapeHtml(content)}</div><div class="message-timestamp" style="opacity:0.5">Sending...</div>`;
     messagesEl.appendChild(div);
-    this.scrollToBottom();
+    this.scrollToBottom(true);
   }
 
   _confirmOptimisticMessage(pendingId) {

package/static/js/event-consolidator.js

@@ -42,11 +42,14 @@ class EventConsolidator {
     for (const c of chunks) {
       if (c.block?.type === 'text') {
         if (pending) {
-          const combined = (pending.block.text || '') + '\n' + (c.block.text || '');
+          const pendingText = pending.block.text || '';
+          const newText = c.block.text || '';
+          const combined = pendingText + newText;
           if (combined.length <= MAX_MERGE) {
+            const needsSpace = pendingText.length > 0 && !pendingText.endsWith(' ') && !pendingText.endsWith('\n') && newText.length > 0 && !newText.startsWith(' ') && !newText.startsWith('\n');
             pending = {
               ...pending,
-              block: { ...pending.block, text: combined },
+              block: { ...pending.block, text: needsSpace ? pendingText + ' ' + newText : combined },
               created_at: c.created_at,
               _mergedSequences: [...(pending._mergedSequences || [pending.sequence]), c.sequence]
             };