Merge branch 'agent-release-3.0' into update-export-metrics-docs

Author: JTorreG

content/agent/about.md

@@ -21,9 +21,7 @@ The F5 NGINX Agent is a lightweight companion daemon designed to work with NGINX
 
     - [OpenTelemetry](https://opentelemetry.io/) support comes with F5 NGINX Agent, and the ability to [export the metrics data]({{< relref "/agent/otel/configure-otel-metrics.md" >}}) for use in other applications.
 
----
 
-## How it works
 
 ### Configuration management
 
@@ -36,11 +34,58 @@ The F5 NGINX Agent is a lightweight companion daemon designed to work with NGINX
 - This embedded collector gathers vital performance and health metrics for both NGINX and the underlying instance it operates on.  
 - For example, it tracks key metrics such as active connections, requests per second, HTTP status codes, and response times. Additionally, it collects system-level data, including CPU usage, memory consumption, and disk I/O. These insights provide deep observability into NGINX's behavior, enabling teams to troubleshoot issues effectively, optimize performance, and maintain high availability.  
 - Collected metrics can be seamlessly exported to the NGINX One Console or integrated with third-party data aggregators.
-    
 
+### How Agent works
 
+```mermaid
+graph BT
 
-{{< img src="agent-flow.png" caption="How Agent works" alt="How NGINX Agent works" width="99%">}}
+    %% Define colors for the subgraphs
+    style ManagementPlane fill:#d0eac4,stroke:#228B22,stroke-width:2px,color:#000000
+    style CommandControl fill:#cfe2f1,stroke:#1E90FF,stroke-width:2px,color:#000000
+    style OTelManagementPlane fill:#cfe2f1,stroke:#1E90FF,stroke-width:2px,color:#000000
+    style Compute fill:#cfe2f1,stroke:#1E90FF,stroke-width:2px,color:#000000
+    style NGINX fill:#b5e0b6,stroke:#008000,stroke-width:2px,color:#000000
+    style NGINXConfig fill:#b5e0b6,stroke:#008000,stroke-width:2px,color:#000000
+    style ErrorLogs fill:#b5e0b6,stroke:#008000,stroke-width:2px,color:#000000
+    style Agent fill:#b5e0b6,stroke:#008000,stroke-width:2px,color:#000000
 
----
+    subgraph ManagementPlane["NGINX One"]
+        CommandControl["Command Server"]
+        OTelManagementPlane["OTel Receiver"]
+    end
+
+    subgraph Compute["NGINX Instance"]
+        subgraph Agent["Agent Process"]
+            OTelDataPlane["OTel Collector"]
+        end
+
+        subgraph NGINX["NGINX Process"]
+            NGINXMetrics["Metrics"]
+        end
+        NGINXConfig["NGINX Configuration Files"]
+        ErrorLogs["NGINX Error Logs"]
+
+        Metrics["Host Metrics"] --> |Collects| OTelDataPlane
+        NGINXMetrics --> |Reads| OTelDataPlane["OTel Collector"]
+        Agent --> |Watch/Reload| NGINX
+        Agent --> |Reads| ErrorLogs
+        OTelDataPlane --> |Reads| AccessLogs["NGINX Access Logs"]
+        Agent <--> |Reads/Writes| NGINXConfig
+    end
+
+    Compute <--> |gRPC| ManagementPlane
+```
+
+The figure shows:
+
+- An NGINX Instance running on bare metal, virtual machine or container
+- The NGINX One Cloud Console includes:
+  - Command Server to manage NGINX configurations, push new/updated configuration files remotely, and perform integrity tests.
+  - OpenTelemetry (OTel) Receiver that receives observability data from connected Agent instances.
+- An Agent process running on the NGINX Instance. The Agent is responsible for:
+  - Watching, applying, validating, automatically roll back to last good configuration if issues are detected.
+  - Embedding an OpenTelemetry Collector, collecting metrics from NGINX processes, host system performance data,  then securely passing metric data to the NGINX One Cloud Console.
+- Collection and monitoring of host metrics (CPU usage, Memory utilization, Disk I/O) by the Agent OTel collector.
+- Collected data is made available on the NGINX One Cloud Console for monitoring, alerting, troubleshooting, and capacity planning purposes.
 

content/agent/support.md

@@ -1,15 +1,20 @@
 ---
 title: Support
 weight: 800
-docs: DOCS-000
+toc: false
+type: reference
+product: Agent
 ---
 
 ## Support policy
 F5 NGINX Agent adheres to the support policy detailed in the following knowledge base article: [K000140156](https://my.f5.com/manage/s/article/K000140156).
 
+
 ## Contact F5 Support
-For questions and/or assistance with installing, troubleshooting, or using NGINX Agent, contact Support via the [MyF5 Customer Portal](https://account.f5.com/myf5).
+
+For questions and/or assistance with installing, troubleshooting, or using NGINX Agent, contact support via the [MyF5 Customer Portal](https://account.f5.com/myf5).
 
 ## Community support
+
 - If you experience issues with NGINX Agent, please [open an issue in GitHub](https://github.com/nginx/agent/issues/new).
-- If you have any suggestions or feature requests, please [open an idea in GitHub discussions](https://github.com/nginx/agent/discussions).
+- If you have any suggestions or feature requests, please [open an idea in GitHub discussions](https://github.com/nginx/agent/discussions).