%%{init: {'theme': 'base', 'flowchart': {'nodeSpacing': 40, 'rankSpacing': 50}}}%%
flowchart LR
    subgraph medusa_net ["lucien-sens-bon"]
        direction TB
        medusa_be["medusa-backend<br/>:9000"]
        medusa_sf["medusa-storefront<br/>:8000"]
        redis["redis:alpine<br/>:6379"]
        medusa_be --> redis
    end

    subgraph vikunja_net ["vikunja"]
        direction TB
        vikunja["vikunja<br/>:3456"]
        vikunja_db["postgres:16<br/>:5432 int"]
        vikunja --> vikunja_db
    end

    subgraph topogo_net ["der-topogo"]
        topogo["der-topogo-app<br/>:3000"]
    end

    subgraph test_net ["test-site"]
        nginx["nginx:alpine<br/>:8080->80"]
    end

    subgraph host_net ["reseau host"]
        ha["Home Assistant<br/>stable"]
    end

    subgraph volumes ["Volumes Docker"]
        direction TB
        v1["app_media"]
        v2["caddy_config"]
        v3["caddy_data"]
    end

    subgraph info ["huitral .22 Debian12<br/>2vCPU 8GB 300GB"]
        direction TB
        dns_info["DNS: huitral.local"]
    end

    subgraph clients_g ["Clients LAN .0/24"]
        clients["Navigateurs<br/>Applications"]
    end

    topogo --- v1
    topogo --- v2
    topogo --- v3

    clients -->|":9000"| medusa_be
    clients -->|":8000"| medusa_sf
    clients -->|":6379"| redis
    clients -->|":3456"| vikunja
    clients -->|":3000"| topogo
    clients -->|":8080"| nginx
    clients -->|"host"| ha

    classDef svcStyle fill:#1e4a2e,stroke:#4a9a6a,color:#a8e0c0
    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 haStyle fill:#1e4a4a,stroke:#4a9a9a,color:#a8e0e0

    class medusa_be,medusa_sf,vikunja,topogo,nginx svcStyle
    class redis,vikunja_db storStyle
    class v1,v2,v3 storStyle
    class clients,dns_info netStyle
    class ha haStyle