Translate Chinese text and images sent through LINE chat

flowchart TD trig>"chinese message sent"]:::trig s0["show loading animation"]:::task s1["detect message type"]:::task s2["send translation reply"]:::task trig --> s0 s0 --> s1 gx{"× is input text or image"}:::gate s1 --> gx p00["translate text with ai"]:::task gx -->|"text message"| p00 p10["extract and translate text"]:::task gx -->|"image message"| p10 jn{"○ send reply"}:::gate p00 --> jn p10 --> jn jn --> s2 out[/"translation sent back in chat"/]:::out pay{{"instant translation without switching apps"}}:::pay s2 --> out out --> pay classDef task fill:#e7f6fe,stroke:#34b8f0,color:#2c2a29 classDef svc fill:#f6f8fa,stroke:#7c8795,color:#2c2a29 classDef mi fill:#e7f6fe,stroke:#0079a8,color:#2c2a29,stroke-width:2px classDef human fill:#fff,stroke:#0079a8,color:#0079a8 classDef store fill:#f6f8fa,stroke:#0079a8,color:#2c2a29 classDef trig fill:#00a4eb,stroke:#0079a8,color:#fff,font-weight:bold classDef trigtime fill:#00a4eb,stroke:#0079a8,color:#fff,font-weight:bold classDef trigdata fill:#8ad4f5,stroke:#0079a8,color:#06314c,font-weight:bold classDef gate fill:#fff,stroke:#e8a23d,color:#6b4708,font-weight:bold classDef out fill:#1f9d6b,stroke:#167a53,color:#fff,font-weight:bold classDef pay fill:#06314c,stroke:#021f33,color:#fff