genbox 1.0.212 → 1.0.213

package/dist/commands/session/watch.js

@@ -275,9 +275,9 @@ function applyFilters(sessions, filters) {
 /**
  * Render TUI header with metrics
  */
-function renderHeader(metrics, filters) {
+function renderHeader(metrics, filters, termWidth) {
     const timestamp = new Date().toLocaleTimeString();
-    console.clear();
+    const lineWidth = Math.min(termWidth - 2, 120);
     console.log(chalk_1.default.bold.inverse(' GENBOX SESSION MONITOR ') +
         chalk_1.default.dim(` ↻ ${timestamp}`));
     // Metrics bar
@@ -311,12 +311,15 @@ function renderHeader(metrics, filters) {
     if (activeFilters.length > 0) {
         console.log(chalk_1.default.yellow('  Filters: ') + chalk_1.default.dim(activeFilters.join(', ')));
     }
-    console.log(chalk_1.default.dim('─'.repeat(100)));
+    console.log(chalk_1.default.dim('─'.repeat(lineWidth)));
 }
 /**
  * Render session table
  */
-function renderTable(sessions, selectedIndex) {
+function renderTable(sessions, selectedIndex, termHeight, termWidth) {
+    const lineWidth = Math.min(termWidth - 2, 120);
+    // Calculate max rows we can show (leave room for header ~6 lines, preview ~8 lines, footer ~2 lines)
+    const maxRows = Math.max(3, termHeight - 18);
     // Header
     console.log(chalk_1.default.dim('  ') +
         chalk_1.default.bold(' '.padEnd(2)) +
@@ -327,15 +330,31 @@ function renderTable(sessions, selectedIndex) {
         chalk_1.default.bold('STATE'.padEnd(16)) +
         chalk_1.default.bold('TIME'.padEnd(8)) +
         chalk_1.default.bold('TOKENS'));
-    console.log(chalk_1.default.dim('─'.repeat(100)));
+    console.log(chalk_1.default.dim('─'.repeat(lineWidth)));
     if (sessions.length === 0) {
         console.log(chalk_1.default.dim('\n  No sessions match your filters.\n'));
         console.log(chalk_1.default.dim('  Start a session with: ') + chalk_1.default.cyan('gb claude -p -b "your prompt"'));
         console.log(chalk_1.default.dim('  Or clear filters with: ') + chalk_1.default.cyan('[c]'));
         return;
     }
+    // Calculate visible range around selected index
+    let startIndex = 0;
+    let endIndex = Math.min(sessions.length, maxRows);
+    if (sessions.length > maxRows) {
+        // Keep selected item in view
+        const halfView = Math.floor(maxRows / 2);
+        startIndex = Math.max(0, selectedIndex - halfView);
+        endIndex = Math.min(sessions.length, startIndex + maxRows);
+        if (endIndex === sessions.length) {
+            startIndex = Math.max(0, endIndex - maxRows);
+        }
+    }
+    // Show scroll indicator if needed
+    if (startIndex > 0) {
+        console.log(chalk_1.default.dim(`  ↑ ${startIndex} more above`));
+    }
     // Rows
-    for (let i = 0; i < sessions.length; i++) {
+    for (let i = startIndex; i < endIndex; i++) {
         const session = sessions[i];
         const isSelected = i === selectedIndex;
         const prefix = isSelected ? chalk_1.default.cyan('▶ ') : '  ';
@@ -368,17 +387,22 @@ function renderTable(sessions, selectedIndex) {
             tokensStr;
         console.log(rowContent);
     }
+    // Show scroll indicator if needed
+    if (endIndex < sessions.length) {
+        console.log(chalk_1.default.dim(`  ↓ ${sessions.length - endIndex} more below`));
+    }
 }
 /**
  * Render session detail panel
  */
-function renderPreview(session) {
-    console.log(chalk_1.default.dim('─'.repeat(100)));
+function renderPreview(session, termWidth) {
+    const lineWidth = Math.min(termWidth - 2, 120);
+    console.log(chalk_1.default.dim('─'.repeat(lineWidth)));
     if (!session) {
-        console.log(chalk_1.default.dim('\n  Use ↑↓ to select a session'));
+        console.log(chalk_1.default.dim('  Use ↑↓ to select a session'));
         return;
     }
-    console.log(chalk_1.default.bold(`\n  ${session.name}`) + chalk_1.default.dim(` (${session.id})`));
+    console.log(chalk_1.default.bold(`  ${session.name}`) + chalk_1.default.dim(` (${session.id})`));
     const details = [];
     details.push(`Provider: ${session.provider}`);
     details.push(`Type: ${session.type}`);
@@ -416,14 +440,15 @@ function renderPreview(session) {
         console.log(left + right);
     }
     if (session.lastMessage) {
-        console.log(chalk_1.default.dim(`\n  Last: "${chalk_1.default.italic(session.lastMessage)}..."`));
+        console.log(chalk_1.default.dim(`  Last: "${chalk_1.default.italic(session.lastMessage)}..."`));
     }
 }
 /**
  * Render help footer
  */
-function renderFooter() {
-    console.log(chalk_1.default.dim('\n─'.repeat(100)));
+function renderFooter(termWidth) {
+    const lineWidth = Math.min(termWidth - 2, 120);
+    console.log(chalk_1.default.dim('─'.repeat(lineWidth)));
     const controls = [
         '[q] Quit',
         '[r] Refresh',
@@ -452,63 +477,109 @@ async function runTuiMode(options) {
         status: options.status,
         genbox: options.genbox,
     };
-    // Setup keyboard input
-    if (process.stdin.isTTY) {
-        process.stdin.setRawMode(true);
-        process.stdin.resume();
-        process.stdin.setEncoding('utf8');
-    }
+    // Lock for data fetching (not UI rendering)
+    let isFetching = false;
+    // Enter alternate screen buffer (like vim/htop)
+    process.stdout.write('\x1B[?1049h');
+    // Hide cursor
+    process.stdout.write('\x1B[?25l');
+    // Cache for session data - only refresh on interval or manual refresh
+    let allSessionsCache = []; // Unfiltered data
+    let cachedSessions = []; // Filtered data for display
+    let cachedMetrics = {
+        totalSessions: 0,
+        activeSessions: 0,
+        byProvider: {},
+        byStatus: {},
+        totalTokens: 0,
+        totalCost: 0,
+        avgDuration: '--',
+    };
+    // Apply filters to cached data (fast, no network)
+    const reapplyFilters = () => {
+        cachedSessions = applyFilters(allSessionsCache, filters);
+        lastSessions = cachedSessions;
+        cachedMetrics = calculateMetrics(cachedSessions);
+        if (selectedIndex >= cachedSessions.length) {
+            selectedIndex = Math.max(0, cachedSessions.length - 1);
+        }
+    };
+    // Fetch fresh data from APIs
+    const refreshData = async () => {
+        allSessionsCache = await collectSessionStates({});
+        reapplyFilters();
+    };
+    // Render UI using cached data (fast)
+    const renderUI = () => {
+        const termHeight = process.stdout.rows || 24;
+        const termWidth = process.stdout.columns || 80;
+        // Move cursor to home and clear screen
+        process.stdout.write('\x1B[H\x1B[J');
+        renderHeader(cachedMetrics, filters, termWidth);
+        renderTable(cachedSessions, selectedIndex, termHeight, termWidth);
+        renderPreview(cachedSessions[selectedIndex], termWidth);
+        renderFooter(termWidth);
+    };
+    // Quick render: just redraw UI with cached data (instant, for navigation)
+    const quickRender = () => {
+        // Clamp selected index
+        if (selectedIndex >= cachedSessions.length) {
+            selectedIndex = Math.max(0, cachedSessions.length - 1);
+        }
+        renderUI();
+        // Show input prompt if in input mode
+        if (inputMode === 'search') {
+            console.log(chalk_1.default.cyan(`\n  Search: ${inputBuffer}_`));
+        }
+        else if (inputMode === 'filter_provider') {
+            console.log(chalk_1.default.cyan(`\n  Filter provider [claude/gemini/codex]: ${inputBuffer}_`));
+        }
+        else if (inputMode === 'filter_status') {
+            console.log(chalk_1.default.cyan(`\n  Filter status [running/stopped]: ${inputBuffer}_`));
+        }
+        else if (inputMode === 'filter_genbox') {
+            console.log(chalk_1.default.cyan(`\n  Filter genbox: ${inputBuffer}_`));
+        }
+    };
+    // Full refresh: fetch data in background, then render (for interval/manual refresh)
     const render = async () => {
+        // Skip if already fetching data
+        if (isFetching)
+            return;
+        isFetching = true;
         try {
-            const allSessions = await collectSessionStates({});
-            const sessions = applyFilters(allSessions, filters);
-            lastSessions = sessions;
-            // Clamp selected index
-            if (selectedIndex >= sessions.length) {
-                selectedIndex = Math.max(0, sessions.length - 1);
-            }
-            const metrics = calculateMetrics(sessions);
-            renderHeader(metrics, filters);
-            renderTable(sessions, selectedIndex);
-            renderPreview(sessions[selectedIndex]);
-            renderFooter();
-            // Show input prompt if in input mode
-            if (inputMode === 'search') {
-                console.log(chalk_1.default.cyan(`\n  Search: ${inputBuffer}_`));
-            }
-            else if (inputMode === 'filter_provider') {
-                console.log(chalk_1.default.cyan(`\n  Filter provider [claude/gemini/codex]: ${inputBuffer}_`));
-            }
-            else if (inputMode === 'filter_status') {
-                console.log(chalk_1.default.cyan(`\n  Filter status [running/stopped]: ${inputBuffer}_`));
-            }
-            else if (inputMode === 'filter_genbox') {
-                console.log(chalk_1.default.cyan(`\n  Filter genbox: ${inputBuffer}_`));
-            }
+            await refreshData();
+            quickRender();
         }
         catch (error) {
-            console.clear();
+            process.stdout.write('\x1B[H\x1B[J');
             console.log(chalk_1.default.red(`\nError: ${error.message}`));
             console.log(chalk_1.default.dim('\nPress any key to retry, q to quit'));
         }
+        finally {
+            isFetching = false;
+        }
     };
     const cleanup = () => {
         if (process.stdin.isTTY) {
             process.stdin.setRawMode(false);
         }
-        console.clear();
-        console.log(chalk_1.default.dim('\nExited session watch.\n'));
+        // Show cursor
+        process.stdout.write('\x1B[?25h');
+        // Exit alternate screen buffer (restores previous screen content)
+        process.stdout.write('\x1B[?1049l');
+        console.log(chalk_1.default.dim('Exited session watch.\n'));
     };
     const handleInput = async (key) => {
-        // Handle input modes
+        // Handle input modes (search, filter)
         if (inputMode !== 'normal') {
-            if (key === '\u001b') { // Escape
+            if (key === '\u001b') { // Escape - cancel input
                 inputMode = 'normal';
                 inputBuffer = '';
-                await render();
+                quickRender();
                 return;
             }
-            else if (key === '\r') { // Enter
+            else if (key === '\r') { // Enter - apply filter
                 if (inputMode === 'search') {
                     filters.searchQuery = inputBuffer || undefined;
                 }
@@ -524,17 +595,19 @@ async function runTuiMode(options) {
                 inputMode = 'normal';
                 inputBuffer = '';
                 selectedIndex = 0;
-                await render();
+                // Re-apply filters to cached data (instant, no network)
+                reapplyFilters();
+                quickRender();
                 return;
             }
             else if (key === '\u007f') { // Backspace
                 inputBuffer = inputBuffer.slice(0, -1);
-                await render();
+                quickRender();
                 return;
             }
             else if (key.length === 1 && key >= ' ') {
                 inputBuffer += key;
-                await render();
+                quickRender();
                 return;
             }
             return;
@@ -545,16 +618,16 @@ async function runTuiMode(options) {
             cleanup();
             process.exit(0);
         }
-        else if (key === 'r') { // Refresh
+        else if (key === 'r') { // Refresh - full data refresh
             await render();
         }
-        else if (key === '\u001b[A') { // Up arrow
+        else if (key === '\u001b[A') { // Up arrow - quick navigation
             selectedIndex = Math.max(0, selectedIndex - 1);
-            await render();
+            quickRender();
         }
-        else if (key === '\u001b[B') { // Down arrow
+        else if (key === '\u001b[B') { // Down arrow - quick navigation
             selectedIndex = Math.min(lastSessions.length - 1, selectedIndex + 1);
-            await render();
+            quickRender();
         }
         else if (key === 'a') { // Attach
             const session = lastSessions[selectedIndex];
@@ -601,28 +674,28 @@ async function runTuiMode(options) {
         else if (key === '/') { // Search
             inputMode = 'search';
             inputBuffer = filters.searchQuery || '';
-            await render();
+            quickRender();
         }
         else if (key === 'f') { // Filter menu
             // Cycle through filter modes
             inputMode = 'filter_provider';
             inputBuffer = filters.provider || '';
-            await render();
+            quickRender();
         }
         else if (key === 'p') { // Quick filter by provider
             inputMode = 'filter_provider';
             inputBuffer = '';
-            await render();
+            quickRender();
         }
         else if (key === 't') { // Quick filter by status
             inputMode = 'filter_status';
             inputBuffer = '';
-            await render();
+            quickRender();
         }
         else if (key === 'g') { // Quick filter by genbox
             inputMode = 'filter_genbox';
             inputBuffer = '';
-            await render();
+            quickRender();
         }
         else if (key === 'c') { // Clear all filters
             filters.provider = undefined;
@@ -630,19 +703,42 @@ async function runTuiMode(options) {
             filters.genbox = undefined;
             filters.searchQuery = undefined;
             selectedIndex = 0;
-            await render();
+            reapplyFilters();
+            quickRender();
         }
     };
-    process.stdin.on('data', handleInput);
+    // Setup keyboard input FIRST
+    if (process.stdin.isTTY) {
+        process.stdin.setRawMode(true);
+        process.stdin.resume();
+        process.stdin.setEncoding('utf8');
+        process.stdin.on('data', handleInput);
+    }
     // Initial render
     await render();
-    // Main refresh loop
-    while (running) {
-        await new Promise(resolve => setTimeout(resolve, intervalMs));
+    // Setup refresh interval (event-loop friendly)
+    const refreshInterval = setInterval(async () => {
         if (running && inputMode === 'normal') {
             await render();
         }
-    }
+    }, intervalMs);
+    // Keep process alive and handle cleanup
+    process.on('SIGINT', () => {
+        running = false;
+        clearInterval(refreshInterval);
+        cleanup();
+        process.exit(0);
+    });
+    // Wait for running to become false
+    await new Promise((resolve) => {
+        const checkRunning = setInterval(() => {
+            if (!running) {
+                clearInterval(checkRunning);
+                clearInterval(refreshInterval);
+                resolve();
+            }
+        }, 100);
+    });
 }
 /**
  * Run JSON snapshot mode with metrics

package/dist/lib/unified-session/list-sessions.js

@@ -52,6 +52,8 @@ const path = __importStar(require("path"));
 const os = __importStar(require("os"));
 const fs = __importStar(require("fs"));
 const child_process_1 = require("child_process");
+const util_1 = require("util");
+const execAsync = (0, util_1.promisify)(child_process_1.exec);
 const unified_session_manager_1 = require("./unified-session-manager");
 const api_1 = require("../../api");
 /**
@@ -99,14 +101,15 @@ async function scanRemoteSessions(genboxes) {
     const keyPath = getPrivateSshKey();
     if (!keyPath)
         return sessions;
-    for (const genbox of genboxes) {
-        if (!genbox.ipAddress || genbox.status !== 'running')
-            continue;
+    // Scan all genboxes in parallel for faster results
+    const scanPromises = genboxes
+        .filter(g => g.ipAddress && g.status === 'running')
+        .map(async (genbox) => {
         try {
             const remoteSocketDir = '/home/dev/.genbox/sockets';
-            const output = (0, child_process_1.execSync)(`ssh -i "${keyPath}" -o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null -o ConnectTimeout=3 -o LogLevel=ERROR dev@${genbox.ipAddress} "ls -1 ${remoteSocketDir}/*.sock 2>/dev/null" 2>/dev/null`, { encoding: 'utf8', timeout: 5000 });
-            const lines = output.trim().split('\n').filter(l => l.includes('.sock'));
-            for (const line of lines) {
+            const { stdout } = await execAsync(`ssh -i "${keyPath}" -o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null -o BatchMode=yes -o ConnectTimeout=2 -o LogLevel=ERROR dev@${genbox.ipAddress} "ls -1 ${remoteSocketDir}/*.sock 2>/dev/null" 2>/dev/null`, { timeout: 4000 });
+            const lines = stdout.trim().split('\n').filter(l => l.includes('.sock'));
+            return lines.map(line => {
                 const sessionName = path.basename(line, '.sock');
                 // Determine provider from session name
                 let provider = 'claude';
@@ -116,20 +119,22 @@ async function scanRemoteSessions(genboxes) {
                 else if (sessionName.toLowerCase().includes('codex')) {
                     provider = 'codex';
                 }
-                sessions.push({
+                return {
                     name: sessionName,
                     provider,
                     genboxName: genbox.name,
                     genboxId: genbox.id,
                     ipAddress: genbox.ipAddress,
-                });
-            }
+                };
+            });
         }
         catch {
             // Can't connect or no sessions on this genbox
+            return [];
         }
-    }
-    return sessions;
+    });
+    const results = await Promise.all(scanPromises);
+    return results.flat();
 }
 /**
  * List all sessions (unified function for both commands)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genbox",
-  "version": "1.0.212",
+  "version": "1.0.213",
   "description": "Genbox CLI - AI-Powered Development Environments",
   "main": "dist/index.js",
   "bin": {