role="region" with descriptive aria-labelaria-label reading out the full numbers and percentage<s> (strikethrough semantics) plus a visible text tagaria-label spelling out "Session status: Active"aria-hidden="true"Session state must always be visible. Context window usage, memory inclusions, and session boundaries must be surfaced without the user having to ask.
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 |
Active status text, pulse, memory check icons |
--rad-color-text-meta |
Title, meta labels, memory section label |
--rad-radius-card |
Card border radius |
| Token | Controls |
|---|---|
--rad-session-divider |
Internal section dividers |
--rad-session-context-usage-color |
Context usage warning color |
--rad-session-context-bar-start |
Context fill gradient start |
--rad-session-context-bar-end |
Context fill gradient end |
--rad-session-context-track-bg |
Context bar track background |
--rad-session-item-active-color |
Active memory item text |
--rad-session-item-truncated-color |
Truncated memory item text |
--rad-session-tag-bg |
Truncated tag background |
"*Context windows are finite. You know this better than the person who wrote these specs.*"
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 →