fix: replace rgba() with hex colors in Mermaid diagram (parser conflict with commas)
+45
-52
@@ -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<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
|
||||
class TG,WA,WB user
|
||||
class DNS,WAF,TUN cf
|
||||
|
||||
Reference in New Issue
Block a user