# T155 — fe-live-settings-usage-byok

> Status: `todo`  
> Milestone: `M3`  
> Kind: `feat`  
> Est. change: `~160 lines` (target 100–200)

## Goal

完成後系統應：FE：UsageEvent.key_mode、summary 分欄 UI；settings live；擴充下載

## Depends on

- T117
- T150
- T154
- T157

## Inputs

- 讀取 / 依賴：
  - spec §4.7.3 USG-09
  - Spec：`docs/product/haixun-backend/spec.md`（§9：USG-09 ST-01 ST-16）
  - 對照：`docs/product/haixun-backend/fe-spec-alignment.md`（**UI MUST**）
  - 後端根：**`apps/backend`**
  - **Remove（本 task 禁止實作）：** 舊靈感 list/viral/bookmark/spark/searchTrends；generateFromFormula；ScoutTopic CRUD；live 以 simulate／createMock 當完成；Insights 真管線（P2）。

## Outputs

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

| 路徑 | 動作 | 說明 |
|------|------|------|
| `apps/web/src/lib/usageMeter.ts` | edit | platform/byok 型別 |
| `apps/web/src/pages/UsagePage.tsx` | edit | 分顯 |
| `apps/web/src/data/**` | edit | live settings+usage |

### 行為變更

- 點數條只吃 platform；BYOK 另區

### API / 契約（若有）

- —

### 測試交付（強制）

- 型別編譯過

## Out of scope

- —

## Acceptance

- [ ] Spec／UI MUST 覆蓋：`USG-09 ST-01 ST-16`
- [ ] 每個相關 §9 ID 有可 grep 的 case 名（`TestXX_01_…` 或完整覆蓋在里程碑 test task）
- [ ] 未實作不回 102000+空 data
- [ ] 指令：

```bash
cd apps/web && npm run build
```

## Notes

—
