agentgui 1.0.798 → 1.0.799

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.798",
+  "version": "1.0.799",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "electron/main.js",

package/static/js/client.js

@@ -2173,16 +2173,17 @@ class AgentGUIClient {
       blockFrag.appendChild(el);
     }
     blocksEl.appendChild(blockFrag);
+    // Build tool-use element index once for O(1) lookups instead of O(n) querySelectorAll per chunk
+    const toolUseIndex = new Map();
+    blocksEl.querySelectorAll('.block-tool-use[data-tool-use-id]').forEach(el => toolUseIndex.set(el.dataset.toolUseId, el));
     for (const chunk of deferred) {
       const b = chunk.block;
       if (b.type === 'tool_result') {
-        const tid = b.tool_use_id;
-        const toolUseEl = (tid ? blocksEl.querySelector(`.block-tool-use[data-tool-use-id="${tid}"]`) : null)
+        const toolUseEl = (b.tool_use_id && toolUseIndex.get(b.tool_use_id))
           || (blocksEl.lastElementChild?.classList.contains('block-tool-use') ? blocksEl.lastElementChild : null);
         if (toolUseEl) this.renderer.mergeResultIntoToolUse(toolUseEl, b);
       } else if (b.type === 'tool_status') {
-        const tid = b.tool_use_id;
-        const toolUseEl = tid && blocksEl.querySelector(`.block-tool-use[data-tool-use-id="${tid}"]`);
+        const toolUseEl = b.tool_use_id && toolUseIndex.get(b.tool_use_id);
         if (toolUseEl) {
           const isError = b.status === 'failed';
           const isDone = b.status === 'completed';
@@ -2845,10 +2846,9 @@ class AgentGUIClient {
       if (cached && (Date.now() - cached.timestamp) < 300000) {
         const outputEl = document.getElementById('output');
         if (outputEl) {
-          outputEl.innerHTML = '';
-          while (cached.dom.firstChild) {
-            outputEl.appendChild(cached.dom.firstChild);
-          }
+          const children = [];
+          while (cached.dom.firstChild) children.push(cached.dom.firstChild);
+          outputEl.replaceChildren(...children);
           window.ConversationState?.selectConversation(conversationId, 'dom_cache_load', 1);
           this.state.currentConversation = cached.conversation;
           window.dispatchEvent(new CustomEvent('conversation-changed', { detail: { conversationId, conversation: cached.conversation } }));
@@ -2921,23 +2921,15 @@ class AgentGUIClient {
       const hasActivity = (allMessages && allMessages.length > 0) || isActivelyStreaming || latestSession || this._convIsStreaming(conversationId);
       this.applyAgentAndModelSelection(conversation, hasActivity);
 
+      // Parse chunk data and fetch queue in parallel
+      const queuePromise = window.wsClient.rpc('q.ls', { id: conversationId }).catch(() => ({ queue: [] }));
       const chunks = (rawChunks || []).map(chunk => ({
         ...chunk,
         block: typeof chunk.data === 'string' ? JSON.parse(chunk.data) : chunk.data
       }));
 
-      // Fetch queue to exclude queued messages from being rendered as regular user messages
-      let queuedMessageIds = new Set();
-      try {
-        const { queue } = await window.wsClient.rpc('q.ls', { id: conversationId });
-        if (queue && queue.length > 0) {
-          queuedMessageIds = new Set(queue.map(q => q.messageId));
-        }
-      } catch (e) {
-        console.warn('Failed to fetch queue:', e.message);
-      }
-
-      // Filter out queued messages from user messages - they'll be rendered in queue indicator instead
+      const { queue: queueResult } = await queuePromise;
+      const queuedMessageIds = new Set((queueResult || []).map(q => q.messageId));
       const userMessages = (allMessages || []).filter(m => m.role === 'user' && !queuedMessageIds.has(m.id));
       const hasMoreChunks = totalChunks && chunks.length < totalChunks;