The recommended approach maps each user record to the activity log using a sequential lookup. This adds approximately 200ms latency per query at current data volumes.
role="toolbar" with aria-labelaria-pressed toggle state (false/true)aria-label; icons are aria-hidden="true"role="separator" and aria-hidden="true"Every AI output must expose at minimum: thumbs signal, regenerate, and one follow-up affordance. Feedback UI must be present at output completion, not buried in settings.
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-approve |
Pressed state accent, edit button |
--rad-color-text-primary |
Output body text |
--rad-color-text-meta |
Feedback button default text |
--rad-color-focus |
Focus ring |
--rad-radius-card |
Card border radius |
| Token | Controls |
|---|---|
--rad-feedback-divider |
Toolbar top border and separator |
--rad-feedback-btn-border |
Default button border |
--rad-feedback-btn-hover-bg |
Button hover background |
--rad-feedback-pressed-bg |
Pressed/active button background |
--rad-feedback-pressed-border |
Pressed/active button border |
"*Thumbs down. It happens. Build it graciously.*"
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 →