本卡屬 FR-132（母卡 CM-2510），A.5 存取管理前端第 6 張。依賴：T-3.8。建議 model：opus。

這張卡做什麼（白話）

給需要「部門之間互不相見」的客戶自己打開部門資料隔離。因為 RLS 擋掉的資料畫面上只是少了幾筆、不會報錯，部門指派下錯一層主管就會「以為部門沒有專案」，所以按開啟後系統先列預覽清單（每位使用者在每張表會少看到幾筆、誰會整張表空掉），管理員確認後才生效並記稽核事件。關閉不需預覽。只有系統管理員能進這頁。

在哪裡

後端預覽與切換 API：T-3.8（開啟必須帶預覽回傳的確認 token）
~/Projects/Billows/Audit-Manager/compliance-manager-fe/src/views/      新頁（存取管理模組下）

怎麼做

• 頁面：目前狀態＋開關按鈕。按「開啟」→ 呼叫預覽 → Dialog 顯示表格（使用者 × 表 → 少看筆數；整表變空的人醒目標示）→ 確認後帶 token 呼叫切換。
• 按「關閉」→ 確認對話框（說明會回到只看租戶）→ 呼叫切換。
• 進頁權限：系統管理員（路由守衛＋後端 403 雙重）；非系統管理員在側欄也看不到。
• 預覽量大時分頁或只先列「整表變空」與少看最多的前 N 人。

要寫測試

• FE 不寫 unit test（本專案碎片 case 不採 TDD）；驗證＝npm run build 通過＋下方手測。E2E 屬母案收口，不在本卡。

驗收條件

• 非系統管理員進不去；按開啟先看到預覽，確認後才生效並有稽核事件。

手測

• DEV：一般管理員帳號（非系統管理員）直接打網址被擋。
• DEV：系統管理員按開啟看預覽、取消（狀態不變）、再開啟確認（狀態變、稽核紀錄有一筆），最後關閉還原。

紀律

• 只動 DEV：migration、資料修改、部署一律只碰本機 DEV，絕不碰 STG／POC（POC 等同 production）。唯讀查詢任何環境都可以。
• FE repo 在 ~/Projects/Billows/Audit-Manager/compliance-manager-fe/，先讀該 repo 的 CLAUDE.md；做頁面前先載入 guidant-design-system skill；Vue 檔 800 行上限（含 template），<script> 內單一函式 40 行；BE 與 FE 分開 commit。