From 845c75b538ced579b3a54930763d329a434e746b Mon Sep 17 00:00:00 2001
From: Eduard Iten <eduard@iten.pro>
Date: Mon, 30 Jun 2025 17:55:21 +0200
Subject: [PATCH] fix(docs): Correctly translate SVG architecture image

---
 docs/img/architecture.en.svg | 164 ++++++++++++++++++-----------------
 1 file changed, 86 insertions(+), 78 deletions(-)

diff --git a/docs/img/architecture.en.svg b/docs/img/architecture.en.svg
index ac1b637..e42c6a5 100644
--- a/docs/img/architecture.en.svg
+++ b/docs/img/architecture.en.svg
@@ -1,78 +1,86 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="203.36" height="143.44" version="1.1" viewBox="0 0 203.36 143.44">
- <g transform="translate(-2.88 -78.28)">
-  <g stroke-width=".26458">
-   <g fill="#fff" stroke="#000">
-    <rect x="3.14" y="78.54" width="88.9" height="21.16" rx="2" ry="2"/>
-    <rect x="3.14" y="105.4" width="88.9" height="21.16" rx="2" ry="2"/>
-    <rect x="3.14" y="132.26" width="88.9" height="21.16" rx="2" ry="2"/>
-   </g>
-   <text x="47.59" y="86.9" font-family="sans-serif" font-size="5.64" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
-    <tspan x="47.59" y="86.9" text-anchor="middle">Control Layer</tspan>
-    <tspan x="47.59" y="93.45" text-anchor="middle">(Home Assistant)</tspan>
-   </text>
-   <text x="47.59" y="113.76" font-family="sans-serif" font-size="5.64" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
-    <tspan x="47.59" y="113.76" text-anchor="middle">Gateway Layer</tspan>
-    <tspan x="47.59" y="120.31" text-anchor="middle">(ESP32)</tspan>
-   </text>
-   <text x="47.59" y="140.62" font-family="sans-serif" font-size="5.64" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
-    <tspan x="47.59" y="140.62" text-anchor="middle">Actor/Sensor Layer</tspan>
-    <tspan x="47.59" y="147.17" text-anchor="middle">(Slaves)</tspan>
-   </text>
-  </g>
-  <path d="m47.59 99.7v5.7m-2.82-2.88h5.64" fill="none" stroke="#000" stroke-linecap="round" stroke-width="1.0583"/>
-  <path d="m47.59 126.56v5.7m-2.82-2.88h5.64" fill="none" stroke="#000" stroke-linecap="round" stroke-width="1.0583"/>
-  <g stroke-width=".26458">
-   <g transform="translate(100.58 -2.64)">
-    <g fill="#fff" stroke="#000">
-     <rect x="3.14" y="108.04" width="88.9" height="21.16" rx="2" ry="2"/>
-     <rect x="3.14" y="134.9" width="88.9" height="21.16" rx="2" ry="2"/>
-     <rect x="3.14" y="161.76" width="88.9" height="21.16" rx="2" ry="2"/>
-     <rect x="3.14" y="188.62" width="88.9" height="21.16" rx="2" ry="2"/>
-    </g>
-    <text x="47.59" y="118.94" font-family="sans-serif" font-size="5.64" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
-     <tspan x="47.59" y="118.94" text-anchor="middle">Level Sensor</tspan>
-     <tspan x="47.59" y="125.49" font-size="4.23" text-anchor="middle">(MODBUS Slave)</tspan>
-    </text>
-    <text x="47.59" y="145.8" font-family="sans-serif" font-size="5.64" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
-     <tspan x="47.59" y="145.8" text-anchor="middle">Valve Control 1</tspan>
-     <tspan x="47.59" y="152.35" font-size="4.23" text-anchor="middle">(MODBUS Slave)</tspan>
-    </text>
-    <text x="47.59" y="172.66" font-family="sans-serif" font-size="5.64" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
-     <tspan x="47.59" y="172.66" text-anchor="middle">Valve Control n</tspan>
-     <tspan x="47.59" y="179.21" font-size="4.23" text-anchor="middle">(MODBUS Slave)</tspan>
-    </text>
-    <text x="47.59" y="199.52" font-family="sans-serif" font-size="5.64" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
-     <tspan x="47.59" y="199.52" text-anchor="middle">Pump</tspan>
-     <tspan x="47.59" y="206.07" font-size="4.23" text-anchor="middle">(switched via Slave)</tspan>
-    </text>
-   </g>
-   <path d="m148.17 132.26v-18.52m-2.82 2.82 2.82-2.82 2.82 2.82" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
-   <path d="m148.17 159.12v-18.52m-2.82 2.82 2.82-2.82 2.82 2.82" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
-   <path d="m148.17 185.98v-18.52m-2.82 2.82 2.82-2.82 2.82 2.82" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
-   <path d="m148.17 212.84v-18.52m-2.82 2.82 2.82-2.82 2.82 2.82" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
-  </g>
-  <g fill="none" stroke="#000" stroke-width=".52917">
-   <path d="m92.04 89.12h10.58"/>
-   <path d="m92.04 116h10.58"/>
-  </g>
-  <path d="m102.62 89.12v-5.29h45.55v26.45" fill="none" stroke="#000" stroke-width=".52917"/>
-  <path d="m102.62 116h45.55v-23.8h-45.55z" fill="#fff" stroke="#000" stroke-width=".26458"/>
-  <text x="125.4" y="100.3" font-family="sans-serif" font-size="4.23" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
-   <tspan x="125.4" y="100.3" text-anchor="middle">Home Network</tspan>
-   <tspan x="125.4" y="105.11" text-anchor="middle">(WLAN / Thread)</tspan>
-  </text>
-  <text x="125.4" y="114.09" font-family="sans-serif" font-size="4.23" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
-   <tspan x="125.4" y="114.09" text-anchor="middle">MODBUS TCP/IP</tspan>
-  </text>
-  <path d="m102.62 142.84h45.55v-23.8h-45.55z" fill="#fff" stroke="#000" stroke-width=".26458"/>
-  <text x="125.4" y="127.15" font-family="sans-serif" font-size="4.23" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
-   <tspan x="125.4" y="127.15" text-anchor="middle">Gateway</tspan>
-   <tspan x="125.4" y="131.96" text-anchor="middle">(Protocol Translator)</tspan>
-  </text>
-  <text x="125.4" y="140.94" font-family="sans-serif" font-size="4.23" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
-   <tspan x="125.4" y="140.94" text-anchor="middle">MODBUS RTU</tspan>
-   <tspan x="125.4" y="145.75" text-anchor="middle">(RS485 Bus)</tspan>
-  </text>
-  <path d="m92.04 142.84h10.58"/>
- </g>
-</svg>
\ No newline at end of file
+<svg width="650" height="500" viewBox="0 0 650 500" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      .box {
+        fill: #f0f7ff;
+        stroke: #0d47a1;
+        stroke-width: 1.5;
+        rx: 8;
+      }
+      .label-main {
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+        font-size: 16px;
+        font-weight: 500;
+        text-anchor: middle;
+        fill: #111;
+      }
+      .label-sub {
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+        font-size: 12px;
+        text-anchor: middle;
+        fill: #444;
+      }
+      .label-arrow {
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+        font-size: 13px;
+        text-anchor: middle;
+        fill: #333;
+      }
+      .arrow-line {
+        stroke: #333;
+        stroke-width: 2;
+      }
+      .arrow-head {
+        fill: #333;
+      }
+      .bus-line {
+        stroke: #212121;
+        stroke-width: 4;
+      }
+      .bus-connector {
+        stroke: #212121;
+        stroke-width: 2;
+      }
+    </style>
+    <marker id="arrowhead" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse">
+      <path d="M 0 0 L 10 5 L 0 10 z" fill="#333" />
+    </marker>
+  </defs>
+
+  <text x="325" y="30" class="label-main" font-size="20">Systemarchitektur</text>
+
+  <rect x="225" y="60" width="200" height="70" class="box"/>
+  <text x="325" y="90" class="label-main">Home Assistant</text>
+  <text x="325" y="110" class="label-sub">(Logik &amp; UI)</text>
+
+  <line x1="325" y1="130" x2="325" y2="170" class="arrow-line" marker-end="url(#arrowhead)"/>
+  <text x="445" y="155" class="label-arrow">WLAN / Thread</text>
+  <text x="445" y="170" class="label-arrow" font-size="11">(MODBUS TCP/IP)</text>
+
+
+  <rect x="225" y="180" width="200" height="70" class="box"/>
+  <text x="325" y="210" class="label-main">Gateway (ESP32C6)</text>
+  <text x="325" y="230" class="label-sub">(Protocol Translator)</text>
+
+  <line x1="325" y1="250" x2="325" y2="300" class="bus-line"/>
+  <line x1="50" y1="300" x2="600" y2="300" class="bus-line"/>
+  <text x="500" y="285" class="label-arrow">RS485 Bus (MODBUS RTU)</text>
+
+  <line x1="125" y1="300" x2="125" y2="340" class="bus-connector"/>
+  <rect x="50" y="340" width="150" height="60" class="box"/>
+  <text x="125" y="365" class="label-main">Slave-Node</text>
+  <text x="125" y="385" class="label-sub">(Ventil, Taster)</text>
+
+  <line x1="325" y1="300" x2="325" y2="340" class="bus-connector"/>
+  <rect x="250" y="340" width="150" height="60" class="box"/>
+  <text x="325" y="365" class="label-main">Slave-Node</text>
+  <text x="325" y="385" class="label-sub">(Pumpe, Sensoren)</text>
+
+  <line x1="525" y1="300" x2="525" y2="340" class="bus-connector"/>
+  <rect x="450" y="340" width="150" height="60" class="box"/>
+  <text x="525" y="365" class="label-main">Level Sensor</text>
+  <text x="525" y="385" class="label-sub">(QDY30A)</text>
+  
+  <text x="325" y="440" class="label-sub" font-size="20">...</text>
+
+</svg>