Sandbox Agent

agent-demos/sandbox-agent

FreeBlock

A sandbox-backed prototype builder that gives each chat an isolated workspace and a live preview tab.

Install it

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

Source

registry/sandbox-agent/app/demos/sandbox-agent/page.tsxagent-demos.hsawana9.com/r/sandbox-agent.json

1import { SandboxAgentScreen } from "@/components/sandbox-agent/sandbox-agent-screen";
2 
3export default function SandboxAgentPage() {
4  return <SandboxAgentScreen />;
5}

What it pulls in

npm packages

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

Other registry items

utils
badge
breadcrumb
button
tabs
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/reasoning.json
https://elements.ai-sdk.dev/api/registry/shimmer.json
https://elements.ai-sdk.dev/api/registry/tool.json
https://elements.ai-sdk.dev/api/registry/web-preview.json

Files it writes

registry/sandbox-agent/app/demos/sandbox-agent/page.tsx
registry/sandbox-agent/app/api/demos/sandbox-agent/route.ts
registry/sandbox-agent/app/api/demos/sandbox-agent/preview-status/route.ts
registry/sandbox-agent/app/api/demos/sandbox-agent/local-preview/route.ts
registry/sandbox-agent/app/api/demos/sandbox-agent/local-preview/[sessionId]/[...path]/route.ts
registry/sandbox-agent/components/sandbox-agent/sandbox-agent-screen.tsx
registry/sandbox-agent/components/sandbox-agent/sandbox-agent-workspace.tsx
registry/sandbox-agent/components/sandbox-agent/sandbox-conversation-pane.tsx
registry/sandbox-agent/components/sandbox-agent/sandbox-preview-pane.tsx
registry/sandbox-agent/components/sandbox-agent/sandbox-runtime-sidebar.tsx
registry/sandbox-agent/components/sandbox-agent/sandbox-agent-assistant-trace.tsx
registry/sandbox-agent/components/sandbox-agent/sandbox-agent-model.ts
registry/sandbox-agent/components/sandbox-agent/preview-state.ts
registry/sandbox-agent/components/sandbox-agent/use-sandbox-agent-chat.ts
registry/sandbox-agent/components/sandbox-agent/use-sandbox-agent-workspace-view-model.ts
registry/sandbox-agent/components/sandbox-agent/use-sandbox-preview-state.ts
registry/sandbox-agent/components/ai-elements/prompt-input.tsx
registry/sandbox-agent/lib/sandbox-agent/server/chat.ts
registry/sandbox-agent/lib/ai-gateway/contract.ts
registry/sandbox-agent/lib/sandbox-agent/server/env-source.ts
registry/sandbox-agent/lib/sandbox-agent/server/env.ts
registry/sandbox-agent/lib/sandbox-agent/server/local-sandbox.ts
registry/sandbox-agent/lib/sandbox-agent/server/model.ts
registry/sandbox-agent/lib/sandbox-agent/server/official-tools.ts
registry/sandbox-agent/lib/sandbox-agent/server/runtime.ts
registry/sandbox-agent/lib/sandbox-agent/server/request.ts
registry/sandbox-agent/lib/sandbox-agent/server/session.ts
registry/sandbox-agent/lib/sandbox-agent/server/vercel-sandbox.ts
registry/sandbox-agent/lib/sandbox-agent/server/workspace.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