# Install Vercel AI SDK v6 Beta with OpenAI
npm install ai@beta @ai-sdk/openai@beta @ai-sdk/react@beta zod

# Install E2B sandbox for code execution
npm install e2b

# Note: Pin to specific versions in production as v6 is in beta
# and APIs may change in patch releases

import { openai } from '@ai-sdk/openai';
import { streamText, tool, stepCountIs, UIMessage, convertToModelMessages } from 'ai';
import { z } from 'zod';
import { Sandbox } from 'e2b';

export const runtime = 'edge';
export const maxDuration = 30;

export async function POST(req: Request) {
 const { messages }: { messages: UIMessage[] } = await req.json();

 const result = streamText({
 model: openai('gpt-5'), // or 'gpt-4o' for compatibility
 system: 'Expert code reviewer analyzing bugs, security, and best practices',
 messages: convertToModelMessages(messages),
 stopWhen: stepCountIs(5), // v6: Multi-step tool execution
 tools: {
 validateCode: tool({
 description: 'Execute code in sandbox',
 inputSchema: z.object({ code: z.string() }), // v6: inputSchema
 execute: async ({ code }) => {
 const sandbox = await Sandbox.create();
 try {
 const result = await sandbox.runCode(code);
 return { success: !result.error, output: result.stdout };
 } finally {
 await sandbox.close();
 }
 },
 }),
 },
 });

 return result.toUIMessageStreamResponse(); // v6: UI message response
}

'use client';

import { useChat } from '@ai-sdk/react'; // v6: new import path
import { useState } from 'react';

export default function CodeReviewPage() {
 const [code, setCode] = useState('');
 const { messages, sendMessage, isLoading } = useChat({ // v6: sendMessage
 api: '/api/review',
 });

 return (
 <div className="container mx-auto p-6">
 <h1 className="font-bold text-3xl mb-6">AI Code Review</h1>

 <textarea
 value={code}
 onChange={(e) => setCode(e.target.value)}
 className="w-full h-64 p-4 border rounded-lg font-mono"
 placeholder="Paste your code here..."
 />

 <button
 onClick={() => sendMessage({ text: code })} // v6: sendMessage API
 disabled={isLoading}
 className="mt-4 px-6 py-2 bg-blue-600 text-white rounded-lg"
 >
 {isLoading ? 'Reviewing...' : 'Review Code'}
 </button>

 <div className="mt-8 space-y-4">
 {messages.map((msg) => (
 <div key={msg.id} className="p-4 rounded-lg bg-gray-50">
 {/* v6: messages have parts array */}
 {msg.parts.map((part, i) => {
 if (part.type === 'text') {
 return <div key={i} className="prose">{part.text}</div>;
 }
 if (part.type === 'tool-validateCode') {
 return <pre key={i}>{JSON.stringify(part, null, 2)}</pre>;
 }
 })}
 </div>
 ))}
 </div>
 </div>
 );
}

# Deploy to Vercel
npx vercel --prod

# Add environment variables in dashboard:
# OPENAI_API_KEY, E2B_API_KEY

import { Sandbox } from 'e2b';

// Create sandbox with custom configuration
const sandbox = await Sandbox.create({
 template: 'nodejs',
 timeout: 30000, // 30 seconds max
 envVars: { NODE_ENV: 'test' },
});

// Execute with safety checks
const result = await sandbox.runCode(code, 'javascript', {
 networkAccess: false, // Restrict network
 cpuLimit: '1000m', // Limit CPU
 memoryLimit: '512Mi', // Limit memory
});

// Always cleanup
await sandbox.close();

'use client';

import { useChat } from '@ai-sdk/react'; // v6: new import path

export default function StreamingReview() {
 const { messages, isLoading } = useChat({
 api: '/api/review',
 // v6: Tool calls are accessed via message.parts array
 });

 return (
 <div className="h-screen flex flex-col">
 <div className="flex-1 overflow-y-auto p-6 space-y-4">
 {messages.map((msg) => (
 <div key={msg.id}>
 {msg.parts.map((part, i) => {
 if (part.type === 'text') {
 return <div key={i}>{part.text}</div>;
 }
 // Handle tool parts like tool-validateCode
 if (part.type.startsWith('tool-')) {
 return <div key={i} className="text-sm text-gray-500">
 Tool: {part.type.replace('tool-', '')}
 </div>;
 }
 })}
 </div>
 ))}
 </div>

 {isLoading && (
 <div className="p-4 bg-blue-50 border-t">
 <div className="flex items-center gap-2">
 <div className="animate-spin size-4 border-2
 border-blue-600 border-t-transparent
 rounded-full" />
 <span className="text-sm">Analyzing code...</span>
 </div>
 </div>
 )}
 </div>
 );
}

export async function POST(req: Request) {
 try {
 const { messages }: { messages: UIMessage[] } = await req.json();

 // Validate input
 if (!messages || messages.length === 0) {
 return new Response('Invalid messages', { status: 400 });
 }

 const result = streamText({
 model: openai('gpt-4o'),
 messages: convertToModelMessages(messages),
 tools: { ... },
 stopWhen: stepCountIs(10), // v6: stopWhen instead of maxSteps
 maxRetries: 3, // Retry on failures
 onError: ({ error }) => {
 console.error('Agent error:', error);
 if (error.message.includes('rate_limit')) {
 return 'Rate limit exceeded. Try again soon.';
 }
 return 'Error during review. Please try again.';
 },
 });

 return result.toUIMessageStreamResponse(); // v6: UI message response
 } catch (error) {
 return new Response('Server error', { status: 500 });
 }
}

import { Ratelimit } from '@upstash/ratelimit';
import { Redis } from '@upstash/redis';

// 10 requests per minute
const ratelimit = new Ratelimit({
 redis: Redis.fromEnv(),
 limiter: Ratelimit.slidingWindow(10, '1 m'),
});

export async function POST(req: Request) {
 const ip = req.headers.get('x-forwarded-for') || 'anonymous';
 const { success } = await ratelimit.limit(ip);

 if (!success) {
 return new Response('Rate limit exceeded', { status: 429 });
 }

 // Continue with review...
}

import { Octokit } from '@octokit/rest';

const octokit = new Octokit({ auth: process.env.GITHUB_TOKEN });

export async function POST(req: Request) {
 const payload = await req.json();

 if (payload.action === 'opened') {
 const pr = payload.pull_request;

 // Get PR files
 const { data: files } = await octokit.pulls.listFiles({
 owner: payload.repository.owner.login,
 repo: payload.repository.name,
 pull_number: pr.number,
 });

 // Review each file
 for (const file of files) {
 const review = await reviewCode(file.patch);

 // Post review comment
 await octokit.pulls.createReviewComment({
 owner: payload.repository.owner.login,
 repo: payload.repository.name,
 pull_number: pr.number,
 body: review.summary,
 path: file.filename,
 line: review.line,
 });
 }
 }

 return new Response('OK');
}

name: AI Code Review

on:
 pull_request:
 types: [opened, synchronize]

jobs:
 review:
 runs-on: ubuntu-latest
 steps:
 - uses: actions/checkout@v4

 - name: Run AI Review
 env:
 OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
 run: |
 curl -X POST https://your-app.vercel.app/api/review \
 -H "Content-Type: application/json" \
 -d '{"pr_number": ${{ github.event.pull_request.number }}}'

Related Guides

Continue exploring AI development and coding tools with these related guides