gitarsenal-cli 1.9.106 → 1.9.108

package/tui-app/index-manual.js.bak

@@ -0,0 +1,609 @@
+#!/usr/bin/env bun
+
+import { execSync, spawn } from 'child_process';
+import { join } from 'path';
+import { fileURLToPath } from 'url';
+import { dirname } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+// Helper function to center text
+function center(text, stripAnsi = false) {
+  const terminalWidth = process.stdout.columns || 80;
+  // Remove ANSI codes for width calculation if needed
+  const visibleText = stripAnsi ? text.replace(/\x1b\[[0-9;]*m/g, '') : text;
+  const padding = Math.max(0, Math.floor((terminalWidth - visibleText.length) / 2));
+  return ' '.repeat(padding) + text;
+}
+
+console.clear();
+console.log(center('\x1b[32m╭────────────────────────────────────────────────────────────────────────────────╮\x1b[0m', true));
+console.log(center('\x1b[32m│                                                                                │\x1b[0m', true));
+console.log(center('\x1b[32m│  \x1b[1m\x1b[32m██████╗ ██╗████████╗ █████╗ ██████╗ ███████╗███████╗███╗   ██╗ █████╗ ██╗\x1b[0m\x1b[32m     │\x1b[0m', true));
+console.log(center('\x1b[32m│ \x1b[1m\x1b[32m██╔════╝ ██║╚══██╔══╝██╔══██╗██╔══██╗██╔════╝██╔════╝████╗  ██║██╔══██╗██║\x1b[0m\x1b[32m     │\x1b[0m', true));
+console.log(center('\x1b[32m│ \x1b[1m\x1b[32m██║  ███╗██║   ██║   ███████║██████╔╝███████╗█████╗  ██╔██╗ ██║███████║██║\x1b[0m\x1b[32m     │\x1b[0m', true));
+console.log(center('\x1b[32m│ \x1b[1m\x1b[32m██║   ██║██║   ██║   ██╔══██║██╔══██╗╚════██║██╔══╝  ██║╚██╗██║██╔══██║██║\x1b[0m\x1b[32m     │\x1b[0m', true));
+console.log(center('\x1b[32m│ \x1b[1m\x1b[32m╚██████╔╝██║   ██║   ██║  ██║██║  ██║███████║███████╗██║ ╚████║██║  ██║███████╗\x1b[0m\x1b[32m│\x1b[0m', true));
+console.log(center('\x1b[32m│  \x1b[1m\x1b[32m╚═════╝ ╚═╝   ╚═╝   ╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝╚══════╝╚═╝  ╚═══╝╚═╝  ╚═╝╚══════╝\x1b[0m\x1b[32m│\x1b[0m', true));
+console.log(center('\x1b[32m│                                                                                │\x1b[0m', true));
+console.log(center('\x1b[32m│  \x1b[1m\x1b[37m                GPU-Accelerated Development Environments\x1b[0m\x1b[32m                      │\x1b[0m', true));
+console.log(center('\x1b[32m│  \x1b[90m                    🎨 Powered by OpenTUI Framework\x1b[0m\x1b[32m                        │\x1b[0m', true));
+console.log(center('\x1b[32m│                                                                                │\x1b[0m', true));
+console.log(center('\x1b[32m╰────────────────────────────────────────────────────────────────────────────────╯\x1b[0m', true));
+console.log('');
+
+const menuItems = [
+  '🚀 Create New Sandbox',
+  '📋 View Running Sandboxes',
+  '🔑 API Keys Management',
+  '⚙️  Settings',
+  '❓ Help & Examples',
+  '🚪 Exit'
+];
+
+const gpuOptions = [
+  { name: 'T4 (16GB VRAM)', value: 'T4' },
+  { name: 'L4 (24GB VRAM)', value: 'L4' },
+  { name: 'A10G (24GB VRAM)', value: 'A10G' },
+  { name: 'A100-40 (40GB VRAM)', value: 'A100-40GB' },
+  { name: 'A100-80 (80GB VRAM)', value: 'A100-80GB' },
+  { name: 'L40S (48GB VRAM)', value: 'L40S' },
+  { name: 'H100 (80GB VRAM)', value: 'H100' },
+  { name: 'H200 (141GB VRAM)', value: 'H200' },
+  { name: 'B200 (141GB VRAM)', value: 'B200' }
+];
+
+const gpuCountOptions = [
+  { name: '1 GPU', value: 1 },
+  { name: '2 GPUs', value: 2 },
+  { name: '3 GPUs', value: 3 },
+  { name: '4 GPUs', value: 4 },
+  { name: '6 GPUs', value: 6 },
+  { name: '8 GPUs', value: 8 }
+];
+
+const providerOptions = [
+  { name: 'Modal (GPU support, persistent volumes)', value: 'modal' },
+  { name: 'E2B (Faster startup, no GPU)', value: 'e2b' }
+];
+
+let selectedIndex = 0;
+let currentScreen = 'menu';
+let inputText = '';
+let config = {
+  repoUrl: '',
+  gpuType: 'A10G',
+  gpuCount: 1,
+  sandboxProvider: 'modal'
+};
+
+// Track running sandboxes
+let sandboxes = [];
+let sandboxIdCounter = 1;
+
+// Track currently active process (for logs viewing)
+let activeProcess = null;
+
+function renderMenu() {
+  console.clear();
+  console.log(center('\x1b[32m╭────────────────────────────────────────────────────────────────────────────────╮\x1b[0m', true));
+  console.log(center('\x1b[32m│                                                                                │\x1b[0m', true));
+  console.log(center('\x1b[32m│  \x1b[1m\x1b[32m██████╗ ██╗████████╗ █████╗ ██████╗ ███████╗███████╗███╗   ██╗ █████╗ ██╗\x1b[0m\x1b[32m     │\x1b[0m', true));
+  console.log(center('\x1b[32m│ \x1b[1m\x1b[32m██╔════╝ ██║╚══██╔══╝██╔══██╗██╔══██╗██╔════╝██╔════╝████╗  ██║██╔══██╗██║\x1b[0m\x1b[32m     │\x1b[0m', true));
+  console.log(center('\x1b[32m│ \x1b[1m\x1b[32m██║  ███╗██║   ██║   ███████║██████╔╝███████╗█████╗  ██╔██╗ ██║███████║██║\x1b[0m\x1b[32m     │\x1b[0m', true));
+  console.log(center('\x1b[32m│ \x1b[1m\x1b[32m██║   ██║██║   ██║   ██╔══██║██╔══██╗╚════██║██╔══╝  ██║╚██╗██║██╔══██║██║\x1b[0m\x1b[32m     │\x1b[0m', true));
+  console.log(center('\x1b[32m│ \x1b[1m\x1b[32m╚██████╔╝██║   ██║   ██║  ██║██║  ██║███████║███████╗██║ ╚████║██║  ██║███████╗\x1b[0m\x1b[32m│\x1b[0m', true));
+  console.log(center('\x1b[32m│  \x1b[1m\x1b[32m╚═════╝ ╚═╝   ╚═╝   ╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝╚══════╝╚═╝  ╚═══╝╚═╝  ╚═╝╚══════╝\x1b[0m\x1b[32m│\x1b[0m', true));
+  console.log(center('\x1b[32m│                                                                                │\x1b[0m', true));
+  console.log(center('\x1b[32m│  \x1b[1m\x1b[37m                GPU-Accelerated Development Environments\x1b[0m\x1b[32m                      │\x1b[0m', true));
+  console.log(center('\x1b[32m│  \x1b[90m                    🎨 Powered by OpenTUI Framework\x1b[0m\x1b[32m                        │\x1b[0m', true));
+  console.log(center('\x1b[32m│                                                                                │\x1b[0m', true));
+  console.log(center('\x1b[32m╰────────────────────────────────────────────────────────────────────────────────╯\x1b[0m', true));
+  console.log('');
+  
+  // Show active sandboxes count
+  const runningSandboxes = sandboxes.filter(s => s.status === 'running' || s.status === 'initializing');
+  if (runningSandboxes.length > 0) {
+    console.log(center(`\x1b[32m📦 ${runningSandboxes.length} active sandbox${runningSandboxes.length > 1 ? 'es' : ''}\x1b[0m`, true));
+    console.log('');
+  }
+  
+  menuItems.forEach((item, index) => {
+    if (index === selectedIndex) {
+      console.log(center(`\x1b[1m\x1b[36m❯ ${item}\x1b[0m`, true));
+    } else {
+      console.log(center(`  ${item}`, false));
+    }
+  });
+  
+  console.log('');
+  console.log(center('\x1b[90mUse ↑↓ arrows to navigate, Enter to select, Ctrl+C to exit\x1b[0m', true));
+}
+
+function renderSandboxList() {
+  console.clear();
+  console.log(center('╔════════════════════════════════════════════════════════════╗', false));
+  console.log(center('║              📋 Running Sandboxes                          ║', false));
+  console.log(center('╚════════════════════════════════════════════════════════════╝', false));
+  console.log('');
+  
+  if (sandboxes.length === 0) {
+    console.log(center('\x1b[90mNo sandboxes running.\x1b[0m', true));
+    console.log('');
+    console.log(center('\x1b[90mPress Esc to go back to menu\x1b[0m', true));
+    return;
+  }
+  
+  sandboxes.forEach((sandbox, index) => {
+    const isSelected = index === selectedIndex;
+    const statusColor = sandbox.status === 'running' ? '\x1b[32m' : 
+                       sandbox.status === 'initializing' ? '\x1b[33m' : 
+                       '\x1b[31m';
+    const statusIcon = sandbox.status === 'running' ? '✅' : 
+                      sandbox.status === 'initializing' ? '🔄' : 
+                      '❌';
+    
+    if (isSelected) {
+      console.log(center(`\x1b[1m\x1b[36m❯ #${sandbox.id} ${statusIcon} ${sandbox.repo}\x1b[0m`, true));
+      console.log(center(`\x1b[36m${statusColor}${sandbox.status}\x1b[0m \x1b[36m| ${sandbox.provider} | ${sandbox.gpu || 'N/A'}\x1b[0m`, true));
+    } else {
+      console.log(center(`#${sandbox.id} ${statusIcon} ${sandbox.repo}`, false));
+      console.log(center(`${statusColor}${sandbox.status}\x1b[0m | ${sandbox.provider} | ${sandbox.gpu || 'N/A'}`, true));
+    }
+    console.log('');
+  });
+  
+  console.log(center('\x1b[90m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\x1b[0m', true));
+  console.log('');
+  console.log(center('\x1b[1mControls:\x1b[0m', true));
+  console.log(center('\x1b[36mEnter\x1b[0m - View logs / Connect to sandbox', true));
+  console.log(center('\x1b[36mD\x1b[0m - Delete sandbox', true));
+  console.log(center('\x1b[36mR\x1b[0m - Refresh list', true));
+  console.log(center('\x1b[36mEsc\x1b[0m - Back to menu', true));
+}
+
+function renderRepoInput() {
+  console.clear();
+  console.log(center('╔════════════════════════════════════════════════════════════╗', false));
+  console.log(center('║                 🚀 Create New Sandbox                      ║', false));
+  console.log(center('╚════════════════════════════════════════════════════════════╝', false));
+  console.log('');
+  
+  console.log(center('\x1b[1mEnter GitHub repository URL:\x1b[0m', true));
+  console.log('');
+  console.log(center(`\x1b[36m${inputText}\x1b[7m \x1b[0m`, true));
+  
+  console.log('');
+  console.log(center('\x1b[90mExamples:\x1b[0m', true));
+  console.log(center('\x1b[90m  • https://github.com/pytorch/examples\x1b[0m', true));
+  console.log(center('\x1b[90m  • https://github.com/huggingface/transformers\x1b[0m', true));
+  console.log(center('\x1b[90m  • https://github.com/openai/whisper\x1b[0m', true));
+  console.log('');
+  console.log(center('\x1b[90mPress Enter to continue • Esc to go back • Ctrl+C to exit\x1b[0m', true));
+}
+
+function renderProviderSelection() {
+  console.clear();
+  console.log(center('╔════════════════════════════════════════════════════════════╗', false));
+  console.log(center('║               🔧 Select Sandbox Provider                   ║', false));
+  console.log(center('╚════════════════════════════════════════════════════════════╝', false));
+  console.log('');
+  
+  console.log(center(`\x1b[1mRepository:\x1b[0m \x1b[32m${config.repoUrl}\x1b[0m`, true));
+  console.log('');
+  
+  providerOptions.forEach((option, index) => {
+    if (index === selectedIndex) {
+      console.log(center(`\x1b[1m\x1b[36m❯ ${option.name}\x1b[0m`, true));
+    } else {
+      console.log(center(`  ${option.name}`, false));
+    }
+  });
+  
+  console.log('');
+  console.log(center('\x1b[90mPress Enter to select • Esc to go back\x1b[0m', true));
+}
+
+function renderGpuSelection() {
+  console.clear();
+  console.log(center('╔════════════════════════════════════════════════════════════╗', false));
+  console.log(center('║                ⚡ Select GPU Configuration                 ║', false));
+  console.log(center('╚════════════════════════════════════════════════════════════╝', false));
+  console.log('');
+  
+  console.log(center(`\x1b[1mRepository:\x1b[0m \x1b[32m${config.repoUrl}\x1b[0m`, true));
+  console.log(center(`\x1b[1mProvider:\x1b[0m \x1b[32m${config.sandboxProvider}\x1b[0m`, true));
+  console.log('');
+  
+  gpuOptions.forEach((option, index) => {
+    if (index === selectedIndex) {
+      console.log(center(`\x1b[1m\x1b[36m❯ ${option.name}\x1b[0m`, true));
+    } else {
+      console.log(center(`  ${option.name}`, false));
+    }
+  });
+  
+  console.log('');
+  console.log(center('\x1b[90mPress Enter to select • Esc to go back\x1b[0m', true));
+}
+
+function renderGpuCountSelection() {
+  console.clear();
+  console.log(center('╔════════════════════════════════════════════════════════════╗', false));
+  console.log(center('║                ⚡ Select GPU Count                         ║', false));
+  console.log(center('╚════════════════════════════════════════════════════════════╝', false));
+  console.log('');
+  
+  console.log(center(`\x1b[1mGPU Type:\x1b[0m \x1b[32m${config.gpuType}\x1b[0m`, true));
+  console.log('');
+  
+  gpuCountOptions.forEach((option, index) => {
+    if (index === selectedIndex) {
+      console.log(center(`\x1b[1m\x1b[36m❯ ${option.name}\x1b[0m`, true));
+    } else {
+      console.log(center(`  ${option.name}`, false));
+    }
+  });
+  
+  console.log('');
+  console.log(center('\x1b[90mPress Enter to select • Esc to go back\x1b[0m', true));
+}
+
+function renderConfirmation() {
+  console.clear();
+  console.log(center('╔════════════════════════════════════════════════════════════╗', false));
+  console.log(center('║              📋 Configuration Summary                      ║', false));
+  console.log(center('╚════════════════════════════════════════════════════════════╝', false));
+  console.log('');
+  
+  console.log(center('\x1b[1mRepository URL:\x1b[0m', true));
+  console.log(center(`\x1b[36m${config.repoUrl}\x1b[0m`, true));
+  console.log('');
+  
+  console.log(center('\x1b[1mSandbox Provider:\x1b[0m', true));
+  console.log(center(`\x1b[36m${config.sandboxProvider}\x1b[0m`, true));
+  console.log('');
+  
+  if (config.sandboxProvider === 'modal') {
+    console.log(center('\x1b[1mGPU Configuration:\x1b[0m', true));
+    console.log(center(`\x1b[36m${config.gpuCount > 1 ? config.gpuCount + 'x ' : ''}${config.gpuType}\x1b[0m`, true));
+    console.log('');
+  }
+  
+  console.log(center('\x1b[90m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\x1b[0m', true));
+  console.log('');
+  
+  console.log(center('\x1b[1m\x1b[32m✅ Press Enter to create sandbox in background\x1b[0m', true));
+  console.log(center('\x1b[90mPress Esc to go back and change settings\x1b[0m', true));
+}
+
+function createSandbox() {
+  const sandboxId = sandboxIdCounter++;
+  const sandbox = {
+    id: sandboxId,
+    repo: config.repoUrl.split('/').pop() || config.repoUrl,
+    fullRepo: config.repoUrl,
+    provider: config.sandboxProvider,
+    gpu: config.sandboxProvider === 'modal' ? `${config.gpuCount}x ${config.gpuType}` : null,
+    status: 'initializing',
+    process: null,
+    startTime: new Date()
+  };
+  
+  sandboxes.push(sandbox);
+  
+  console.clear();
+  console.log('\x1b[1m\x1b[32m🚀 Starting sandbox in background...\x1b[0m\n');
+  console.log(`\x1b[36mSandbox ID:\x1b[0m #${sandboxId}`);
+  console.log(`\x1b[36mRepository:\x1b[0m ${config.repoUrl}`);
+  console.log(`\x1b[36mProvider:\x1b[0m ${config.sandboxProvider}`);
+  if (config.sandboxProvider === 'modal') {
+    console.log(`\x1b[36mGPU:\x1b[0m ${config.gpuCount}x ${config.gpuType}`);
+  }
+  console.log();
+  
+  const args = [
+    '--yes',
+    '--repo', config.repoUrl,
+    '--sandbox-provider', config.sandboxProvider
+  ];
+  
+  if (config.sandboxProvider === 'modal') {
+    args.push('--gpu', config.gpuType);
+    args.push('--gpu-count', config.gpuCount.toString());
+  }
+  
+  const cliPath = join(__dirname, '..', 'bin', 'gitarsenal.js');
+  
+  // Spawn in background
+  const child = spawn('node', [cliPath, ...args], {
+    cwd: join(__dirname, '..'),
+    detached: true,
+    stdio: 'pipe'
+  });
+  
+  sandbox.process = child;
+  
+  // Update status based on output
+  let output = '';
+  child.stdout.on('data', (data) => {
+    output += data.toString();
+    if (output.includes('Sandbox created') || output.includes('successfully')) {
+      sandbox.status = 'running';
+    }
+  });
+  
+  child.stderr.on('data', (data) => {
+    output += data.toString();
+  });
+  
+  child.on('close', (code) => {
+    if (code === 0) {
+      sandbox.status = 'running';
+    } else {
+      sandbox.status = 'failed';
+    }
+  });
+  
+  console.log('\x1b[32m✅ Sandbox started in background!\x1b[0m');
+  console.log('\x1b[90mCheck status in "View Running Sandboxes"\x1b[0m\n');
+  console.log('\x1b[90mPress any key to return to menu...\x1b[0m');
+  
+  currentScreen = 'result';
+}
+
+function viewSandboxLogs(sandbox) {
+  console.clear();
+  console.log(`\x1b[1m\x1b[36m📋 Sandbox #${sandbox.id} - ${sandbox.repo}\x1b[0m\n`);
+  console.log(`\x1b[90mStatus: ${sandbox.status} | Provider: ${sandbox.provider}\x1b[0m`);
+  console.log('\x1b[90m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\x1b[0m\n');
+  console.log('\x1b[33m💡 Press Esc to exit logs and return to sandbox list\x1b[0m');
+  console.log('\x1b[33m💡 Press Ctrl+C to exit TUI entirely\x1b[0m\n');
+  console.log('\x1b[90m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\x1b[0m\n');
+  
+  if (sandbox.process && !sandbox.process.killed) {
+    console.log('\x1b[1mLive Output:\x1b[0m\n');
+    
+    // Switch to raw mode to capture Esc
+    process.stdin.setRawMode(true);
+    
+    // Pipe the process output
+    sandbox.process.stdout.pipe(process.stdout);
+    sandbox.process.stderr.pipe(process.stderr);
+    
+    activeProcess = sandbox.process;
+  } else {
+    console.log('\x1b[90mNo live output available.\x1b[0m\n');
+    console.log('\x1b[90mPress Esc to go back\x1b[0m');
+  }
+}
+
+function deleteSandbox(index) {
+  const sandbox = sandboxes[index];
+  if (sandbox.process && !sandbox.process.killed) {
+    sandbox.process.kill('SIGTERM');
+  }
+  sandboxes.splice(index, 1);
+  
+  console.clear();
+  console.log('\x1b[32m✅ Sandbox deleted\x1b[0m\n');
+  console.log('\x1b[90mPress any key to continue...\x1b[0m');
+  currentScreen = 'result-after-delete';
+}
+
+function handleMenuSelection() {
+  if (selectedIndex === 0) {
+    currentScreen = 'repo-input';
+    inputText = '';
+    selectedIndex = 0;
+    renderRepoInput();
+  } else if (selectedIndex === 1) {
+    currentScreen = 'sandbox-list';
+    selectedIndex = 0;
+    renderSandboxList();
+  } else if (selectedIndex === 2) {
+    console.clear();
+    console.log('\n\x1b[1m\x1b[33m🔑 API Keys Management\x1b[0m\n');
+    console.log('Launching gitarsenal keys command...\n');
+    console.log('\x1b[33m💡 Press Ctrl+C to cancel\x1b[0m\n');
+    
+    process.stdin.setRawMode(false);
+    const child = spawn('node', [join(__dirname, '..', 'bin', 'gitarsenal.js'), 'keys', 'list'], {
+      stdio: 'inherit',
+      cwd: join(__dirname, '..')
+    });
+    
+    child.on('close', () => {
+      console.log('\n\x1b[90mPress any key to return to menu...\x1b[0m');
+      process.stdin.setRawMode(true);
+      currentScreen = 'result';
+    });
+  } else if (selectedIndex === menuItems.length - 1) {
+    console.clear();
+    console.log('\n👋 Goodbye!\n');
+    if (sandboxes.length > 0) {
+      const count = sandboxes.length;
+      const plural = count > 1 ? "es" : "";
+      console.log("\x1b[33m⚠️  " + count + " sandbox" + plural + " still running in background\x1b[0m\n");    }
+    process.exit(0);
+  } else {
+    console.clear();
+    console.log('\n\x1b[33m⚠️  ' + menuItems[selectedIndex] + '\x1b[0m');
+    console.log('\x1b[90mThis feature is coming soon!\x1b[0m');
+    console.log('\n\x1b[90mPress any key to return to menu...\x1b[0m');
+    currentScreen = 'result';
+  }
+}
+
+// Initial render
+renderMenu();
+
+// Handle keyboard input
+process.stdin.setRawMode(true);
+process.stdin.resume();
+process.stdin.setEncoding('utf8');
+
+process.stdin.on('data', (key) => {
+  if (key === '\u0003') {
+    // Ctrl+C - Kill all sandboxes and exit
+    console.clear();
+    console.log('\n\x1b[33m⚠️  Stopping all sandboxes...\x1b[0m\n');
+    sandboxes.forEach(sandbox => {
+      if (sandbox.process && !sandbox.process.killed) {
+        sandbox.process.kill('SIGTERM');
+      }
+    });
+    setTimeout(() => {
+      console.clear();
+      console.log('\n👋 Goodbye!\n');
+      process.exit(0);
+    }, 500);
+    return;
+  }
+  
+  if (currentScreen === 'menu') {
+    if (key === '\u001b[A') {
+      selectedIndex = Math.max(0, selectedIndex - 1);
+      renderMenu();
+    } else if (key === '\u001b[B') {
+      selectedIndex = Math.min(menuItems.length - 1, selectedIndex + 1);
+      renderMenu();
+    } else if (key === '\r' || key === '\n') {
+      handleMenuSelection();
+    }
+  } else if (currentScreen === 'sandbox-list') {
+    if (key === '\u001b') {
+      // Esc - back to menu
+      currentScreen = 'menu';
+      selectedIndex = 0;
+      renderMenu();
+    } else if (key === '\u001b[A') {
+      selectedIndex = Math.max(0, selectedIndex - 1);
+      renderSandboxList();
+    } else if (key === '\u001b[B') {
+      selectedIndex = Math.min(sandboxes.length - 1, selectedIndex + 1);
+      renderSandboxList();
+    } else if (key === '\r' || key === '\n') {
+      if (sandboxes.length > 0) {
+        currentScreen = 'viewing-logs';
+        viewSandboxLogs(sandboxes[selectedIndex]);
+      }
+    } else if (key.toLowerCase() === 'd') {
+      if (sandboxes.length > 0) {
+        deleteSandbox(selectedIndex);
+      }
+    } else if (key.toLowerCase() === 'r') {
+      renderSandboxList();
+    }
+  } else if (currentScreen === 'viewing-logs') {
+    if (key === '\u001b') {
+      // Esc - exit logs and return to sandbox list
+      if (activeProcess) {
+        activeProcess.stdout.unpipe(process.stdout);
+        activeProcess.stderr.unpipe(process.stderr);
+        activeProcess = null;
+      }
+      currentScreen = 'sandbox-list';
+      renderSandboxList();
+    }
+  } else if (currentScreen === 'repo-input') {
+    if (key === '\u001b') {
+      currentScreen = 'menu';
+      selectedIndex = 0;
+      inputText = '';
+      renderMenu();
+    } else if (key === '\r' || key === '\n') {
+      if (inputText.trim()) {
+        config.repoUrl = inputText.trim();
+        currentScreen = 'provider-select';
+        selectedIndex = 0;
+        renderProviderSelection();
+      }
+    } else if (key === '\u007f' || key === '\b') {
+      inputText = inputText.slice(0, -1);
+      renderRepoInput();
+    } else if (key.charCodeAt(0) >= 32 && key.charCodeAt(0) <= 126) {
+      inputText += key;
+      renderRepoInput();
+    }
+  } else if (currentScreen === 'provider-select') {
+    if (key === '\u001b') {
+      currentScreen = 'repo-input';
+      inputText = config.repoUrl;
+      renderRepoInput();
+    } else if (key === '\u001b[A') {
+      selectedIndex = Math.max(0, selectedIndex - 1);
+      renderProviderSelection();
+    } else if (key === '\u001b[B') {
+      selectedIndex = Math.min(providerOptions.length - 1, selectedIndex + 1);
+      renderProviderSelection();
+    } else if (key === '\r' || key === '\n') {
+      config.sandboxProvider = providerOptions[selectedIndex].value;
+      if (config.sandboxProvider === 'modal') {
+        currentScreen = 'gpu-select';
+        selectedIndex = 2;
+        renderGpuSelection();
+      } else {
+        currentScreen = 'confirm';
+        renderConfirmation();
+      }
+    }
+  } else if (currentScreen === 'gpu-select') {
+    if (key === '\u001b') {
+      currentScreen = 'provider-select';
+      selectedIndex = 0;
+      renderProviderSelection();
+    } else if (key === '\u001b[A') {
+      selectedIndex = Math.max(0, selectedIndex - 1);
+      renderGpuSelection();
+    } else if (key === '\u001b[B') {
+      selectedIndex = Math.min(gpuOptions.length - 1, selectedIndex + 1);
+      renderGpuSelection();
+    } else if (key === '\r' || key === '\n') {
+      config.gpuType = gpuOptions[selectedIndex].value;
+      currentScreen = 'gpu-count';
+      selectedIndex = 0;
+      renderGpuCountSelection();
+    }
+  } else if (currentScreen === 'gpu-count') {
+    if (key === '\u001b') {
+      currentScreen = 'gpu-select';
+      selectedIndex = 2;
+      renderGpuSelection();
+    } else if (key === '\u001b[A') {
+      selectedIndex = Math.max(0, selectedIndex - 1);
+      renderGpuCountSelection();
+    } else if (key === '\u001b[B') {
+      selectedIndex = Math.min(gpuCountOptions.length - 1, selectedIndex + 1);
+      renderGpuCountSelection();
+    } else if (key === '\r' || key === '\n') {
+      config.gpuCount = gpuCountOptions[selectedIndex].value;
+      currentScreen = 'confirm';
+      renderConfirmation();
+    }
+  } else if (currentScreen === 'confirm') {
+    if (key === '\u001b') {
+      if (config.sandboxProvider === 'modal') {
+        currentScreen = 'gpu-count';
+        selectedIndex = 0;
+        renderGpuCountSelection();
+      } else {
+        currentScreen = 'provider-select';
+        selectedIndex = 0;
+        renderProviderSelection();
+      }
+    } else if (key === '\r' || key === '\n') {
+      createSandbox();
+    }
+  } else if (currentScreen === 'result' || currentScreen === 'result-after-delete') {
+    if (currentScreen === 'result-after-delete') {
+      currentScreen = 'sandbox-list';
+      renderSandboxList();
+    } else {
+      currentScreen = 'menu';
+      selectedIndex = 0;
+      renderMenu();
+    }
+  }
+});