chat-04

simple-ai/chat-04

FreeBlock

A chat with multiple agents support.

Live preview

live · rendered by the registry

Rendered by simple-ai on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://simple-ai.dev/r/chat-04.json

Source

./src/registry/blocks/chat-04/page.tsxsimple-ai.dev/r/chat-04.json

1import { ChatMain } from "@/registry/blocks/chat-04/components/chat/chat-main";
2import { AppLayout } from "@/registry/blocks/chat-04/components/layout/app-layout";
3 
4export default function Page() {
5	return (
6		<AppLayout sidebarChildren={null}>
7			<ChatMain />
8		</AppLayout>
9	);
10}

What it pulls in

npm packages

ai
@ai-sdk/react
@ai-sdk/openai

Other registry items

card
badge
breadcrumb
separator
sidebar
tooltip
button
avatar
dropdown-menu
@simple-ai/chat-input
@simple-ai/chat-message-area
@simple-ai/chat-message
@simple-ai/tool-invocation
@simple-ai/chat-suggestions
@simple-ai/reasoning
@simple-ai/messages
@simple-ai/models
@simple-ai/agent-respond
@simple-ai/ai-utils
@simple-ai/agents-tools-registry

Files it writes

./src/registry/blocks/chat-04/page.tsx
./src/registry/blocks/chat-04/route.ts
./src/registry/blocks/chat-04/lib/config.ts
./src/registry/blocks/chat-04/components/layout/app-layout.tsx
./src/registry/blocks/chat-04/components/layout/app-layout-skeleton.tsx
./src/registry/blocks/chat-04/components/layout/app-header.tsx
./src/registry/blocks/chat-04/components/layout/app-sidebar.tsx
./src/registry/blocks/chat-04/components/layout/app-main-nav.tsx
./src/registry/blocks/chat-04/components/layout/app-secondary-nav.tsx
./src/registry/blocks/chat-04/components/layout/app-user-nav.tsx
./src/registry/blocks/chat-04/components/chat/chat-main.tsx
./src/registry/blocks/chat-04/components/chat/chat-header.tsx
./src/registry/blocks/chat-04/components/chat/chat-content.tsx

More from simple-ai

All 77 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
app-01app-01	simple-ai	Blocks	Free	5 deps · 11 files
app-02app-02	simple-ai	Blocks	Free	3 deps · 5 files
app-03app-03	simple-ai	Blocks	Free	4 deps · 9 files
chat-01chat-01	simple-ai	Blocks	Free	3 deps · 16 files
chat-02chat-02	simple-ai	Blocks	Free	2 deps · 3 files
chat-03chat-03	simple-ai	Blocks	Free	2 deps · 3 files
flow-chainflow-chain	simple-ai	Blocks	Free	8 deps · 19 files
flow-orchestratorflow-orchestrator	simple-ai	Blocks	Free	8 deps · 19 files