import React, { useEffect, useState } from 'react'; import './visualizer.css'; export default function AgentVisualizer() { const [agents, setAgents] = useState([]); useEffect(() => { fetch('/api/agents/neurocircuit') .then(res => res.json()) .then(data => setAgents(data.agents || [])); }, []); return (

Agent Network Grid

{agents.map((agent, index) => (
{agent.function}
{agent.communication}
{agent.security}

ID: {agent.id}

Entropy: {agent.entropy}

Tier: {agent.tier}

))}
); }