FR-164 專案總覽「控制項視圖」重設計

專案總覽頁的控制項視圖整個重排：左邊導航三層都能點（群組／控制項／評估目標），右邊固定兩塊——上面「參考資料」只讀（條文、現況說明、備註、參考程序書），下面「任務」是唯一可操作的地方、永遠一張平表、一列一個任務；三塊都可拖曳調整大小。原有功能一個不少。

使用者反應：看不出哪裡可以操作；左邊導航點不到評估目標；資料東一塊西一塊。實查現況（ProjectAuditorOverview.vue:1406-2025）：

• 左樹只到控制項。評估目標要去右邊展開控制項卡、再展開評估目標卡，任務藏在第三層。
• 右邊是「卡片包卡片」：控制項卡 → 現況說明摺疊 → 評估目標卡 → 任務列。每層都像資訊，沒有固定的「這裡可以點」位置。
• 條文、現況說明、評估目標、任務是同一件事的脈絡，卻散在三種深度。

雛形：prototype/index.html（決策者 2026-10-25 核可第三版＋「位置欄不截斷」「分群預設」「改名分群」三筆）。雛形只取結構、資訊順序與行為，不取字級、字型、配色——FE 一律 dark-card＋全站字級＋design tokens。

┌ 控制項導航 [控制項視圖|證據視圖] ┐┌ 參考資料  只讀·條文與現況      路徑  [收起] ┐
│ 搜尋                             ││ 代號  名稱                          狀態  │
│ [我的待辦]      全部展開 全部收合 ││ 統計：N 評估目標 · k/n 任務完成 · 進度   │
│ ▾ 群組 ⚡ ━━ 38%                ││ 控制項要求（條文）│ 控制項現況說明 [狀態] │
│   ▾ 控制項 ⚡ ✎ ✓ ━━ 0%        ││                   │ 現況描述／備註／程序書 │
│     [a] 評估目標 ⚡ ✓ 0/1       │├────────── 可拖 ──────────────────────────┤
│     [b] 評估目標     0/1        ││ 任務 k/n 已完成 · m 待我執行               │
│   ▸ 控制項 ...                   ││ 篩選[全部|待我執行|未完成|已完成] 分群[…]  │
│ ▸ 群組 ...                       ││ 任務 │ 位置 │ 負責人 │ 證據 │ 狀態 │     │
│                                  ││ ── CRA.I.1 名稱  0/2 ●進行中 [標記已審閱] │
│ 圖例：⚡待執行 ✓已審閱 ✎現況未填 ││ ○ 任務名  CRA.I.1 [a] 條文全文… 👤 📎2 ●進行中 [⚡執行] │
└──────────────────────────────────┘└───────────────────────────────────────────┘
          ↑ 可拖

左欄：導航（沿用 EvidenceNavTree，加 prop）

• 三層節點列：代號徽章（群組實心淡底、控制項外框、評估目標 [a] 小字）＋名稱（最多兩行）＋列尾。
• 列尾依視圖不同：證據視圖是「N 份」；控制項視圖是進度條＋％（群組、控制項）／「k/n」（評估目標）。
• 列中徽章（控制項視圖才有）：⚡ 有待執行任務（jobIsExecutable，脈動圓點，三層都有）；✓ 已審閱（controlReviewMap／aoReviewMap）；✎ 規劃期現況說明未填（isPlanningPhase && !ctrlHasSspDesc，控制項層）。
• 標題列：「控制項導航」＋ ViewModeSwitch（已在，FR-163.6）。
• 工具列：搜尋（沿用）、「我的待辦」開關（沿用 showMyTasksOnly：開了左樹只留有待執行任務的群組／控制項／評估目標，右表也只留）、全部展開／收合（沿用）。
• 底部圖例：⚡／✓／✎ 三個符號各一句。
• 點控制項時順便展開它的評估目標；點評估目標時展開上層。

右上：參考資料（新 ControlReferencePane.vue）

• 標題列：「參考資料」＋副標「只讀・條文與現況」＋右側路徑（群組 ／ 控制項 ／ [a]）＋「收起」鈕（收起只留標題列，狀態記 localStorage）。
• 選群組：代號＋名稱＋群組描述；統計列：控制項數、評估目標數、k/n 任務完成、k/n 已審閱、規劃期多一個「k/n 現況已填」（sspGroupStats）。
• 選控制項：代號＋名稱＋狀態徽章（ctrlStatusFromAos）；統計：評估目標數、k/n 任務完成、進度；依序上下疊：「控制項要求」（ctrl.description）、「控制項現況說明」（SspStatusTag 狀態、sspDescriptions、sspRemarks、ReferenceDocumentList readonly）；不排左右兩欄（決策者 2026-10-26「永遠不要左右」）——資料用既有 fetchSspDetail(controlId)。
• 選評估目標：控制項代號＋名稱小字＋ [a]＋狀態徽章（aoStatusFromAo）；依序上下疊：「評估目標」（ao.title）、「評估目標現況」（sspDescriptions[ao.id]／sspStatuses[ao.id]，有才顯示）、控制項現況說明（同上）。
• 這塊沒有任何按鈕（收起除外）。

右下：任務（新 ControlTaskTable.vue＋ useControlTaskRows.js）

• 標題列：「任務」＋「k/n 已完成 · m 待我執行」（m 橘字，0 不顯示）＋篩選 全部｜待我執行｜未完成｜已完成＋分群（D4；選評估目標時不顯示）＋不分群時的審閱鈕（D6）。
• 表格（DataTable p-datatable-sm，分群用 rowGroupMode="subheader"，照 EvidenceTable.vue）：

• 分群小標列：控制項小標＝代號＋名稱＋⚡＋k/n＋狀態徽章＋審閱鈕；評估目標小標＝[a]＋條文全文（換行）＋⚡＋k/n＋狀態小點＋審閱鈕（icon 版）。小標列不可點。
• 無任務的評估目標在分群模式出一列灰字「尚無任務」；篩選後沒命中出「沒有符合篩選的任務」。
• 列點擊＝openJobDrawer(job, ctx)，ctx 照總覽頁現有簽章（groupId／controlId／aoId／groupCode／controlCode／aoName／workflowExecutionUid）；沒 grc.job.read 能力點不接點擊（照 AoJobSection.vue:34-36）。
• 審閱鈕規則照舊：canReviewControl 才顯示；未完成不能標（tooltip「完成後才可標記已審閱」）；已審閱只有本人能取消（canUnreview，tooltip「只有審閱者本人可取消審閱」）；結案輪次整顆反灰（writeDisabled／readonlyReason）；loading 用 reviewLoading。
• 一格一值、不用進度條（memory feedback_table_one_value_per_cell_and_side_by_side_colors）；任務表內不放進度條，進度只在左樹與參考資料統計列。

保留功能對照（逐條對 ProjectAuditorOverview.vue 現況）

全部沿用總覽頁已有的 state 與函式（D9），不動 BE。需要透傳給子元件的：

• 資料：groups、controlsMap、controlDetailMap、controlsLoadingSet、controlDetailLoadingSet、sspDescriptions、sspStatuses、sspRemarks、controlReferenceDocuments、sspDetailLoading、controlReviewMap、aoReviewMap、reviewLoading、isPlanningPhase、isApClosed、readonlyReason、userInfo。
• 函式：fetchControls、fetchControlDetail、fetchSspDetail、toggleReviewed、toggleAoReviewed、canReviewControl、canUnreview、reviewersTooltip、writeDisabled、jobIsExecutable、hasAiEvidence、openJobDrawer。
• 這些現在散在總覽頁 <script> 裡。實作時用 provide/inject 一次給整棵子元件（key 放 src/composables/useControlView.js），避免二十個 prop 往下傳。

批 1 兩張不撞檔（.1 只動 evidence-view/EvidenceNavTree.vue，.2 只新增 control-view/ 下的檔）；.3 才碰 ProjectAuditorOverview.vue 與 i18n 檔。

• 不動 BE、不開端點、不加能力點、不加 migration。
• 不收斂其他六棵導航樹（決策者 2026-10-25 裁「之後再做」，另開 FR）。
• 證據視圖的行為不變（只共用左樹）。