flowchart LR
    APP[Product App]
    BLE[BLE Provisioning]
    STORE[Config Storage]
    AUTH[Auth and Tokens]
    MQTT[MQTT Runtime]
    QUEUE[Telemetry Queue]
    HTTP[Remote Config and OTA]
    UX[Button and LED]
    CLOUD[UMEC Space IoT Cloud]

    APP -->|init and producers| QUEUE
    APP -->|hardware config| UX
    BLE --> STORE
    BLE --> AUTH
    STORE --> MQTT
    STORE --> HTTP
    AUTH --> MQTT
    QUEUE --> MQTT
    HTTP --> STORE
    MQTT --> CLOUD
    CLOUD --> MQTT
    MQTT --> UX
    BLE --> UX

    classDef core fill:#dcecef,stroke:#0e5a61,color:#1e2430,stroke-width:1.5px;
    classDef edge fill:#f5e1d8,stroke:#b54f2d,color:#1e2430,stroke-width:1.5px;
    classDef ext fill:#f4efe6,stroke:#5f6b7a,color:#1e2430,stroke-width:1.5px;
    class APP,CLOUD ext;
    class BLE,STORE,AUTH,MQTT,QUEUE,HTTP,UX core;