本卡屬 FR-167（母卡 CM-3241），卡 P3-3，階段 P3 更新中心、批 3。只改 FE（compliance-manager-fe）。依賴：P3-2a。

這張卡做什麼（白話）

更新中心頁面：目前版本、最新版本與說明、預檢結果、下載／下載中／已就緒、立即或排程、取消、離線上傳、更新紀錄、失敗原因。照雛形 ①～③、⑥ 與弱點資料庫管理頁的版面。

為什麼切這一張

六個畫面狀態；規格＝雛形

reuse／extend／new

reuse：頁面結構照 views/vulndb/VulndbManage.vue＋VulndbUpdateHistory.vue；上傳元件 reuse vulndb 的 chunk 上傳；api.js 加 PRODUCT_UPDATE_*；能力點進 capabilities.js

在哪裡

repo：~/Projects/Billows/Audit-Manager/compliance-manager-fe
改既有：src/config/api/api.js
改既有：src/config/capabilities.js
改既有：src/config/router/index.js
改既有：i18n
新開：src/views/product-update/UpdateCenter.vue
新開：src/views/product-update/UpdateHistory.vue
新開：src/views/product-update/ReadyDialog.vue

怎麼做

細節在 design.md §5 對應段（~/Projects/Billows/Audit-Manager/compliance-manager-be/docs/features/FR-167-2610-online-update-channel/design.md，開 design.html 看導覽）；本段只列本卡要做到的點：

• UpdateCenter.vue 照 views/vulndb/VulndbManage.vue 版面：目前版本卡、最新版本卡（說明、安全修正 tag、影響範圍／建議動作）、預檢結果、下載按鈕／進度／取消、已就緒→ReadyDialog.vue（立即／排程日期時間）、離線上傳（reuse vulndb chunk 上傳元件）；UpdateHistory.vue 照 VulndbUpdateHistory.vue。
• api.js 加 PRODUCT_UPDATE_*；capabilities.js 加兩顆；router 懶載入；i18n 兩語系。無 update 能力點只讀。對照雛形 ①、①b、①c、③、⑥。

怎麼驗（開發期：你在本機／DEV 就要能做完）

雛形 ①～③、⑥ 逐頁對照實打；沒有 update 能力點只看不到按鈕；grep border-left 0；分段用 SegmentButtons；不自訂字級

對照雛形：~/Projects/Billows/Audit-Manager/compliance-manager-be/docs/features/FR-167-2610-online-update-channel/prototype/index.html（上方「跟著走」）。

紀律

• 🔴 這張卡的驗收只寫你在本機／DEV 就能做完的事（開發期無人盯）。要 190 主機、跑 pipeline、真 Cloudflare 部署、PROD 印章的情境不在你這張卡，那是測試期首腦做。卡上「怎麼驗」列的每一條你都要親手跑過、把結果貼回寫；做不到的寫明做不到，不要為了驗而去碰 190／STG／POC／真帳號部署。
• 🔴 不重複造輪子：寫任何新函式／元件／service 之前先按行為 grep 真實程式碼，再查 docs/claude/domain-capabilities.md。三擇一、預設不新增：reuse → extend 加參數 → 都沒有才新增。回寫列出 reuse 了哪些、新增了哪些、為什麼不能 reuse。
• 🔴 不做義大利麵：本卡「reuse／extend／new」段已標。標 extend 的改既有那支，不另開；標 new 的用卡上寫的架構。紅旗：複製一段既有函式改兩行、開 XxxV2、同一行為兩條路徑。回寫列出哪些 extend、哪些 new 及為什麼。