Loop Agent

Install it

Source

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

What it pulls in

npm packages

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

Other registry items

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

Files it writes

• registry/loop-agent/app/demos/loop-agent/page.tsx
• registry/loop-agent/app/api/demos/loop-agent/route.ts
• registry/loop-agent/components/loop-agent/loop-agent-screen.tsx
• registry/loop-agent/components/loop-agent/loop-agent-workspace.tsx
• registry/loop-agent/components/loop-agent/use-loop-agent-chat.ts
• registry/loop-agent/components/ai-elements/prompt-input.tsx
• registry/loop-agent/lib/loop-agent/chat.ts
• registry/loop-agent/lib/ai-gateway/contract.ts
• registry/loop-agent/lib/loop-agent/env-source.ts
• registry/loop-agent/lib/loop-agent/env.ts
• registry/loop-agent/lib/loop-agent/model.ts
• registry/loop-agent/lib/loop-agent/runtime.ts
• registry/loop-agent/lib/loop-agent/support-triage.ts