Memory Inspector
betaWhat an assistant remembers about the person, with where each memory came from, and search, edit, pin and forget with an undo window.
- AI
- 4 files
- 1 npm package
- Accessibility notes
pnpm dlx @dowel-ui/cli add memory-inspectornpm packages installed: class-variance-authority.
import { MemoryInspector } from "@/components/ui/memory-inspector";Default
Grouped By Scope
Read Only
Empty
<MemoryInspector>
| Prop | Type | Default |
|---|---|---|
memories (required) | Memory[] | — |
agentNameWho is remembering, as it starts a sentence: "Claude remembers 12 things". | string | "The assistant" |
forgetDelayMsHow long Undo stays available, in milliseconds. It waits while keyboard focus or the pointer is on Undo. 0 forgets at once, with no Undo. | number | 5000 |
formatTimeFormats when a memory was added and last used. By default it is the date in UTC, which the server and the browser agree on. A local or relative time is where they disagree and hydration breaks, so a formatter that reads the clock or the locale belongs on a client-only render. | (ms: number) => string | — |
groupByLists memories under a heading for each scope. | "scope" | — |
onEditReceives the new text, trimmed. Without it there is no Edit. | (id: string, text: string) => void | — |
onForgetReceives the ids once the undo window has closed, or at once when | (ids: string[]) => void | — |
onPinWithout it there is no Pin. | (id: string, pinned: boolean) => void | — |
readOnlyShows memories with no Edit, Pin or Forget. | boolean | false |
variant | "card" | "plain" | "card" |
Plus every attribute of <section> except children.
8/8
checks passed
- Tested — passes
- axe assertion — passes
- Keyboard tested — passes
- Storybook examples — passes
- Accessibility documented — passes
- Semantic tokens only — passes
- Motion from tokens — does not apply
- className merged — passes
- Visible focus — does not apply
- No fixed widths — passes