%%{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