A list of facts the agent remembers, each with a source chip and a confidence meter. Facts can be edited in place or forgotten with an animated removal.
Prefers short answers with code first.
Deploys to Vercel from the main branch.
Works in the Lisbon time zone.
npx shadcn@latest add https://hyperblur.dev/r/agent-memory-panel.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/agent-memory-panel.tsx.
import { AgentMemoryPanel } from "@/components/hyperblur/agent-memory-panel"
<AgentMemoryPanel defaultItems={[{ id: "1", text: "Prefers pnpm.", source: "chat", confidence: 0.9 }]} />| Prop | Type | Default | Description |
|---|---|---|---|
| items | { id: string; text: string; source: string; confidence: number }[] | Controlled list of memories. confidence is a number from 0 to 1. Pair with onItemsChange. | |
| defaultItems | MemoryItem[] | four sample facts | Initial memories when uncontrolled. |
| onItemsChange | (items: MemoryItem[]) => void | Called after a fact is removed or edited, with the new list. | |
| onForget | (item: MemoryItem) => void | Called once the removal animation has finished. | |
| onEdit | (item: MemoryItem) => void | Called when an edit is saved. An edited fact gets the source "you" and full confidence. | |
| title | string | "Memory" | Heading of the panel. |
| accent | string | "#2f7bff" | Color of the icon and the edit field outline. |