Fix E2B sandbox to download files directly to project root

Changes:
- E2B launcher now downloads files to ./ (project root) instead of ./e2b-outputs/
- Updated confirmation dialog to show "Files will be downloaded to project root directory"
- Updated modal feature text to "Files downloaded to project root"
- Removed timestamp folder organization for simpler file management

This ensures generated files are immediately available in the project root
where users expect them, without needing to navigate to subfolders.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: davila7

cli-tool/components/sandbox/e2b/e2b-launcher.py

@@ -229,17 +229,10 @@ def main():
             print("💾 DOWNLOADING FILES TO LOCAL MACHINE:")
             print("=" * 60)
 
-            # Create unique folder for this execution in project root
-            timestamp = datetime.datetime.now().strftime("%Y%m%d_%H%M%S")
-            clean_prompt = re.sub(r'[^\w\s-]', '', prompt).strip()
-            clean_prompt = re.sub(r'[-\s]+', '-', clean_prompt)[:30]
-            folder_name = f"{timestamp}_{clean_prompt}"
+            # Download files directly to project root
+            local_output_dir = "./"
 
-            # Create output directory in project root (not inside .claude)
-            local_output_dir = f"./e2b-outputs/{folder_name}"
-            os.makedirs(local_output_dir, exist_ok=True)
-            
-            print(f"📂 Output folder: {local_output_dir}")
+            print(f"📂 Downloading files to project root: {os.path.abspath(local_output_dir)}")
 
             files_to_download = files_result.stdout.strip().split('\n')
             for file_path in files_to_download:

cli-tool/src/index.js

@@ -115,6 +115,12 @@ async function createClaudeConfig(options = {}) {
     return;
   }
 
+  // Handle sandbox execution FIRST (before individual components)
+  if (options.sandbox) {
+    await executeSandbox(options, targetDir);
+    return;
+  }
+  
   // Handle multiple components installation (new approach)
   if (options.agent || options.command || options.mcp || options.setting || options.hook) {
     // If --workflow is used with components, treat it as YAML
@@ -155,11 +161,7 @@ async function createClaudeConfig(options = {}) {
     return;
   }
 
-  // Handle sandbox execution
-  if (options.sandbox) {
-    await executeSandbox(options, targetDir);
-    return;
-  }
+  // (Sandbox execution handled earlier)
 
   // Handle command stats analysis (both singular and plural)
   if (options.commandStats || options.commandsStats) {
@@ -2101,6 +2103,36 @@ async function executeSandbox(options, targetDir) {
     return;
   }
 
+  // Load .env file if it exists (for API keys)
+  try {
+    const fs = require('fs');
+    const path = require('path');
+    const envPath = path.join(targetDir, '.env');
+    
+    if (fs.existsSync(envPath)) {
+      const envContent = fs.readFileSync(envPath, 'utf8');
+      const envVars = envContent.split('\n')
+        .filter(line => line.trim() && !line.startsWith('#'))
+        .reduce((acc, line) => {
+          const [key, ...valueParts] = line.split('=');
+          if (key && valueParts.length > 0) {
+            const value = valueParts.join('=').trim();
+            acc[key.trim()] = value;
+          }
+          return acc;
+        }, {});
+      
+      // Set environment variables if not already set
+      Object.keys(envVars).forEach(key => {
+        if (!process.env[key]) {
+          process.env[key] = envVars[key];
+        }
+      });
+    }
+  } catch (error) {
+    // Ignore .env loading errors
+  }
+  
   // Check for API keys (either from CLI parameters or environment variables)
   const e2bKey = e2bApiKey || process.env.E2B_API_KEY;
   const anthropicKey = anthropicApiKey || process.env.ANTHROPIC_API_KEY;
@@ -2132,7 +2164,7 @@ async function executeSandbox(options, targetDir) {
   console.log(chalk.white(`🌐 Provider: ${chalk.green('E2B Cloud')}`));
   console.log(chalk.gray('\n🔧 Execution details:'));
   console.log(chalk.gray('   • Execution logs will be displayed in real-time'));
-  console.log(chalk.gray('   • Files will be downloaded to ./e2b-outputs/ folder'));  
+  console.log(chalk.gray('   • Files will be downloaded to project root directory'));  
   console.log(chalk.gray('   • Extended timeout: 15 minutes for complex operations'));
   console.log(chalk.yellow('   • Press ESC anytime to cancel execution\n'));
 

docs/js/modal-helpers.js

@@ -138,7 +138,7 @@ function createComponentModalHTML(component) {
                                 <div class="e2b-features">
                                     <div class="feature">🔒 Isolated cloud environment</div>
                                     <div class="feature">⚡ Extended timeouts for complex operations</div>
-                                    <div class="feature">📁 Automatic file download and organization</div>
+                                    <div class="feature">📁 Files downloaded to project root</div>
                                     <div class="feature">🔍 Real-time execution monitoring</div>
                                 </div>