MobileDevFlow.mermaid

flowchart TD
    subgraph Chat["Chat Interface"]
        CM[Chat Message] --> MP[Message Parser]
        MP --> |Code Block| CB[Code Block]
        MP --> |Action| AR[Action Runner]
        MP --> |Artifact| AF[Artifact]
    end

    subgraph Mobile["Mobile Processing"]
        CB --> |Platform Check| PC[Platform Checker]
        PC --> |iOS| IOS[iOS Handler]
        PC --> |Android| AND[Android Handler]
        
        AR --> |Mobile Command| MC[Mobile Command Parser]
        MC --> |Build| MB[Mobile Build]
        MC --> |Run| MR[Mobile Run]
        MC --> |Debug| MD[Mobile Debug]
        
        AF --> |Mobile Artifact| MA[Mobile Asset Generator]
        MA --> |Components| COM[Component Builder]
        MA --> |Config| CON[Config Generator]
        MA --> |Assets| AST[Asset Manager]
    end

    subgraph Output["Development Environment"]
        IOS & AND --> PRE[Mobile Preview]
        MB & MR & MD --> TER[Terminal]
        COM & CON & AST --> EDT[Code Editor]
        
        PRE --> GUI[GUI Preview]
        TER --> LOG[Logs/Output]
        EDT --> FSY[File System]
    end

    style Chat fill:#f9f,stroke:#333,stroke-width:2px
    style Mobile fill:#bbf,stroke:#333,stroke-width:2px
    style Output fill:#bfb,stroke:#333,stroke-width:2px