agentgui 1.0.741 → 1.0.742

package/package.json

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

package/static/js/client.js

@@ -90,14 +90,18 @@ class AgentGUIClient {
       currentConversationId: null,
       currentSessionId: null
     };
+
+    this._debug = typeof localStorage !== 'undefined' && localStorage.getItem('debug') === '1';
   }
 
+  _dbg(...args) { if (this._debug) this._dbg(...args); }
+
   /**
    * Initialize the client
    */
   async init() {
     try {
-      console.log('Initializing AgentGUI client');
+      this._dbg('Initializing AgentGUI client');
 
       // Initialize renderer
       this.renderer.init(this.config.outputContainerId, this.config.scrollContainerId);
@@ -105,7 +109,7 @@ class AgentGUIClient {
       // Initialize image loader
       if (typeof ImageLoader !== 'undefined') {
         window.imageLoader = new ImageLoader();
-        console.log('Image loader initialized');
+        this._dbg('Image loader initialized');
       }
 
       // Setup event listeners
@@ -137,7 +141,7 @@ class AgentGUIClient {
       this.emit('initialized');
       this._setupDebugHooks();
 
-      console.log('AgentGUI client initialized');
+      this._dbg('AgentGUI client initialized');
       return this;
     } catch (error) {
       console.error('Client initialization error:', error);
@@ -151,7 +155,7 @@ class AgentGUIClient {
    */
   setupWebSocketListeners() {
     this.wsManager.on('connected', () => {
-      console.log('WebSocket connected');
+      this._dbg('WebSocket connected');
       this.updateConnectionStatus('connected');
       this._subscribeToConversationUpdates();
       // On reconnect (not initial connect), invalidate current conversation's DOM
@@ -170,7 +174,7 @@ class AgentGUIClient {
       if (window.__SERVER_VERSION) {
         fetch((window.__BASE_URL || '') + '/api/version').then(r => r.json()).then(d => {
           if (d.version && d.version !== window.__SERVER_VERSION) {
-            console.log(`Server updated ${window.__SERVER_VERSION} → ${d.version}, reloading`);
+            this._dbg(`Server updated ${window.__SERVER_VERSION} → ${d.version}, reloading`);
             window.location.reload();
           }
         }).catch(() => {});
@@ -178,7 +182,7 @@ class AgentGUIClient {
     });
 
     this.wsManager.on('disconnected', () => {
-      console.log('WebSocket disconnected');
+      this._dbg('WebSocket disconnected');
       this.updateConnectionStatus('disconnected');
       this.updateSendButtonState();
       this.disablePromptArea();
@@ -186,7 +190,7 @@ class AgentGUIClient {
     });
 
     this.wsManager.on('reconnecting', (data) => {
-      console.log('WebSocket reconnecting:', data);
+      this._dbg('WebSocket reconnecting:', data);
       this.updateConnectionStatus('reconnecting');
     });
 
@@ -266,7 +270,7 @@ class AgentGUIClient {
    */
   setupRendererListeners() {
     this.renderer.on('batch:complete', (data) => {
-      console.log('Batch rendered:', data);
+      this._dbg('Batch rendered:', data);
       this.updateMetrics(data.metrics);
     });
 
@@ -293,7 +297,7 @@ class AgentGUIClient {
       if (sessionId && this.isValidId(sessionId)) {
         this.routerState.currentSessionId = sessionId;
       }
-      console.log('Restoring conversation from URL:', conversationId);
+      this._dbg('Restoring conversation from URL:', conversationId);
       this._isLoadingConversation = true;
       if (window.conversationManager) {
         window.conversationManager.select(conversationId);
@@ -303,7 +307,7 @@ class AgentGUIClient {
           // If the URL conversation doesn't exist, try loading the most recent conversation
           if (this.state.conversations && this.state.conversations.length > 0) {
             const latestConv = this.state.conversations[0];
-            console.log('Loading latest conversation instead:', latestConv.id);
+            this._dbg('Loading latest conversation instead:', latestConv.id);
             return this.loadConversationMessages(latestConv.id);
           } else {
             // No conversations available - show welcome screen
@@ -510,7 +514,7 @@ class AgentGUIClient {
         if (!this.state.currentConversation) return;
         try {
           const data = await window.wsClient.rpc('conv.cancel', { id: this.state.currentConversation.id });
-          console.log('Stop response:', data);
+          this._dbg('Stop response:', data);
         } catch (err) {
           console.error('Failed to stop:', err);
         }
@@ -561,7 +565,7 @@ class AgentGUIClient {
         try {
           // Queue uses msg.send which will enqueue if streaming is active
           const data = await window.wsClient.rpc('msg.send', { id: this.state.currentConversation.id, content: message });
-          console.log('Queue response:', data);
+          this._dbg('Queue response:', data);
           if (this.ui.messageInput) {
             this.ui.messageInput.value = '';
             this.ui.messageInput.style.height = 'auto';
@@ -788,7 +792,7 @@ class AgentGUIClient {
   }
 
   async handleStreamingStart(data) {
-    console.log('Streaming started:', data);
+    this._dbg('Streaming started:', data);
     if (window.promptMachineAPI) window.promptMachineAPI.send({ type: 'STREAMING', conversationId: data.conversationId });
     this._clearThinkingCountdown();
     if (this._lastSendTime > 0) {
@@ -812,9 +816,9 @@ class AgentGUIClient {
     // If this streaming event is for a different conversation than what we are viewing,
     // just track the state but do not modify the DOM or start polling
     if (this.state.currentConversation?.id !== data.conversationId) {
-      console.log('Streaming started for non-active conversation:', data.conversationId);
+      this._dbg('Streaming started for non-active conversation:', data.conversationId);
       this._setConvStreaming(data.conversationId, true, data.sessionId, data.agentId);
-      console.log('[SYNC] streaming_start - non-active conv:', { convId: data.conversationId, sessionId: data.sessionId, streamingCount: this.state.streamingConversations.size });
+      this._dbg('[SYNC] streaming_start - non-active conv:', { convId: data.conversationId, sessionId: data.sessionId, streamingCount: this.state.streamingConversations.size });
       this.updateBusyPromptArea(data.conversationId);
       this.emit('streaming:start', data);
 
@@ -900,7 +904,7 @@ class AgentGUIClient {
   }
 
   async handleStreamingResumed(data) {
-    console.log('Streaming resumed:', data);
+    this._dbg('Streaming resumed:', data);
     const conv = this.state.currentConversation || { id: data.conversationId };
     await this.handleStreamingStart({
       type: 'streaming_start',
@@ -1098,7 +1102,7 @@ class AgentGUIClient {
 
     // If this event is for a conversation we are NOT currently viewing, just track state
     if (conversationId && this.state.currentConversation?.id !== conversationId) {
-      console.log('Streaming error for non-active conversation:', conversationId);
+      this._dbg('Streaming error for non-active conversation:', conversationId);
       this._setConvStreaming(conversationId, false);
       this.updateBusyPromptArea(conversationId);
       this.emit('streaming:error', data);
@@ -1163,7 +1167,7 @@ class AgentGUIClient {
   }
 
   handleStreamingComplete(data) {
-    console.log('Streaming completed:', data);
+    this._dbg('Streaming completed:', data);
     if (window.promptMachineAPI) window.promptMachineAPI.send({ type: 'READY' });
     this._clearThinkingCountdown();
 
@@ -1171,16 +1175,16 @@ class AgentGUIClient {
     if (conversationId) this.invalidateCache(conversationId);
 
     if (conversationId && this.state.currentConversation?.id !== conversationId) {
-      console.log('Streaming completed for non-active conversation:', conversationId);
+      this._dbg('Streaming completed for non-active conversation:', conversationId);
       this._setConvStreaming(conversationId, false);
-      console.log('[SYNC] streaming_complete - non-active conv:', { convId: conversationId, streamingCount: this.state.streamingConversations.size });
+      this._dbg('[SYNC] streaming_complete - non-active conv:', { convId: conversationId, streamingCount: this.state.streamingConversations.size });
       this.updateBusyPromptArea(conversationId);
       this.emit('streaming:complete', data);
       return;
     }
 
     this._setConvStreaming(conversationId, false);
-    console.log('[SYNC] streaming_complete - active conv:', { convId: conversationId, streamingCount: this.state.streamingConversations.size, interrupted: data.interrupted });
+    this._dbg('[SYNC] streaming_complete - active conv:', { convId: conversationId, streamingCount: this.state.streamingConversations.size, interrupted: data.interrupted });
     this.updateBusyPromptArea(conversationId);
 
     const sessionId = data.sessionId || this.state.currentSession?.id;
@@ -1268,7 +1272,7 @@ class AgentGUIClient {
       return;
     }
 
-    console.log('[SYNC] message_created:', { msgId: data.message.id, role: data.message.role, convId: data.conversationId });
+    this._dbg('[SYNC] message_created:', { msgId: data.message.id, role: data.message.role, convId: data.conversationId });
 
     // Update messageCount in current conversation state for user messages
     if (data.message.role === 'user' && this.state.currentConversation) {
@@ -2082,7 +2086,7 @@ class AgentGUIClient {
       }
 
       if (result.queued) {
-        console.log('Message queued, position:', result.queuePosition);
+        this._dbg('Message queued, position:', result.queuePosition);
         this.enableControls();
         return;
       }
@@ -2260,13 +2264,13 @@ class AgentGUIClient {
           .map(a => `<option value="${a.id}">${a.name.split(/[\s\-]+/)[0]}</option>`)
           .join('');
         this.ui.agentSelector.style.display = 'inline-block';
-        console.log(`[Agent Selector] Loaded ${subAgents.length} sub-agents for ${cliAgentId}`);
+        this._dbg(`[Agent Selector] Loaded ${subAgents.length} sub-agents for ${cliAgentId}`);
         // Auto-select first sub-agent and load its models
         const firstSubAgentId = subAgents[0].id;
         this.ui.agentSelector.value = firstSubAgentId;
         this.loadModelsForAgent(cliAgentId); // models keyed to parent agent
       } else {
-        console.log(`[Agent Selector] No sub-agents found for ${cliAgentId}`);
+        this._dbg(`[Agent Selector] No sub-agents found for ${cliAgentId}`);
         // Load models for the CLI agent itself (fallback for agents without sub-agents)
         const cliToAcpMap = {
           'cli-opencode': 'opencode',
@@ -2508,7 +2512,7 @@ class AgentGUIClient {
     }
     if (progress.done || progress.status === 'completed') {
       this._modelDownloadInProgress = false;
-      console.log('[Models] Download complete');
+      this._dbg('[Models] Download complete');
       this._updateConnectionIndicator(this.wsManager?.latency?.quality || 'unknown');
       return;
     }
@@ -2520,7 +2524,7 @@ class AgentGUIClient {
 
   _handleTTSSetupProgress(data) {
     if (data.step && data.status) {
-      console.log('[TTS Setup]', data.step, ':', data.status, data.message || '');
+      this._dbg('[TTS Setup]', data.step, ':', data.status, data.message || '');
     }
   }
 
@@ -2777,7 +2781,7 @@ class AgentGUIClient {
           if (window.conversationManager) window.conversationManager.loadConversations();
           const fallbackConv = prevConversationId ? prevConversationId : availableFallback?.id;
           if (fallbackConv && fallbackConv !== conversationId) {
-            console.log('Resuming from fallback conversation:', fallbackConv);
+            this._dbg('Resuming from fallback conversation:', fallbackConv);
             this.showError('Conversation not found. Resuming previous conversation.');
             await this.loadConversationMessages(fallbackConv);
           } else {
@@ -2958,7 +2962,7 @@ class AgentGUIClient {
       // Resume from last successful conversation if available, or fall back to any available conversation
       const fallbackConv = prevConversationId ? prevConversationId : availableFallback?.id;
       if (fallbackConv && fallbackConv !== conversationId) {
-        console.log('Resuming from fallback conversation due to error:', fallbackConv);
+        this._dbg('Resuming from fallback conversation due to error:', fallbackConv);
         this.showError('Failed to load conversation. Resuming previous conversation.');
         try {
           await this.loadConversationMessages(fallbackConv);
@@ -3354,7 +3358,7 @@ document.addEventListener('DOMContentLoaded', async () => {
     agentGUIClient = new AgentGUIClient();
     window.agentGuiClient = agentGUIClient;
     await agentGUIClient.init();
-    console.log('AgentGUI ready');
+    this._dbg('AgentGUI ready');
   } catch (error) {
     console.error('Failed to initialize AgentGUI:', error);
   }