本卡為 FR-164 母案：專案總覽頁「控制項視圖」整個重排，三棒（左樹共用 → 右側兩塊 → 接線換掉舊面板），全 FE、不動 BE。子卡清單在末段（由 patch 腳本 append）。

這系列在做什麼（白話）

使用者反應專案總覽的控制項視圖「看不出來哪些是可以操作的」「左邊導航點不到評估目標」「東一塊西一塊，看不出哪些資料是一起看的」。現況是：左樹只到控制項；評估目標要去右邊展開控制項卡、再展開評估目標卡，任務藏在第三層；右邊整面都是卡片包卡片，每層長得都像資訊，沒有固定的「這裡可以點」位置。

做完後：左邊導航三層都能點（群組／控制項／評估目標，跟證據視圖同一棵樹）；右邊固定兩塊——上面「參考資料」只讀（條文、現況說明、備註、參考程序書），下面「任務」是唯一可操作的地方、永遠一張平表、一列一個任務（點了開既有抽屜，分群小標列上有審閱鈕）；左右、上下三塊都能拖曳調整大小並記住。原有功能一個不少（搜尋、我的待辦、展開收合、進度、待執行閃電、未填現況提示、審閱標記、負責人、證據數、AI 徽章、狀態、抽屜、結案唯讀反灰）。

為什麼要做

決策者 2026-10-25 口述；雛形改了三版才定——第二版做成三層收合被決策者一眼看穿「跟原本一樣」，第三版才徹底攤平。決策者原話：「位置欄不要隱藏文字，這邊要看得到東西才好做事」「分段改叫分群」「分群預設：選群組依控制項、選控制項依評估目標」。

關鍵設計決策（D1～D10，全文在 design.md）

• D1 左導航沿用 FR-163 的 EvidenceNavTree 加 mode prop，不再刻第八棵樹（FE 已有 7 棵手刻的同款樹，重刻＝舊 bug 重長）。
• D2 右邊固定上下兩塊：上「參考資料」只讀、下「任務」唯一可操作。可操作的東西只會出現在任務表裡。
• D3 任務表永遠一張平表、一列一個任務，表內沒有任何展開收合；層級只存在左導航。
• D4 「分群」（group by）預設跟著選取層走：選群組＝依控制項、選控制項＝依評估目標、選評估目標＝不分群；分群只在同一張表插小標列。
• D5 位置欄（控制項代號＋[a]＋條文）完整換行、不截斷；依評估目標分群時不重印。
• D6 審閱鈕：分群時在小標列（控制項小標＝控制項審閱、評估目標小標＝評估目標審閱）；不分群時在任務區標題列右側、只對選到的那一層。
• D7 表內不放「只看這條」跳左樹；換範圍一律從左邊點。
• D8 三塊皆可拖曳：左右 PrimeVue Splitter、右邊上下再包一層 Splitter layout="vertical"；參考資料可收起只留標題列。
• D9 資料全部沿用總覽頁已有 state 與函式（不動 BE）；用 provide/inject 一次給整棵子元件。
• D10 新視圖寫在新子元件 src/components/grc/control-view/，總覽頁只留掛載；舊右側面板整段刪除（總覽頁已 2,121 行）。

怎麼拆

• FR-164.1（批 1，fe）：EvidenceNavTree 加 mode prop——控制項視圖模式列尾顯示進度％／k/n、⚡✓✎ 徽章、底部圖例、「我的待辦」開關；證據視圖行為不變。只動 1 支檔。
• FR-164.2（批 1，fe）：新增 control-view/ 四支——ControlReferencePane.vue（參考資料）、ControlTaskTable.vue（任務平表＋分群＋篩選＋審閱鈕）、useControlTaskRows.js（攤平與分群）、useControlView.js（provide/inject key）。只新增檔，不碰既有。