Migrate to Vercel Sandbox using OIDC

app/api/apply-ai-code/route.ts

@@ -432,15 +432,12 @@ function App() {
 export default App;`;
       
       try {
-        await global.activeSandbox.runCode(`
-file_path = "/home/user/app/src/App.jsx"
-file_content = """${appContent.replace(/"/g, '\\"').replace(/\n/g, '\\n')}"""
-
-with open(file_path, 'w') as f:
-    f.write(file_content)
-
-print(f"Auto-generated: {file_path}")
-        `);
+        await global.activeSandbox.writeFiles([{
+          path: 'src/App.jsx',
+          content: Buffer.from(appContent)
+        }]);
+        
+        console.log('Auto-generated: src/App.jsx');
         results.filesCreated.push('src/App.jsx (auto-generated)');
       } catch (error) {
         results.errors.push(`Failed to create App.jsx: ${(error as Error).message}`);
@@ -459,9 +456,7 @@ print(f"Auto-generated: {file_path}")
       
       if (!isEdit && !indexCssInParsed && !indexCssExists) {
         try {
-          await global.activeSandbox.runCode(`
-file_path = "/home/user/app/src/index.css"
-file_content = """@tailwind base;
+          const indexCssContent = `@tailwind base;
 @tailwind components;
 @tailwind utilities;
 
@@ -483,13 +478,14 @@ body {
   margin: 0;
   min-width: 320px;
   min-height: 100vh;
-}"""
+}`;
 
-with open(file_path, 'w') as f:
-    f.write(file_content)
-
-print(f"Auto-generated: {file_path}")
-          `);
+          await global.activeSandbox.writeFiles([{
+            path: 'src/index.css',
+            content: Buffer.from(indexCssContent)
+          }]);
+          
+          console.log('Auto-generated: src/index.css');
           results.filesCreated.push('src/index.css (with Tailwind)');
         } catch (error) {
           results.errors.push('Failed to create index.css with Tailwind');
@@ -500,15 +496,24 @@ print(f"Auto-generated: {file_path}")
     // Execute commands
     for (const cmd of parsed.commands) {
       try {
-        await global.activeSandbox.runCode(`
-import subprocess
-os.chdir('/home/user/app')
-result = subprocess.run(${JSON.stringify(cmd.split(' '))}, capture_output=True, text=True)
-print(f"Executed: ${cmd}")
-print(result.stdout)
-if result.stderr:
-    print(f"Errors: {result.stderr}")
-        `);
+        // Parse command and arguments
+        const commandParts = cmd.trim().split(/\s+/);
+        const cmdName = commandParts[0];
+        const args = commandParts.slice(1);
+        
+        // Execute command using Vercel Sandbox
+        const result = await global.activeSandbox.runCommand({
+          cmd: cmdName,
+          args
+        });
+        
+        console.log(`Executed: ${cmd}`);
+        const stdout = await result.stdout();
+        const stderr = await result.stderr();
+        
+        if (stdout) console.log(stdout);
+        if (stderr) console.log(`Errors: ${stderr}`);
+        
         results.commandsExecuted.push(cmd);
       } catch (error) {
         results.errors.push(`Failed to execute ${cmd}: ${(error as Error).message}`);