digraph SystemOverview {
    // Graph settings
    rankdir=TB;
    compound=true;
    fontname="Helvetica";
    node [fontname="Helvetica", fontsize=11];
    edge [fontname="Helvetica", fontsize=10];

    // Title
    labelloc="t";
    label="Soleprint - System Overview";
    fontsize=16;

    // Styling
    node [shape=box, style="rounded,filled"];

    // Core Hub
    subgraph cluster_soleprint {
        label="Soleprint Hub (port 12000)";
        style=filled;
        color="#E8F5E9";
        fillcolor="#E8F5E9";

        hub [label="Soleprint\nCore Coordinator", fillcolor="#C8E6C9", shape=box];
    }

    // Artery System
    subgraph cluster_artery {
        label="Artery - Todo lo vital";
        style=filled;
        color="#FFEBEE";
        fillcolor="#FFEBEE";

        veins [label="Veins\n(Stateless Connectors)", fillcolor="#FFCDD2"];
        shunts [label="Shunts\n(Mock Connectors)", fillcolor="#FFCDD2"];
        pulses [label="Pulses\n(Composed Flows)", fillcolor="#EF9A9A"];
        plexus [label="Plexus\n(Full Apps)", fillcolor="#E57373"];
    }

    // Atlas System
    subgraph cluster_atlas {
        label="Atlas - Documentacion accionable";
        style=filled;
        color="#E3F2FD";
        fillcolor="#E3F2FD";

        books [label="Books\n(Documentation)", fillcolor="#BBDEFB"];
        templates [label="Templates\n(Patterns)", fillcolor="#BBDEFB"];
        depots [label="Depots\n(External Docs)", fillcolor="#90CAF9"];
    }

    // Station System
    subgraph cluster_station {
        label="Station - Centro de control";
        style=filled;
        color="#FFF8E1";
        fillcolor="#FFF8E1";

        tools [label="Tools\n(modelgen, tester, datagen)", fillcolor="#FFECB3"];
        monitors [label="Monitors\n(databrowse)", fillcolor="#FFECB3"];
    }

    // External
    subgraph cluster_external {
        label="External Services";
        style=dashed;
        color=gray;

        jira [label="Jira", fillcolor="#E8EAF6"];
        slack [label="Slack", fillcolor="#E8EAF6"];
        google [label="Google", fillcolor="#E8EAF6"];
        mercadopago [label="MercadoPago", fillcolor="#E8EAF6"];
    }

    // Managed Room
    subgraph cluster_room {
        label="Managed Room (e.g., AMAR)";
        style=dashed;
        color="#7B1FA2";

        room_backend [label="Backend\n(Django/FastAPI)", fillcolor="#E1BEE7"];
        room_frontend [label="Frontend\n(Next.js)", fillcolor="#E1BEE7"];
        room_db [label="Database\n(PostgreSQL)", fillcolor="#CE93D8", shape=cylinder];
    }

    // Connections
    hub -> veins [label="routes"];
    hub -> books [label="routes"];
    hub -> tools [label="routes"];

    veins -> jira [label="API"];
    veins -> slack [label="API"];
    veins -> google [label="OAuth"];
    shunts -> mercadopago [label="mock", style=dashed];

    veins -> pulses [label="compose"];
    pulses -> plexus [label="extend"];

    tools -> room_backend [label="test", style=dashed];
    monitors -> room_db [label="browse", style=dashed];
    depots -> room_backend [label="docs", style=dashed];
}