agentgui 1.0.566 → 1.0.567

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.566",
+  "version": "1.0.567",
   "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 = {
@@ -865,7 +867,7 @@ class AgentGUIClient {
     // Show queue/steer UI when streaming starts (for busy prompt)
     this.fetchAndRenderQueue(data.conversationId);
 
-    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);
@@ -3061,6 +3065,15 @@ class AgentGUIClient {
     if (injectBtn) injectBtn.disabled = false;
   }
 
+  /**
+   * 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
    */