import { ProvenanceGraph } from "@provenancekit/ui";
// Auto-fetch from CID
<ProvenanceGraph cid="bafybei..." depth={5} height={600} />
// Headless mode — pass nodes and edges directly
<ProvenanceGraph
nodes={[
{ id: "entity:alice", type: "entity", label: "Alice", data: { role: "human" } },
{ id: "resource:prompt", type: "resource", label: "prompt.txt", data: { resourceType: "text" } },
{ id: "action:create", type: "action", label: "create", data: {} },
{ id: "resource:poem", type: "resource", label: "poem.txt", data: { resourceType: "text" } },
]}
edges={[
{ from: "entity:alice", to: "resource:prompt", type: "produces" },
{ from: "resource:prompt", to: "action:create", type: "consumes" },
{ from: "action:create", to: "resource:poem", type: "produces" },
]}
height={500}
onNodeClick={(node) => console.log("Clicked:", node.id)}
/>
