本卡屬 FR-166（母卡 CM-母卡號（建完補）），卡 P2-8b，階段 P2 離線能做事、批 6。只改 FE（compliance-manager-fe）。依賴：P1-7b、P1-8、P2-8a。

這張卡做什麼（白話）

服務與重啟分頁與總覽改版；工具帳密的表單元件抽成共用。

為什麼切這一張

抽共用表單元件＋兩頁

reuse／extend／new

reuse：儲存表單與工具帳密表單同一個元件（Tools.vue 467 的表單段抽成 SecretForm.vue，兩頁共用）

在哪裡

repo：~/Projects/Billows/Audit-Manager/compliance-manager-fe
改既有：console/views/Overview.vue 141
改既有：console/views/Tools.vue 467（抽出）
新開：console/views/Ops.vue
新開：console/components/SecretForm.vue
新開：console/components/LampGrid.vue

怎麼做

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

• SecretForm.vue：從 Tools.vue 抽表單段，三頁共用（工具帳密、儲存設定、LDAP）；Tools.vue 淨減。
• Ops.vue：服務狀態四卡、重啟確認框（列會中斷的工作、when_idle／now、原因）、本機設定、儲存位置表單、診斷包。
• Overview.vue 改三區（狀態燈 LampGrid、這台 Agent、正在執行）；未同步只剩註冊狀態。

驗收（可親手做、可親眼看）

幕 6 兩變化、幕 2 三態；Tools.vue 行數淨減且既有工具帳密頁不壞；燈元件總覽與除錯頁同一支

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

紀律

• 🔴 不重複造輪子：要寫任何新函式／元件／composable／service 方法之前，第一步不是寫，是查——按行為 grep 真實程式碼（grep 表名／領域詞，不是你想取的名字），再查 docs/claude/domain-capabilities.md 與 FE docs/claude/frontend-overview.md §4。三擇一、預設不新增：reuse → extend 加參數 → 兩邊都確認沒有才新增。既有的是 stub／壞掉 → 修它或回報，不另寫繞過。回寫列出本卡 reuse 了哪些、新增了哪些、為什麼不能 reuse。
• 🔴 不做義大利麵式程式：本卡「怎麼做」段已標 reuse／extend／new。標 extend 的改既有那支（加參數、抽共用），不另開一支；標 new 的用卡上寫的架構，不在既有函式裡塞第三個 if source == ... 分支。紅旗：複製一段既有函式改兩行、開 XxxV2／XxxForAgent、同一行為兩條路徑各自演化——出現就停下先抽共用。回寫列出哪些 extend 了既有的、哪些 new 及為什麼不能 extend。