%%{init: {'theme': 'base', 'flowchart': {'nodeSpacing': 40, 'rankSpacing': 50}}}%%
flowchart LR
    subgraph kc_net ["keycloak_keycloak-network 172.18.0.0/16"]
        direction TB
        keycloak["keycloak<br/>quay.io/keycloak:latest<br/>:8080 :8443 :9000"]
        postgres["keycloak-postgres<br/>postgres:15<br/>:5432 interne<br/>DB: keycloak"]
        keycloak -->|"JDBC"| postgres
    end

    subgraph bridge_net ["bridge 172.17.0.0/16"]
        direction TB
        hello1["goofy_napier<br/>hello-world Exited"]
        hello2["determined_volhard<br/>hello-world Exited"]
    end

    subgraph config ["Config npagnun"]
        direction TB
        compose["/opt/keycloak/<br/>docker-compose.yml"]
        iso["ISO ubuntu-24.04<br/>monte sur sda"]
        vm_info["npagnun .35<br/>Ubuntu 24.04<br/>2vCPU 8GB<br/>LVM: nudo 200GB"]
    end

    subgraph access ["Acces reseau"]
        direction TB
        dns["keycloak.arauco.local<br/>npagnun.local<br/>-> 192.168.99.35"]
        clients["Clients LAN .0/24"]
    end

    clients -->|":8080 HTTP"| keycloak
    clients -->|":8443 HTTPS"| keycloak
    clients -->|":9000 health"| keycloak
    dns -.-> keycloak

    classDef iamStyle fill:#4a1e3a,stroke:#d94a8a,color:#f0a8c8
    classDef storStyle fill:#4a3a1e,stroke:#d9a84a,color:#f0d8a8
    classDef netStyle fill:#1e3a5f,stroke:#4a90d9,color:#a8d0f0
    classDef configStyle fill:#2a3a4a,stroke:#6a8aaa,color:#b0d0e8
    classDef dormStyle fill:#2a2a2a,stroke:#666,color:#999

    class keycloak,kc_mgmt iamStyle
    class postgres storStyle
    class dns,clients netStyle
    class compose,iso,vm_info configStyle
    class hello1,hello2 dormStyle