The agent will apply the recommended changes to customer-database. This action will overwrite existing records and cannot be automatically reversed.
hitl-standard — single approve/reject decisionhitl-scoped — shows exact scope of what will be changedhitl-timed — adds countdown before auto-cancellation (never auto-approve)role="dialog" with aria-labelledby pointing to the action titlearia-label on each button must describe the specific action being approved or rejected — not just "Approve" or "Reject":focus-visible outline — minimum 3px, must be visible against both light and dark surfacesConsequential decisions require explicit human approval before execution. "Implicit consent" from prior sessions or blanket authorization is not acceptable for high-stakes actions.
Override these CSS custom properties to apply your own visual treatment without touching the component's behavioral contracts.
These are used across multiple RAD components. Define them once in your theme root.
| Token | Controls |
|---|---|
--rad-surface-card |
Card background |
--rad-border-subtle |
Card border |
--rad-color-approve |
Approve button fill |
--rad-color-approve-hover |
Approve button hover fill |
--rad-color-reject |
Reject button label and border |
--rad-color-reject-hover-bg |
Reject button hover background |
--rad-color-text-primary |
Title and primary content |
--rad-color-text-secondary |
Description body text |
--rad-color-text-meta |
ID label, scope text, monospace metadata |
--rad-color-emphasis |
<strong> inline emphasis (e.g. entity name) |
--rad-color-focus |
Default focus ring color |
--rad-radius-card |
Card border radius |
--rad-radius-btn |
Button border radius |
These are specific to rad-hitl and do not apply to other components.
| Token | Controls |
|---|---|
--rad-hitl-scope-bg |
Scope line background tint |
--rad-hitl-defer-color |
Defer button label color |
--rad-hitl-defer-border |
Defer button border color |
--rad-hitl-defer-hover-color |
Defer button label on hover |
--rad-hitl-defer-hover-border |
Defer button border on hover |
"*This component exists to make sure you ask a human before doing something irreversible. Implement it like you mean it.*"
RAD is the original work of Jackie Curry. All rights reserved. No portion may be reproduced, adapted, or incorporated into any product or system without express written permission.
Permitted: citation in academic or editorial contexts with full attribution.
© 2025 Jackie Curry. All rights reserved. Publication date: 2025.
For licensing inquiries, connect on LinkedIn →