RAG Chatbot

Install it

Source

1import { RagChatbotScreen } from "@/components/rag-chatbot/rag-chatbot-screen";
2 
3export const dynamic = "force-dynamic";
4 
5export default async function RagChatbotPage() {
6  return <RagChatbotScreen />;
7}

What it pulls in

npm packages

• @ai-sdk/react
• @base-ui/react
• @neondatabase/serverless
• @phosphor-icons/react
• ai
• class-variance-authority
• drizzle-orm
• lucide-react
• pdfjs-dist
• zod

Other registry items

• utils
• badge
• breadcrumb
• button
• textarea
• 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/sources.json
• https://elements.ai-sdk.dev/api/registry/tool.json

Files it writes

• registry/rag-chatbot/app/demos/rag-chatbot/page.tsx
• registry/rag-chatbot/app/api/demos/rag-chatbot/route.ts
• registry/rag-chatbot/app/api/demos/rag-chatbot/index/route.ts
• registry/rag-chatbot/components/rag-chatbot/rag-chatbot-screen.tsx
• registry/rag-chatbot/components/rag-chatbot/rag-chatbot-workspace.tsx
• registry/rag-chatbot/components/rag-chatbot/use-rag-chatbot.ts
• registry/rag-chatbot/components/rag-chatbot/grounded-response.ts
• registry/rag-chatbot/components/ai-elements/prompt-input.tsx
• registry/rag-chatbot/lib/rag-chatbot/chat.ts
• registry/rag-chatbot/lib/rag-chatbot/database.ts
• registry/rag-chatbot/lib/ai-gateway/contract.ts
• registry/rag-chatbot/lib/rag-chatbot/env-source.ts
• registry/rag-chatbot/lib/rag-chatbot/env.ts
• registry/rag-chatbot/lib/rag-chatbot/ingestion.ts
• registry/rag-chatbot/lib/rag-chatbot/index-source.ts
• registry/rag-chatbot/lib/rag-chatbot/knowledge-base-status.ts
• registry/rag-chatbot/lib/rag-chatbot/portable-index.ts
• registry/rag-chatbot/lib/rag-chatbot/retrieval.ts
• registry/rag-chatbot/lib/rag-chatbot/runtime.ts
• registry/rag-chatbot/lib/rag-chatbot/schema.ts
• registry/rag-chatbot/lib/rag-chatbot/source-document.ts