aria-expanded and aria-controls linking it to the collapsible bodyhidden attribute (not CSS-only visibility) so it is absent from the accessibility tree when collapsedaria-hidden="true" — the button label carries the accessible nameReasoning disclosure is a trust instrument, not a transparency checkbox. Show the reasoning that helps users calibrate whether to act on the output — not everything the model generated. When in doubt, default to collapsed.
Override these CSS custom properties to apply your own visual treatment without touching the component's behavioral contracts.
| Token | Controls |
|---|---|
--rad-border-subtle |
Panel border and node dividers |
--rad-radius-card |
Panel border radius |
--rad-color-text-primary |
Conclusion node text |
--rad-color-text-secondary |
Default node text |
--rad-color-text-meta |
Toggle label, discarded node text |
--rad-color-approve |
Node labels (Context, Considered, Trade-off) |
--rad-color-emphasis |
Conclusion node label accent |
--rad-color-focus |
Toggle focus outline |
"*Reasoning disclosure is a trust instrument, not a transparency checkbox. Show the reasoning that helps users calibrate whether to act on the output — not everything the model generated.*"
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 →