✦ MysticX — Wireframes & Route Map

Navigation Map / 路由地图

flowchart TB
    ROOT["_layout.tsx\nRoot Stack"] -->|first launch| ONB
    ROOT -->|not signed in| AUTH
    ROOT -->|signed in| TABS

    subgraph AUTH["Auth / 登录"]
        A1["sign-in\n登录"]
        A2["sign-up\n注册"]
        A3["forgot-password\n忘记密码"]
        A4["email-login\n邮箱登录"]
        A1 <--> A2
        A1 -->|email login| A4
        A4 --> A3
    end

    subgraph ONB["Onboarding / 引导"]
        direction LR
        O1["welcome\n提问"] --> O2["how-it-works\n抽牌"] --> O3["features\n看结果"] --> O4["get-started\n更多功能"]
    end

    subgraph TABS["Tab Bar / 标签栏"]
        direction LR
        T1["🏠 Home\n首页"]
        T2["🔮 Discover\n发现"]
        T3["📖 Journal\n日志"]
        T4["👤 Me\n我的"]
    end

    T1 -->|ask question| R3
    T1 -->|daily card| COD["card-of-day\n每日抽卡"]
    T1 -->|more readers| MR

    T3 -->|tab: readings| R5
    T3 -->|tab: daily| COD
    T3 -->|tab: weekly| WG["weekly-guidance\n每周指引"]
    T3 -->|tab: journey| SJ["soul-journey\n灵魂旅程"]

    subgraph READING["Reading Flow / 占卜流程"]
        direction LR
        R3["select-cards\n选牌"] --> R4["streaming\n流式解读"] --> R5["result\n结果"]
    end
    R5 --> R6["chat\n追问聊天"]

    T2 --> D1["discover/cards\n全部卡牌"]
    T2 --> D2["discover/spreads\n全部牌阵"]
    T2 --> MR
    T2 --> MS
    D1 --> D3["card/id\n卡牌详情"]
    D2 --> D4["spread/slug\n牌阵详情"]

    subgraph MKT["Market / 市场"]
        MR["readers\n塔罗师"]
        MS["skins\n卡牌皮肤"]
    end

    T4 --> MR
    T4 --> MS
    T4 --> P1["edit\n编辑"]
    T4 --> P2["settings\n设置"]
    T4 --> P3["credits\n积分"]
    T4 --> P4["subscription\n订阅"]
    T4 --> P5["memory\nAI记忆"]
    T4 --> P6["delete\n删除账户"]

    R3 -->|insufficient credits| PW["paywall\n付费墙"]
    PW --> P4
    PW --> P3

    click A1 "#sign-in"
    click A2 "#sign-up"
    click A3 "#forgot-password"
    click A4 "#email-login"
    click O1 "#welcome"
    click O2 "#how-it-works"
    click O3 "#features"
    click O4 "#get-started"
    click T1 "#home"
    click T2 "#discover"
    click T3 "#journal"
    click WG "#weekly-guidance"
    click SJ "#soul-journey"
    click T4 "#me"
    click COD "#card-of-day"
    click R3 "#select-cards"
    click R4 "#streaming"
    click R5 "#result"
    click R6 "#chat"
    click D1 "#all-cards"
    click D2 "#all-spreads"
    click D3 "#card-detail"
    click D4 "#spread-detail"
    click MR "#readers"
    click MS "#skins"
    click P1 "#edit-profile"
    click P2 "#settings"
    click P3 "#credits"
    click P4 "#subscription"
    click P5 "#memory"
    click P6 "#delete-account"
    click PW "#paywall"

    style TABS fill:#edeae6,stroke:#b8923a,color:#1a1a1a
    style READING fill:#f0ede8,stroke:#b8923a,color:#1a1a1a
    style AUTH fill:#ebe8e4,stroke:#999,color:#1a1a1a
    style ONB fill:#e8e5e0,stroke:#999,color:#1a1a1a
    style MKT fill:#ebe8e4,stroke:#b8923a,color:#1a1a1a