docs: fix architecture diagram text overflow

syscod3 · syscod3 · commit 06b4cb2bb9b3 · 2026-03-07T18:29:37.000Z
diff --git a/docs/diagrams/imp-architecture.svg b/docs/diagrams/imp-architecture.svg
@@ -1,36 +1,38 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1100" height="560" viewBox="0 0 1100 560">
-  <rect x="20" y="20" width="1060" height="520" rx="16" fill="#fffdf7" stroke="#1f2937" stroke-width="2"/>
-  <text x="44" y="58" font-size="26" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#111827">Kubernetes Cluster</text>
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="620" viewBox="0 0 1200 620">
+  <rect x="20" y="20" width="1160" height="580" rx="16" fill="#fffdf7" stroke="#1f2937" stroke-width="2"/>
+  <text x="44" y="58" font-size="26" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#111827">Kubernetes Cluster</text>
 
-  <rect x="70" y="120" width="300" height="120" rx="16" fill="#e6fcf5" stroke="#0f766e" stroke-width="2"/>
-  <text x="220" y="168" text-anchor="middle" font-size="23" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#0f766e">Imp Operator</text>
-  <text x="220" y="198" text-anchor="middle" font-size="17" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#0f766e">CRD control loop</text>
+  <rect x="70" y="120" width="320" height="130" rx="16" fill="#e6fcf5" stroke="#0f766e" stroke-width="2"/>
+  <text x="230" y="170" text-anchor="middle" font-size="24" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#0f766e">Imp Operator</text>
+  <text x="230" y="202" text-anchor="middle" font-size="16" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#0f766e">CRD control loop</text>
 
-  <rect x="420" y="120" width="260" height="120" rx="16" fill="#ecfccb" stroke="#3f6212" stroke-width="2"/>
-  <text x="550" y="168" text-anchor="middle" font-size="23" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#3f6212">Imp Agent</text>
-  <text x="550" y="198" text-anchor="middle" font-size="17" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#3f6212">runs on each node</text>
+  <rect x="440" y="120" width="320" height="130" rx="16" fill="#ecfccb" stroke="#3f6212" stroke-width="2"/>
+  <text x="600" y="170" text-anchor="middle" font-size="24" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#3f6212">Imp Agent</text>
+  <text x="600" y="202" text-anchor="middle" font-size="16" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#3f6212">Runs on each node</text>
 
-  <rect x="730" y="120" width="300" height="120" rx="16" fill="#eef2ff" stroke="#3730a3" stroke-width="2"/>
-  <text x="880" y="164" text-anchor="middle" font-size="22" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#3730a3">Firecracker</text>
-  <text x="880" y="194" text-anchor="middle" font-size="20" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#3730a3">microVM workloads</text>
+  <rect x="810" y="120" width="320" height="130" rx="16" fill="#eef2ff" stroke="#3730a3" stroke-width="2"/>
+  <text x="970" y="165" text-anchor="middle" font-size="23" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#3730a3">Firecracker</text>
+  <text x="970" y="196" text-anchor="middle" font-size="18" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#3730a3">microVM workloads</text>
 
-  <line x1="370" y1="180" x2="420" y2="180" stroke="#111827" stroke-width="3"/>
-  <polygon points="420,180 406,172 406,188" fill="#111827"/>
+  <line x1="390" y1="186" x2="440" y2="186" stroke="#111827" stroke-width="3"/>
+  <polygon points="440,186 426,178 426,194" fill="#111827"/>
 
-  <line x1="680" y1="180" x2="730" y2="180" stroke="#111827" stroke-width="3"/>
-  <polygon points="730,180 716,172 716,188" fill="#111827"/>
+  <line x1="760" y1="186" x2="810" y2="186" stroke="#111827" stroke-width="3"/>
+  <polygon points="810,186 796,178 796,194" fill="#111827"/>
 
-  <rect x="70" y="290" width="470" height="190" rx="16" fill="#fff7ed" stroke="#9a3412" stroke-width="2"/>
-  <text x="95" y="330" font-size="24" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#9a3412">Networking</text>
-  <text x="95" y="364" font-size="17" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#9a3412">Cilium-first:</text>
-  <text x="95" y="388" font-size="17" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#9a3412">- Kubernetes NetworkPolicy for VMs</text>
-  <text x="95" y="412" font-size="17" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#9a3412">- Hubble visibility for VM traffic</text>
-  <text x="95" y="436" font-size="17" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#9a3412">Fallback: VXLAN overlay on non-Cilium CNIs</text>
+  <rect x="70" y="290" width="520" height="250" rx="16" fill="#fff7ed" stroke="#9a3412" stroke-width="2"/>
+  <text x="98" y="330" font-size="24" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#9a3412">Networking</text>
+  <text x="98" y="364" font-size="16" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#9a3412">Cilium-first mode:</text>
+  <text x="98" y="390" font-size="15" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#9a3412">- Kubernetes NetworkPolicy for VMs</text>
+  <text x="98" y="414" font-size="15" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#9a3412">- Hubble visibility for VM traffic</text>
+  <text x="98" y="438" font-size="15" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#9a3412">Fallback for non-Cilium CNIs:</text>
+  <text x="98" y="462" font-size="15" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#9a3412">- VXLAN overlay for cross-node traffic</text>
 
-  <rect x="560" y="290" width="470" height="190" rx="16" fill="#f0f9ff" stroke="#0c4a6e" stroke-width="2"/>
-  <text x="585" y="330" font-size="24" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#0c4a6e">Metrics &amp; Observability</text>
-  <text x="585" y="364" font-size="17" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#0c4a6e">- VM state and phase metrics</text>
-  <text x="585" y="388" font-size="17" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#0c4a6e">- Scheduling and boot latency metrics</text>
-  <text x="585" y="412" font-size="17" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#0c4a6e">- Guest CPU/memory/disk metrics</text>
-  <text x="585" y="436" font-size="17" font-family="'Avenir Next', Inter, 'Segoe UI', Arial, sans-serif" fill="#0c4a6e">- Prometheus-compatible scraping and dashboards</text>
+  <rect x="610" y="290" width="520" height="250" rx="16" fill="#f0f9ff" stroke="#0c4a6e" stroke-width="2"/>
+  <text x="638" y="330" font-size="24" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#0c4a6e">Metrics &amp; Observability</text>
+  <text x="638" y="364" font-size="15" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#0c4a6e">- VM state and phase metrics</text>
+  <text x="638" y="388" font-size="15" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#0c4a6e">- Scheduling and boot latency metrics</text>
+  <text x="638" y="412" font-size="15" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#0c4a6e">- Guest CPU, memory, and disk metrics</text>
+  <text x="638" y="436" font-size="15" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#0c4a6e">- Prometheus scrape-compatible output</text>
+  <text x="638" y="460" font-size="15" font-family="Verdana, 'DejaVu Sans', sans-serif" fill="#0c4a6e">- Ready for dashboards and alerts</text>
 </svg>
