From 34ea1ed8ec1ca1a59c4929315b8bb9cf4d9762a4 Mon Sep 17 00:00:00 2001
From: narawat <narawat@gmail.com>
Date: Fri, 6 Mar 2026 07:42:15 +0700
Subject: [PATCH] update

---
 updated_README.md | 82 ++++++++++++++++++++++++++++++-----------------
 1 file changed, 53 insertions(+), 29 deletions(-)

diff --git a/updated_README.md b/updated_README.md
index 19ca895..1f8e716 100644
--- a/updated_README.md
+++ b/updated_README.md
@@ -88,48 +88,72 @@ NATSBridge enables seamless communication across multiple platforms through NATS
 
 ```mermaid
 flowchart TB
-    subgraph Applications["Applications"]
-        direction TB
-        subgraph Platform1["Julia"]
-            App1[App Code] --> Bridge1[NATSBridge.jl]
-            Bridge1 --> NATS1[<b>NATS.jl</b>]
-        end
-        subgraph Platform2["JavaScript"]
-            App2[App Code] --> Bridge2[NATSBridge.js]
-            Bridge2 --> NATS2[<b>nats.js</b>]
-        end
-        subgraph Platform3["Python/MicroPython"]
-            App3[App Code] --> Bridge3[NATSBridge.py/_mpy.py]
-            Bridge3 --> NATS3[<b>nats.py</b>]
-        end
+    %% Subgraph Definitions
+    subgraph JuliaApp["Julia Application"]
+        JuliaAppCode[App Code]
+        JuliaBridge[NATSBridge.jl]
+        JuliaNATS[<b>NATS.jl</b>]
+    end
+
+    subgraph JSApp["JavaScript Application"]
+        JSAppCode[App Code]
+        JSBridge[NATSBridge.js]
+        JSNATS[<b>nats.js</b>]
+    end
+
+    subgraph PythonApp["Python Application"]
+        PythonAppCode[App Code]
+        PythonBridge[NATSBridge.py]
+        PythonNATS[<b>nats.py</b>]
+    end
+
+    subgraph MicroPythonApp["MicroPython Application"]
+        MpyAppCode[App Code]
+        MpyBridge[NATSBridge_mpy.py]
+        MpyNATS[<b>NATS</b>]
     end
 
     subgraph Infrastructure["Infrastructure"]
-        direction TB
         NATS[<b>NATS Server</b><br/>Message Broker]
         FileServer[<b>HTTP File Server</b><br/>Upload/Download]
     end
 
-    NATS1 --> NATS
-    NATS2 --> NATS
-    NATS3 --> NATS
+    %% Application Internal Flows
+    JuliaAppCode --> JuliaBridge --> JuliaNATS
+    JSAppCode --> JSBridge --> JSNATS
+    PythonAppCode --> PythonBridge --> PythonNATS
+    MpyAppCode --> MpyBridge --> MpyNATS
 
-    NATS --> NATS1
-    NATS --> NATS2
-    NATS --> NATS3
+    %% Connections to Infrastructure (Center)
+    %% NATS Server Connections
+    JuliaNATS --> NATS
+    JSNATS --> NATS
+    PythonNATS --> NATS
+    MpyNATS --> NATS
+    NATS --> JuliaNATS
+    NATS --> JSNATS
+    NATS --> PythonNATS
+    NATS --> MpyNATS
 
-    Bridge1 -.->|HTTP POST| FileServer
-    Bridge2 -.->|HTTP POST| FileServer
-    Bridge3 -.->|HTTP POST| FileServer
+    %% HTTP File Server Connections
+    JuliaBridge -.->|HTTP POST upload| FileServer
+    JSBridge -.->|HTTP POST upload| FileServer
+    PythonBridge -.->|HTTP POST upload| FileServer
+    MpyBridge -.->|HTTP POST upload| FileServer
 
-    FileServer -.->|HTTP GET| Bridge1
-    FileServer -.->|HTTP GET| Bridge2
-    FileServer -.->|HTTP GET| Bridge3
+    FileServer -.->|HTTP GET download| JuliaBridge
+    FileServer -.->|HTTP GET download| JSBridge
+    FileServer -.->|HTTP GET download| PythonBridge
+    FileServer -.->|HTTP GET download| MpyBridge
 
-    style Applications fill:#f0f0f0
-    style Infrastructure fill:#f0f0f0
+    %% Styling
+    style JuliaApp fill:#c5e1a5
+    style JSApp fill:#bbdefb
+    style PythonApp fill:#f8bbd0
+    style MicroPythonApp fill:#f0f0f0
     style NATS fill:#fff3e0
     style FileServer fill:#f3e5f5
+    style Infrastructure fill:#fafafa
 ```
 
 ### Message Flow