Feature 198 - Human-in-the-loop approval cardPro
An agent pauses before a sensitive action and shows an approval card with the proposed change and risk details; approving or denying resolves it with an animated outcome and an audit line.
About Feature 198
An agent pauses before a sensitive action and shows an approval card with the proposed change and risk details; approving or denying resolves it with an animated outcome and an audit line.
Feature 198 is a feature block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 117 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- ai
- agent
- approval
- guardrails
- safety
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add feature-198Dependencies installed automatically: lucide-react, motion.
Uses: button, reveal, utils.
Usage
import Feature198 from "@/components/blocks/feature-198"
export default function Page() {
return <Feature198 />
}