自動分類證據

設計說明 — 頁 A：自動分類證據（歷史清單）

路由 /project/projects/:id/round/:roundUid/auto-classify。這頁是整個功能的入口。

為什麼入口是清單，不是直接跳上傳畫面

• 這件事是「一批一批做」的作業，不是一次性動作。使用者回來多半是要接續上次那批，不是開新的；先看到清單才知道自己站在哪裡。
• AI 分類要跑一段時間，使用者一定會中途離開。沒有清單就沒有回得去的地方。
• 對齊業界做法（Vanta／Drata 的證據匯入作業、Jira 匯入紀錄）：作業本身是一筆有狀態的紀錄，列表是它的家。

為什麼「目前步驟」用徽章而不是四個不同顏色

• 徽章文字已經寫了第幾步，顏色再分四種只是噪音。顏色只承載三件事：進行中（藍，accent）、已完成（綠）、失敗（紅）——這三種才需要一眼掃到。
• 色票全部來自既有 token（--accent / --color-green / --color-red），沒有新色。

「已歸檔 n/N」為什麼要有進度條

• 只給數字要心算，進度條讓「這批差不多做完了沒」變成掃一眼的事；用既有全域 class .mini-progress-bar，沒新刻元件。
• 尚未進到歸檔的批次顯示「— / N」而非 0，避免看起來像「跑完但一個都沒歸檔」。

動作欄：為什麼進行中是文字按鈕、完成後才是 icon

• 「繼續」是這頁的主要動線，必須是最好按到的東西，所以給文字＋圖示；已完成的批次只剩偶爾回頭查看，收成 icon button 省掉視覺重量。
• icon-only 按鈕一律帶 tooltip（實作用 v-tooltip.top，不用原生 title），滑上去可看。

刪除整批作業（含暫存檔）

• 每一列動作欄有刪除鈕（icon button，帶 tooltip「刪除這批（含暫存檔）」），hover 轉紅。
• 確認框明說會做兩件事：移除這筆作業紀錄、清掉這批還留著的暫存檔，並講清楚 「已歸檔到控制任務的證據不受影響」——使用者最怕的就是誤刪已經歸檔的東西，這句必須寫在按下去之前。
• 主按鈕文字寫「刪除並清掉暫存檔」而不是「確定」，讓人在最後一刻還看得到自己在做什麼。
• 分類進行中（第②步）的批次不能刪：刪除鈕反灰，tooltip 說明「分類進行中不能刪，請等這批跑完」。 理由：容器還在跑、檔案正被讀取，這時抽掉檔案會讓那一批以難以解釋的方式失敗。
• 實作用 PrimeVue ConfirmDialog；後端刪除要連同該批 upload_file 實體檔一起清， 不能只刪 DB 列（只刪列＝儲存空間永遠回不來，這正是決策者要解的問題）。

搜尋與篩選放在卡片頂端而不是頁面頂端

• 它們是「操作這張表」的工具，跟表格同屬一張卡，位置說明作用範圍；也讓頁首只留標題與唯一主按鈕，主動線不被稀釋。
• 搜尋框用 IconField/InputIcon 結構（本檔以靜態 HTML 模擬），不手刻絕對定位圖示。

空狀態

• 不是一句「沒有資料」，而是說明這個功能能幫你省掉什麼，再列四步讓人知道接下來會發生什麼事，最後給同一顆主按鈕。
• 實作重用 EmptyState.vue，四步清單當 slot 內容傳入。

未設定儲存後端

• 常駐紅色橫幅（.hint-bar--error）＋「新增自動分類」反灰。理由：建批次就會被後端擋（412），與其讓人按下去吃錯誤，不如先講清楚並指路到設定頁。
• 用上面的 mockup 切換鈕可以看到這個狀態。

實作對照（給下一棒）

• 分頁列表走 POST + pager / sort / filters，每頁 20；table 狀態用 useTableQuery.js。
• 建立者顯示暱稱：created_user_name || created_user，兩者都沒有才顯示「—」。
• 色彩全走 token、字級用 PrimeFlex class（本檔的 :root 與 .text-* 僅為離線預覽用的替身，實作時刪除）。
• 圖示：本檔用 inline SVG 是為了 file:// 離線可看，每個都標了 data-pi，實作換回 PrimeIcons。