non-deterministic architecture-beta rendering

[mfulton26]

Description

Loading the same architecture-beta code multiple times will sometimes render differently (and in an undesirable way).

Steps to reproduce

1. Start from the architecture-beta example code (https://mermaid.js.org/syntax/architecture#example)
2. Change some of the edges to be 90 degrees
3. Change those edges to have directions
4. Reload the renderer a few times on the same code

Screenshots

Code Sample

%% https://develop.git.mermaid.live/edit#pako:eNqNkDFrwzAQhf-KuMmGeGhGUQqFLIUMJelmZThJF1vUlsxZKpSQ_16pSim0UKpB70nvOzjeBUywBBKQzegimZiYOk0RlRf5DBzSInBxjZlCsm3_-Px0Ur6GK_GbMySsbixG1LhS2-9u7iScL4M_ULe-3jXlbvtjDIzDH-D2P2BR4qZKZj_1G62w1XIv7rvuQRxkJW__ZR35UqP9r2j7FR2k1crDBmbiGZ3NhV0KpiCONJMCma2lM6YpKlD-mlFMMRzfvQEZOdEGcpPDCPKM05pfacmV0c7hwDhX5PoB5N6EeQ

architecture-beta
    group api(cloud)[API]

    service db(database)[Database] in api
    service disk1(disk)[Storage] in api
    service disk2(disk)[Storage] in api
    service server(server)[Server] in api

    db:L <--> R:server
    disk1:T <--> L:server
    disk2:T <--> R:db

Setup

• Mermaid version: 11.3.0+ece3b25
• Browser and Version: Edge

Suggested Solutions

• I'm not sure where the non-deterministic rendering comes from… anything done currently or in parallel or any random number generation in use?
• If an edge goes into a node's top side, then ideally the destination node would be below the source node so that direction arrows don't get rendered oddly

Additional Context

No response