save

examples/nextjs-chat/package.json

@@ -11,18 +11,21 @@
     "recording:export": "tsx src/lib/recorder.ts"
   },
   "dependencies": {
+    "@ai-sdk/anthropic": "^3.0.58",
     "@chat-adapter/discord": "workspace:*",
     "@chat-adapter/gchat": "workspace:*",
     "@chat-adapter/github": "workspace:*",
     "@chat-adapter/linear": "workspace:*",
     "@chat-adapter/slack": "workspace:*",
     "@chat-adapter/state-memory": "workspace:*",
     "@chat-adapter/state-redis": "workspace:*",
-    "@chat-adapter/telegram": "workspace:*",
     "@chat-adapter/teams": "workspace:*",
+    "@chat-adapter/telegram": "workspace:*",
     "@chat-adapter/whatsapp": "workspace:*",
-    "ai": "^6.0.5",
+    "@flags-sdk/vercel": "^1.0.2",
+    "ai": "^6.0.116",
     "chat": "workspace:*",
+    "flags": "^4.0.4",
     "next": "^16.1.5",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",

examples/nextjs-chat/src/app/.well-known/vercel/flags/route.ts

@@ -0,0 +1,7 @@
+import { getProviderData } from "@flags-sdk/vercel";
+import { createFlagsDiscoveryEndpoint } from "flags/next";
+import { ngrokTunnelFlag } from "../../../../flags";
+
+export const GET = createFlagsDiscoveryEndpoint(async () => {
+  return await getProviderData({ ngrokTunnelFlag });
+});

examples/nextjs-chat/src/flags.ts

@@ -0,0 +1,14 @@
+import { vercelAdapter } from "@flags-sdk/vercel";
+import { flag } from "flags/next";
+
+export const ngrokTunnelFlag = flag<boolean>({
+  key: "use-ngrok-tunnel",
+  description:
+    "Flag that will redirect traffic to ngrok tunnel for demo purposes",
+  defaultValue: false,
+  options: [
+    { label: "Off", value: false },
+    { label: "On", value: true },
+  ],
+  adapter: vercelAdapter(),
+});

examples/nextjs-chat/src/lib/agent.ts

@@ -0,0 +1,9 @@
+import { anthropic } from "@ai-sdk/anthropic";
+import { ToolLoopAgent } from "ai";
+
+export const agent = new ToolLoopAgent({
+  model: "anthropic/claude-opus-4.5",
+  instructions:
+    "You are a helpful assistant. Answer questions concisely and to the point.",
+  tools: { webSearch: anthropic.tools.webSearch_20260209({ maxUses: 3 }) },
+});