agentgui 1.0.546 → 1.0.548

package/package.json

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

package/static/js/client.js

@@ -35,6 +35,16 @@ class AgentGUIClient {
     this.conversationCache = new Map();
     this.MAX_CACHE_SIZE = 10;
 
+    // Conversation list cache with TTL
+    this.conversationListCache = {
+      data: [],
+      timestamp: 0,
+      ttl: 30000 // 30 seconds
+    };
+
+    // Draft prompts per conversation
+    this.draftPrompts = new Map();
+
     // Event handlers
     this.eventHandlers = {};
 
@@ -155,12 +165,16 @@ class AgentGUIClient {
       this.updateConnectionStatus('connected');
       this._subscribeToConversationUpdates();
       this._recoverMissedChunks();
+      this.updateSendButtonState();
+      this.enablePromptArea();
       this.emit('ws:connected');
     });
 
     this.wsManager.on('disconnected', () => {
       console.log('WebSocket disconnected');
       this.updateConnectionStatus('disconnected');
+      this.updateSendButtonState();
+      this.disablePromptArea();
       this.emit('ws:disconnected');
     });
 
@@ -194,10 +208,16 @@ class AgentGUIClient {
     // Switch to idle view when selecting non-streaming conversation
     window.addEventListener('conversation-selected', (e) => {
       const convId = e.detail.conversationId;
+      // Save draft from previous conversation before switching
+      this.saveDraftPrompt();
+
       const isStreaming = convId && this.state.streamingConversations.has(convId);
       if (!isStreaming && window.switchView) {
         window.switchView('chat');
       }
+
+      // Restore draft for new conversation after a tick
+      setTimeout(() => this.restoreDraftPrompt(convId), 0);
     });
 
     // Preserve controls state across tab switches
@@ -392,6 +412,19 @@ class AgentGUIClient {
     this.ui.agentSelector = document.querySelector('[data-agent-selector]');
     this.ui.modelSelector = document.querySelector('[data-model-selector]');
 
+    // Auto-save drafts on input
+    if (this.ui.messageInput) {
+      this.ui.messageInput.addEventListener('input', () => {
+        this.saveDraftPrompt();
+      });
+
+      // Restore draft when conversation loads
+      const currentConvId = this.state.currentConversation?.id;
+      if (currentConvId) {
+        this.restoreDraftPrompt(currentConvId);
+      }
+    }
+
     if (this.ui.cliSelector) {
       this.ui.cliSelector.addEventListener('change', () => {
         if (!this._agentLocked) {
@@ -2140,10 +2173,21 @@ class AgentGUIClient {
    * Load conversations
    */
   async loadConversations() {
+    // Return cached conversations if still fresh
+    const now = Date.now();
+    if (this.conversationListCache.data.length > 0 &&
+        (now - this.conversationListCache.timestamp) < this.conversationListCache.ttl) {
+      this.state.conversations = this.conversationListCache.data;
+      return this.conversationListCache.data;
+    }
+
     return this._dedupedFetch('loadConversations', async () => {
       try {
         const { conversations } = await window.wsClient.rpc('conv.ls');
         this.state.conversations = conversations;
+        // Update cache
+        this.conversationListCache.data = conversations;
+        this.conversationListCache.timestamp = Date.now();
         return conversations;
       } catch (error) {
         console.error('Failed to load conversations:', error);
@@ -2284,33 +2328,23 @@ class AgentGUIClient {
 
   /**
    * Disable UI controls during streaming
+   * NOTE: Only disables stop button visibility. Prompt, input, and inject remain enabled.
    */
   disableControls() {
-    if (this.ui.messageInput) {
-      this.ui.messageInput.disabled = true;
-    }
-    if (this.ui.sendButton) {
-      this.ui.sendButton.disabled = true;
-    }
-    const injectBtn = document.getElementById('injectBtn');
+    // Prompt area and inject button are NEVER disabled during streaming
+    // Only stop button behavior changes
     const stopBtn = document.getElementById('stopBtn');
-    if (injectBtn) injectBtn.disabled = true;
     if (stopBtn) stopBtn.disabled = false;
   }
 
   /**
    * Enable UI controls
+   * NOTE: Restores stop button visibility. Prompt area always stays enabled.
    */
   enableControls() {
-    if (this.ui.messageInput) {
-      this.ui.messageInput.disabled = false;
-    }
-    if (this.ui.sendButton) {
-      this.ui.sendButton.disabled = false;
-    }
-    const injectBtn = document.getElementById('injectBtn');
+    // Prompt area and inject button are always enabled unless disconnected
+    // Only stop button behavior changes
     const stopBtn = document.getElementById('stopBtn');
-    if (injectBtn) injectBtn.disabled = false;
     if (stopBtn) stopBtn.disabled = true;
   }
 
@@ -2874,6 +2908,74 @@ class AgentGUIClient {
     };
   }
 
+  /**
+   * Save draft prompt for current conversation
+   */
+  saveDraftPrompt() {
+    const convId = this.state.currentConversation?.id;
+    if (convId && this.ui.messageInput) {
+      const draft = this.ui.messageInput.value;
+      this.draftPrompts.set(convId, draft);
+      if (draft) {
+        localStorage.setItem(`draft-${convId}`, draft);
+      }
+    }
+  }
+
+  /**
+   * Restore draft prompt for conversation
+   */
+  restoreDraftPrompt(conversationId) {
+    if (!this.ui.messageInput) return;
+
+    let draft = this.draftPrompts.get(conversationId) || '';
+    if (!draft) {
+      draft = localStorage.getItem(`draft-${conversationId}`) || '';
+      if (draft) this.draftPrompts.set(conversationId, draft);
+    }
+
+    this.ui.messageInput.value = draft;
+  }
+
+  /**
+   * Clear draft for conversation
+   */
+  clearDraft(conversationId) {
+    this.draftPrompts.delete(conversationId);
+    localStorage.removeItem(`draft-${conversationId}`);
+  }
+
+  /**
+   * Update send button state based on WebSocket connection
+   */
+  updateSendButtonState() {
+    if (this.ui.sendButton) {
+      this.ui.sendButton.disabled = !this.wsManager.isConnected;
+    }
+  }
+
+  /**
+   * Disable prompt area (input and inject button) only on disconnect
+   */
+  disablePromptArea() {
+    if (this.ui.messageInput) {
+      this.ui.messageInput.disabled = true;
+    }
+    const injectBtn = document.getElementById('injectBtn');
+    if (injectBtn) injectBtn.disabled = true;
+  }
+
+  /**
+   * Enable prompt area (input and inject button) on connect
+   */
+  enablePromptArea() {
+    if (this.ui.messageInput) {
+      this.ui.messageInput.disabled = false;
+    }
+    const injectBtn = document.getElementById('injectBtn');
+    if (injectBtn) injectBtn.disabled = false;
+  }
+
   /**
    * Cleanup resources
    */