UI / Components / agent-native / AgentBootstrap

AgentBootstrap

Click-to-approve flow for in-chat agents.

Modal that walks an agent through the trust handshake: name + color + scope review + 'approve' button. Designed to live in a chat surface where an agent is asking permission to act inside a workspace.

$npx dock-ui add agent-bootstrap

Usage

import { AgentBootstrap } from "@/components/ui/agent-bootstrap";

<AgentBootstrap
  candidate={{ name: "Scout", color: "#0A84FF", scopes: ["read:workspaces"] }}
  onApprove={approve}
/>

Install

via CLI

$ npx dock-ui add agent-bootstrap

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/agent-bootstrap.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →