memory-panel-full — complete list of memory entries with timestamps and sourcesmemory-panel-compact — count + summary with expandable detailmemory-panel-editable — allows users to delete or modify memory entriesrole="region" with aria-label for screen reader landmark navigation<ul> and <li>, not <div> souparia-live="polite" on the entries listEvery memory entry must show its source — where the AI got this information. "Learned" without a timestamp, "From profile" without a reference, or "Remembered" without recency is insufficient. Users must be able to trace each memory to its origin.
Override these CSS custom properties to apply your own visual treatment without touching the component's behavioral contracts.
| Token | Controls |
|---|---|
--rad-surface-card |
Component card background |
--rad-border-subtle |
Card border |
--rad-color-text-primary |
Panel title and key labels |
--rad-color-text-secondary |
Memory value text |
--rad-color-text-meta |
Source timestamp |
--rad-color-approve |
Focus ring |
--rad-radius-card |
Card border radius |
| Token | Controls |
|---|---|
--rad-memory-entry-border |
Row separator |
--rad-memory-key-color |
Memory key label |
--rad-memory-value-color |
Memory value text |
--rad-memory-source-color |
Source provenance label |
--rad-memory-delete-color |
Remove button default |
--rad-memory-delete-hover |
Remove button hover |
--rad-memory-count-color |
Entry count label |
"*If the AI remembers something about you, you should be able to see what it remembers — and forget it on your terms.*"
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 →