wmj/falah-mobile
1
0
Fork 0
Code Issues 3 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: replace rgba() with hex colors in Mermaid diagram (parser conflict with commas)

WMJ Ismail
2026-07-04 15:37:08 +02:00
parent f38679c66d
commit 0980a0abbb
1 changed files with 45 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Architecture-Diagram.md
+44 -51
@@ -1,103 +1,96 @@
# FalahOS Architecture Diagram # FalahOS Architecture Diagram
```mermaid ```mermaid
graph TB flowchart TB
%% Styles %% Styles - hex colors only (rgba() breaks Mermaid parser)
classDef user fill:rgba(30,41,59,0.5),stroke:#94a3b8,stroke-width:1.5 classDef user fill:#1e293b,stroke:#94a3b8,stroke-width:1.5
classDef cf fill:rgba(120,53,15,0.3),stroke:#fbbf24,stroke-width:1.5 classDef cf fill:#78350f,stroke:#fbbf24,stroke-width:1.5
classDef frontend fill:rgba(8,51,68,0.4),stroke:#22d3ee,stroke-width:1.5 classDef frontend fill:#083344,stroke:#22d3ee,stroke-width:1.5
classDef backend fill:rgba(6,78,59,0.4),stroke:#34d399,stroke-width:1.5 classDef backend fill:#064e3b,stroke:#34d399,stroke-width:1.5
classDef db fill:rgba(76,29,149,0.4),stroke:#a78bfa,stroke-width:1.5 classDef db fill:#4c1d95,stroke:#a78bfa,stroke-width:1.5
classDef agent fill:rgba(136,19,55,0.4),stroke:#fb7185,stroke-width:1.5 classDef agent fill:#881337,stroke:#fb7185,stroke-width:1.5
classDef external fill:rgba(30,41,59,0.5),stroke:#94a3b8,stroke-width:1.5 classDef external fill:#1e293b,stroke:#94a3b8,stroke-width:1.5
classDef model fill:rgba(251,146,60,0.3),stroke:#fb923c,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 ── %% ── Users / Channels ──
subgraph USERS["👤 Users & Channels"] subgraph USERS["Users & Channels"]
direction LR direction LR
TG[📱 Telegram<br/>DM + Ops Chat] TG["Telegram (DM + Ops Chat)"]
WA[💬 WhatsApp<br/>+6013-225 0691] WA["WhatsApp (+6013-225 0691)"]
WB[🌐 Web Browser<br/>ummah + my.falahos.my] WB["Web Browser (ummah + my.falahos.my)"]
end end
%% ── Cloudflare Edge ── %% ── Cloudflare Edge ──
subgraph CF["☁️ Cloudflare Edge"] subgraph CF["Cloudflare Edge"]
direction LR direction LR
DNS[DNS<br/>Proxied Records] DNS["DNS (Proxied)"]
WAF[WAF<br/>Security Rules] WAF["WAF (Security Rules)"]
TUN[cloudflared<br/>Tunnel] TUN["cloudflared Tunnel"]
end end
%% ── cPanel Hosting ── %% ── cPanel Hosting ──
subgraph CP["🖥️ cPanel Hosting — RoketServer 64.20.37.43"] subgraph CP["cPanel Hosting - RoketServer 64.20.37.43"]
UMMAH[ummah.falahos.my<br/>WordPress + EDD + MailPoet<br/>Members + Tutor LMS] UMMAH["ummah.falahos.my WordPress + EDD + MailPoet + Members + Tutor LMS"]
MY[my.falahos.my<br/>WordPress + PayPal Standard<br/>Monetisation Subdomain] MY["my.falahos.my WordPress + PayPal Standard (Monetisation)"]
MYSQL[(MySQL<br/>Shared Database)] MYSQL[("MySQL Shared Database")]
CPT[cPanel Tools<br/>Git + Terminal + Cron + Softaculous] CPT["cPanel Tools (Git / Terminal / Cron / Softaculous)"]
end end
%% ── Contabo VPS ── %% ── Contabo VPS ──
subgraph CV["🖥️ Contabo VPS — 13.140.161.244"] subgraph CV["Contabo VPS - 13.140.161.244"]
direction LR direction LR
GW[Hermes Gateway<br/>Telegram · WhatsApp<br/>Systemd Service] GW["Hermes Gateway (Telegram / WhatsApp / Systemd)"]
HA[Hermes Agent<br/>60+ Skills · MCP Tools<br/>Sub-agents · Cron] HA["Hermes Agent (Skills / Tools / MCP / Cron)"]
FR[FalahOS Relay<br/>Port :8088<br/>Systemd] FR["FalahOS Relay (:8088)"]
SHT[SSH Tunnel<br/>→ Mac Mini :17860] SHT["SSH Tunnel (-> Mac Mini :17860)"]
end end
%% ── External Services ── %% ── External Services ──
subgraph EXT["🔗 External Services"] subgraph EXT["External Services"]
direction LR direction LR
GT[Gitea<br/>git.falahos.my<br/>CI/CD + Wiki] GT["Gitea (git.falahos.my / CI-CD / Wiki)"]
OCP[OpenClaw Proxy<br/>opencode.ai/zen<br/>DeepSeek · Qwen] OCP["OpenClaw Proxy (opencode.ai/zen / DeepSeek / Qwen)"]
PP[PayPal Standard<br/>wanjauhari@me.com] PP["PayPal Standard (wanjauhari@me.com)"]
MCP[MCP Servers<br/>UI/UX Tester<br/>Browser Tools] MCP["MCP Servers (UI/UX Tester / Browser Tools)"]
end end
%% ── Agent Fleet ── %% ── Agent Fleet ──
subgraph TS["🔗 Tailscale Mesh Network"] subgraph TS["Tailscale Mesh Network"]
subgraph MM["Mac Mini — 100.72.2.115 (macOS 12.7.6)"] subgraph MM["Mac Mini - 100.72.2.115 (macOS 12.7.6)"]
ODY[Odysseus<br/>API Gateway :7860] ODY["Odysseus (:7860 - API Gateway)"]
PI[Pi<br/>AI Assistant :4747] PI["Pi (:4747 - AI Assistant)"]
OH[OpenHand<br/>Coding Agent :3000] OH["OpenHand (:3000 - Coding Agent)"]
OCL[OpenClaw<br/>Model Provider :3100] OCL["OpenClaw (:3100 - Model Provider)"]
CC[Claude Code<br/>Coding Assistant CLI] CC["Claude Code (CLI - Coding Assistant)"]
end end
MBA[Hermes MBA<br/>Fallback Agent<br/>100.76.3.26] MBA["Hermes MBA (100.76.3.26 - Fallback Agent)"]
end end
%% ── Connections ── %% ── Connections ──
TG --> GW TG --> GW
WA --> GW WA --> GW
WB --> DNS WB --> DNS
DNS --> WAF DNS --> WAF
WAF --> TUN WAF --> TUN
TUN --> UMMAH TUN --> UMMAH
TUN --> MY TUN --> MY
GW --> HA GW --> HA
HA --> FR HA --> FR
HA --> SHT HA --> SHT
FR --> ODY FR --> ODY
FR --> PI FR --> PI
FR --> OH FR --> OH
FR --> OCL FR --> OCL
FR --> CC FR --> CC
FR --> MBA FR --> MBA
SHT -.->|Port Forward| ODY
SHT -.->|Port Forward :7860| ODY
UMMAH --> MYSQL UMMAH --> MYSQL
MY --> MYSQL MY --> MYSQL
UMMAH --> CPT UMMAH --> CPT
MY -.->|Payment IPN| PP MY -.->|Payment IPN| PP
UMMAH -.->|Git Deploy| GT UMMAH -.->|Git Deploy| GT
HA -.->|CI/CD| GT HA -.->|CI-CD| GT
OCL -.->|API Calls| OCP OCL -.->|API Calls| OCP
%% Assign classes %% Assign classes