agentgui 1.0.802 → 1.0.804

package/package.json

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

package/server.js

@@ -247,6 +247,9 @@ async function getModelsForAgent(agentId) {
     if (agent?.protocol === 'acp') {
       await ensureRunning(agentId);
       try { models = await queryACPModels(agentId); } catch (_) {}
+    } else if (agent?.protocol === 'cli-wrapper' && agent.acpId) {
+      await ensureRunning(agent.acpId);
+      try { models = await queryACPModels(agent.acpId); } catch (_) {}
     }
   }
   modelCache.set(agentId, { models, timestamp: Date.now() });
@@ -2191,7 +2194,12 @@ async function processMessageWithStreaming(conversationId, messageId, sessionId,
       }
     };
 
-    const { outputs, sessionId: claudeSessionId } = await runClaudeWithStreaming(content, cwd, agentId || 'claude-code', config);
+    // Resolve cli-wrapper agent IDs (e.g. cli-kilo → kilo) to their underlying registered agent
+    let resolvedAgentId = agentId || 'claude-code';
+    const wrapperAgent = discoveredAgents.find(a => a.id === resolvedAgentId && a.protocol === 'cli-wrapper' && a.acpId);
+    if (wrapperAgent) resolvedAgentId = wrapperAgent.acpId;
+
+    const { outputs, sessionId: claudeSessionId } = await runClaudeWithStreaming(content, cwd, resolvedAgentId, config);
 
     // Check if rate limit was already handled in stream detection
     if (rateLimitState.get(conversationId)?.isStreamDetected) {

package/static/js/client.js

@@ -221,8 +221,8 @@ class AgentGUIClient {
         window.switchView('chat');
       }
 
-      // Restore draft for new conversation after a tick
-      setTimeout(() => this.restoreDraftPrompt(convId), 0);
+      // Restore draft for new conversation synchronously (setTimeout caused races)
+      this.restoreDraftPrompt(convId);
     });
 
     // Preserve controls state across tab switches
@@ -639,15 +639,18 @@ class AgentGUIClient {
       this.unlockAgentAndModel();
     });
 
-    // Listen for conversation selection
+    // Listen for conversation selection (deduplicate rapid clicks)
     window.addEventListener('conversation-selected', async (event) => {
       const conversationId = event.detail.conversationId;
+      if (this._isLoadingConversation && this._loadingConversationId === conversationId) return;
+      this._loadingConversationId = conversationId;
       this.updateUrlForConversation(conversationId);
       this._isLoadingConversation = true;
       try {
         await this.loadConversationMessages(conversationId);
       } finally {
         this._isLoadingConversation = false;
+        this._loadingConversationId = null;
       }
     });
 
@@ -2843,7 +2846,7 @@ class AgentGUIClient {
 
       const cached = this.conversationCache.get(conversationId);
       if (cached) { this.conversationCache.delete(conversationId); this.conversationCache.set(conversationId, cached); }
-      if (cached && (Date.now() - cached.timestamp) < 300000) {
+      if (cached && (Date.now() - cached.timestamp) < 600000) {
         const outputEl = document.getElementById('output');
         if (outputEl) {
           const children = [];
@@ -2855,6 +2858,9 @@ class AgentGUIClient {
           const cachedHasActivity = cached.conversation.messageCount > 0 || this._convIsStreaming(conversationId);
           this.applyAgentAndModelSelection(cached.conversation, cachedHasActivity);
           this.conversationCache.delete(conversationId);
+          if (this._lazyObserver) { this._lazyObserver.disconnect(); this._lazyObserver = null; }
+          this._flushBgCache && this._flushBgCache(conversationId);
+          this.setupScrollUpDetection && this.setupScrollUpDetection();
           this.syncPromptState(conversationId);
           this.restoreScrollPosition(conversationId);
           return;
@@ -2865,6 +2871,8 @@ class AgentGUIClient {
 
       if (this._lazyObserver) { this._lazyObserver.disconnect(); this._lazyObserver = null; }
       this._showSkeletonLoading(conversationId);
+      // Yield to let skeleton paint before blocking on RPC
+      await new Promise(r => requestAnimationFrame(() => requestAnimationFrame(r)));
 
       let fullData;
       try {
@@ -2990,6 +2998,8 @@ class AgentGUIClient {
         if (chunks.length > 0) {
           const activeSessionId = (shouldResumeStreaming && latestSession) ? latestSession.id : null;
           performance.mark(`conv-render-start:${conversationId}`);
+          // Yield before heavy render to let header paint
+          await new Promise(r => requestAnimationFrame(r));
           if (!convSignal.aborted) this._renderConversationContent(messagesEl, chunks, userMessages, activeSessionId);
           performance.mark(`conv-render-complete:${conversationId}`);
           performance.measure(`conv-render:${conversationId}`, `conv-render-start:${conversationId}`, `conv-render-complete:${conversationId}`);