From 382168173313f71ea9961e45b7f400f42d94e1cf Mon Sep 17 00:00:00 2001
From: Amirhossein Khalili <amirhosseinkhalili901@gmail.com>
Date: Tue, 16 Jun 2026 14:47:25 +0330
Subject: [PATCH] fix(docs): align websocket diagram labels

---
 docs/images/websocket-handshake.svg |  2 +-
 docs/images/websocket-history.svg   | 30 ++++++++++++++---------------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/docs/images/websocket-handshake.svg b/docs/images/websocket-handshake.svg
index 9b27b13..496d337 100644
--- a/docs/images/websocket-handshake.svg
+++ b/docs/images/websocket-handshake.svg
@@ -17,7 +17,7 @@
     <text x="376" y="250" fill="#344054" font-size="15" font-weight="700">2. 101 Switching Protocols</text>
     <line x1="310" y1="326" x2="650" y2="326" stroke="#7a5af8" stroke-width="4" stroke-dasharray="10 9" marker-end="url(#arrow-purple)"/>
     <line x1="650" y1="362" x2="310" y2="362" stroke="#7a5af8" stroke-width="4" stroke-dasharray="10 9" marker-end="url(#arrow-purple)"/>
-    <text x="342" y="410" fill="#344054" font-size="15" font-weight="700">3. Full-duplex frames over the same TCP connection</text>
+    <text x="480" y="410" text-anchor="middle" fill="#344054" font-size="15" font-weight="700">3. Full-duplex frames over the same TCP connection</text>
   </g>
   <defs>
     <marker id="arrow-blue" markerWidth="12" markerHeight="12" refX="10" refY="6" orient="auto">
diff --git a/docs/images/websocket-history.svg b/docs/images/websocket-history.svg
index 4f74396..cc22a1c 100644
--- a/docs/images/websocket-history.svg
+++ b/docs/images/websocket-history.svg
@@ -7,25 +7,25 @@
   <line x1="110" y1="278" x2="850" y2="278" stroke="#c7d7fe" stroke-width="8" stroke-linecap="round"/>
   <g font-family="Inter, Arial, sans-serif">
     <circle cx="150" cy="278" r="22" fill="#2563eb"/>
-    <text x="104" y="338" fill="#101828" font-size="18" font-weight="700">1990s</text>
-    <text x="92" y="366" fill="#475467" font-size="15">Classic HTTP</text>
-    <text x="78" y="388" fill="#475467" font-size="15">request/response</text>
+    <text x="150" y="338" text-anchor="middle" fill="#101828" font-size="18" font-weight="700">1990s</text>
+    <text x="150" y="366" text-anchor="middle" fill="#475467" font-size="15">Classic HTTP</text>
+    <text x="150" y="388" text-anchor="middle" fill="#475467" font-size="15">request/response</text>
     <circle cx="330" cy="278" r="22" fill="#2563eb"/>
-    <text x="284" y="338" fill="#101828" font-size="18" font-weight="700">2005</text>
-    <text x="272" y="366" fill="#475467" font-size="15">AJAX polling</text>
-    <text x="250" y="388" fill="#475467" font-size="15">near-real-time web</text>
+    <text x="330" y="338" text-anchor="middle" fill="#101828" font-size="18" font-weight="700">2005</text>
+    <text x="330" y="366" text-anchor="middle" fill="#475467" font-size="15">AJAX polling</text>
+    <text x="330" y="388" text-anchor="middle" fill="#475467" font-size="15">near-real-time web</text>
     <circle cx="510" cy="278" r="22" fill="#2563eb"/>
-    <text x="464" y="338" fill="#101828" font-size="18" font-weight="700">2008</text>
-    <text x="430" y="366" fill="#475467" font-size="15">WebSocket idea</text>
-    <text x="414" y="388" fill="#475467" font-size="15">HTML5 discussions</text>
+    <text x="510" y="338" text-anchor="middle" fill="#101828" font-size="18" font-weight="700">2008</text>
+    <text x="510" y="366" text-anchor="middle" fill="#475467" font-size="15">WebSocket idea</text>
+    <text x="510" y="388" text-anchor="middle" fill="#475467" font-size="15">HTML5 discussions</text>
     <circle cx="690" cy="278" r="22" fill="#2563eb"/>
-    <text x="644" y="338" fill="#101828" font-size="18" font-weight="700">2011</text>
-    <text x="612" y="366" fill="#475467" font-size="15">RFC 6455</text>
-    <text x="592" y="388" fill="#475467" font-size="15">standard protocol</text>
+    <text x="690" y="338" text-anchor="middle" fill="#101828" font-size="18" font-weight="700">2011</text>
+    <text x="690" y="366" text-anchor="middle" fill="#475467" font-size="15">RFC 6455</text>
+    <text x="690" y="388" text-anchor="middle" fill="#475467" font-size="15">standard protocol</text>
     <circle cx="830" cy="278" r="22" fill="#12b76a"/>
-    <text x="786" y="338" fill="#101828" font-size="18" font-weight="700">Today</text>
-    <text x="752" y="366" fill="#475467" font-size="15">Chat, games,</text>
-    <text x="740" y="388" fill="#475467" font-size="15">dashboards, IoT</text>
+    <text x="830" y="338" text-anchor="middle" fill="#101828" font-size="18" font-weight="700">Today</text>
+    <text x="830" y="366" text-anchor="middle" fill="#475467" font-size="15">Chat, games,</text>
+    <text x="830" y="388" text-anchor="middle" fill="#475467" font-size="15">dashboards, IoT</text>
   </g>
   <rect x="72" y="150" width="816" height="86" rx="14" fill="#ffffff" stroke="#d0d5dd"/>
   <text x="106" y="186" fill="#344054" font-family="Inter, Arial, sans-serif" font-size="16" font-weight="700">Problem</text>