From 0980a0abbb13002699846d4fd746674ec8850ea9 Mon Sep 17 00:00:00 2001 From: WMJ Ismail Date: Sat, 4 Jul 2026 15:37:08 +0200 Subject: [PATCH] fix: replace rgba() with hex colors in Mermaid diagram (parser conflict with commas) --- Architecture-Diagram.md | 97 +++++++++++++++++++---------------------- 1 file changed, 45 insertions(+), 52 deletions(-) diff --git a/Architecture-Diagram.md b/Architecture-Diagram.md index 850b535..575ccdf 100644 --- a/Architecture-Diagram.md +++ b/Architecture-Diagram.md @@ -1,105 +1,98 @@ # FalahOS Architecture Diagram ```mermaid -graph TB - %% Styles - classDef user fill:rgba(30,41,59,0.5),stroke:#94a3b8,stroke-width:1.5 - classDef cf fill:rgba(120,53,15,0.3),stroke:#fbbf24,stroke-width:1.5 - classDef frontend fill:rgba(8,51,68,0.4),stroke:#22d3ee,stroke-width:1.5 - classDef backend fill:rgba(6,78,59,0.4),stroke:#34d399,stroke-width:1.5 - classDef db fill:rgba(76,29,149,0.4),stroke:#a78bfa,stroke-width:1.5 - classDef agent fill:rgba(136,19,55,0.4),stroke:#fb7185,stroke-width:1.5 - classDef external fill:rgba(30,41,59,0.5),stroke:#94a3b8,stroke-width:1.5 - classDef model fill:rgba(251,146,60,0.3),stroke:#fb923c,stroke-width:1.5 +flowchart TB + %% Styles - hex colors only (rgba() breaks Mermaid parser) + classDef user fill:#1e293b,stroke:#94a3b8,stroke-width:1.5 + classDef cf fill:#78350f,stroke:#fbbf24,stroke-width:1.5 + classDef frontend fill:#083344,stroke:#22d3ee,stroke-width:1.5 + classDef backend fill:#064e3b,stroke:#34d399,stroke-width:1.5 + classDef db fill:#4c1d95,stroke:#a78bfa,stroke-width:1.5 + classDef agent fill:#881337,stroke:#fb7185,stroke-width:1.5 + classDef external fill:#1e293b,stroke:#94a3b8,stroke-width:1.5 + classDef model fill:#78350f,stroke:#fb923c,stroke-width:1.5 + classDef subg fill:none,stroke:#334155,stroke-width:1,stroke-dasharray:5 5 %% โ”€โ”€ Users / Channels โ”€โ”€ - subgraph USERS["๐Ÿ‘ค Users & Channels"] + subgraph USERS["Users & Channels"] direction LR - TG[๐Ÿ“ฑ Telegram
DM + Ops Chat] - WA[๐Ÿ’ฌ WhatsApp
+6013-225 0691] - WB[๐ŸŒ Web Browser
ummah + my.falahos.my] + TG["Telegram (DM + Ops Chat)"] + WA["WhatsApp (+6013-225 0691)"] + WB["Web Browser (ummah + my.falahos.my)"] end %% โ”€โ”€ Cloudflare Edge โ”€โ”€ - subgraph CF["โ˜๏ธ Cloudflare Edge"] + subgraph CF["Cloudflare Edge"] direction LR - DNS[DNS
Proxied Records] - WAF[WAF
Security Rules] - TUN[cloudflared
Tunnel] + DNS["DNS (Proxied)"] + WAF["WAF (Security Rules)"] + TUN["cloudflared Tunnel"] end %% โ”€โ”€ cPanel Hosting โ”€โ”€ - subgraph CP["๐Ÿ–ฅ๏ธ cPanel Hosting โ€” RoketServer 64.20.37.43"] - UMMAH[ummah.falahos.my
WordPress + EDD + MailPoet
Members + Tutor LMS] - MY[my.falahos.my
WordPress + PayPal Standard
Monetisation Subdomain] - MYSQL[(MySQL
Shared Database)] - CPT[cPanel Tools
Git + Terminal + Cron + Softaculous] + subgraph CP["cPanel Hosting - RoketServer 64.20.37.43"] + UMMAH["ummah.falahos.my WordPress + EDD + MailPoet + Members + Tutor LMS"] + MY["my.falahos.my WordPress + PayPal Standard (Monetisation)"] + MYSQL[("MySQL Shared Database")] + CPT["cPanel Tools (Git / Terminal / Cron / Softaculous)"] end %% โ”€โ”€ Contabo VPS โ”€โ”€ - subgraph CV["๐Ÿ–ฅ๏ธ Contabo VPS โ€” 13.140.161.244"] + subgraph CV["Contabo VPS - 13.140.161.244"] direction LR - GW[Hermes Gateway
Telegram ยท WhatsApp
Systemd Service] - HA[Hermes Agent
60+ Skills ยท MCP Tools
Sub-agents ยท Cron] - FR[FalahOS Relay
Port :8088
Systemd] - SHT[SSH Tunnel
โ†’ Mac Mini :17860] + GW["Hermes Gateway (Telegram / WhatsApp / Systemd)"] + HA["Hermes Agent (Skills / Tools / MCP / Cron)"] + FR["FalahOS Relay (:8088)"] + SHT["SSH Tunnel (-> Mac Mini :17860)"] end %% โ”€โ”€ External Services โ”€โ”€ - subgraph EXT["๐Ÿ”— External Services"] + subgraph EXT["External Services"] direction LR - GT[Gitea
git.falahos.my
CI/CD + Wiki] - OCP[OpenClaw Proxy
opencode.ai/zen
DeepSeek ยท Qwen] - PP[PayPal Standard
wanjauhari@me.com] - MCP[MCP Servers
UI/UX Tester
Browser Tools] + GT["Gitea (git.falahos.my / CI-CD / Wiki)"] + OCP["OpenClaw Proxy (opencode.ai/zen / DeepSeek / Qwen)"] + PP["PayPal Standard (wanjauhari@me.com)"] + MCP["MCP Servers (UI/UX Tester / Browser Tools)"] end %% โ”€โ”€ Agent Fleet โ”€โ”€ - subgraph TS["๐Ÿ”— Tailscale Mesh Network"] - subgraph MM["Mac Mini โ€” 100.72.2.115 (macOS 12.7.6)"] - ODY[Odysseus
API Gateway :7860] - PI[Pi
AI Assistant :4747] - OH[OpenHand
Coding Agent :3000] - OCL[OpenClaw
Model Provider :3100] - CC[Claude Code
Coding Assistant CLI] + subgraph TS["Tailscale Mesh Network"] + subgraph MM["Mac Mini - 100.72.2.115 (macOS 12.7.6)"] + ODY["Odysseus (:7860 - API Gateway)"] + PI["Pi (:4747 - AI Assistant)"] + OH["OpenHand (:3000 - Coding Agent)"] + OCL["OpenClaw (:3100 - Model Provider)"] + CC["Claude Code (CLI - Coding Assistant)"] end - MBA[Hermes MBA
Fallback Agent
100.76.3.26] + MBA["Hermes MBA (100.76.3.26 - Fallback Agent)"] end %% โ”€โ”€ Connections โ”€โ”€ TG --> GW WA --> GW WB --> DNS - DNS --> WAF WAF --> TUN TUN --> UMMAH TUN --> MY - GW --> HA HA --> FR HA --> SHT - FR --> ODY FR --> PI FR --> OH FR --> OCL FR --> CC FR --> MBA - - SHT -.->|Port Forward :7860| ODY - + SHT -.->|Port Forward| ODY UMMAH --> MYSQL MY --> MYSQL UMMAH --> CPT - MY -.->|Payment IPN| PP - UMMAH -.->|Git Deploy| GT - HA -.->|CI/CD| GT - + HA -.->|CI-CD| GT OCL -.->|API Calls| OCP - + %% Assign classes class TG,WA,WB user class DNS,WAF,TUN cf