# T574 — fe-crm-board-eight-columns

> Status: `done`  
> Milestone: `M4`  
> Kind: `feat`  
> Est. change: `~200 lines`

## Goal

完成後系統應：`/app/crm` 顯示八格視圖（七階段＋待追蹤）並可篩選排序。

## Depends on

- T502、T503、T569

## Inputs

- Spec：`../spec.md` §3.4、§4.6.4、§5.3

## Outputs

### 程式變更（預期路徑）

| 路徑 | 動作 | 說明 |
|------|------|------|
| `apps/web/src/pages/CrmPage.tsx` | add | 八格視圖＋篩選列＋排序 |
| `apps/web/src/components/radar/ContactCard.tsx` | add | 名稱、平台、階段、最高意向、最後接觸、待追蹤標記 |
| `apps/web/src/App.tsx` | edit | 註冊 `/app/crm` |
| `apps/web/src/data/live/radarRepos.ts` | edit | crm contacts 列表實作 |
| `apps/web/src/styles/radar.css` | edit | 八格版面樣式 |

### 行為變更

- 第八格「待追蹤」為**跨階段檢視**（`needs_follow_up=true`），不是第八個階段；UI 需明示這點。
- 空名單顯示引導（去 `/app/radar` 加入名單），不顯示空白。
- 手機版八格改為可橫向滑動或折疊列表，維持可操作。

## Out of scope

- 詳情與成交（T575）
- 統計（T591）

## Acceptance

- [x] 八格數量與後端 filter 結果一致；待追蹤格含各階段資料
- [x] 空名單有引導
- [x] 指令：

```bash
cd apps/web && npm run build && npm run check:tokens && npm run test && npm run lint
```

## Notes

同時把 T553 的「即將推出」佔位換成真頁。