docs(studio): render network-hop figure as mermaid flowchart

2026-06-11 11:25:23 +02:00
parent 3b0335f34e
commit b655faab9f
1 changed files with 12 additions and 3 deletions
@@ -231,9 +231,18 @@ WireGuard).

 The full path has four network hops, each added by one step:

-```
-laptop browser →[ssh -L]→ host :8765 →[docker -p]→ container eth0 :8765
-              →[studio-expose]→ container 127.0.0.1 :8765 ← pi-studio
+```mermaid
+flowchart LR
+    browser["laptop browser"]
+    host["host :8765"]
+    eth0["container eth0 :8765"]
+    loop["container 127.0.0.1 :8765"]
+    studio["pi-studio"]
+
+    browser -->|"ssh -L"| host
+    host -->|"docker -p"| eth0
+    eth0 -->|"studio-expose (socat)"| loop
+    studio -->|"binds"| loop
 ```

 Assuming the compose file publishes `127.0.0.1:8765:8765` (see method B):