@approvals-ui
Approval workflow components for React Flow: quorum gates, amount thresholds, a policy lint (segregation of duties, single approver on high value), and plain-language editing behind a human review gate.
Install this registry
npx shadcn@latest add https://approvals-ui.vercel.app/r/registry.json pnpm dlx shadcn@latest add https://approvals-ui.vercel.app/r/registry.json bunx shadcn@latest add https://approvals-ui.vercel.app/r/registry.json curl -s https://approvals-ui.vercel.app/r/registry.json Components
6 totalHeadless core for approval policies: Zod schema (gates, quorums, conditions, SLAs), a policy lint with structural errors and best-practice warnings, a step-lev…
npx shadcn@latest add https://approvals-ui.vercel.app/r/approvals-core.json The approval gate card for React Flow: approvers with unassigned seats, quorum badge, condition pill, SLA badge, plus diff, validation, and live-status rings.
npx shadcn@latest add https://approvals-ui.vercel.app/r/approval-node.json Approved and rejected outcome pills for React Flow.
npx shadcn@latest add https://approvals-ui.vercel.app/r/terminal-node.json Renders an ApprovalPolicy as a laid-out React Flow graph: automatic layout on real node sizes (react-flow-auto-layout), aligned step edges, diff and status ove…
npx shadcn@latest add https://approvals-ui.vercel.app/r/workflow-canvas.json Lists policy issues with severities: structural errors that should block activation and best-practice warnings (segregation of duties, single approver on high …
npx shadcn@latest add https://approvals-ui.vercel.app/r/validation-panel.json Edit the policy in plain English behind a human gate: a proposer (your LLM, or the bundled deterministic demo parser) returns a proposed policy plus its diff, …
npx shadcn@latest add https://approvals-ui.vercel.app/r/nl-edit-panel.json