Knowledge Graph

interface GraphNode {
  id: string         // Unique identifier
  label: string      // Display label
  type: NodeType     // 'concept' | 'entity' | 'action' | 'data' | 'model' | 'risk'
  description?: string   // Shown in detail panel
  metadata?: Record<string, string>  // Key-value pairs
  group?: string     // Optional grouping
}

interface GraphEdge {
  id: string         // Unique identifier
  source: string     // Source node ID
  target: string     // Target node ID
  label?: string     // Relationship label (e.g., "depends on")
  weight?: number    // Affects layout attraction strength
}

interface AgentLogEntry {
  timestamp: Date
  message: string
  type: 'add-node' | 'add-edge' | 'remove' | 'update' | 'info'
}

import { KnowledgeGraph, type GraphNode, type GraphEdge } from '@/blocks/agentic/knowledge-graph'

const nodes: GraphNode[] = [
  { id: 'a', label: 'Machine Learning', type: 'concept', description: 'Core ML concepts' },
  { id: 'b', label: 'Training Data', type: 'data' },
  { id: 'c', label: 'Neural Network', type: 'model' },
  { id: 'd', label: 'Bias Risk', type: 'risk' },
]

const edges: GraphEdge[] = [
  { id: 'e1', source: 'b', target: 'a', label: 'feeds' },
  { id: 'e2', source: 'a', target: 'c', label: 'trains' },
  { id: 'e3', source: 'd', target: 'b', label: 'originates from' },
]

export default function Example() {
  return (
    <KnowledgeGraph
      nodes={nodes}
      edges={edges}
      isAgentBuilding={false}
      layout="force-directed"
      onNodeSelect={(node) => console.log('Selected:', node)}
      height={500}
    />
  )
}