# 02 · Tab「消息」逆向设计

> Evidence: ✅ E1/E4 分类 · 细交互多为 🟡/🔵（【待真机补证】）

---

## STEP 1 — UI Analysis

| 区域 | 元素 | 证据 |
|---|---|---|
| 顶栏 | 标题「消息」· 可能「一键已读」 | 🟡 E6 |
| 分类 Tab/分组列表 | AI 消息 · 达人消息 · 社区互动 · 系统 · 商业 | ✅ E4 |
| 会话行 | 头像 · 标题 · 摘要 · 时间 · 未读红点 | 🟡 E6 |
| 空态 | 插画 +「去问问 AI」CTA | 🔵 E7 |
| 底栏 | 全局 Tab，消息角标 | 🟡 E6 |

---

## STEP 2 — Feature Analysis

| 类型 | 作用 | 点击 | 删除/免扰 | 登录 |
|---|---|---|---|---|
| AI 消息 | 会话提醒/未读 AI | 进「问」对应线程 | 可删会话 🟡 | 是 |
| 达人消息 | 咨询回复 | 进咨询会话 | 是 | 是 |
| 社区 | 赞评关私信 | 进动态/私信 | 是 | 是 |
| 系统 | 公告/合规 | 详情页 | 通常不可删 | 是 |
| 商业 | 会员到期/订单/活动 | 会员/订单页 | 是 | 是 |

长按：删除会话 / 标记已读 / 免打扰 🟡 E6。

---

## STEP 3 — User Flow

```text
进入消息 → Loading → 列表
  → 点 AI 会话 → /ask 历史
  → 点达人 → 咨询页（可能支付状态校验）
  → 点系统 → H5/原生详情
失败：Token 失效登录；离线缓存只读 🔵
```

---

## STEP 4 — 状态机

Init → Loading → Loaded | Empty | Offline | Error | LoginRequired  

未读数：本地角标 ↔ 服务端 sync 🔵。

---

## 后台推导（摘要 · 详见 08）

推送通道、消息模板、免打扰时段、达人回复 SLA 监控 🔵。