OpenAI Agents SDK Demo

agent-demos/openai-agents-sdk-demo

FreeBlock

A complete OpenAI Agents SDK workspace that bridges official Agents runs into AI SDK UI messages, with tools, guardrails, handoffs, MCP docs, sandbox inspection, tracing, and voice transport lanes.

Install it

npx shadcn@latest add https://agent-demos.hsawana9.com/r/openai-agents-sdk-demo.json

Source

registry/openai-agents-sdk-demo/app/demos/openai-agents-sdk-demo/page.tsxagent-demos.hsawana9.com/r/openai-agents-sdk-demo.json

1import { OpenAiAgentsSdkDemoScreen } from "@/components/openai-agents-sdk-demo/openai-agents-sdk-demo-screen";
2 
3export const dynamic = "force-dynamic";
4 
5export default function OpenAiAgentsSdkDemoPage() {
6  return <OpenAiAgentsSdkDemoScreen />;
7}

What it pulls in

npm packages

@ai-sdk/react
@base-ui/react
@modelcontextprotocol/sdk
@openai/agents
@openai/agents-extensions
@phosphor-icons/react
ai
class-variance-authority
lucide-react
openai
zod

Other registry items

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

Files it writes

registry/openai-agents-sdk-demo/app/api/demos/openai-agents-sdk-demo/mcp/route.ts
registry/openai-agents-sdk-demo/app/api/demos/openai-agents-sdk-demo/realtime/client-secrets/route.ts
registry/openai-agents-sdk-demo/app/api/demos/openai-agents-sdk-demo/realtime/sip/route.ts
registry/openai-agents-sdk-demo/app/api/demos/openai-agents-sdk-demo/realtime/twilio/incoming-call/route.ts
registry/openai-agents-sdk-demo/app/api/demos/openai-agents-sdk-demo/route.ts
registry/openai-agents-sdk-demo/app/demos/openai-agents-sdk-demo/page.tsx
registry/openai-agents-sdk-demo/components/demo-breadcrumb.tsx
registry/openai-agents-sdk-demo/components/demo-chat/use-demo-chat.ts
registry/openai-agents-sdk-demo/components/demo-workspace-shell.tsx
registry/openai-agents-sdk-demo/components/ai-elements/prompt-input.tsx
registry/openai-agents-sdk-demo/components/openai-agents-sdk-demo/openai-agents-sdk-demo-runtime-inspector.ts
registry/openai-agents-sdk-demo/components/openai-agents-sdk-demo/openai-agents-sdk-demo-screen.tsx
registry/openai-agents-sdk-demo/components/openai-agents-sdk-demo/openai-agents-sdk-demo-session.ts
registry/openai-agents-sdk-demo/components/openai-agents-sdk-demo/openai-agents-sdk-demo-voice-panel.tsx
registry/openai-agents-sdk-demo/components/openai-agents-sdk-demo/openai-agents-sdk-demo-voice-utils.ts
registry/openai-agents-sdk-demo/components/openai-agents-sdk-demo/openai-agents-sdk-demo-workspace-layout.ts
registry/openai-agents-sdk-demo/components/openai-agents-sdk-demo/openai-agents-sdk-demo-workspace.tsx
registry/openai-agents-sdk-demo/lib/ai-gateway/contract.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/message-metadata.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/README.md
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/agents.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/approvals.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/chat.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/context.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/demo-mcp-server.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/extensions.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/guardrails.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/guide-coverage.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/handoff-extensions.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/handoffs.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/mcp.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/models.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/results.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/running.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/runtime.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/sandbox.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/sessions.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/stream-artifacts.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/streaming.ts
registry/openai-agents-sdk-demo/lib/openai-agents-sdk-demo/server/tools.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