本卡屬 FR-166（母卡 CM-3109 延伸），決策者 2026-10-28 手測後追加。Repo：compliance-manager-fe（主控台源碼 console/）。依賴 Agent 卡「報告線上預覽端點」。

白話

主控台執行紀錄的報告現在只能下載。要做成跟主系統證據檔一樣：按「預覽」開對話框，PDF 內嵌看、JSON 排好格式、文字直接顯示、圖片可縮放；對話框裡有下載鈕。UI 照主系統 src/components/common/file-preview/FilePreviewDialog.vue。

問題在哪

• console/views/Runs.vue 的 ⋮ 選單與 console/components/NetdiagResult.vue 的匯出鈕都只有下載（saveBlob）。
• 主系統 FilePreviewDialog.vue（194 行）綁死主站管線：import API、signedDownloadUtil（簽章 st 網址）、useUserUtil；主控台 bundle 不能直接 import。但它的判斷層（filePreviewKind.ts）、ImageZoomViewer.vue、MarkdownProse.vue 沒有主站依賴，可直接共用。

怎麼做

• 【重構主系統對話框成可共用】把 FilePreviewDialog.vue 拆兩層：① 純畫面層 src/components/common/file-preview/FilePreviewPane.vue——收 { kind, blob|text|frameUrl, fileName, state } 畫 PDF iframe／圖片 ImageZoomViewer／JSON pre／text pre／markdown MarkdownProse／不支援與找不到的空狀態，不打 API；② 主站 FilePreviewDialog.vue 改成「用主站管線取資料 → 餵 Pane」。主站既有五個呼叫端（EvidencePreviewDialog、ReferenceDocumentList、JobExecutionDrawer、ModuleFrameDocumentPoolPanel、PreEngagementView）介面不變，跑它們的 spec 確認。
• 【new 主控台】console/components/ReportPreviewDialog.vue：用 console/api.js 的 fetchBlob 打 Agent 新的 preview 端點（files 用 /api/files/<uid>/preview、netdiag 用 report.<fmt>?inline=1，依 Agent 卡最後定的形狀），看回應 Content-Type 與 Content-Disposition：inline 的 PDF／圖片以 blob 網址餵 Pane 的 frame／image；application/json 解成物件餵 json；text/plain 餵 text；attachment 或其他 → Pane 的 unsupported 並保留下載鈕。previewKindOf 只當預判（決定要不要打 preview、按鈕要不要亮），最終以回應為準（跟主站「先 fetch 看後端實際回什麼」同一個原則）。
• 【extend】Runs.vue ⋮ 選單：報告項目改成「預覽」為主（點了開對話框），對話框內有「下載」；多份報告在對話框內用分頁或下拉切換（照主站 EvidencePreviewDialog 多檔的做法，有就 reuse、沒有就簡單下拉）。NetdiagResult.vue 的匯出鈕旁加「預覽」。
• 【i18n】預覽相關字（preview／download／unsupported／not_found／loading）放 lang.common.* 讓主站與主控台共用；主控台 agent-console-runs.json 不重複。

改哪些檔

• src/components/common/file-preview/FilePreviewDialog.vue（拆）、FilePreviewPane.vue（新）、tests/
• console/components/ReportPreviewDialog.vue（新）、console/views/Runs.vue、console/components/NetdiagResult.vue、console/api.js、console/netdiagApi.js
• src/config/locales/i18n/{zh-tw,en}/common.json（或既有放共用字那支，先 grep 'copied' 看慣例）、agent-console-runs.json、agent-console-netdiag.json
• src/tests/agent-console-runs.spec.js、agent-console-netdiag.spec.js、file-preview 的既有 spec

驗證

• vitest：file-preview 既有 spec 全綠（拆層不改行為）；agent-console 八支綠；新增 ReportPreviewDialog：PDF → iframe、JSON → 格式化、attachment → 不支援＋下載鈕可按、401 不 toast。
• npm run build 與 npm run build:CONSOLE 都要過（共用元件兩邊都吃到）。
• headless：執行紀錄 ⋮ → 預覽 netdiag 的 txt 顯示文字、json 顯示格式化、pdf 內嵌（本機沒 LibreOffice 就看「不支援」＋下載）；第三方元件的五份 JSON 各開一次；主站證據檔預覽開一次確認沒壞。