本卡屬 FR-166（母卡 CM-母卡號（建完補）），卡 P1-7b，階段 P1 登入、批 4。只改 FE（compliance-manager-fe）。依賴：P1-7a、P1-4。

這張卡做什麼（白話）

登入頁接真的 API：三種連線狀態、四種登入方式、首次跳轉設離線密碼、改密碼。

為什麼切這一張

接線＋五個畫面變化

reuse／extend／new

extend：接 P1-7a 殼與 P1-4 端點；api.js 401 走既有 onSessionLost

在哪裡

repo：~/Projects/Billows/Audit-Manager/compliance-manager-fe
改既有：console/Login.vue
改既有：console/Shell.vue
改既有：console/state.js
改既有：console/api.js 74
新開：console/SetOfflinePasswordDialog.vue

怎麼做

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

• Login.vue 接 GET /console/state、POST /console/local-session；四種登入；失敗同一句。
• SetOfflinePasswordDialog.vue：跳轉進來且名單內且未設時自動跳；「我的離線密碼」在側欄使用者選單；local-admin 改密碼。
• 斷線超過 30 天狀態只剩本機管理員。

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

幕 1 五變化實打：離線密碼登入進總覽；失敗同一句；斷線 30 天只剩本機管理員；跳轉首次自動跳設密碼框；改密碼成功

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