role="progressbar" with aria-valuenow/min/max and aria-label stating the category and valueEvery agent run must surface its impact footprint. Not just what it did, but what it touched, changed, and exposed.
Override these CSS custom properties to apply your own visual treatment without touching the component's behavioral contracts.
| Token | Controls |
|---|---|
--rad-surface-card |
Card background |
--rad-border-subtle |
Card border |
--rad-color-text-secondary |
Row label text |
--rad-radius-card |
Card border radius |
| Token | Controls |
|---|---|
--rad-impact-header-color |
Header label color |
--rad-impact-row-divider |
Row separator |
--rad-impact-bar-bg |
Progress track background |
--rad-impact-low |
Low severity — fill and value text |
--rad-impact-med |
Medium severity — fill and value text |
--rad-impact-high |
High severity — fill and value text |
"*Show the footprint. All of it. Including the parts that are uncomfortable.*"
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 →