web

web/src/app/api/copilotkit/route.ts

@@ -0,0 +1,35 @@
+import {
+  CopilotRuntime,
+  ExperimentalEmptyAdapter,
+  copilotRuntimeNextJSAppRouterEndpoint,
+} from "@copilotkit/runtime";
+
+import { LangGraphAgent } from "@ag-ui/langgraph"
+import { NextRequest } from "next/server";
+ 
+// 1. You can use any service adapter here for multi-agent support. We use
+//    the empty adapter since we're only using one agent.
+const serviceAdapter = new ExperimentalEmptyAdapter();
+ 
+// 2. Create the CopilotRuntime instance and utilize the LangGraph AG-UI
+//    integration to setup the connection.
+const runtime = new CopilotRuntime({
+  agents: {
+    "sample_agent": new LangGraphAgent({
+      deploymentUrl: process.env.LANGGRAPH_DEPLOYMENT_URL || "http://localhost:8123",
+      graphId: "sample_agent",
+      langsmithApiKey: process.env.LANGSMITH_API_KEY || "",
+    }),
+  }
+});
+ 
+// 3. Build a Next.js API route that handles the CopilotKit runtime requests.
+export const POST = async (req: NextRequest) => {
+  const { handleRequest } = copilotRuntimeNextJSAppRouterEndpoint({
+    runtime, 
+    serviceAdapter,
+    endpoint: "/api/copilotkit",
+  });
+ 
+  return handleRequest(req);
+};