``` mermaid
flowchart TB

%% =========================
%% NODES
%% =========================
subgraph CC[COMMAND CENTER VPS]
  direction LR

  OA[Orchestrator Agent<br/><br/>• Memory & Context<br/>• Task Management<br/>• Project Tracking<br/>• Content Pipeline<br/>• Security & Monitoring<br/>• SSH to all VPSes]

  subgraph UI[ ]
    direction TB
    WD[Web Dashboard]
    CSA[Creative Studio Agent<br/><br/>• AI Image Generation<br/>• Talent Management<br/>• Prompt Library<br/>• Angle/Variety System<br/>• B-roll Library<br/>• Video Pipeline]
  end

  WD -.-> CSA
  OA -. some VPS .-> CSA
end

subgraph A[CLIENT A - VPS]
  direction TB
  PA[Personal Agent<br/><br/>• Market Research<br/>• Content Creation<br/>• Social Strategy<br/>• Landing Pages<br/>• Slides & Decks]
  SIG[Signal / WhatsApp]
  PA --> SIG
end

subgraph B[CLIENT B - VPS]
  direction TB
  TA[Team Agent<br/><br/>• QA Automation<br/>• Demand Planning<br/>• Team Slack Integration<br/>• SOP Knowledge Base<br/>• Website Audits]
  SD[Slack / Discord]
  TA --> SD

  ShopifyB[Shopify API]
  Meta[Meta Ads]
  SD --> ShopifyB
  SD --> Meta
end

subgraph C[CLIENT C - VPS]
  direction TB

  subgraph CAgents[ ]
    direction LR
    DA[Dev Agent<br/><br/>• Discord Bot<br/>• Project Mgmt<br/>• Team Coord<br/>• Deploy Agents<br/>• Monitoring]
    CSA2[CS Agent<br/><br/>• Helpdesk Triage<br/>• Ticket Response<br/>• Shopify Lookup<br/>• SOP Knowledge<br/>• Macro Library]
  end

  DH[Discord / Helpdesk]
  DA --> DH
  CSA2 --> DH

  HelpdeskAPI[Helpdesk API]
  ShopifyC[Shopify API]
  DH --> HelpdeskAPI
  DH --> ShopifyC
end

%% SSH links
OA -- SSH --> PA
OA -- SSH --> TA
OA -- SSH --> DA
OA -- SSH --> CSA2


%% =========================
%% STYLES (kolory jak na screenie)
%% =========================

%% Orchestrator / Command Center (niebieskie)
classDef ccBg fill:#D7ECFF,stroke:#2B6CB0,stroke-width:2px,color:#0B2545;
classDef oa fill:#9FD0FF,stroke:#2B6CB0,stroke-width:2px,color:#0B2545;

%% Web Dashboard / Creative Studio (fiolet)
classDef uiBox fill:#F1E6FF,stroke:#7B3FC6,stroke-width:2px,color:#2D0B45;
classDef uiNode fill:#E2C8FF,stroke:#7B3FC6,stroke-width:2px,color:#2D0B45;

%% Client A (zielony)
classDef aBg fill:#DFF5E1,stroke:#2F855A,stroke-width:2px,color:#103B2A;
classDef aNode fill:#B9EBC0,stroke:#2F855A,stroke-width:2px,color:#103B2A;

%% Client B (żółty)
classDef bBg fill:#FFF3CD,stroke:#B7791F,stroke-width:2px,color:#4A2C00;
classDef bNode fill:#FFE08A,stroke:#B7791F,stroke-width:2px,color:#4A2C00;

%% Client C (czerwony)
classDef cBg fill:#FFE0E0,stroke:#C53030,stroke-width:2px,color:#4A0D0D;
classDef cNode fill:#FFB3B3,stroke:#C53030,stroke-width:2px,color:#4A0D0D;

%% Integracje / kanały komunikacji i API (tagi)
classDef channel fill:#EFEFEF,stroke:#666,stroke-width:1px,color:#111;
classDef api fill:#CFE9F2,stroke:#2C7A7B,stroke-width:1.5px,color:#083A3A;

%% Przypięcie klas do elementów
class CC ccBg;
class OA oa;

class UI uiBox;
class WD,CSA uiNode;

class A aBg;
class PA aNode;
class SIG channel;

class B bBg;
class TA bNode;
class SD channel;
class ShopifyB,Meta api;

class C cBg;
class DA,CSA2 cNode;
class DH channel;
class HelpdeskAPI,ShopifyC api;
```