context-sources-panel — standalone card listing all active sources with remove controlscontext-sources-inline — compact strip below prompt input showing active source pillscontext-sources-popover — triggered disclosure listing sources on demandrole="region" and aria-label="Active context sources"aria-live="polite" to announce changes without interruptingaria-label naming the specific source being removed — never just "Remove"aria-hidden="true" — file names are the accessible labelOverride these CSS custom properties to apply your own visual treatment without touching the component's behavioral contracts.
| Token | Controls |
|---|---|
--rad-surface-card |
Component background |
--rad-border-subtle |
Outer border and row dividers |
--rad-color-text-primary |
Source names |
--rad-color-text-meta |
File size, status metadata |
--rad-color-approve |
Active status chip, focus ring |
--rad-color-reject |
Remove button hover color |
--rad-radius-card |
Card border radius |
| Token | Controls |
|---|---|
--rad-context-count-color |
"N sources active" label color |
--rad-context-source-border |
Row divider color |
--rad-context-name-color |
File/source name color |
"*If users can't see what the AI is drawing from, they can't evaluate whether to trust the output.*"
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 →