Human approval card
A single pending action waiting on a human. Designed to be stackable in an approval queue without losing the per-card detail.
Included in the single kansho full pack. Components are not offered as separate installs.
High urgency — destructive write
Demo outcome: pending
Medium urgency — outbound email
Demo outcome: pending
Low urgency — internal note
Demo outcome: pending
Included components
This page is the canonical destination for these components. All ship in the single Kansho pack.
Human approval card
components/agent/human-approval-card.tsxComponent documentation
Human approval card
components/agent/human-approval-card.tsxPurpose
Presents an agent action for human approve, deny, or review decisions.
Appropriate use
Use at a real human-review gate where the host can connect every offered decision.
Example
components/agent/human-approval-card.tsx has a representative live example in the "High urgency — destructive write" section on /components/human-approval.
States
Urgency is low, medium, or high; optional summary, wait target, and diff counts supplement the decision actions.
API and props
HumanApprovalCard accepts agent, action, summary, urgency, waitingFor, diffLines, staticPreview, decision callbacks, and className.
Dependencies
Direct imports are React, Lucide icons, AgentDot, ApprovalActions, ApprovalCardBase, and cn.
Accessibility
Decision controls are native buttons; static previews disable the buttons so appearance is not mistaken for a working decision.
Limitations
It does not own resolution, pending submission, confirmation, or audit logging; the host must update visible state after a decision.
Source
Source: components/agent/human-approval-card.tsx.
Full pack
components/agent/human-approval-card.tsx is documented at /components/human-approval and installs only through the single Kansho full pack; no individual component install is offered.