LangGraph Agent

Install it

Source

1import { LangGraphAgentScreen } from "@/components/langgraph-agent/langgraph-agent-screen";
2 
3export const dynamic = "force-dynamic";
4 
5export default function LangGraphAgentPage() {
6  return <LangGraphAgentScreen />;
7}

What it pulls in

npm packages

• @ai-sdk/react
• @base-ui/react
• ai
• class-variance-authority
• lucide-react

Other registry items

• utils
• badge
• breadcrumb
• button
• card
• separator
• textarea
• tooltip
• https://elements.ai-sdk.dev/api/registry/conversation.json
• https://elements.ai-sdk.dev/api/registry/message.json
• https://elements.ai-sdk.dev/api/registry/reasoning.json
• https://elements.ai-sdk.dev/api/registry/shimmer.json

Files it writes

• registry/langgraph-agent/app/demos/langgraph-agent/page.tsx
• registry/langgraph-agent/app/api/demos/langgraph-agent/route.ts
• registry/langgraph-agent/components/langgraph-agent/langgraph-agent-screen.tsx
• registry/langgraph-agent/components/langgraph-agent/langgraph-agent-workspace.tsx
• registry/langgraph-agent/components/langgraph-agent/langgraph-agent-message-parts.ts
• registry/langgraph-agent/components/langgraph-agent/use-langgraph-agent.ts
• registry/langgraph-agent/components/demo-chat/conversation-error-message.tsx
• registry/langgraph-agent/components/demo-workspace-shell.tsx
• registry/langgraph-agent/components/demo-breadcrumb.tsx
• registry/langgraph-agent/components/ai-elements/prompt-input.tsx
• registry/langgraph-agent/components/ai-elements/shimmer.tsx
• registry/langgraph-agent/lib/ai-gateway/contract.ts
• registry/langgraph-agent/lib/langgraph-agent/server/env-source.ts
• registry/langgraph-agent/lib/langgraph-agent/server/env.ts
• registry/langgraph-agent/lib/langgraph-agent/server/remote-langgraph-client.ts
• registry/langgraph-agent/lib/langgraph-agent/server/runtime.ts
• registry/langgraph-agent/lib/langgraph-agent/server/sse-parser.ts
• registry/langgraph-agent/lib/langgraph-agent/server/stream-normalizer.ts