本卡屬 FR-167（母卡 CM-3241），卡 P1-8，階段 P1 升級變安全、批 1。只改 FE（compliance-manager-fe）。依賴：無。

這張卡做什麼（白話）

升級時後端會停幾分鐘，使用者打開網址不該看到一片錯誤。前門 nginx 在後端連不上時改送一頁維護頁，頁面每 3 秒讀進度檔畫出「現在到第幾步、剩多久」，沒有任何按鈕。

為什麼切這一張

獨立於主系統、要在後端停掉時能跑；規格＝雛形 ②

reuse／extend／new

extend：nginx.onprem.conf 加 error_page 502 503 =503 /maintenance.html 與 /upgrade-progress.json alias；頁面純 HTML＋少量 JS，不用框架、不接 API

在哪裡

repo：~/Projects/Billows/Audit-Manager/compliance-manager-fe
改既有：nginx.onprem.conf
新開：public/maintenance.html

怎麼做

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

• nginx.onprem.conf：error_page 502 503 =503 /maintenance.html;、location = /maintenance.html { root /usr/share/nginx/html; internal; }、location = /upgrade-progress.json { alias /guidant/upgrade/upgrade-progress.json; }（掛載路徑由 P1-4 compose 提供，本卡先寫路徑）。
• public/maintenance.html：純 HTML＋原生 JS，每 3 秒 fetch 進度檔，畫步驟清單（步名、狀態、耗時、時限）、總進度、「請勿關機」；讀不到檔時顯示「系統維護中」；無按鈕、無框架、無 border-left；配色用現有 token。
• 本機 docker 起 fe image 驗 503 與頁面；e2e 用的 conf 不變。

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

停掉 api 容器打首頁得 503 與維護頁；放一份假進度檔，頁面每 3 秒更新步驟、耗時、剩餘時限；沒有任何按鈕；grep border-left 0；e2e conf 不變

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