add sonnet to vibe coding platform (#1244)

- **Update dependencies**
- **Add Claude Sonnet 4.5 to Vibe Coding Platform**

### Description

<!--
✍️ Write a short summary of your work. Screenshots and videos are
welcome!
-->

### Demo URL

<!--
Provide a URL to a live deployment where we can test your PR. If a demo
isn't possible feel free to omit this section.
-->

### Type of Change

- [ ] New Example
- [ ] Example updates (Bug fixes, new features, etc.)
- [ ] Other (changes to the codebase, but not to examples)

### New Example Checklist

- [ ] 🛫 `npm run new-example` was used to create the example
- [ ] 📚 The template wasn't used but I carefuly read the [Adding a new
example](https://github.com/vercel/examples#adding-a-new-example) steps
and implemented them in the example
- [ ] 📱 Is it responsive? Are mobile and tablets considered?

Author: javivelasco

apps/vibe-coding-platform/ai/constants.ts

@@ -3,17 +3,19 @@ import { type GatewayModelId } from '@ai-sdk/gateway'
 export enum Models {
   AmazonNovaPro = 'amazon/nova-pro',
   AnthropicClaude4Sonnet = 'anthropic/claude-4-sonnet',
+  AnthropicClaude45Sonnet = 'anthropic/claude-sonnet-4.5',
   GoogleGeminiFlash = 'google/gemini-2.5-flash',
   MoonshotKimiK2 = 'moonshotai/kimi-k2',
   OpenAIGPT5 = 'gpt-5',
   XaiGrok3Fast = 'xai/grok-3-fast',
 }
 
-export const DEFAULT_MODEL = Models.OpenAIGPT5
+export const DEFAULT_MODEL = Models.AnthropicClaude45Sonnet
 
 export const SUPPORTED_MODELS: GatewayModelId[] = [
   Models.AmazonNovaPro,
   Models.AnthropicClaude4Sonnet,
+  Models.AnthropicClaude45Sonnet,
   Models.GoogleGeminiFlash,
   Models.MoonshotKimiK2,
   Models.OpenAIGPT5,

apps/vibe-coding-platform/ai/gateway.ts

@@ -7,9 +7,7 @@ import type { LanguageModelV2 } from '@ai-sdk/provider'
 export async function getAvailableModels() {
   const gateway = gatewayInstance()
   const response = await gateway.getAvailableModels()
-  return response.models
-    .map((model) => ({ id: model.id, name: model.name }))
-    .concat([{ id: Models.OpenAIGPT5, name: 'GPT-5' }])
+  return response.models.map((model) => ({ id: model.id, name: model.name }))
 }
 
 export interface ModelOptions {
@@ -37,7 +35,10 @@ export function getModelOptions(
     }
   }
 
-  if (modelId === Models.AnthropicClaude4Sonnet) {
+  if (
+    modelId === Models.AnthropicClaude4Sonnet ||
+    modelId === Models.AnthropicClaude45Sonnet
+  ) {
     return {
       model: gateway(modelId),
       headers: { 'anthropic-beta': 'fine-grained-tool-streaming-2025-05-14' },

apps/vibe-coding-platform/ai/tools/generate-files/get-contents.ts

@@ -37,6 +37,7 @@ export async function* getContents(
   const deferred = new Deferred<void>()
   const result = streamObject({
     ...getModelOptions(params.modelId, { reasoningEffort: 'minimal' }),
+    maxOutputTokens: 64000,
     system:
       'You are a file content generator. You must generate files based on the conversation history and the provided paths. NEVER generate lock files (pnpm-lock.yaml, package-lock.json, yarn.lock) - these are automatically created by package managers.',
     messages: [

apps/vibe-coding-platform/package.json

@@ -10,11 +10,11 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@ai-sdk/gateway": "1.0.21",
-    "@ai-sdk/openai": "2.0.28",
+    "@ai-sdk/gateway": "1.0.32",
+    "@ai-sdk/openai": "2.0.42",
     "@ai-sdk/provider": "^2.0.0",
-    "@ai-sdk/react": "2.0.40",
-    "@ai-sdk/vercel": "1.0.15",
+    "@ai-sdk/react": "2.0.59",
+    "@ai-sdk/vercel": "1.0.20",
     "@radix-ui/react-checkbox": "1.3.3",
     "@radix-ui/react-dialog": "1.1.14",
     "@radix-ui/react-label": "2.1.7",
@@ -23,7 +23,7 @@
     "@radix-ui/react-select": "2.2.5",
     "@radix-ui/react-slot": "1.2.3",
     "@vercel/sandbox": "0.0.17",
-    "ai": "5.0.40",
+    "ai": "5.0.59",
     "arctic": "3.7.0",
     "botid": "1.4.5",
     "class-variance-authority": "0.7.1",
@@ -32,7 +32,7 @@
     "jose": "6.0.12",
     "lucide-react": "0.528.0",
     "ms": "2.1.3",
-    "next": "15.4.5",
+    "next": "15.5.4",
     "next-themes": "^0.4.6",
     "nuqs": "2.4.3",
     "react": "19.1.0",