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
```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<br/>DM + Ops Chat]
WA[💬 WhatsApp<br/>+6013-225 0691]
WB[🌐 Web Browser<br/>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<br/>Proxied Records]
WAF[WAF<br/>Security Rules]
TUN[cloudflared<br/>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<br/>WordPress + EDD + MailPoet<br/>Members + Tutor LMS]
MY[my.falahos.my<br/>WordPress + PayPal Standard<br/>Monetisation Subdomain]
MYSQL[(MySQL<br/>Shared Database)]
CPT[cPanel Tools<br/>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<br/>Telegram · WhatsApp<br/>Systemd Service]
HA[Hermes Agent<br/>60+ Skills · MCP Tools<br/>Sub-agents · Cron]
FR[FalahOS Relay<br/>Port :8088<br/>Systemd]
SHT[SSH Tunnel<br/>→ 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<br/>git.falahos.my<br/>CI/CD + Wiki]
OCP[OpenClaw Proxy<br/>opencode.ai/zen<br/>DeepSeek · Qwen]
PP[PayPal Standard<br/>wanjauhari@me.com]
MCP[MCP Servers<br/>UI/UX Tester<br/>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<br/>API Gateway :7860]
PI[Pi<br/>AI Assistant :4747]
OH[OpenHand<br/>Coding Agent :3000]
OCL[OpenClaw<br/>Model Provider :3100]
CC[Claude Code<br/>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<br/>Fallback Agent<br/>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