本卡屬 FR-161（母卡見「母卡」欄），第 5 棒：把資源庫的程序書池 tab 改成照大類分段。吃卡 3 的欄位與 API。

這張卡做什麼（白話）

顧問在資源庫編輯頁打開「程序書池」tab 時，客戶的事前資料已經在裡面。這張卡把這個 tab 從一條平的清單，改成照公司的大類分段顯示，每份標出是「客戶事前資料」還是「顧問上傳」，每份客戶資料旁邊有「這框架不用」。資源庫的 tab 列完全不動，不多開任何 tab（決策者裁示）。

雛形：~/Projects/Billows/Audit-Manager/compliance-manager-be/docs/features/FR-161-2610-pre-engagement-materials/prototype/library-docpool.html（畫面 2），右上可切 ISO 與 CMMC 兩個資源庫看效果。

怎麼做

• 只改 src/components/grc/DocumentPoolPanel.vue（346 行）；超過 800 行就拆子元件（例如 DocumentPoolCategoryGroup.vue）。不要往 ModuleFrameTemplateEditView.vue（1,402 行，已超標）加邏輯。
• 分段的名稱與順序：打 GET /pre-engagement/categories。每段標題旁顯示「N 份」與「M 份此框架不用」（有才顯示）。沒有檔案的大類顯示一行「這個大類還沒有檔案」。
• 列：顯示名稱、版本 Tag、來源 Tag（pre_engagement_file_id 非空＝「客戶事前資料」、空＝「顧問上傳」）；is_excluded=true 整列淡化並顯示「此框架不用」。
• 操作：客戶事前資料列是「預覽」＋「這框架不用／恢復帶入」（打卡 3 的 exclusion API）；顧問上傳列維持原本的「預覽」＋「刪除」。客戶事前資料列在這裡不能刪（要刪回事前資料頁）。
• 「顧問上傳」對話框多一個「放到哪個大類」下拉（大類來自 API，這裡不能新增），送 category_id。
• 控制項與評估目標那邊「從程序書池選用」的元件：候選清單排除 is_excluded；已掛上但被標成不用的，顯示淡化＋提示，不自動拆。
• 這個 tab 在稽核中的凍結檢視（稽核計畫頁）也會用到同一個元件，排除與上傳按鈕在唯讀情境要隱藏，沿用元件既有的唯讀 prop。

設計系統紅線

• 🔴 禁止左側粗色邊框；分段用小標題與間距，不用色條。卡片 dark-card、全站字級。icon-only 按鈕加 v-tooltip.top、非同步按鈕配 loading。

手測（headless 截圖附在回寫）

• 先用事前資料頁丟幾份檔到不同大類。打開資源庫 A 的程序書池，照大類分段看到它們，標「客戶事前資料」。
• 在 A 點某份「這框架不用」，整列淡化；打開資源庫 B，同一份照常。
• A 某條控制項「從程序書池選用」看不到被排除的那份。
• 顧問上傳選「政策文件與程序書」，出現在那段、標「顧問上傳」。
• 升級前就存在的程序書（沒有大類）出現在「政策文件與程序書」段。