Mermaid Viewer

flowchart LR

DEV["👩‍💻 Developer"]
    GIT["Git Repository"]

%% ============================================================
    %% CONTINUOUS INTEGRATION
    %% ============================================================

subgraph CI["🔵 Continuous Integration"]
        direction TB

TEST["✅ Unit Tests"]
        SAST["🔎 SAST"]
        DEPS["📦 Dependency Scan"]
        BUILD["🏗️ Build Artifact"]

TEST --> BUILD
        SAST --> BUILD
        DEPS --> BUILD
    end

%% ============================================================
    %% CONTINUOUS DELIVERY / DEPLOYMENT
    %% ============================================================

subgraph CD["🟢 Continuous Delivery"]
        direction TB

REGISTRY["📦 Artifact Registry"]
        STAGING["🧪 Staging"]
        PROD["🚀 Production"]

REGISTRY --> STAGING
        STAGING --> PROD
    end

%% ============================================================
    %% PIPELINE FLOW
    %% ============================================================

DEV --> GIT

GIT --> TEST
    GIT --> SAST
    GIT --> DEPS

BUILD --> REGISTRY

%% ============================================================
    %% BOUNDARY STYLING
    %% ============================================================

%% CI - blue security/build boundary
    style CI fill:#dbeafe,stroke:#2563eb,stroke-width:3px,color:#172554

%% CD - green release/deployment boundary
    style CD fill:#dcfce7,stroke:#16a34a,stroke-width:3px,color:#052e16

Loading Mermaid renderer…

Initialising…