Improve diagrams

Author: ciarams87

content/ngf/overview/gateway-architecture.md

@@ -87,7 +87,7 @@ This split architecture ensures operational boundaries between the control plane
 This figure depicts an example of NGINX Gateway Fabric exposing three web applications within a Kubernetes cluster to clients on the internet:
 
 ```mermaid
-graph TD
+graph LR
     %% Nodes and Relationships
     subgraph KubernetesCluster[Kubernetes Cluster]
         subgraph applications1[Namespace: applications]
@@ -105,10 +105,7 @@ graph TD
 
             subgraph HTTPRouteAAndApplicationA[HTTPRoute A and Application A]
                 HTTPRouteA[HTTPRoute A<br>Host: a.example.com]
-                subgraph ApplicationA[Application A]
-                    Pod1[Pod]
-                    Pod2[Pod]
-                end
+                ApplicationA[Application AB<br>Pods: 2]
             end
 
             subgraph HTTPRouteBAndApplicationB[HTTPRoute B and Application B]
@@ -253,12 +250,13 @@ For example, the Cluster Operator is denoted by the color green, indicating they
 ## NGINX Gateway Fabric: Component Communication Workflow
 
 ```mermaid
-graph TD
+graph LR
     %% Main Components
-    NGFPod[NGF Pod]
     KubernetesAPI[Kubernetes API]
     PrometheusMonitor[Prometheus]
     F5Telemetry[F5 Telemetry Service]
+    NGFPod[NGF Pod]
+    NGINXPod[NGINX Pod]
     Client[Client]
     Backend[Backend]
 
@@ -276,6 +274,13 @@ graph TD
         ContainerRuntimeNGF[stdout/stderr]
     end
 
+    %% External Components Grouping
+    subgraph ExternalComponents[.]
+        KubernetesAPI[Kubernetes API]
+        PrometheusMonitor[Prometheus]
+        F5Telemetry[F5 Telemetry Service]
+    end
+
     %% HTTPS: Communication with Kubernetes API
     NGFProcess -- "(1) Reads Updates" --> KubernetesAPI
     NGFProcess -- "(1) Writes Statuses" --> KubernetesAPI
@@ -294,7 +299,7 @@ graph TD
 
     %% gRPC: Configuration Updates
     NGFProcess -- "(6) Sends Config to Agent" --> NGINXAgent
-    NGINXAgent -- "(7) Validates Config & Writes TLS Certs" --> ConfigFiles
+    NGINXAgent -- "(7) Validates & Writes Config & TLS Certs" --> ConfigFiles
     NGINXAgent -- "(8) Reloads NGINX" --> NGINXMaster
     NGINXAgent -- "(9) Sends DataPlaneResponse" --> NGFProcess
 
@@ -314,6 +319,7 @@ graph TD
     classDef metrics fill:#FFC0CB,stroke:#333,stroke-width:2px;
     classDef io fill:#FFD700,stroke:#333,stroke-width:2px;
     classDef signal fill:#87CEEB,stroke:#333,stroke-width:2px;
+    style ExternalComponents fill:transparent,stroke-width:0px
 
     %% Class Assignments for Node Colors
     class NGFPod,KubernetesAPI important;