agentgui 1.0.547 → 1.0.549

package/package.json

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

package/server.js

@@ -4452,7 +4452,7 @@ function recoverStaleSessions() {
 async function resumeInterruptedStreams() {
   try {
     const resumableConvs = queries.getResumableConversations ? queries.getResumableConversations() : [];
-    const toResume = resumableConvs.filter(c => c.agentType === 'claude-code');
+    const toResume = resumableConvs;
 
     if (toResume.length === 0) return;
 

package/static/index.html

@@ -578,16 +578,15 @@
     }
 
     .message-user {
-      background-color: var(--color-primary);
-      color: white;
       margin-left: auto;
       border-bottom-right-radius: 0.25rem;
+      color: var(--color-text-primary);
     }
 
     .message-assistant {
-      background-color: var(--color-bg-secondary);
       margin-right: auto;
       border-bottom-left-radius: 0.25rem;
+      color: var(--color-text-primary);
     }
 
     /* Consecutive assistant messages: join them visually */
@@ -609,11 +608,10 @@
       text-transform: uppercase;
       letter-spacing: 0.04em;
       margin-bottom: 0.125rem;
-      opacity: 0.7;
     }
 
-    .message-user .message-role { color: rgba(255,255,255,0.8); }
-    .message-assistant .message-role { color: var(--color-text-secondary); }
+    .message-user .message-role { color: #7a9abf; }
+    .message-assistant .message-role { color: #8a9a7a; }
 
     .message-content {
       font-size: 0.9rem;
@@ -625,10 +623,10 @@
     .message-timestamp {
       font-size: 0.7rem;
       margin-top: 0.25rem;
-      opacity: 0.6;
+      opacity: 0.5;
     }
 
-    .message-user .message-timestamp { color: rgba(255,255,255,0.7); }
+    .message-user .message-timestamp { color: var(--color-text-secondary); }
     .message-assistant .message-timestamp { color: var(--color-text-secondary); }
 
     .message-blocks {

package/static/js/client.js

@@ -166,6 +166,7 @@ class AgentGUIClient {
       this._subscribeToConversationUpdates();
       this._recoverMissedChunks();
       this.updateSendButtonState();
+      this.enablePromptArea();
       this.emit('ws:connected');
     });
 
@@ -173,6 +174,7 @@ class AgentGUIClient {
       console.log('WebSocket disconnected');
       this.updateConnectionStatus('disconnected');
       this.updateSendButtonState();
+      this.disablePromptArea();
       this.emit('ws:disconnected');
     });
 
@@ -1437,6 +1439,7 @@ class AgentGUIClient {
 
         this.lockAgentAndModel(agentId, model);
         await this.streamToConversation(conv.id, savedPrompt, agentId, model, subAgent);
+        this.clearDraft(conv.id);
         this._confirmOptimisticMessage(pendingId);
       } else {
         const agentId = this.getCurrentAgent();
@@ -1456,6 +1459,7 @@ class AgentGUIClient {
         }
 
         await this.streamToConversation(conversation.id, savedPrompt, agentId, model, subAgent);
+        this.clearDraft(conversation.id);
         this._confirmOptimisticMessage(pendingId);
       }
     } catch (error) {
@@ -2326,29 +2330,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;
-    }
-    // Send button state managed by WebSocket connection, not streaming state
-    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;
-    }
-    // Send button state managed by WebSocket connection, not streaming state
-    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;
   }
 
@@ -2958,6 +2956,28 @@ class AgentGUIClient {
     }
   }
 
+  /**
+   * 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
    */

package/static/js/conversations.js

@@ -78,6 +78,11 @@ class ConversationManager {
     return agent?.name || agentId;
   }
 
+  formatModelLabel(model) {
+    if (!model) return '';
+    return ' (' + model.replace(/^claude-/i, '').replace(/-\d{8,}.*$/, '').replace(/-/g, ' ') + ')';
+  }
+
   setupDelegatedListeners() {
     this.listEl.addEventListener('click', (e) => {
       const deleteBtn = e.target.closest('[data-delete-conv]');
@@ -430,7 +435,7 @@ class ConversationManager {
     const title = conv.title || `Conversation ${conv.id.slice(0, 8)}`;
     const timestamp = conv.created_at ? new Date(conv.created_at).toLocaleDateString() : 'Unknown';
     const agent = this.getAgentDisplayName(conv.agentId || conv.agentType);
-    const modelLabel = conv.model ? ` (${conv.model})` : '';
+    const modelLabel = this.formatModelLabel(conv.model);
     const wd = conv.workingDirectory ? pathBasename(conv.workingDirectory) : '';
     const metaParts = [agent + modelLabel, timestamp];
     if (wd) metaParts.push(wd);
@@ -458,7 +463,7 @@ class ConversationManager {
     const title = conv.title || `Conversation ${conv.id.slice(0, 8)}`;
     const timestamp = conv.created_at ? new Date(conv.created_at).toLocaleDateString() : 'Unknown';
     const agent = this.getAgentDisplayName(conv.agentId || conv.agentType);
-    const modelLabel = conv.model ? ` (${conv.model})` : '';
+    const modelLabel = this.formatModelLabel(conv.model);
     const wd = conv.workingDirectory ? pathBasename(conv.workingDirectory) : '';
     const metaParts = [agent + modelLabel, timestamp];
     if (wd) metaParts.push(wd);