Index: /branches/amp_4_0/dev/architecture/README.md
===================================================================
--- /branches/amp_4_0/dev/architecture/README.md	(nonexistent)
+++ /branches/amp_4_0/dev/architecture/README.md	(working copy)
@@ -0,0 +1,5 @@
+### Architecture diagrams are created using mermaid-js.
+
+#### References: 
+
+1. https://github.com/mermaid-js/mermaid
\ No newline at end of file
Index: /branches/amp_4_0/dev/architecture/deployment_aws.mmd
===================================================================
--- /branches/amp_4_0/dev/architecture/deployment_aws.mmd	(nonexistent)
+++ /branches/amp_4_0/dev/architecture/deployment_aws.mmd	(working copy)
@@ -0,0 +1,26 @@
+graph TD
+
+%% AWS Deployment
+    subgraph AWS[AWS]
+        G{AWS EC2}
+        C[EC2 Primary Instance]
+        D[EC2 Standby Instance]
+
+        G ==>|Distributes Traffic| C
+        C -.->|Failover: HA| D
+    end
+
+%% Styling
+    classDef compute fill:#b3e5fc,stroke:#0288d1,color:#01579b,stroke-width:2px;
+    classDef lb fill:#d1c4e9,stroke:#512da8,color:#311b92,stroke-width:2px;
+
+    class C,D compute;
+    class G lb;
+
+%% Arrow Styling
+    linkStyle default stroke:#455a64,stroke-width:2px;
+    linkStyle 0 stroke:#512da8,stroke-width:3px;
+    linkStyle 1 stroke:#512da8,stroke-width:2px,stroke-dasharray:5,5;
+
+%% Subgraph Styling
+style AWS fill:#ede7f6,stroke:#512da8,stroke-width:2px;
Index: /branches/amp_4_0/dev/architecture/deployment_on_premises.mmd
===================================================================
--- /branches/amp_4_0/dev/architecture/deployment_on_premises.mmd	(nonexistent)
+++ /branches/amp_4_0/dev/architecture/deployment_on_premises.mmd	(working copy)
@@ -0,0 +1,30 @@
+graph TD
+
+%% On-Premises Deployment
+subgraph On_Premises[On-Premises]
+D{Deployment Choice}
+A[ESXi - Primary Instance]
+B[ESXi - Standby Instance]
+C[AVX - Primary Instance]
+E[AVX - Standby Instance]
+
+D -->|Option 1: ESXi| A
+D -->|Option 2: AVX| C
+A -.->|Failover: HA| B
+C -.->|Failover: HA| E
+end
+
+%% Styling
+classDef compute fill:#b3e5fc,stroke:#0288d1,color:#01579b,stroke-width:2px;
+classDef decision fill:#d1c4e9,stroke:#512da8,color:#311b92,stroke-width:2px;
+
+class A,B,C,E compute;
+class D decision;
+
+%% Arrow Styling
+linkStyle default stroke:#455a64,stroke-width:2px;
+linkStyle 0,1 stroke:#0288d1,stroke-width:3px;
+linkStyle 2,3 stroke:#0288d1,stroke-width:2px,stroke-dasharray:5,5;
+
+%% Subgraph Styling
+style On_Premises fill:#e1f5fe,stroke:#0288d1,stroke-width:2px;
\ No newline at end of file
Index: /branches/amp_4_0/dev/architecture/system_flow.mmd
===================================================================
--- /branches/amp_4_0/dev/architecture/system_flow.mmd	(nonexistent)
+++ /branches/amp_4_0/dev/architecture/system_flow.mmd	(working copy)
@@ -0,0 +1,113 @@
+graph LR
+
+%% 1. Data Sources (Device Layer)
+    subgraph Data_Sources[Data Sources]
+        A[Devices: APV, vAPV, AG, vxAG, ASF, vASF]
+    end
+
+%% 2. Data Collection & Processing
+    subgraph Data_Collection_Processing[Data Collection & Processing]
+        B[Telegraf]
+        C[Logstash]
+    end
+
+%% 3. Data Storage (Databases)
+    subgraph Data_Storage[Data Storage]
+        D[(InfluxDB Time-Series)]
+        E[(Elasticsearch Syslogs)]
+        F[(PostgreSQL Device Metadata)]
+    end
+
+%% AMP Backend Layer (NEW)
+    subgraph AMP_Backend_Layer[AMP Backend Layer]
+        M[AMP Backend Services]
+    end
+
+%% 4. Access & Visualization
+    subgraph Access_Visualization[Access & Visualization]
+        G{Nginx API Gateway}
+        H[AMP GUI]
+        I[Grafana]
+        J[Kibana]
+    end
+
+%% 5. Alerts & Notifications
+    subgraph Alerts_Notifications[Alerts & Notifications]
+        K[Notification Service]
+        L[(SMTP Server)]
+    end
+
+%% Flows
+    A ==>|SNMP Metrics| B
+    A ==>|Syslog RFC5424| C
+    A <-->|Config/Status via REST| H
+
+    B ==>|Metrics| D
+    C ==>|Logs| E
+
+    H -->|User Requests & Config| G
+    H -->|Metadata Updates| G
+
+    G -->|Backend Calls| M
+    M -->|/devices| F
+    M -->|/metrics| D
+    M -->|/logs| E
+    M -->|/metadata| F
+
+    I -->|Visualizes Metrics| D
+    J -->|Visualizes Logs| E
+
+    I -.->|Triggers Alerts| K
+    J -.->|Triggers Alerts| K
+    K -->|Sends Emails| L
+
+%% Styling
+    classDef source fill:#b3e5fc,stroke:#0288d1,color:#01579b,stroke-width:2px;
+    classDef collect fill:#ffccbc,stroke:#f57c00,color:#bf360c,stroke-width:2px;
+    classDef storage fill:#c8e6c9,stroke:#388e3c,color:#1b5e20,stroke-width:2px;
+    classDef ui fill:#d1c4e9,stroke:#512da8,color:#311b92,stroke-width:2px;
+    classDef notify fill:#f8bbd0,stroke:#c2185b,color:#880e4f,stroke-width:2px;
+    classDef backend fill:#e0f7fa,stroke:#0097a7,color:#006064,stroke-width:2px;
+
+    class A source;
+    class B,C collect;
+    class D,E,F storage;
+    class G,H,I,J ui;
+    class K,L notify;
+    class M backend;
+
+%% Arrow Styling
+    linkStyle default stroke:#455a64,stroke-width:2px;
+
+    linkStyle 0 stroke:#0288d1,stroke-width:3px;
+    linkStyle 1 stroke:#0288d1,stroke-width:3px;
+    linkStyle 2 stroke:#0288d1,stroke-width:2px,stroke-dasharray:5,5;
+
+linkStyle 3 stroke:#f57c00,stroke-width:3px;
+linkStyle 4 stroke:#f57c00,stroke-width:3px;
+
+linkStyle 5 stroke:#512da8,stroke-width:2px;
+linkStyle 6 stroke:#512da8,stroke-width:2px;
+
+linkStyle 7 stroke:#0097a7,stroke-width:3px;
+
+%% G to AMP Backend
+linkStyle 8 stroke:#0097a7,stroke-width:2px;
+linkStyle 9 stroke:#0097a7,stroke-width:2px;
+linkStyle 10 stroke:#0097a7,stroke-width:2px;
+linkStyle 11 stroke:#0097a7,stroke-width:2px;
+
+linkStyle 12 stroke:#388e3c,stroke-width:2px;
+linkStyle 13 stroke:#388e3c,stroke-width:2px;
+
+linkStyle 14 stroke:#c2185b,stroke-width:2px,stroke-dasharray:5,5;
+linkStyle 15 stroke:#c2185b,stroke-width:2px,stroke-dasharray:5,5;
+linkStyle 16 stroke:#c2185b,stroke-width:2px;
+
+%% Subgraph Styling
+style Data_Sources fill:#e1f5fe,stroke:#0288d1,stroke-width:2px;
+style Data_Collection_Processing fill:#fff3e0,stroke:#f57c00,stroke-width:2px;
+style Data_Storage fill:#e8f5e9,stroke:#388e3c,stroke-width:2px;
+style AMP_Backend_Layer fill:#e0f7fa,stroke:#0097a7,stroke-width:2px;
+style Access_Visualization fill:#ede7f6,stroke:#512da8,stroke-width:2px;
+style Alerts_Notifications fill:#fce4ec,stroke:#c2185b,stroke-width:2px;
