agentgui 1.0.334 → 1.0.336

package/package.json

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

package/server.js

@@ -3419,6 +3419,35 @@ wss.on('connection', (ws, req) => {
             requestId: data.requestId,
             timestamp: Date.now()
           }));
+        } else if (data.type === 'terminal_start') {
+          if (ws.terminalProc) {
+            try { ws.terminalProc.kill(); } catch(e) {}
+          }
+          const { spawn } = require('child_process');
+          const shell = process.env.SHELL || '/bin/bash';
+          const cwd = data.cwd || process.env.STARTUP_CWD || process.env.HOME || '/';
+          const proc = spawn(shell, [], { cwd, env: { ...process.env, TERM: 'xterm-256color', COLORTERM: 'truecolor' }, stdio: ['pipe', 'pipe', 'pipe'] });
+          ws.terminalProc = proc;
+          proc.stdout.on('data', (chunk) => {
+            if (ws.readyState === 1) ws.send(JSON.stringify({ type: 'terminal_output', data: chunk.toString('base64'), encoding: 'base64' }));
+          });
+          proc.stderr.on('data', (chunk) => {
+            if (ws.readyState === 1) ws.send(JSON.stringify({ type: 'terminal_output', data: chunk.toString('base64'), encoding: 'base64' }));
+          });
+          proc.on('exit', (code) => {
+            if (ws.readyState === 1) ws.send(JSON.stringify({ type: 'terminal_exit', code }));
+            ws.terminalProc = null;
+          });
+          ws.send(JSON.stringify({ type: 'terminal_started', timestamp: Date.now() }));
+        } else if (data.type === 'terminal_input') {
+          if (ws.terminalProc && ws.terminalProc.stdin.writable) {
+            ws.terminalProc.stdin.write(Buffer.from(data.data, 'base64'));
+          }
+        } else if (data.type === 'terminal_stop') {
+          if (ws.terminalProc) {
+            try { ws.terminalProc.kill(); } catch(e) {}
+            ws.terminalProc = null;
+          }
         }
       } catch (e) {
         console.error('WebSocket message parse error:', e.message);
@@ -3432,6 +3461,7 @@ wss.on('connection', (ws, req) => {
 
     ws.on('pong', () => { ws.isAlive = true; });
     ws.on('close', () => {
+      if (ws.terminalProc) { try { ws.terminalProc.kill(); } catch(e) {} ws.terminalProc = null; }
       syncClients.delete(ws);
       for (const sub of ws.subscriptions) {
         const idx = subscriptionIndex.get(sub);

package/static/index.html

@@ -63,7 +63,6 @@
     .app-shell {
       display: flex;
       height: 100dvh;
-      height: 100vh;
       overflow: hidden;
       padding-top: env(safe-area-inset-top);
       padding-bottom: env(safe-area-inset-bottom);
@@ -496,7 +495,7 @@
     .terminal-container {
       flex: 1; display: flex; flex-direction: column; overflow: hidden; background: #1e1e1e;
     }
-    .terminal-output { flex: 1; overflow: hidden; }
+    .terminal-output { flex: 1; overflow: hidden; position: relative; }
 
     .models-container {
       flex: 1; display: flex; flex-direction: column; overflow-y: auto;
@@ -3042,12 +3041,12 @@
       </div>
 
       <!-- View toggle bar (hidden by default) -->
-      <div class="view-toggle-bar" id="viewToggleBar" style="display:none;">
+      <div class="view-toggle-bar" id="viewToggleBar">
         <button class="view-toggle-btn active" data-view="chat">Chat</button>
         <button class="view-toggle-btn" data-view="files">Files</button>
         <button class="view-toggle-btn" data-view="voice" style="display:none;">Voice</button>
         <button class="view-toggle-btn" data-view="models">Models</button>
-        <button class="view-toggle-btn" data-view="terminal" id="terminalTabBtn" style="display:none;">Terminal</button>
+        <button class="view-toggle-btn" data-view="terminal" id="terminalTabBtn">Terminal</button>
       </div>
 
       <!-- Messages scroll area -->
@@ -3189,6 +3188,7 @@
   <script defer src="/gm/js/client.js"></script>
   <script type="module" src="/gm/js/voice.js"></script>
   <script defer src="/gm/js/features.js"></script>
+<script defer src="/gm/js/terminal.js"></script>
   <script defer src="/gm/js/script-runner.js"></script>
   <script defer src="/gm/js/agent-auth.js"></script>
 

package/static/js/terminal.js

@@ -0,0 +1,105 @@
+(function() {
+  var ws = null;
+  var term = null;
+  var fitAddon = null;
+  var termActive = false;
+  var BASE = window.__BASE_URL || '';
+
+  function getWsUrl() {
+    var proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
+    return proto + '//' + location.host + BASE + '/sync';
+  }
+
+  function ensureTerm() {
+    var output = document.getElementById('terminalOutput');
+    if (!output) return false;
+    if (term) return true;
+    if (!window.Terminal || !window.FitAddon) return false;
+
+    term = new Terminal({
+      cursorBlink: true,
+      fontSize: 14,
+      fontFamily: 'Menlo, Monaco, "Courier New", monospace',
+      theme: {
+        background: '#0d1117',
+        foreground: '#e6edf3',
+        cursor: '#e6edf3',
+        selectionBackground: '#3b4455'
+      },
+      convertEol: false,
+      scrollback: 5000
+    });
+    fitAddon = new FitAddon.FitAddon();
+    term.loadAddon(fitAddon);
+    output.innerHTML = '';
+    term.open(output);
+    fitAddon.fit();
+
+    term.onData(function(data) {
+      if (ws && ws.readyState === WebSocket.OPEN) {
+        var encoded = btoa(unescape(encodeURIComponent(data)));
+        ws.send(JSON.stringify({ type: 'terminal_input', data: encoded }));
+      }
+    });
+
+    window.addEventListener('resize', function() {
+      if (fitAddon) try { fitAddon.fit(); } catch(_) {}
+    });
+    return true;
+  }
+
+  function connectAndStart() {
+    if (ws && ws.readyState === WebSocket.OPEN) {
+      ws.send(JSON.stringify({ type: 'terminal_start', cwd: window.__STARTUP_CWD || undefined }));
+      return;
+    }
+    ws = new WebSocket(getWsUrl());
+    ws.onopen = function() {
+      ws.send(JSON.stringify({ type: 'terminal_start', cwd: window.__STARTUP_CWD || undefined }));
+    };
+    ws.onmessage = function(e) {
+      try {
+        var msg = JSON.parse(e.data);
+        if (msg.type === 'terminal_output' && term) {
+          var raw = msg.encoding === 'base64'
+            ? decodeURIComponent(escape(atob(msg.data)))
+            : msg.data;
+          term.write(raw);
+        } else if (msg.type === 'terminal_exit' && term) {
+          term.write('\r\n[Process exited with code ' + msg.code + ']\r\n');
+          if (termActive) setTimeout(connectAndStart, 2000);
+        }
+      } catch(_) {}
+    };
+    ws.onclose = function() {
+      if (termActive) setTimeout(connectAndStart, 2000);
+    };
+  }
+
+  function startTerminal() {
+    if (!ensureTerm()) {
+      setTimeout(startTerminal, 200);
+      return;
+    }
+    termActive = true;
+    connectAndStart();
+    setTimeout(function() { if (fitAddon) try { fitAddon.fit(); } catch(_) {} }, 100);
+  }
+
+  function stopTerminal() {
+    termActive = false;
+    if (ws && ws.readyState === WebSocket.OPEN) {
+      ws.send(JSON.stringify({ type: 'terminal_stop' }));
+    }
+  }
+
+  window.addEventListener('view-switched', function(e) {
+    if (e.detail.view === 'terminal') {
+      startTerminal();
+    } else if (termActive) {
+      stopTerminal();
+    }
+  });
+
+  window.terminalModule = { start: startTerminal, stop: stopTerminal };
+})();

package/static/js/voice.js

@@ -741,7 +741,6 @@
       }
     } else if (block.type === 'result') {
       _voiceBreakNext = true;
-      addVoiceResultBlock(block, isNew);
     } else {
       _voiceBreakNext = true;
     }
@@ -780,8 +779,6 @@
             hasContent = true;
           } else if (block.type === 'result') {
             _voiceBreakNext = true;
-            addVoiceResultBlock(block, false);
-            hasContent = true;
           } else {
             _voiceBreakNext = true;
           }