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

這張卡做什麼（白話）

儀表板上的「有新版」橫幅（只給系統管理員，可按「這版先不提醒」），以及排程更新前 30 分與 5 分的全站提醒。

為什麼切這一張

兩個橫幅

reuse／extend／new

reuse：全站橫幅用既有公告／toast 元件；狀態來自 P3-2a 的 status 端點

在哪裡

repo：~/Projects/Billows/Audit-Manager/compliance-manager-fe
改既有：src/layout/（頂欄或橫幅掛點）
改既有：i18n
新開：src/components/product-update/NewVersionBanner.vue

怎麼做

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

• NewVersionBanner.vue：讀 status 端點；只對有 system.product-update.read 的人顯示；「這版先不提醒」存 localStorage 以版號為 key；排程前 30／5 分全站提醒 reuse 既有公告或 toast 元件（grep 現有全站提示掛點）。
• 掛點在 src/layout/ 頂欄下方；i18n。對照雛形 ⓪。

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

雛形 ⓪；按「這版先不提醒」後同版不再跳、新版再跳；排程前 30 分所有登入者看得到提醒

對照雛形：~/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 及為什麼。