agentgui 1.0.566 → 1.0.568

package/package.json

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

package/static/js/client.js

@@ -730,11 +730,13 @@ class AgentGUIClient {
       return;
     }
 
-    // Show stop, steer, and inject buttons when streaming starts for current conversation
+    // Show stop, steer, queue, and inject buttons when streaming starts for current conversation
     if (this.ui.stopButton) this.ui.stopButton.classList.add('visible');
     if (this.ui.injectButton) this.ui.injectButton.classList.add('visible');
     if (this.ui.steerButton) this.ui.steerButton.classList.add('visible');
+    if (this.ui.queueButton) this.ui.queueButton.classList.add('visible');
     if (this.ui.sendButton) this.ui.sendButton.style.display = 'none';
+    this.ensurePromptAreaAlwaysEnabled();
 
     this.state.streamingConversations.set(data.conversationId, true);
     this.state.currentSession = {
@@ -863,9 +865,9 @@ class AgentGUIClient {
     this.startChunkPolling(data.conversationId);
 
     // Show queue/steer UI when streaming starts (for busy prompt)
-    this.fetchAndRenderQueue(data.conversationId);
+    this.showStreamingPromptButtons();
 
-    this.disableControls();
+    // IMMUTABLE: Prompt area remains enabled - user can queue/steer messages
     this.emit('streaming:start', data);
   }
 
@@ -2668,7 +2670,9 @@ class AgentGUIClient {
               }
               const element = this.renderer.renderBlock(chunk.block, chunk);
               if (!element) return;
+              // Ensure CSS classes are always applied for styling consistency
               element.classList.add('block-loaded');
+              element.classList.add(`block-type-${chunk.block.type}`);
               blockFrag.appendChild(element);
             });
 
@@ -2747,7 +2751,7 @@ class AgentGUIClient {
 
           this.chunkPollState.lastFetchTimestamp = lastChunkTime;
           this.startChunkPolling(conversationId);
-          this.disableControls();
+          // IMMUTABLE: Prompt remains enabled - syncPromptState will set correct state
           this.syncPromptState(conversationId);
         } else {
           this.syncPromptState(conversationId);
@@ -2770,6 +2774,25 @@ class AgentGUIClient {
     if (this.ui.messageInput) {
       this.ui.messageInput.disabled = false;
     }
+
+    this.updateBusyPromptArea(conversationId);
+  }
+
+  updateBusyPromptArea(conversationId) {
+    const isStreaming = this.state.streamingConversations.has(conversationId);
+    const isConnected = this.wsManager?.isConnected;
+
+    const injectBtn = document.getElementById('injectBtn');
+    const steerBtn = document.getElementById('steerBtn');
+    const stopBtn = document.getElementById('stopBtn');
+
+    if (injectBtn) injectBtn.style.display = isStreaming ? 'flex' : 'none';
+    if (steerBtn) steerBtn.style.display = isStreaming ? 'flex' : 'none';
+    if (stopBtn) stopBtn.style.display = isStreaming ? 'flex' : 'none';
+
+    if (injectBtn) injectBtn.disabled = !isConnected;
+    if (steerBtn) steerBtn.disabled = !isConnected;
+    if (stopBtn) stopBtn.disabled = !isConnected;
   }
 
   removeScrollUpDetection() {
@@ -3040,6 +3063,13 @@ class AgentGUIClient {
     if (this.ui.sendButton) {
       this.ui.sendButton.disabled = !this.wsManager.isConnected;
     }
+    // Also disable queue/steer buttons if disconnected
+    if (this.ui.injectButton && this.ui.injectButton.classList.contains('visible')) {
+      this.ui.injectButton.disabled = !this.wsManager.isConnected;
+    }
+    if (this.ui.steerButton && this.ui.steerButton.classList.contains('visible')) {
+      this.ui.steerButton.disabled = !this.wsManager.isConnected;
+    }
   }
 
   /**
@@ -3061,6 +3091,29 @@ class AgentGUIClient {
     if (injectBtn) injectBtn.disabled = false;
   }
 
+  /**
+   * Show queue/steer buttons when streaming (busy prompt state)
+   */
+  showStreamingPromptButtons() {
+    if (this.ui.injectButton) {
+      this.ui.injectButton.classList.add('visible');
+      this.ui.injectButton.disabled = !this.wsManager.isConnected;
+    }
+    if (this.ui.steerButton) {
+      this.ui.steerButton.classList.add('visible');
+      this.ui.steerButton.disabled = !this.wsManager.isConnected;
+    }
+  }
+
+  /**
+   * Ensure prompt area is always enabled and shows queue/steer when agent streaming
+   */
+  ensurePromptAreaAlwaysEnabled() {
+    if (this.ui.messageInput) {
+      this.ui.messageInput.disabled = false;
+    }
+  }
+
   /**
    * Cleanup resources
    */