Checklist

%%{init: { 'flowchart': { 'nodeSpacing': 120, 'rankSpacing': 40 } } }%%
graph TD
    %% Define Nodes with Quotes for Safety
    Start{"Does the indicator<br/>light turn on?"}
    
    OtherIssues["It turns on, but there<br/>are other issues"]
    Mail1[Contact Support]
    
    CheckOrient["Double check if all parts installed in correct orientation"]
    
    Incorrect[Installed incorrectly]
    Reverse{"Can it be<br/>reversed?"}
    Fix["Fix it and retry!"]
    Mail2[Contact Support]
    
    Good[Everything looks good]
    Cable["Try a different power cable<br/>(Must carry data)"]
    
    Works1[Awesome!]
    Broken1[Still doesn't work]
    USB["Plug directly into machine<br/>(Avoid USB hubs)"]
    
    Works2[Awesome!]
    Mail3[Contact Support]

    %% Connections
    Start -->|No| CheckOrient
    Start -->|Yes| OtherIssues
    OtherIssues --> Mail1
    
    CheckOrient --> Incorrect
    Incorrect --> Reverse
    Reverse -->|Yes| Fix
    Reverse -->|No| Mail2
    
    CheckOrient --> Good
    Good --> Cable
    
    Cable -->|Works| Works1
    Cable -->|Fails| Broken1
    
    Broken1 --> USB
    USB -->|Works| Works2
    USB -->|Fails| Mail3

    %% Clickable Terminal Nodes
    click Mail1 "mailto:support@example.com?subject=Indicator%20Issues"
    click Mail2 "mailto:support@example.com?subject=Orientation%20Issues"
    click Mail3 "mailto:support@example.com?subject=USB/Power%20Issues"

    %% Styling
    style Mail1 fill:#0073aa,color:#fff,stroke:#005177
    style Mail2 fill:#0073aa,color:#fff,stroke:#005177
    style Mail3 fill:#0073aa,color:#fff,stroke:#005177
    style Fix fill:#d4edda,stroke:#28a745
    style Works1 fill:#d4edda,stroke:#28a745
    style Works2 fill:#d4edda,stroke:#28a745