Components

Install the patterns

Each published pattern ships as a production React component: a headless core (explicit state machine, full keyboard + ARIA) with a styled skin and vendor presets. You vendor the source — no runtime dependency on us. MIT licensed.

STORYBOOK Full docs, every state and preset, props tables, and evidence-backed Do/Don't guidance — operate every component live. OPEN STORYBOOK →

Shipped

<ApprovalGate>

Letting a human authorize an agent action before it executes.

npx shadcn add @agentsandhumans/approval-gate
Install & docs → Operate it in Storybook →

<PlanPreview>

Showing intended steps for review and edit before the agent acts.

npx shadcn add @agentsandhumans/plan-preview
Install & docs → Operate it in Storybook →

<ProgressTrace>

Streaming what the agent is doing right now, at glanceable and inspectable depth.

npx shadcn add @agentsandhumans/progress-trace
Install & docs → Operate it in Storybook →

On the roadmap

Planned — each follows its pattern's anatomy once the anatomy stabilizes. The wireframe is the shape of what will ship.

Memory

Showing what the agent knows and remembers, and letting the user edit it.

planned — follows the pattern's anatomy

The pattern →

Interruption

Pausing, redirecting, or stopping an agent mid-task without losing state.

planned — follows the pattern's anatomy

The pattern →

Recovery

Reversing or amending agent actions after the fact.

planned — follows the pattern's anatomy

The pattern →

Delegation

Handing a task to an agent with scope, context, and constraints attached.

planned — follows the pattern's anatomy

The pattern →

Human Handoff

Returning finished or blocked work to a human with reviewable diffs and decisions.

planned — follows the pattern's anatomy

The pattern →

Generative UI

Rendering agent-produced interface safely inside a host app.

planned — follows the pattern's anatomy

The pattern →

Agent Identity

Marking what was done by an agent versus a human, with provenance.

planned — follows the pattern's anatomy

The pattern →