4141``` mermaid
4242graph TD
4343 %% ========== Clients Section ==========
44- A[📱 Client] --> B[🚪 API Gateway]
44+ A[<font color="#000000"> 📱 Client</font> ] --> B[<font color="#000000"> 🚪 API Gateway</font> ]
4545
4646 %% ========== Main Services Section ==========
47- subgraph "Microservices Layer"
48- B --> C[📤 Ingestion Service]
49- B --> D[📝 Metadata Service]
50- B --> E[🔍 Fingerprint Service]
47+ subgraph "<font color="#000000"> Microservices Layer</font> "
48+ B --> C[<font color="#000000"> 📤 Ingestion Service</font> ]
49+ B --> D[<font color="#000000"> 📝 Metadata Service</font> ]
50+ B --> E[<font color="#000000"> 🔍 Fingerprint Service</font> ]
5151 end
5252
5353 %% ========== Data Stores Section ==========
54- subgraph "Data Layer"
55- F[🪣 MinIO]
56- G[📨 Kafka]
57- H[🐘 PostgreSQL]
58- J[🔴 Redis]
59- I[🔎 Elasticsearch]
54+ subgraph "<font color="#000000"> Data Layer</font> "
55+ F[<font color="#000000"> 🪣 MinIO</font> ]
56+ G[<font color="#000000"> 📨 Kafka</font> ]
57+ H[<font color="#000000"> 🐘 PostgreSQL</font> ]
58+ J[<font color="#000000"> 🔴 Redis</font> ]
59+ I[<font color="#000000"> 🔎 Elasticsearch</font> ]
6060 end
6161
6262 %% ========== Observability Section ==========
63- subgraph "Observability"
64- subgraph "Metrics"
65- K[📊 Prometheus]
66- L[📈 Grafana]
63+ subgraph "<font color="#000000"> Observability</font> "
64+ subgraph "<font color="#000000"> Metrics</font> "
65+ K[<font color="#000000"> 📊 Prometheus</font> ]
66+ L[<font color="#000000"> 📈 Grafana</font> ]
6767 end
6868
69- subgraph "Tracing"
70- M[🔍 Zipkin]
69+ subgraph "<font color="#000000"> Tracing</font> "
70+ M[<font color="#000000"> 🔍 Zipkin</font> ]
7171 end
7272
73- subgraph "Logging"
74- N[🪵 Logstash]
75- O[📄 Elasticsearch]
76- P[📊 Kibana]
73+ subgraph "<font color="#000000"> Logging</font> "
74+ N[<font color="#000000"> 🪵 Logstash</font> ]
75+ O[<font color="#000000"> 📄 Elasticsearch</font> ]
76+ P[<font color="#000000"> 📊 Kibana</font> ]
7777 end
7878 end
7979
@@ -86,25 +86,25 @@ graph TD
8686 G --> E
8787
8888 %% ========== Observability Connections ==========
89- C & D & E -->|Metrics| K
89+ C & D & E -->|<font color="#000000"> Metrics</font> | K
9090 K --> L
9191
92- C & D & E -->|Traces| M
92+ C & D & E -->|<font color="#000000"> Traces</font> | M
9393
94- C & D & E -->|Logs| N
94+ C & D & E -->|<font color="#000000"> Logs</font> | N
9595 N --> O
9696 O --> P
9797
9898 %% ========== Styling ==========
99- classDef client fill:#f9f,stroke:#333,stroke-width:2px;
100- classDef gateway fill:#7af,stroke:#333,stroke-width:2px;
101- classDef service fill:#aef,stroke:#333,stroke-width:2px, rx:5, ry:5;
102- classDef storage fill:#fea,stroke:#333,stroke-width:2px;
103- classDef queue fill:#afa,stroke:#333,stroke-width:2px;
104- classDef metrics fill:#f88,stroke:#333,stroke-width:2px;
105- classDef tracing fill:#8f8,stroke:#333,stroke-width:2px;
106- classDef logging fill:#88f,stroke:#333,stroke-width:2px;
107- classDef cluster fill:none,stroke-dasharray:5,stroke:#aaa;
99+ classDef client fill:#f9f,stroke:#333,stroke-width:2px,color:#000000 ;
100+ classDef gateway fill:#7af,stroke:#333,stroke-width:2px,color:#000000 ;
101+ classDef service fill:#aef,stroke:#333,stroke-width:2px,color:#000000, rx:5,ry:5;
102+ classDef storage fill:#fea,stroke:#333,stroke-width:2px,color:#000000 ;
103+ classDef queue fill:#afa,stroke:#333,stroke-width:2px,color:#000000 ;
104+ classDef metrics fill:#f88,stroke:#333,stroke-width:2px,color:#000000 ;
105+ classDef tracing fill:#8f8,stroke:#333,stroke-width:2px,color:#000000 ;
106+ classDef logging fill:#88f,stroke:#333,stroke-width:2px,color:#000000 ;
107+ classDef cluster fill:none,stroke-dasharray:5,stroke:#aaa,color:#000000 ;
108108
109109 class A client;
110110 class B gateway;
@@ -116,7 +116,6 @@ graph TD
116116 class N,P logging;
117117
118118 %% ========== Layout Improvements ==========
119- %% Vertical alignment
120119 linkStyle 0 stroke:#666,stroke-width:2px;
121120 linkStyle 1,2,3 stroke:#666,stroke-width:2px;
122121 linkStyle 4,5,6,7,8 stroke:#666,stroke-width:2px;
0 commit comments