thread-master/docs/product/haixun-backend/tasks/T155-fe-live-settings-usage-byok.md

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
• 指令：

cd apps/web && npm run build

Notes

—