role="region" on the container with descriptive aria-labelrole="row" on each audit rowaria-label that includes the status text (color alone is not sufficient)aria-labelEvery agent run must produce an audit trail. Logs must be exportable, timestamped to the second, and typed (not just described).
Override these CSS custom properties to apply your own visual treatment without touching the component's behavioral contracts.
| Token | Controls |
|---|---|
--rad-surface-card |
Widget background |
--rad-border-subtle |
Widget border |
--rad-color-approve |
Header text, READ type badge |
--rad-color-text-primary |
Row description text |
--rad-color-text-meta |
Timestamp text |
--rad-radius-card |
Widget border radius |
| Token | Controls |
|---|---|
--rad-audit-head-bg |
Header band background |
--rad-audit-head-border |
Header band bottom border |
--rad-audit-row-divider |
Row separator |
--rad-audit-type-read-bg |
READ badge background |
--rad-audit-type-write-color |
WRITE badge color |
--rad-audit-type-write-bg |
WRITE badge background |
--rad-audit-type-blocked-color |
BLOCKED badge color |
--rad-audit-type-blocked-bg |
BLOCKED badge background |
--rad-audit-status-ok |
OK status text color |
--rad-audit-status-warn |
PENDING status text color |
--rad-audit-status-blocked |
BLOCKED status text color |
"*Everything gets logged. Including what you build here. Hi :).*"
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 →