本卡屬 FR-167（母卡 CM-3241），卡 P4-4，階段 P4 Agent 跟進、批 7。只改 FE（compliance-manager-fe）。依賴：P4-2、P3-3。

這張卡做什麼（白話）

更新中心的 Agent 區：批次表、每台狀態、暫停／繼續、推選定、第一台失敗後其餘顯示已暫停。

為什麼切這一張

一個面板

reuse／extend／new

reuse：表格照主站 DataTable 慣例；接 P4-2 端點

在哪裡

repo：~/Projects/Billows/Audit-Manager/compliance-manager-fe
改既有：src/views/product-update/UpdateCenter.vue
新開：src/views/product-update/AgentRolloutPanel.vue

怎麼做

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

• AgentRolloutPanel.vue：批次表（台、批、狀態、版本、時間）、暫停／繼續、推選定（只能勾落後的）、只升 Agent 說明；UpdateCenter.vue 加一行掛面板。對照雛形 ④。

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

雛形 ④；第一台失敗後其餘顯示已暫停；推選定只能勾落後的

對照雛形：~/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 及為什麼。
• 🔴 資安開發規範：BE 動到 api/／app/／infra/／scripts/sql/ 時 .claude/rules/security/ 八支自動載入；其他 repo 沒有自動載入，動手前讀 BE 的八支（總覽 docs/claude/secure-coding-rules.md）。本案特別要守 design §5.8：對外服務無私鑰、客戶端不信任更新站（簽章／kid／90 天／版號遞增／主版號／sha256 五道）、主系統不碰 docker、主機不開新埠、上傳先驗簽章再解包、進度檔與診斷包無密碼、祕密只在 .env。回寫列本卡對到哪幾條。