ai-or-die 0.1.13 → 0.1.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ai-or-die",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "Universal AI coding terminal — Claude, Copilot, Gemini & more in your browser",
   "main": "src/server.js",
   "bin": {

package/src/base-bridge.js

@@ -198,20 +198,17 @@ class BaseBridge {
 
       const env = {
         ...process.env,
-        TERM: this.isWindows ? 'xterm' : 'xterm-256color',
-        FORCE_COLOR: '1'
+        TERM: 'xterm-256color',
+        FORCE_COLOR: '1',
+        COLORTERM: 'truecolor'
       };
-      if (!this.isWindows) {
-        env.COLORTERM = 'truecolor';
-      }
 
       const ptyProcess = spawn(this.command, args, {
         cwd: workingDir,
         env,
         cols,
         rows,
-        name: this.isWindows ? 'xterm' : 'xterm-color',
-        useConpty: this.isWindows
+        name: 'xterm-256color'
       });
 
       const session = {
@@ -238,6 +235,8 @@ class BaseBridge {
       }, SPAWN_TIMEOUT_MS);
 
       let dataBuffer = '';
+      let outputBatch = '';
+      let flushTimer = null;
 
       ptyProcess.onData((data) => {
         if (!receivedLifeSign) {
@@ -258,7 +257,17 @@ class BaseBridge {
           dataBuffer = dataBuffer.slice(-5000);
         }
 
-        onOutput(data);
+        // Batch output: coalesce PTY data chunks from the same I/O cycle
+        // setImmediate flushes on the next tick — no arbitrary time boundary
+        // that could split ANSI escape sequences or multi-byte UTF-8 characters
+        outputBatch += data;
+        if (!flushTimer) {
+          flushTimer = setImmediate(() => {
+            onOutput(outputBatch);
+            outputBatch = '';
+            flushTimer = null;
+          });
+        }
       });
 
       ptyProcess.onExit((exitCode, signal) => {

package/src/copilot-bridge.js

@@ -21,7 +21,8 @@ class CopilotBridge extends BaseBridge {
           '{HOME}\\AppData\\Roaming\\npm\\copilot'
         ]
       },
-      defaultCommand: 'copilot'
+      defaultCommand: 'copilot',
+      dangerousFlag: '--yolo'
     });
   }
 }

package/src/gemini-bridge.js

@@ -18,7 +18,8 @@ class GeminiBridge extends BaseBridge {
           '{HOME}\\AppData\\Roaming\\npm\\gemini'
         ]
       },
-      defaultCommand: 'gemini'
+      defaultCommand: 'gemini',
+      dangerousFlag: '--yolo'
     });
   }
 }

package/src/public/app.js

@@ -338,6 +338,7 @@ class ClaudeCodeWebInterface {
         
         this.terminal.open(document.getElementById('terminal'));
         this.fitTerminal();
+        this.setupTerminalContextMenu();
 
         this.terminal.onData((data) => {
             if (this.socket && this.socket.readyState === WebSocket.OPEN) {
@@ -912,7 +913,12 @@ class ClaudeCodeWebInterface {
             }
         }, 45000);
 
-        this.send({ type: `start_${toolId}`, options });
+        this.send({
+            type: `start_${toolId}`,
+            options,
+            cols: this.terminal ? this.terminal.cols : 80,
+            rows: this.terminal ? this.terminal.rows : 24
+        });
     }
 
     clearTerminal() {
@@ -937,7 +943,13 @@ class ClaudeCodeWebInterface {
         if (this.fitAddon) {
             try {
                 this.fitAddon.fit();
-                
+
+                // Subtract 2 rows to account for tab bar / header not included in fit calculation
+                const adjustedRows = Math.max(1, this.terminal.rows - 2);
+                if (adjustedRows !== this.terminal.rows) {
+                    this.terminal.resize(this.terminal.cols, adjustedRows);
+                }
+
                 // On mobile, ensure terminal doesn't exceed viewport width
                 if (this.isMobile) {
                     const terminalElement = document.querySelector('.xterm');
@@ -959,6 +971,66 @@ class ClaudeCodeWebInterface {
         }
     }
 
+    setupTerminalContextMenu() {
+        const menu = document.getElementById('termContextMenu');
+        if (!menu) return;
+
+        const termEl = document.getElementById('terminal');
+        termEl.addEventListener('contextmenu', (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+
+            // Position menu at cursor
+            menu.style.left = e.clientX + 'px';
+            menu.style.top = e.clientY + 'px';
+            menu.style.display = 'block';
+
+            // Disable copy if no selection
+            const copyItem = menu.querySelector('[data-action="copy"]');
+            if (copyItem) {
+                const hasSelection = this.terminal.hasSelection();
+                copyItem.classList.toggle('disabled', !hasSelection);
+            }
+        });
+
+        // Handle menu item clicks
+        menu.addEventListener('click', async (e) => {
+            const action = e.target.dataset.action;
+            if (!action) return;
+            menu.style.display = 'none';
+
+            switch (action) {
+                case 'copy': {
+                    const sel = this.terminal.getSelection();
+                    if (sel) await navigator.clipboard.writeText(sel);
+                    break;
+                }
+                case 'paste': {
+                    try {
+                        const text = await navigator.clipboard.readText();
+                        if (text && this.socket && this.socket.readyState === WebSocket.OPEN) {
+                            this.send({ type: 'input', data: text });
+                        }
+                    } catch { /* clipboard permission denied */ }
+                    break;
+                }
+                case 'selectAll':
+                    this.terminal.selectAll();
+                    break;
+                case 'clear':
+                    this.terminal.clear();
+                    break;
+            }
+            this.terminal.focus();
+        });
+
+        // Dismiss menu on click outside or scroll
+        document.addEventListener('click', (e) => {
+            if (!menu.contains(e.target)) menu.style.display = 'none';
+        });
+        document.addEventListener('keydown', () => { menu.style.display = 'none'; });
+    }
+
     updateStatus(status) {
         // Status display removed with header - status now shown in tabs
         console.log('Status:', status);
@@ -1011,6 +1083,7 @@ class ClaudeCodeWebInterface {
         const themeSelect = document.getElementById('themeSelect');
         if (themeSelect) themeSelect.value = settings.theme === 'light' ? 'light' : 'dark';
         document.getElementById('showTokenStats').checked = settings.showTokenStats;
+        document.getElementById('dangerousMode').checked = settings.dangerousMode || false;
     }
 
     hideSettings() {
@@ -1026,7 +1099,8 @@ class ClaudeCodeWebInterface {
         const defaults = {
             fontSize: 14,
             showTokenStats: true,
-            theme: 'dark'
+            theme: 'dark',
+            dangerousMode: false
         };
         
         try {
@@ -1042,7 +1116,8 @@ class ClaudeCodeWebInterface {
         const settings = {
             fontSize: parseInt(document.getElementById('fontSize').value),
             showTokenStats: document.getElementById('showTokenStats').checked,
-            theme: (document.getElementById('themeSelect')?.value) || 'dark'
+            theme: (document.getElementById('themeSelect')?.value) || 'dark',
+            dangerousMode: document.getElementById('dangerousMode').checked
         };
         
         try {

package/src/public/index.html

@@ -107,6 +107,13 @@
             <div class="terminal-container" id="terminalContainer" data-view="single">
                 <div class="terminal-wrapper">
                     <div id="terminal"></div>
+                    <div id="termContextMenu" class="term-context-menu" style="display:none">
+                        <div class="ctx-item" data-action="copy">Copy</div>
+                        <div class="ctx-item" data-action="paste">Paste</div>
+                        <div class="ctx-sep"></div>
+                        <div class="ctx-item" data-action="selectAll">Select All</div>
+                        <div class="ctx-item" data-action="clear">Clear</div>
+                    </div>
                 </div>
             </div>
         </main>
@@ -156,6 +163,11 @@
                         <label for="showTokenStats">Show Token Stats:</label>
                         <input type="checkbox" id="showTokenStats" checked>
                     </div>
+                    <div class="setting-group">
+                        <label for="dangerousMode">Autonomous Mode:</label>
+                        <input type="checkbox" id="dangerousMode">
+                        <small style="display:block;color:#e8a838;margin-top:4px">Skips permission prompts for Claude, Copilot, Gemini, Codex. Use in trusted environments only.</small>
+                    </div>
                 </div>
                 <div class="modal-footer">
                     <button class="btn btn-primary" id="saveSettingsBtn">Save Settings</button>

package/src/public/style.css

@@ -1260,6 +1260,37 @@ body {
     background: var(--border-hover);
 }
 
+/* Terminal context menu */
+.term-context-menu {
+    position: fixed;
+    z-index: 1000;
+    background: var(--bg-secondary);
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    padding: 4px 0;
+    min-width: 140px;
+    box-shadow: 0 8px 24px rgba(0,0,0,.4);
+}
+.ctx-item {
+    padding: 6px 16px;
+    cursor: pointer;
+    font-size: 13px;
+    color: var(--text-primary);
+}
+.ctx-item:hover {
+    background: var(--accent);
+    color: #fff;
+}
+.ctx-item.disabled {
+    opacity: .4;
+    pointer-events: none;
+}
+.ctx-sep {
+    height: 1px;
+    background: var(--border);
+    margin: 4px 0;
+}
+
 /* Folder Browser Modal */
 .folder-browser-modal {
     display: none;

package/src/server.js

@@ -94,9 +94,7 @@ class ClaudeCodeWebServer {
   }
   
   async saveSessionsToDisk() {
-    if (this.claudeSessions.size > 0) {
-      await this.sessionStore.saveSessions(this.claudeSessions);
-    }
+    await this.sessionStore.saveSessions(this.claudeSessions);
   }
   
   async handleShutdown() {
@@ -345,7 +343,7 @@ class ClaudeCodeWebServer {
     });
 
     // Delete a Claude session
-    this.app.delete('/api/sessions/:sessionId', (req, res) => {
+    this.app.delete('/api/sessions/:sessionId', async (req, res) => {
       const sessionId = req.params.sessionId;
       const session = this.claudeSessions.get(sessionId);
       
@@ -374,10 +372,10 @@ class ClaudeCodeWebServer {
       });
       
       this.claudeSessions.delete(sessionId);
-      
-      // Save sessions after deletion
-      this.saveSessionsToDisk();
-      
+
+      // Save sessions after deletion — await to ensure persistence
+      await this.saveSessionsToDisk();
+
       res.json({ success: true, message: 'Session deleted' });
     });
 
@@ -390,8 +388,8 @@ class ClaudeCodeWebServer {
         tools: {
           claude: { alias: this.aliases.claude, available: this.claudeBridge.isAvailable(), hasDangerousMode: true },
           codex: { alias: this.aliases.codex, available: this.codexBridge.isAvailable(), hasDangerousMode: true },
-          copilot: { alias: this.aliases.copilot, available: this.copilotBridge.isAvailable(), hasDangerousMode: false },
-          gemini: { alias: this.aliases.gemini, available: this.geminiBridge.isAvailable(), hasDangerousMode: false },
+          copilot: { alias: this.aliases.copilot, available: this.copilotBridge.isAvailable(), hasDangerousMode: true },
+          gemini: { alias: this.aliases.gemini, available: this.geminiBridge.isAvailable(), hasDangerousMode: true },
           terminal: { alias: this.aliases.terminal, available: this.terminalBridge.isAvailable(), hasDangerousMode: false }
         }
       });
@@ -645,8 +643,15 @@ class ClaudeCodeWebServer {
       server = http.createServer(this.app);
     }
 
-    this.wss = new WebSocket.Server({ 
+    this.wss = new WebSocket.Server({
       server,
+      perMessageDeflate: {
+        serverNoContextTakeover: true,
+        clientNoContextTakeover: true,
+        serverMaxWindowBits: 13,
+        clientMaxWindowBits: 13,
+        zlibDeflateOptions: { level: 6 }
+      },
       verifyClient: (info) => {
         if (!this.noAuth && this.auth) {
           const url = new URL(info.req.url, 'ws://localhost');
@@ -753,19 +758,19 @@ class ClaudeCodeWebServer {
         break;
 
       case 'start_claude':
-        await this.startToolSession(wsId, 'claude', this.claudeBridge, data.options || {});
+        await this.startToolSession(wsId, 'claude', this.claudeBridge, data.options || {}, data.cols, data.rows);
         break;
       case 'start_codex':
-        await this.startToolSession(wsId, 'codex', this.codexBridge, data.options || {});
+        await this.startToolSession(wsId, 'codex', this.codexBridge, data.options || {}, data.cols, data.rows);
         break;
       case 'start_copilot':
-        await this.startToolSession(wsId, 'copilot', this.copilotBridge, data.options || {});
+        await this.startToolSession(wsId, 'copilot', this.copilotBridge, data.options || {}, data.cols, data.rows);
         break;
       case 'start_gemini':
-        await this.startToolSession(wsId, 'gemini', this.geminiBridge, data.options || {});
+        await this.startToolSession(wsId, 'gemini', this.geminiBridge, data.options || {}, data.cols, data.rows);
         break;
       case 'start_terminal':
-        await this.startToolSession(wsId, 'terminal', this.terminalBridge, data.options || {});
+        await this.startToolSession(wsId, 'terminal', this.terminalBridge, data.options || {}, data.cols, data.rows);
         break;
       
       case 'input':
@@ -969,7 +974,7 @@ class ClaudeCodeWebServer {
     return bridges[agentType] || null;
   }
 
-  async startToolSession(wsId, toolName, bridge, options) {
+  async startToolSession(wsId, toolName, bridge, options, cols, rows) {
     const wsInfo = this.webSocketConnections.get(wsId);
     if (!wsInfo) {
       console.warn(`startToolSession(${toolName}): wsInfo not found for wsId=${wsId}`);
@@ -1021,6 +1026,8 @@ class ClaudeCodeWebServer {
       console.log(`startToolSession(${toolName}): spawning in session ${sessionId}, workingDir=${session.workingDir}`);
       await bridge.startSession(sessionId, {
         workingDir: session.workingDir,
+        cols: cols || 80,
+        rows: rows || 24,
         onOutput: (data) => {
           const currentSession = this.claudeSessions.get(sessionId);
           if (!currentSession) return;