%%{init: {
'theme': 'base',
'themeVariables': {
'primaryColor': '#0b1220',
'primaryTextColor': '#e5e7eb',
'lineColor': '#60a5fa',
'fontFamily': 'Inter, ui-sans-serif, system-ui',
'fontSize': '14px'
},
'flowchart': { 'curve': 'basis', 'nodeSpacing': 46, 'rankSpacing': 70 }
}}%%
flowchart TB
%% =======================
%% STYLES
%% =======================
classDef ui fill:#0b2a4a,stroke:#60a5fa,stroke-width:2px,color:#e0f2fe,rx:14,ry:14,font-weight:bold;
classDef middleware fill:#111827,stroke:#93c5fd,stroke-width:1.6px,color:#e5e7eb,rx:12,ry:12;
classDef gateway fill:#052e2b,stroke:#34d399,stroke-width:3px,color:#d1fae5,rx:16,ry:16,stroke-dasharray: 6 4;
classDef exec fill:#3b0a52,stroke:#f0abfc,stroke-width:2px,color:#fae8ff,rx:16,ry:16,font-weight:bold;
classDef division fill:#2e1065,stroke:#d8b4fe,stroke-width:2px,color:#f5f3ff,rx:14,ry:14;
classDef agent fill:#0f172a,stroke:#a78bfa,stroke-width:1.4px,color:#ede9fe,rx:12,ry:12;
classDef storage fill:#09090b,stroke:#f59e0b,stroke-width:2px,color:#fff7ed,rx:10,ry:10;
classDef policy fill:#0b1220,stroke:#f472b6,stroke-width:1.4px,color:#fce7f3,rx:12,ry:12,stroke-dasharray: 3 3;
classDef note fill:#0b1220,stroke:#334155,stroke-width:1.2px,color:#cbd5e1,rx:12,ry:12;
%% =======================
%% L1 — FLIGHT DECK
%% =======================
subgraph L1["🛰️ FLIGHT DECK — Mission Control UI"]
direction TB
Operator((👨✈️ Operator
Paweł)):::ui
UI["🖥️ Dashboard (Next.js)
Controls • Telemetry"]:::ui
subgraph UIX["UI Telemetry & Controls"]
direction LR
Status["📊 Status Bar
NSM • MRR • WIP"]:::middleware
Approval["🟡 Draft / 🟢 Final
Approval switch"]:::policy
end
Operator -->|"EXECUTE"| UI
UI -.-> Status
UI -.-> Approval
end
%% =======================
%% L2 — COMMS ARRAY
%% =======================
subgraph L2["📡 COMMS ARRAY — API/Auth + Realtime"]
direction TB
API["API Routes / Server Actions
Auth • Validation • Audit"]:::middleware
SSE["SSE Uplink
Live events to UI"]:::middleware
UI <-->|"REST / JSON"| API
SSE -.->|"Telemetry events"| UI
end
%% =======================
%% L3 — ENGINE ROOM
%% =======================
subgraph L3["⚙️ ENGINE ROOM — OpenClaw Gateway + Safe Tools"]
direction TB
Gateway["OPENCLAW Gateway
Node.js • Port 18789"]:::gateway
ToolMgr["🧰 Tool Manager
Safe file ops • Policy enforcement"]:::middleware
API -->|"Signed request / token"| Gateway
Gateway -->|"Invoke tools"| ToolMgr
end
%% =======================
%% L4 — THE FLEET (ORG + ORCHESTRATION)
%% =======================
subgraph L4["🚀 THE FLEET — Muddy Org Chart (Divisions + Agents)"]
direction TB
Orchestrator["🧭 ORCHESTRATOR
Plan • Delegate • Track"]:::exec
Muddy["Muddy — AI Executive"]:::exec
%% Core relation
Gateway -->|"Orchestrate"| Orchestrator
Orchestrator -->|"Executive brief"| Muddy
%% Divisions
subgraph Divs["Divisions"]
direction LR
Content["Content Division (3)"]:::division
Social["Social Division (2)"]:::division
Growth["Growth Division (3)"]:::division
Community["Community & Support (3)"]:::division
Engineering["Engineering Division (4)"]:::division
Hospitality["Hospitality LLMO Division (3)"]:::division
Marketing["Marketing Division
planned / unstaffed"]:::division
Product["Product Division
Muddy oversees directly"]:::division
end
Muddy --> Content
Muddy --> Social
Muddy --> Growth
Muddy --> Community
Muddy --> Engineering
Muddy --> Hospitality
Muddy --> Marketing
Muddy --> Product
%% Agents — Content
Content --> Echo["Echo — Newsletter Engine"]:::agent
Content --> Rex["Rex — YouTube Script Writer"]:::agent
Content --> Sage["Sage — Research & Analysis"]:::agent
%% Agents — Social
Social --> Clip["Clip — Instagram Reels Creator"]:::agent
Social --> Hype["Hype — LinkedIn Growth Engine"]:::agent
%% Agents — Growth
Growth --> Forge["Forge — SEO & Content Optimizer"]:::agent
Growth --> Pulse["Pulse — Analytics Agent"]:::agent
Growth --> Scout["Scout — Trend & Research"]:::agent
%% Agents — Community
Community --> Beacon["Beacon — Support & Onboarding"]:::agent
Community --> Link["Link — Discord Manager"]:::agent
Community --> Vibe["Vibe — Community Engagement"]:::agent
%% Agents — Engineering
Engineering --> Anvil["Anvil — Backend Engineer"]:::agent
Engineering --> Cipher["Cipher — Security Engineer"]:::agent
Engineering --> Pixel["Pixel — Frontend Engineer"]:::agent
Engineering --> Sentry["Sentry — DevOps & Infra"]:::agent
%% Agents — Hospitality
Hospitality --> Bellhop["Bellhop — Marketing & Growth"]:::agent
Hospitality --> Concierge["Concierge — Customer Success"]:::agent
Hospitality --> Inspector["Inspector — QA & Audit Quality"]:::agent
%% Planned details
Marketing --> MarketingPlan["Marketing Division Plan
Outreach workflow • Partnership tiers • Targets"]:::note
end
%% =======================
%% L5 — THE SURFACE (JD STORAGE)
%% =======================
subgraph L5["🪐 THE SURFACE — Local File System (.org) / Johnny Decimal"]
direction TB
JD00["📂 00–09 Meta & Management
Decisions • Runway"]:::storage
JD10["📂 10–19 Live & Journal
Logs • Inbox"]:::storage
JD20["📂 20–29 Active Projects
Sprints • WIP"]:::storage
JD30["📂 30–39 Areas & Content
Assets • Marketing pipeline"]:::storage
JD40["📂 40–49 Resources & Brain
SOPs • Knowledge base"]:::storage
Access["🔐 Access Policy
RO: JD40
Append(Draft): JD10/JD30
RW(Final): JD00/JD20"]:::policy
end
%% Policy enforcement
ToolMgr -->|"Policy-enforced ops"| Access
Access --> JD40
Access --> JD10
Access --> JD30
Access --> JD20
Access --> JD00
%% =======================
%% STORAGE MAPPING (who touches what)
%% =======================
Engineering -.->|"Builds/changes\nprojects & infra"| JD20
Engineering -.->|"Security policies\n& SOPs"| JD40
Content -.->|"Drafts & assets"| JD30
Social -.->|"Short-form assets"| JD30
Growth -.->|"Experiments/notes"| JD10
Growth -.->|"Optimized assets"| JD30
Community -.->|"Support logs\n& onboarding notes"| JD10
Hospitality -.->|"QA/audit notes"| JD10
Product -.->|"Roadmap/decisions"| JD00
Marketing -.->|"Outreach pipeline\n(planned)"| JD30
%% =======================
%% TELEMETRY LOOP BACK
%% =======================
Orchestrator -.->|"Progress & metrics"| SSE
API -.->|"Audit & status"| SSE