agentgui 1.0.552 → 1.0.553

package/lib/claude-runner.js

@@ -95,6 +95,10 @@ class AgentRunner {
         try { config.onPid(proc.pid); } catch (e) {}
       }
 
+      if (config.onProcess) {
+        try { config.onProcess(proc); } catch (e) {}
+      }
+
       let jsonBuffer = '';
       const outputs = [];
       let timedOut = false;
@@ -274,6 +278,10 @@ class AgentRunner {
         try { config.onPid(proc.pid); } catch (e) {}
       }
 
+      if (config.onProcess) {
+        try { config.onProcess(proc); } catch (e) {}
+      }
+
       const outputs = [];
       let timedOut = false;
       let sessionId = null;

package/lib/ws-handlers-conv.js

@@ -5,7 +5,7 @@ function notFound(msg = 'Not found') { fail(404, msg); }
 
 export function register(router, deps) {
   const { queries, activeExecutions, messageQueues, rateLimitState,
-    broadcastSync, processMessageWithStreaming } = deps;
+    broadcastSync, processMessageWithStreaming, activeProcessesByConvId } = deps;
 
   router.handle('conv.ls', () => {
     const conversations = queries.getConversationsList();
@@ -114,6 +114,28 @@ export function register(router, deps) {
     return { ok: true, injected: true, conversationId: p.id, messageId: message.id };
   });
 
+  router.handle('conv.steer', (p) => {
+    const conv = queries.getConversation(p.id);
+    if (!conv) notFound('Conversation not found');
+    if (!p.content) fail(400, 'Missing content');
+    const entry = activeExecutions.get(p.id);
+    if (!entry) fail(409, 'No active execution to steer');
+    const proc = activeProcessesByConvId.get(p.id);
+    if (!proc || !proc.stdin) fail(409, 'Process not available for steering');
+
+    const message = queries.createMessage(p.id, 'user', p.content);
+    queries.createEvent('message.created', { role: 'user', messageId: message.id }, p.id);
+    broadcastSync({ type: 'message_created', conversationId: p.id, message, timestamp: Date.now() });
+
+    try {
+      // Write directly to stdin for steering
+      proc.stdin.write(p.content + '\n');
+      return { ok: true, steered: true, conversationId: p.id, messageId: message.id };
+    } catch (err) {
+      fail(500, `Failed to steer: ${err.message}`);
+    }
+  });
+
   router.handle('msg.ls', (p) => {
     return queries.getPaginatedMessages(p.id, Math.min(p.limit || 50, 100), Math.max(p.offset || 0, 0));
   });

package/package.json

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

package/server.js

@@ -292,6 +292,7 @@ const activeScripts = new Map();
 const messageQueues = new Map();
 const rateLimitState = new Map();
 const activeProcessesByRunId = new Map();
+const activeProcessesByConvId = new Map(); // Store process handles by conversationId for steering
 const acpQueries = queries;
 const STUCK_AGENT_THRESHOLD_MS = 600000;
 const NO_PID_GRACE_PERIOD_MS = 60000;
@@ -3806,18 +3807,24 @@ async function processMessageWithStreaming(conversationId, messageId, sessionId,
       onPid: (pid) => {
         const entry = activeExecutions.get(conversationId);
         if (entry) entry.pid = pid;
+      },
+      onProcess: (proc) => {
+        // Store process handle for steering
+        activeProcessesByConvId.set(conversationId, proc);
       }
     };
 
     const { outputs, sessionId: claudeSessionId } = await runClaudeWithStreaming(content, cwd, agentId || 'claude-code', config);
-    
+
     // Check if rate limit was already handled in stream detection
     if (rateLimitState.get(conversationId)?.isStreamDetected) {
       debugLog(`[rate-limit] Rate limit already handled in stream for conv ${conversationId}, skipping success handler`);
+      activeProcessesByConvId.delete(conversationId);
       return;
     }
-    
+
     activeExecutions.delete(conversationId);
+    activeProcessesByConvId.delete(conversationId);
     batcher.drain();
     debugLog(`[stream] Claude returned ${outputs.length} outputs, sessionId=${claudeSessionId}`);
 
@@ -4134,7 +4141,7 @@ const wsRouter = new WsRouter();
 
 registerConvHandlers(wsRouter, {
   queries, activeExecutions, messageQueues, rateLimitState,
-  broadcastSync, processMessageWithStreaming
+  broadcastSync, processMessageWithStreaming, activeProcessesByConvId
 });
 
 registerSessionHandlers(wsRouter, {

package/static/index.html

@@ -948,6 +948,26 @@
     .inject-btn:disabled { opacity: 0.4; cursor: not-allowed; }
     .inject-btn.visible { display: flex; }
 
+    .steer-btn {
+      display: none;
+      align-items: center;
+      justify-content: center;
+      width: 40px;
+      height: 40px;
+      background-color: #06b6d4;
+      color: white;
+      border: none;
+      border-radius: 0.5rem;
+      cursor: pointer;
+      flex-shrink: 0;
+      transition: background-color 0.15s;
+      margin-right: 0.25rem;
+    }
+
+    .steer-btn:hover:not(:disabled) { background-color: #0891b2; }
+    .steer-btn:disabled { opacity: 0.4; cursor: not-allowed; }
+    .steer-btn.visible { display: flex; }
+
     /* ===== OVERLAY for mobile sidebar ===== */
     .sidebar-overlay {
       display: none;
@@ -3216,6 +3236,11 @@
               <path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"/>
             </svg>
           </button>
+          <button class="steer-btn" id="steerBtn" title="Steer running agent with message" aria-label="Steer agent">
+            <svg viewBox="0 0 24 24" fill="currentColor" width="18" height="18">
+              <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"/>
+            </svg>
+          </button>
           <button class="stop-btn" id="stopBtn" title="Stop running agent (emergency)" aria-label="Stop agent">
             <svg viewBox="0 0 24 24" fill="currentColor" width="18" height="18">
               <path d="M6 6h12v12H6z"/>

package/static/js/client.js

@@ -458,6 +458,7 @@ class AgentGUIClient {
 
     this.ui.stopButton = document.getElementById('stopBtn');
     this.ui.injectButton = document.getElementById('injectBtn');
+    this.ui.steerButton = document.getElementById('steerBtn');
 
     if (this.ui.stopButton) {
       this.ui.stopButton.addEventListener('click', async () => {
@@ -485,6 +486,28 @@ class AgentGUIClient {
       });
     }
 
+    if (this.ui.steerButton) {
+      this.ui.steerButton.addEventListener('click', async () => {
+        if (!this.state.currentConversation) return;
+        const message = this.ui.messageInput?.value || '';
+        if (!message.trim()) {
+          this.showError('Please enter a message to steer');
+          return;
+        }
+        try {
+          const data = await window.wsClient.rpc('conv.steer', { id: this.state.currentConversation.id, content: message });
+          console.log('Steer response:', data);
+          if (this.ui.messageInput) {
+            this.ui.messageInput.value = '';
+            this.ui.messageInput.style.height = 'auto';
+          }
+        } catch (err) {
+          console.error('Failed to steer:', err);
+          this.showError('Failed to steer: ' + err.message);
+        }
+      });
+    }
+
     if (this.ui.messageInput) {
       this.ui.messageInput.addEventListener('keydown', (e) => {
         if (e.key === 'Enter' && e.ctrlKey) {
@@ -708,9 +731,10 @@ class AgentGUIClient {
       return;
     }
 
-    // Show stop and inject buttons when streaming starts for current conversation
+    // Show stop, steer, 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.sendButton) this.ui.sendButton.style.display = 'none';
 
     this.state.streamingConversations.set(data.conversationId, true);
@@ -937,9 +961,10 @@ class AgentGUIClient {
     console.error('Streaming error:', data);
     this._clearThinkingCountdown();
 
-    // Hide stop and inject buttons on error
+    // Hide stop, steer, and inject buttons on error
     if (this.ui.stopButton) this.ui.stopButton.classList.remove('visible');
     if (this.ui.injectButton) this.ui.injectButton.classList.remove('visible');
+    if (this.ui.steerButton) this.ui.steerButton.classList.remove('visible');
     if (this.ui.sendButton) this.ui.sendButton.style.display = '';
 
     const conversationId = data.conversationId || this.state.currentSession?.conversationId;
@@ -988,9 +1013,10 @@ class AgentGUIClient {
     console.log('Streaming completed:', data);
     this._clearThinkingCountdown();
 
-    // Hide stop and inject buttons when streaming completes
+    // Hide stop, steer, and inject buttons when streaming completes
     if (this.ui.stopButton) this.ui.stopButton.classList.remove('visible');
     if (this.ui.injectButton) this.ui.injectButton.classList.remove('visible');
+    if (this.ui.steerButton) this.ui.steerButton.classList.remove('visible');
     if (this.ui.sendButton) this.ui.sendButton.style.display = '';
 
     const conversationId = data.conversationId || this.state.currentSession?.conversationId;
@@ -2437,6 +2463,7 @@ class AgentGUIClient {
 
       if (this.ui.stopButton) this.ui.stopButton.classList.remove('visible');
       if (this.ui.injectButton) this.ui.injectButton.classList.remove('visible');
+      if (this.ui.steerButton) this.ui.steerButton.classList.remove('visible');
       if (this.ui.sendButton) this.ui.sendButton.style.display = '';
 
       var prevId = this.state.currentConversation?.id;