Foundation Chat

Install it

Source

1import { FoundationChatScreen } from "@/components/foundation-chat/foundation-chat-screen";
2 
3export default function FoundationChatPage() {
4  return <FoundationChatScreen />;
5}

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
• button-group
• card
• separator
• textarea
• tooltip
• https://elements.ai-sdk.dev/api/registry/conversation.json
• https://elements.ai-sdk.dev/api/registry/message.json

Files it writes

• registry/foundation-chat/app/demos/foundation-chat/page.tsx
• registry/foundation-chat/app/api/demos/foundation-chat/route.ts
• registry/foundation-chat/components/foundation-chat/foundation-chat-screen.tsx
• registry/foundation-chat/components/foundation-chat/foundation-chat-workspace.tsx
• registry/foundation-chat/components/foundation-chat/use-foundation-chat.ts
• registry/foundation-chat/components/demo-chat/use-demo-chat.ts
• registry/foundation-chat/components/demo-chat/conversation-error-message.tsx
• registry/foundation-chat/components/demo-workspace-shell.tsx
• registry/foundation-chat/components/demo-breadcrumb.tsx
• registry/foundation-chat/components/ai-elements/prompt-input.tsx
• registry/foundation-chat/lib/ai-gateway/contract.ts
• registry/foundation-chat/lib/foundation-chat/env-source.ts
• registry/foundation-chat/lib/foundation-chat/env.ts
• registry/foundation-chat/lib/foundation-chat/runtime.ts