Streaming Chat Shell

agent-demos/streaming-chat-shell

FreeBlock

A developer-facing chat workspace with a shared chat session and replayable SSE trace.

Install it

npx shadcn@latest add https://agent-demos.hsawana9.com/r/streaming-chat-shell.json

Source

registry/streaming-chat-shell/app/demos/streaming-chat-shell/page.tsxagent-demos.hsawana9.com/r/streaming-chat-shell.json

1import { StreamingChatShellScreen } from "@/components/streaming-chat-shell/streaming-chat-shell-screen";
2 
3export default function StreamingChatShellPage() {
4  return <StreamingChatShellScreen />;
5}

What it pulls in

npm packages

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

Other registry items

utils
badge
breadcrumb
button
collapsible
textarea
https://elements.ai-sdk.dev/api/registry/conversation.json
https://elements.ai-sdk.dev/api/registry/message.json

Files it writes

registry/streaming-chat-shell/app/demos/streaming-chat-shell/page.tsx
registry/streaming-chat-shell/app/api/demos/streaming-chat-shell/route.ts
registry/streaming-chat-shell/app/api/demos/streaming-chat-shell/events/route.ts
registry/streaming-chat-shell/components/streaming-chat-shell/streaming-chat-shell-screen.tsx
registry/streaming-chat-shell/components/streaming-chat-shell/streaming-chat-shell-workspace.tsx
registry/streaming-chat-shell/components/streaming-chat-shell/streaming-replay.ts
registry/streaming-chat-shell/components/ai-elements/prompt-input.tsx
registry/streaming-chat-shell/lib/streaming-chat-shell/contract.ts
registry/streaming-chat-shell/lib/ai-gateway/contract.ts
registry/streaming-chat-shell/lib/streaming-chat-shell/env-source.ts
registry/streaming-chat-shell/lib/streaming-chat-shell/env.ts
registry/streaming-chat-shell/lib/streaming-chat-shell/events.ts
registry/streaming-chat-shell/lib/streaming-chat-shell/runtime.ts
registry/streaming-chat-shell/lib/streaming-chat-shell/streaming-turn.ts

More from agent-demos

All 16 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Memory & Persistence Agentcustomer-memory-agent	agent-demos	Blocks	Free	9 deps · 31 files
Foundation Chatfoundation-chat	agent-demos	Blocks	Free	5 deps · 14 files
Generative UIgenerative-ui	agent-demos	Blocks	Free	7 deps · 21 files
LangGraph Agentlanggraph-agent	agent-demos	Blocks	Free	5 deps · 18 files
Loop Agentloop-agent	agent-demos	Blocks	Free	7 deps · 13 files
MCP Agentmcp-agent	agent-demos	Blocks	Free	10 deps · 22 files
Multimodal Chatbotmultimodal-chatbot	agent-demos	Blocks	Free	6 deps · 13 files
Object Generationobject-generation	agent-demos	Blocks	Free	7 deps · 14 files