MemoryGraph

Graph visualization of memory nodes and their relationships.

Preview

EntityEpisodic

Props

Prop	Type	Description
nodes*	MemoryGraphNode[]	Graph nodes — entities and episodic events with pixel positions.
edges*	MemoryGraphEdge[]	Directed edges between nodes with an optional relationship label.
selectedId	string \| null	ID of the currently selected node. Controls the detail sidebar.
onSelect	(id: string) => void	Called when the user clicks a node.
height	number	Canvas height in pixels. Defaults to 360.
className	string	Additional CSS classes for the outer grid.

* required.

Usage

import { MemoryGraph } from "@/components/memory/memory-graph";

const [selectedId, setSelectedId] = React.useState<string | null>(null);

<MemoryGraph
  nodes={nodes}
  edges={edges}
  selectedId={selectedId}
  onSelect={setSelectedId}
  height={360}
/>