Kanshō/Human approval

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

code-writerrequestsApply migration 0042_drop_legacy_usershigh
Drops the legacy users table after data was migrated to users_v2. This is irreversible without a restore from backup.
+12 184 lineswaiting 2m

Demo outcome: pending

Medium urgency — outbound email

billing-collectorrequestsSend 23 dunning emailsmedium
Each email links to a signed payment page. Send window is the next 60 minutes.
waiting 14s

Demo outcome: pending

Low urgency — internal note

researcherrequestsSave 4 new facts to persistent memorylow
Findings from the customer-call transcript. Editable later in the memory viewer.
waiting 2h 14m

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.tsx

Component documentation

Human approval card

components/agent/human-approval-card.tsx

Purpose

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.