Memory graph
A compact, presentational view of the memory graph — entity nodes, relationship edges, and episodic nodes that point back to raw sources. Not a layout engine; positions are supplied.
Included in the single kansho full pack. Components are not offered as separate installs.
Graph with selected-node details
Ctrl/⌘-scroll or pinch to zoom, drag the background to pan, and use the zoom cluster (top-right) to fit or reset. Nodes are Tab-reachable and select on Enter.- Avery works_at Example Labs
- Avery lives_in Example City
- Avery mentioned_in Standup 05-12
- Example Labs discussed_in Standup 05-12
Narrow viewport — 320px
The rightmost node sits at x=450, past a 320px container. Fit-on-mount brings every node into view; panning and keyboard reach the rest — nothing is clipped away.- Avery works_at Example Labs
- Avery lives_in Example City
- Avery mentioned_in Standup 05-12
- Example Labs discussed_in Standup 05-12
Component documentation
Memory Graph
components/memory/memory-graph.tsxPurpose
Plots entity and episodic memory nodes with labelled relationships and selected-node detail.
Appropriate use
Use to inspect a caller-positioned memory graph when pan, zoom, and node selection aid exploration.
Example
components/memory/memory-graph.tsx has a representative live example in the "Graph with selected-node details" section on /components/memory-graph.
States
Node kinds are entity and episodic; selection is controlled when onSelect is provided, otherwise nodes are read-only; detail and source are optional, and the canvas supports interactive and narrow layouts.
API and props
MemoryGraph accepts nodes, edges, selectedId, onSelect, height, and className; nodes provide fixed coordinates and edges provide endpoints and optional relationship labels.
Dependencies
Direct imports are React, Lucide icons, the edge-key helper, Legend, Tag, WorkflowCanvas, and cn.
Accessibility
Selectable nodes are named buttons with pressed state, while callback-less nodes are read-only; text labels and a legend supplement node shape and colour, while canvas navigation comes from WorkflowCanvas.
Limitations
It has no layout engine, search, clustering, editing, or data fetching; callers must provide coordinates and valid endpoint ids.
Source
Source: components/memory/memory-graph.tsx.
Full pack
components/memory/memory-graph.tsx is documented at /components/memory-graph and installs only through the single Kansho full pack; no individual component install is offered.