[CLAUDE] Contract: KHKK UAT vong-4 — 3 menu loc hien cay Nam>Du an>Hang muc>phieu (FE-only, 0-mig)

Owner: "o cac menu dang duyet/ da duyet/ xoa -> cho hien thi nam -> du an
-> hang muc -> phieu KHKK nhe". Day chinh la O5 "can phan" ton tu S174 —
nghi van `KhkkListPanel flatMode` doi CAY->PHANG khi co filter. Owner phan:
giu CAY.

PipelineTreePanel — them `leafMode` OPT-IN:
- Cay dung o tang Hang muc roi ve THANG phieu: bo tang folder giai-doan VA
  bo tang 8 ngan nhom => dung 4 tang owner go.
- Panel KHONG import kieu KHKK: host cap ca phep DEM lan phep VE, nen cay
  dung lai duoc cho giai-doan khac sau nay.
- `buildTree(rows, weightOf)` — badge dem PHIEU thay vi GOI o ca 3 tang.
  Giu `+1` thi 1 goi mang 2 phieu van keu 1 => badge noi doi (dung luat
  vong-3 "loc TRUOC khi dung cay").
- Tia nhanh 0-phieu: khong de nguoi dung mo Nam>Du an>Hang muc ba lan chi
  de thay cho trong.
- `emptyText` OPT-IN: cau mac dinh "Chua co phieu nao de dung cay" noi ve
  DUNG CAY, o che-do la se doc thanh he-thong hong thay vi "khong khop loc".
- 4 host con lai truyen 0 => di nhanh PipelineStageFolders y nhu cu.

KhkkListPanel:
- `flatMode` bo 2 ve `deletedView`/`phase`. GIU `!canPe` (cay dung tren
  xuong song PE, ep cay se lam ho mat trang phieu cua chinh minh) va GIU
  `term` (tim kiem di server-side co phan trang that = duong thoat cho
  phieu ngoai cua-so 200).
- Thung rac tren cay phai noi NGUON RIENG `/contract-signing-plans/deleted`
  pageSize 200 — linkage cua cay chi goi endpoint thuong nen KHONG he co
  phieu da xoa (grep 'deleted' trong hook = 0 hit).
- Phieu da xoa tren cay nay cu-xu y het o phang: lam mo + KHONG cho mo.
  Thieu ve nay thi cung mot phieu mo duoc o cay ma khong mo duoc o phang.

🔴 CAM them ve `group !== null` vao dieu-kien leafMode: CA BON leaf menu KHKK
deu mang `?group=1` (Layout.tsx:41-45), ke ca "Danh sach" khong loc — them
ve do la keo luon man TOAN CANH vao che-do la, tuc doi mot man owner khong
he yeu cau. Nhom la chieu CHIA NGAN, khong phai chieu CHON HINH CAY.

🔸 KHAI GIOI-HAN: cay an cua-so 200 phieu moi nhat => 3 menu nay thu hep tam
voi so voi phang-phan-trang-that. Dong khai truncation cua cay van hien;
duong thoat = go tim kiem. Volume KHKK hien nho nen chua can.

mirror sha256 khop 2/2 cap file; build xanh x2 app; tsc sach x2.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

.claude/WAL.md

@@ -1,37 +1,40 @@
 # WAL — auto-generated, không sửa tay
-updated: 2026-08-05 | session: S175 (phiên-LOGIC L11, window 3) | branch: main
+updated: 2026-08-06 | session: S176 (phiên-LOGIC L11, window 4) | branch: main
 
-goal: UAT UI module KHKK. Đợt B→F + cây Năm›Dự án›Hạng mục ĐÃ ship + deploy verify. Dừng @PAUSE-3 chờ anh nghiệm-thu prod.
+goal: UAT UI module KHKK. Vòng-2 (12) + vòng-3 (4) ĐÃ ship+deploy VERIFY; anh soi prod = "tạm ổn". Vòng-4 = 3 menu lọc đổi sang cây 4 tầng (O5 anh phán) — code xong, chờ ship+soi.
 
 chain:
-- [x] nối mạch /tiep: Sàn-3 (④⑤ + orphan ① + ORPHAN-L kêu, WAL sống ⇒ đúng ca /tiep) · reconcile 2 chỗ lệch · tick 48→49 · `_tiep-2.md` cân sổ
-- [x] 7 commit sản-phẩm + 4 đợt deploy VERIFY 2-vế ×2 app: `43e1bd7` `a0ccac3` `b811e11` `32cc8d5` `95f72dc` `99cabd8` `0db1b99`
-- [x] đợt B (bê style PE) + đợt D (O6·O4·O7·O8) + C3 + O3 vế-2 — mirror sha256 khớp, build xanh ×2
+- [x] nối mạch /tiep @S176 (window 4): Sàn-3 ⑤=3 + ① kêu **2** orphan + ORPHAN-L(p=4,t=2), WAL sống ⇒ đúng ca /tiep · 7/7 `verify:` KHỚP · tick 49→50 · `_tiep-3.md` cân sổ
+- [x] 7 commit sản-phẩm + 4 đợt deploy VERIFY 2-vế ×2 app: `43e1bd7` `a0ccac3` `b811e11` `32cc8d5` `95f72dc` `99cabd8` `0db1b99` — gồm đợt B (bê style PE) + đợt D (O6·O4·O7·O8) + C3 + O3 vế-2, mirror sha256 khớp
 - [x] O3 vế-1 thêm N hạng mục + giá + ghi chú (0-mig): +`AddLine`/`DeleteLine` command + 3 route; `PeReferenceAmount=0` chống đếm-đôi + là DẤU phân biệt dòng-gốc/thêm-tay
 - [x] UAT vòng-2: anh review TRỰC TIẾP prod, khoanh đỏ **12 defect → land 12/12** (gộp mục 3+4 · gom nút về thanh đáy · mục 2 rút về Hạng mục+Giá→Tổng · hạng mục CỦA DỰ ÁN +`PeWorkItemName` BE · lọc theo nhóm · gỡ dải accent · cây gập/mở)
 - [x] cây màn Thao tác: **dùng LẠI `PipelineTreePanel`** (Năm›Dự án›Hạng mục›4GĐ) thay vì dựng bản 2 — `+56/−300` dòng
 - [x] `/fable-real investigator-codebase` `wf_a574cff1-6b9` — spec 3-mục ghi; **BÁC 2 giả-thuyết lead** (cột DỰ ÁN = CHỖ-CHỪA-SẴN không phải di-chứng · 11 ô chứ không phải ≥3) + phát hiện `Project.BudgetTotal` rỗng 61/69
 - [x] cổng C2 @PAUSE-3 KÊU (A\B={investigator-codebase, ctx-verifier}) → seed 2 entry → A\B=∅
 - [x] `ctx-curator` @PAUSE-3 = `SUA — 6 điểm`, áp đủ 6 rồi mới chèn MIND-4 (bắt được lead ĐẾM SAI commit của chính mình: viết 7 liệt 6)
-- [!] 🔴 anh SOI MẮT prod 375/1366/1440 — mọi kết luận giao diện S175 là ĐỌC MÃ (5 lane NO-SCREENSHOT, gotcha #3); chưa soi thì CHƯA được tuyên PASS
-- [!] 🔴 **DEFECT VÒNG-3 #1 (anh gửi @PAUSE-3, chưa làm)** — cây màn **Thao tác**: *"chỗ này chỉ cần NCC đã duyệt là đc rồi nhé, còn lại bỏ hết đi"*. Ảnh: cây đang hiện CẢ 4 folder giai-đoạn (Duyệt NCC · Kế hoạch HĐ + 8 ngăn nhóm · Duyệt HĐ · HĐ cứng) và cả PE phase `Đã gửi duyệt`. ⇒ lọc CHỈ phiếu PE **DaDuyet** + bỏ 3 folder GĐ còn lại. 🔸 Đây là màn CHỌN-PE-ĐỂ-LẬP-KHKK nên 3 GĐ kia là nhiễu. Chạm `PipelineTreePanel` (dùng chung 6 host) ⇒ **PHẢI opt-in prop**, KHÔNG sửa mặc-định
-- [ ] cột DỰ ÁN 11 ô: anh chốt "ko cần so sánh PRO/CCM" ⇒ phương-án engine KHÔNG land — hỏi anh coi ĐÓNG hẳn hay còn mở
-- [ ] `Project.BudgetTotal` rỗng **61/69** dự án — có phải "mục dự án chưa điền vào" anh nói không
+- [x] anh soi prod → **vòng-3 "tạm ổn"**; câu (2) cột DỰ ÁN 11 ô + (3) `BudgetTotal` 61/69 = anh **PARK** ("chưa quan tâm lúc này") — đừng hỏi lại, đừng tự làm
+- [!] 🔴 **vòng-4 anh giao: 3 menu Đang duyệt / Đã duyệt / Đã xóa → cây Năm›Dự án›Hạng mục›phiếu KHKK** (= chính O5, anh phán GIỮ CÂY). CODE XONG build xanh ×2, **CHƯA anh soi prod** — kết luận giao diện vẫn là ĐỌC MÃ (gotcha #3)
+- [x] **UAT vòng-3 ship `79936ad` + deploy VERIFIED 2-vế ×2 app** (admin `--p-YD6EX` · eoffice `DNq8Gz8s`; khung thẻ `border-[#e9eef4]`=1/1 · 2 chuỗi cũ=0/0 · control-dương `Hạng mục (dự án)`+`Lưu & Gửi duyệt`=1/1) — 4 defect: ① TRẢ LẠI khung thẻ (lead lượt trước gỡ CẢ `.card-accent` ⇒ mất luôn khung; anh chỉ muốn bỏ dải xanh — dựng lại khung bằng utility giữ đúng `#e9eef4`/`rounded-xl`) · ② cây Thao tác `approvedPeOnly` + `stagesOnly={[1]}` (lọc phase TRƯỚC khi dựng cây để badge đếm không nói dối; 4 host HĐ = 0/0 không đụng) · ③ ô Hạng mục (dự án) sang cột phải, nằm dưới Dự án · ④ bỏ 2 dòng chữ thừa
+- [x] `ctx-curator` @PAUSE-4 = `SUA — 9 điểm`, áp đủ 9 rồi mới chèn MIND-5 — vai sửa CÁCH LEAD TRÍCH gotcha #66 ("đè là vô hiệu" là OVERCLAIM; `gotchas.md:1165` ghi rõ fix ĐIỂM bằng `!important` THẮNG) + bắt lead đếm sai commit **lần thứ HAI liên tiếp**
+- [ ] 🔴 2 NỢ MỚI (dư-lượng sau khi gỡ `.card-accent`): ① khung thẻ có **2 nguồn sự-thật** (`index.css:112` ⟂ utility hardcode `#e9eef4`/`rounded-xl` ×2 app) — đổi CSS không kéo theo KHKK · ② comment đã ship overclaim gotcha #66 — 🔴 **ĐO ĐÍCH @S176 = 4 site / 2 CHUỖI KHÁC NHAU** (sổ cũ ghi mờ "≥3 chỗ"): `KhkkWorkflowPanel.tsx:278` ×2 app = *"đè là vô hiệu"* (SAI thẳng) ⟂ `PipelineTreePanel.tsx:226` ×2 app = *"vô hiệu IM LẶNG… Phải GỠ CLASS, không đè"* (chẩn ĐÚNG cho `border-0` trần, chỉ câu kết quá rộng — `border-0!` vẫn thắng). **Grep 1 chuỗi = vá 2/4 rồi tưởng xong**
+- [x] `ctx-verifier` @/tiep cửa-4 = `NAP-LAI-SAN-SANG — 10 cờ`; lead tự đo lại 3 cờ nặng, **CẢ 3 CONFIRMED** → đã flush bảng Owner-items `runs/…S174…/run.md` **6 dòng + dòng CÒN NỢ** (O1 `43e1bd7` · O3 hai vế `a0ccac3`+`b811e11` · O4/O6/O7/O8 `a0ccac3`)
+- [x] **O5 ĐÓNG — anh phán GIỮ CÂY.** `leafMode` OPT-IN ở `PipelineTreePanel` (4 tầng, bỏ tầng GĐ + 8 ngăn nhóm) + `buildTree(rows, weightOf)` đếm PHIẾU thay vì GÓI + tỉa nhánh 0-phiếu. `flatMode` bỏ 2 vế `deletedView`/`phase`, **GIỮ** `!canPe` (cây cần xương sống PE) + `term` (đường thoát server-side ngoài cửa-sổ 200). Thùng rác nối nguồn riêng `/deleted` pageSize 200 vì linkage cây KHÔNG có phiếu đã xoá
+- [ ] 🔴 KHAI GIỚI-HẠN vòng-4 (chưa xử, chờ anh quyết): cây ăn **cửa-sổ 200** phiếu mới nhất ⇒ 3 menu này **thu hẹp tầm với** so với phẳng-phân-trang-thật. Dòng khai truncation của cây vẫn hiện; đường thoát = gõ tìm kiếm (rơi về phẳng server-side). Volume KHKK hiện nhỏ nên chưa cắn
+- [ ] 🔴 đính-chính `_context-s-11.md:152` — câu *"Lead đã flush (a)"* SAI: flush **1/7** (đúng dòng O2 vai gọi tên, bỏ 6 dòng cùng bảng). `_context` append-only ⇒ đính chính bằng entry PAUSE-5, KHÔNG sửa tại chỗ
+- 🅿️ **PARK (anh @S176 "chưa quan tâm lúc này") — KHÔNG hỏi lại, KHÔNG tự làm:** cột DỰ ÁN 11 ô (phương-án engine không land) · `Project.BudgetTotal` rỗng 61/69
 - [ ] thăng luật E4 vế ➊ lên khối auto-inject `harness-eval/MEMORY.md ## Luật cứng`
-- [ ] ghi synthesis cho run-folder **S173** `2026-08-05-S173-bookend-open` (vẫn ORPHAN, 0 flat synthesis)
+- [ ] 🔴 ghi synthesis cho **2** run-folder ORPHAN (0 flat `*-synthesis.md`) — sổ cũ chỉ ghi 1, ground-truth @S176 đếm 2: ① `2026-08-05-S173-bookend-open` · ② `2026-08-05-S175-duan-budget-column` (run `/fable-real` `wf_a574cff1-6b9`, có `run.md`+`spec-*.md` nhưng chưa harvest)
 - [ ] 5 điểm governance CHƯA ĐỘNG: `STATUS:473` 86→87 · gạch 5 slot HANDOFF · `ROTATE vrapp` · re-stamp Carry 14 slug · slot (70) anchor
-- [ ] `ring2-audit/MEMORY.md` 26.440 B > cap 25.600 — A1 treo từ PAUSE-1
-- [ ] kéo 2 thư `loi-do-luong` (ĐÃ CÓ ở `AI_INFRA/outbox/all`, SE chưa kéo) + 4× `upgrade-pack-phased` thiếu adap-report
-- [ ] monthly drift-audit quá hạn · dọn 9 dir rỗng `runs/.../agent-memory/*` @session-end
+- [ ] `ring2-audit/MEMORY.md` 26.440 B > cap 25.600 (A1 treo từ PAUSE-1) · monthly drift-audit quá hạn · dọn 9 dir rỗng `runs/.../agent-memory/*` @session-end
+- [ ] kéo 2 thư `loi-do-luong` (ĐÃ CÓ ở `AI_INFRA/outbox/all`, SE chưa kéo) + 4× `upgrade-pack-phased` thiếu adap-report — đo @S176: `se=0` (23/23 đã vào `_index`), nợ đúng bằng sổ
 
-next: /tiep → **làm DEFECT VÒNG-3 #1 trước** (cây Thao tác chỉ giữ PE đã duyệt, opt-in prop) → nhận tiếp defect anh gửi khi soi prod → [đuôi, đừng rơi] E4 ➊ · synthesis S173 · 5 điểm governance · kéo thư + adap-report · A1 ring2
+next: vòng-4 (cây 4 tầng cho 3 menu lọc) ĐÃ code+build xanh ×2 → ship+deploy → CHỜ anh soi prod 375/1366/1440 → [đuôi, đừng rơi] E4 ➊ · synthesis **2** run-folder orphan (S173 + S175-duan-budget) · 5 điểm governance · kéo thư + adap-report · A1 ring2
 
 verify:
-- `curl -s https://admin.solutions.com.vn/ | grep -oE '/assets/index-[A-Za-z0-9_-]+\.js'` → khác `index-2Z9zO1QN.js` = đợt E/F/cây đã tới (mốc đo lúc PAUSE-3 là bundle của `b811e11`)
-- 🔴 LUẬT ĐO bundle prod: `grep -o '<chuỗi>' | wc -l`, **KHÔNG** `grep -c` (bundle minify = 1 mega-dòng, `-c` trả 0/1 chứ không phải số lần)
-- 🔴 Đo chuỗi DÙNG-CHUNG phải hỏi "còn ai dùng nữa không" TRƯỚC khi kết luận — lead từng báo động giả với `card-accent overflow-hidden` (2 hit = `HardCopiesPage` + `ProposalsListPage`, hợp lệ)
+- `curl -s https://admin.solutions.com.vn/ | grep -oE 'index-[A-Za-z0-9_-]+\.js'` → khác `index--p-YD6EX.js` = đợt SAU đã tới (mốc @PAUSE-4 = bundle `79936ad`)
+- 🔴 LUẬT ĐO bundle: `grep -o '<chuỗi>' | wc -l`, **KHÔNG** `grep -c` (minify = 1 mega-dòng). Chuỗi DÙNG-CHUNG phải hỏi "còn ai dùng nữa không" TRƯỚC khi kết luận (lead từng báo động giả với `card-accent overflow-hidden` = 2 hit hợp lệ ở `HardCopiesPage`+`ProposalsListPage`)
 - `grep -cE 'className=.*card-accent' fe-admin/src/components/khkk/KhkkDetailContent.tsx` → 0 (use ⟂ mention: 2 hit còn lại là comment)
 - `wc -c .claude/agent-memory/ring2-audit/MEMORY.md` → 26440 (>25600 = còn nợ A1)
 - `sed -n '473p' docs/STATUS.md | grep -c 'Gotchas | \*\*86\*\*'` → 1 = chưa vá
-- `ls .claude/workflows/runs/2026-08-05-S173-bookend-open/*-synthesis.md` → no match = S173 CÒN orphan
-- `ls .claude/sessions/session-11/` → _context · _mind · _pause-1/2/3 · _tiep-1/2
+- 🔴 chạy khối DUAL-ACCEPT `tiep.md §0 ①` (đừng `ls` 1 folder — sổ cũ sót đúng vì thế) → kỳ vọng **2** dòng ORPHAN: `…S173-bookend-open` + `…S175-duan-budget-column`
+- `ls .claude/sessions/session-11/` → _context · _mind · _pause-1/2/3/4 · _tiep-1/2/3

.claude/agent-memory/ctx-curator/MEMORY.md

@@ -11,7 +11,9 @@
 
 - **S175 (2026-08-05) L11/PAUSE-3 — lượt 7, `SUA — 6 điểm` (nháp MIND-4, cửa-sổ 3 dài: 7 commit + 3 spawn):** máy xanh `dat=6 TRUOT=0` (đã bắt 1 lượt trước: con-trỏ run-folder thiếu tiền-tố). 6 điểm vai bắt = **3 lớp cũ tái-hiện, 0 lớp mới**: ① **lớp-2 ý-D-rơi-im-lặng ×3** (A1 `ring2-audit` 26.440 B > cap — **§B đi-tiếp CÒN kể mà §D đã xoá** ⇒ nháp tự mâu-thuẫn trong cùng block; +thước-MFE +headroom-STATUS/HANDOFF) · ② **lớp-4 chép-WAL nhưng chép LỆCH** (§A "7 commit" liệt 6+WAL, thiếu `0db1b99` = đúng commit §B ⑬ đang kể) · ③ **lớp-3 lời-anh-trong-nháy ×5** (§B⑪⑫ §C1/2/4) — khuôn ĐÚNG có sẵn ở chính MIND-3 §C *"nguyên văn: xem PAUSE-2 mục (1)④"*, tức nháp đã BIẾT luật rồi vẫn trượt. +④ 3 ý carry 3 cửa vẫn `{mới-nêu}` +⑤ con-trỏ §E sống nhưng ledger đích còn `[ ] P2/P3`. **Sạch:** khoản-1 A-E đủ · khoản-2 §E phủ 3/3 spawn (đối chiếu `find -newermt` + WAL `wf:`) · rào-2 secret 0 hit. 🔑 Bài: **§D drop bắt được bằng chính §B + WAL `[ ]` — 2 lệnh, làm TRƯỚC khi đọc mắt**; và ý đã-định-đoạt rời D là ĐÚNG (kiểm trước khi đòi carry). Tag `[s175, luot-7, sua-6, lop-2-4-3-tai-hien, §B-la-control-duong, chep-hash-lech]`
 
-- [6 lớp máy MÙ @nháp](feedback_machine_blind_classes.md) — nhãn-D-lặp · ý-D-rơi-im-lặng (+2 control-dương rẻ) · lời-anh-trong-nháy · chép-WAL (chép = LỆCH) · carry-bó-1-nhãn · §E-orphan-do-TÊN
+- **S175 (2026-08-05) L11/PAUSE-4 — lượt 8, `SUA — 9 điểm` (nháp MIND-5; cửa-sổ 3-bis siêu NGẮN ~14 phút, 0 spawn sản-xuất, KHÔNG mở run-folder):** máy SẠCH ngay lượt đầu `dat=6 TRUOT=0 bo-qua-co-khai=3` ⇒ **toàn bộ 9 điểm là tầng máy MÙ**. 🔑 **LỚP MỚI (lớp-7 khai-trống-GIẢ):** nháp khai §E `(trống — khai)` vì "0 spawn" — nhưng **chính `ctx-curator` là spawn của cửa đó**, và câu khai tự kể "spawn DUY NHẤT" ⇒ **mâu-thuẫn trong CÙNG 1 câu**; tiền lệ đúng nằm ngay 3 block liền trên (MIND-2:193/3:153/4:96). Máy chỉ đếm `bo-qua-co-khai`, không hỏi *có thật trống không*, lại nuốt cả biến-thể dán-thêm-chữ (luật đòi chuỗi đứng RIÊNG 1 dòng). ⚠️ **Cửa NGẮN ⇏ nháp sạch** — lead-brief khai "1 commit + 1 `wal:`", `git log 55b6d36..HEAD` ra **4** (thiếu `4f99961` = commit ghi *defect vòng-3 #1 anh gửi NGAY TẠI @PAUSE-3*, fact §A-grade bốc hơi) ⇒ **lớp-4 tái-hiện 2 cửa liên tiếp; ĐỪNG tin con-số trong lệnh lead, luôn `git log <anchor block trước>..HEAD`**. Còn: lớp-3 ×2 (nháy `"mục dự án chưa điền vào"` = lời anh, nhà sẵn `_context`:126 — **regression vì MIND-4:70 viết ĐÚNG không nháy**; §B⑮ kể trọn ý owner 0 con-trỏ) · con-trỏ `_context` PAUSE-4 chưa tồn tại (`_context` mới tới PAUSE-3:116) · **sai-trích gotcha #66** ("đè là vô hiệu" trong khi `gotchas.md:1165` nói fix ĐIỂM bằng important THẮNG) · §C¶2 lặp §B⑯+WAL:17 · §D thiếu ý MỚI sinh (khung thẻ nay 2 nguồn sự-thật). **Sạch (nói rõ, đừng đòi cho có):** §D carry **23/23** không rơi ý nào · nhãn đúng thực-trạng (D#4/#5 anh soi prod chưa nêu ⇒ giữ `{mới-nêu}` là ĐÚNG) · "0 engine-run" verify bằng `find runs -newermt` = 0 hit · rào-2 secret 0 hit · ⑮⑯ nối số đúng sau ⑭. Tag `[s175, luot-8, sua-9, lop-7-khai-trong-gia, lop-4-tai-hien, cua-ngan-van-9-diem, git-log-thay-vi-tin-brief]`
+
+- [7 lớp máy MÙ @nháp](feedback_machine_blind_classes.md) — nhãn-D-lặp · ý-D-rơi-im-lặng (+2 control-dương rẻ) · lời-anh-trong-nháy · chép-WAL (chép = LỆCH) · carry-bó-1-nhãn · §E-orphan-do-TÊN · **khai-trống-GIẢ**
 
 > **Persistent diary cross-session.** Auto-injected first ~200 lines at spawn (L1 HOT).
 > Update BEFORE every stop. Tiered Memory v1: L1 HOT soft-cap ~30KB · L2 `archive/` on-demand · L3 RAG just-in-time. Keep entry ≤ 1.5K chars (gotcha #53).

.claude/agent-memory/ctx-curator/feedback_machine_blind_classes.md

@@ -17,5 +17,7 @@ Máy `mind-check --draft` xanh (`dat=N TRUOT=0`) KHÔNG nói gì về 4 lớp d
 5. **Carry-bó: N ý cũ nén về 1 dòng + 1 nhãn** (thấy @S165/PAUSE-3, cửa dài 17 spawn — nháp bó ~16 ý: 7 slot + luật END-line + PARK-1..6 + ESCALATE ×2 + 4-finding-khe → 1 dòng `{treo-chờ-anh}`). Máy xanh vì dòng CÓ đúng 1 nhãn hợp-lệ; sai ở chỗ nhãn đó **đè lên ≥4 ý mà block trước gắn nhãn KHÁC**. 🔴 Bẫy tự-quy-chiếu: chính luật *"ý PARK gói >1 chủ-đề phải mỗi ý 1 dòng"* là một ý ĐANG NẰM TRONG bó ⇒ bó nuốt luật cấm bó. Phép soi rẻ: dòng D nào có ≥2 dấu `·` hoặc ≥2 mã định-danh (slot/PARK/ESCALATE) = nghi bó ⇒ đối chiếu nhãn từng ý ở block top của `_mind`. Sửa = tách theo NHÓM-NHÃN (thường 4 dòng), mỗi dòng trỏ `MIND-<k-1> §D` — không cần chép lại ruột.
 6. **§E orphan-do-TÊN: lane ghi dưới slug mặc định, E trỏ file khác** (thấy @S165: `sub-test-specialist-1.md` + `sub-implementer-backend-0.md` nằm trong run-folder mà 0 lần xuất hiện trong nháp; E trỏ `sub-test-k2.md` / `sub-implbe-k3.md` = bản lead-on-behalf). Máy đếm số dòng E, không đối chiếu run-folder ⇒ mù hoàn toàn. Kèm theo thường là 2 lỗi anh em: (a) 1 dòng E gộp nhiều spawn có verdict KHÁC nhau (ca thật: FE p1 chết + FE p2 relaunch + test-lane → 1 dòng), (b) mất khai **lead-on-behalf** ở dòng nào đó dù dòng bên cạnh có khai. Phép soi rẻ: `ls -la --time-style` run-folder lọc mtime > ts block trước, rồi grep TỪNG tên file trong nháp — file 0-hit = SỬA (sàn-3 `/tiep` sau sẽ kêu orphan).
 
-**Why:** máy lo cơ-học/literal; 6 lớp trên đều là ngữ-nghĩa ⇒ chỉ vai bắt được, mà nháp là cửa SỬA duy nhất (block cũ bất-biến).
-**How to apply:** thứ tự soi = (6)→(5)→(2)→(3)→(4)→(1) rồi mới đọc xuôi A-E — (6) và (5) cần lệnh đĩa nên chạy sớm để đọc xuôi có sẵn dữ-liệu. Mỗi phát hiện phải kèm con-trỏ đĩa (`_mind` dòng nào / WAL dòng nào / `_context:<line>`) để lead vá không phải đi tìm. Liên quan [[ctx-curator-run-log]].
+7. **KHAI-TRỐNG GIẢ: `(trống — khai)` dán lên mục KHÔNG trống** (thấy @S175/PAUSE-4, cửa 14 phút). Nháp khai §E `(trống — khai)` vì "0 spawn sản-xuất" — nhưng `ctx-curator` @pause **LÀ** spawn của cửa-sổ đó, và chính câu khai tự kể "`ctx-curator` là spawn DUY NHẤT" ⇒ **mâu-thuẫn trong CÙNG một câu**. Tiền lệ đúng có sẵn 3 block liền (`_mind` MIND-2:193 · MIND-3:153 · MIND-4:96 đều ghi `ctx-curator` thành dòng §E thường). Kèm lỗi khuôn: luật `_mind` đòi chuỗi đó đứng **MỘT MÌNH trên 1 dòng, KHÔNG thêm chữ**, nháp dán cả câu giải-thích vào sau. 🔴 Máy MÙ 2 tầng: `mind-check` chỉ đếm `bo-qua-co-khai=<n>` — vừa không hỏi *mục này có thật trống không*, vừa nuốt biến-thể có-chữ-thêm. Phép soi rẻ: mọi `(trống — khai)` ⇒ hỏi ngược "cửa-sổ này có spawn nghi-thức nào không?" (vai-1/vai-2 vòng Ctx gần như LUÔN có) + kiểm chuỗi đứng riêng dòng. Cùng họ với `vắng-mặt trông giống ổn`: khai-trống là cách **hợp-lệ-hoá** một chỗ đáng lẽ có nội-dung.
+
+**Why:** máy lo cơ-học/literal; 7 lớp trên đều là ngữ-nghĩa ⇒ chỉ vai bắt được, mà nháp là cửa SỬA duy nhất (block cũ bất-biến).
+**How to apply:** thứ tự soi = (6)→(5)→(2)→(7)→(3)→(4)→(1) rồi mới đọc xuôi A-E — (6)(5)(7) cần lệnh đĩa/đối-chiếu block trước nên chạy sớm để đọc xuôi có sẵn dữ-liệu. Mỗi phát hiện phải kèm con-trỏ đĩa (`_mind` dòng nào / WAL dòng nào / `_context:<line>`) để lead vá không phải đi tìm. Liên quan [[ctx-curator-run-log]].

.claude/governance/.session-counter.json

@@ -11,9 +11,9 @@
                   },
     "_tick_invariant_note":  "Tick invariant (hub dede7ec5 Delta-1, verbatim): moi LAN-CHOT +1; mot cap dung-noi tang DUNG +1, khong +2, khong +0. SE form = tick-at-entry-gate idempotent-per-label (hub Delta-2 recovery-gate +1 = permitted form) - NET +1/session-label EQUIV hub +1/cap on CLOSED pairs; an OPEN pair is transiently +0 until its entry gate fires (hub blessed, 9a35405b block-1 phep dung-noi). Guard song-con = label-convention (session-start 2.1.8: new conversation = new S\u003cnn\u003e label, NEVER reuse). history[] is append-unbounded BY DESIGN =\u003e absence of a marker = never-happened (safe semantics); IF a FIFO cap is ever added, eviction MUST be handled explicitly (absence-vi-bi-day != absence-vi-chua-xay-ra - log-BOUNDED design-note dede7ec5).",
     "_seed_honesty":  "Seeded UNTICKED on purpose. counter=0 and last_ticked_* = null mean \u0027no tick has ever happened\u0027, which is the truth at S121 - the ritual that performs the tick lands in W3. Seeding a fake first tick here would make the very first cadence reading a lie, and H24 exists to catch exactly that kind of invented number.",
-    "counter":  49,
-    "last_ticked_session":  "S175",
-    "last_ticked_head":  "213eec07ed257dd1a5f24229e516937464d4cb33",
+    "counter":  50,
+    "last_ticked_session":  "S176",
+    "last_ticked_head":  "aa5ddfe6bfa397eeea12f2af62a326d0ce125c08",
     "last_ticked_at":  "2026-08-05",
     "last_audit":  {
                        "light_at_counter":  46,
@@ -252,6 +252,11 @@
                         "at": "2026-08-05",
                         "session": "S175",
                         "event": "CLEAN tick (session-counter-tick.ps1 M2): counter 48->49, session S174->S175, head 7fcf0ab->213eec0. Classify-before-tick: no regression (n=175 >= stored n=174); last_ticked_head reachable (merge-base --is-ancestor exit 0). 4 fields updated, 1 history entry appended, written atomically (temp + Move-Item -Force)."
+                    },
+                    {
+                        "at": "2026-08-05",
+                        "session": "S176",
+                        "event": "CLEAN tick (session-counter-tick.ps1 M2): counter 49->50, session S175->S176, head 213eec0->aa5ddfe. Classify-before-tick: no regression (n=176 >= stored n=175); last_ticked_head reachable (merge-base --is-ancestor exit 0). 4 fields updated, 1 history entry appended, written atomically (temp + Move-Item -Force)."
                     }
                 ]
 }

.claude/sessions/session-11/_context-s-11.md

@@ -160,6 +160,44 @@
 { "machine_block": "python scripts/session_ctx.py machine-block --session 11 --json" }
 ```
 
+
+### PAUSE-4 2026-08-05T22:27:09+07:00
+
+> anh: OK xong 2 cái này thì pause đi nhé.
+
+**(1) quyết-định đã CHỐT**
+
+- **UAT vòng-3 ship `79936ad` + deploy VERIFIED 2 vế ×2 app** (admin `--p-YD6EX` · eoffice `DNq8Gz8s`; khung thẻ `border-[#e9eef4]` = 1/1 · 2 chuỗi cũ = 0/0 · control-dương `Hạng mục (dự án)` + `Lưu & Gửi duyệt` = 1/1).
+- **4 defect anh khoanh đỏ khi soi prod (verbatim):**
+  - *"nó mất luôn cái khung bên ngoài rồi, ý tao bỏ cái viên xanh thôi, còn bộ khung table thuần vẫn nên giữ lại :))"*
+  - *"chỗ này chỉ cần NCC đã duyệt là đc rồi nhé, còn lại bỏ hết đi"*
+  - *"đưa qua bên phải nhé, ổn ổn rồi đấy"*
+  - *"Bỏ hết mấy chữ thừa này đi"*
+- 🔴 **Lỗi của LEAD được owner bắt:** `.card-accent` gói **HAI** thứ — khung thẻ ⟂ dải accent dọc 3px. Lead gỡ CẢ CLASS để bỏ dải xanh ⇒ mất luôn khung, panel trôi. Nay dựng lại khung bằng utility thuần giữ đúng số đo gốc (`#e9eef4`, `rounded-xl`), bỏ luôn hover-nhấc-thẻ (hiệu-ứng thiết-kế cho KPI-card nhỏ).
+- Cây màn Thao tác: +2 prop OPT-IN `approvedPeOnly` + `stagesOnly={[1]}`. **Lọc phase TRƯỚC khi dựng cây** — lọc sau thì badge đếm ở tầng Năm/Dự án/Hạng mục sẽ đếm cả phiếu đã ẩn, tức **số nói dối**. Hậu-kiểm 4 host cây module Hợp đồng = 0/0, không đụng.
+- 🔸 **Defect vòng-3 #1 đến NGAY TẠI cửa dừng** — commit `4f99961` (*"ghi defect vòng-3 #1 anh gửi @PAUSE-3"*) sinh ra chỉ để ghi nó vào sổ mà chưa làm. Datum về nhịp: điểm dừng KHÔNG phải lúc yên; defect vẫn tới giữa nghi-thức đóng.
+
+**(2) delta còn SỐNG**
+
+- 🔴 **CHƯA ai soi mắt prod 375/1366/1440** — vẫn là điều-kiện để tuyên PASS, chưa gỡ được.
+- 🔴 **2 câu treo từ PAUSE-3 anh CHƯA trả lời:** cột DỰ ÁN 11 ô đóng hẳn hay còn mở · `Project.BudgetTotal` rỗng 61/69 dự án có phải *"mục dự án chưa điền vào"* không.
+- 🔴 **NỢ MỚI sinh lượt này — 2 nguồn sự-thật cho khung thẻ:** `.card-accent` (`index.css:112`) ⟂ utility hardcode `#e9eef4`/`rounded-xl` ở `KhkkDetailContent` ×2 app. Đổi màu viền ở CSS sau này sẽ KHÔNG kéo theo KHKK. Chưa xử.
+- 🔴 **NỢ MỚI — overclaim trong comment đã ship:** lead viết *"đè là vô hiệu (gotcha #66)"* ở ≥3 chỗ comment. Sai: `docs/gotchas.md:1165` nói rule ngoài `@layer` thắng utility **THƯỜNG**, còn **fix ĐIỂM bằng important thì THẮNG**. Câu đúng là *"utility thường thua"*. Comment không vào bundle nên không gấp, nhưng là chữ SAI đang nằm trong mã.
+- Đuôi governance nguyên vẹn: E4 ➊ · synthesis S173 · 5 điểm · kéo 2 thư + adap-report · A1 `ring2-audit` · drift-audit · 9 dir rỗng.
+
+**(3) con-trỏ**
+
+- commit cửa-sổ này: `4f99961` (ghi defect) · `79936ad` (4 defect) · `34ceae6` (wal). Run-folder: **KHÔNG mở mới** — cửa-sổ này 0 engine-run.
+- 🔴 **`ctx-curator` @PAUSE-4 = `SUA — 9 điểm`** — lead áp đủ 9 rồi mới chèn `MIND-5`. Ba điểm đắt nhất:
+  - **#7 vai sửa CHÍNH CÁCH LEAD TRÍCH GOTCHA:** lead viết *"đè là vô hiệu (gotcha #66)"*, vai đối chiếu `gotchas.md:1165` thấy tiêu-đề gotcha **tự nó** ghi *"fix ĐIỂM bằng important `text-white!`"* ⇒ đè **THẮNG**, lead overclaim. Lead xác nhận vai đúng. Bài: **trích một gotcha thì đọc lại nguyên văn nó, đừng trích từ trí nhớ về nó.**
+  - **#3 lead lại ĐẾM SAI commit của chính mình** (lần thứ HAI liên tiếp, PAUSE-3 #3 cùng lớp): khai "1 sản-phẩm + 1 `wal:`", đo `git log` ra **1 + 2**. Cái bị bốc hơi là `4f99961` — đúng commit mang fact "defect đến ngay tại cửa dừng".
+  - **#1/#2 §E tự mâu-thuẫn trong cùng một câu:** khai `(trống — khai)` + "0 spawn" trong khi chính `ctx-curator` là spawn của cửa-sổ. Câu đúng: *0 engine-run, 0 spawn SẢN-XUẤT; spawn duy nhất = nghi-thức*.
+- 🔸 Máy `mind-check --draft` **sạch ngay lượt đầu** (`dat=6 TRUOT=0`) — cả 9 điểm trên đều là thứ **máy khớp-mẫu không thấy được**, đúng phần việc vai người lo.
+
+```json
+{ "machine_block": "python scripts/session_ctx.py machine-block --session 11 --json" }
+```
+
 ---
 
 ## (c) STOCK-touched — máy-derive
@@ -217,3 +255,17 @@
 > `43e1bd7` · `a0ccac3` · `b811e11` · `32cc8d5` · `95f72dc` · `99cabd8` · `0db1b99`.
 > 🔸 Lead lượt đầu viết "7 commit" mà chỉ liệt 6 (sót `0db1b99`) — `ctx-curator` bắt được vì đi
 > đối chiếu `git log`, không tin câu chữ. Ghi lại vì đây là **lỗi đếm về chính mình**.
+
+> **Máy-derive @PAUSE-4** — cửa-sổ tính từ mốc `_mind` MIND-4 (`55b6d36`) → HEAD:
+> `git diff --name-only 55b6d36..HEAD` = **12 file**; `git log` = **1 sản-phẩm + 3 `wal:`**
+> (trong đó `9c3b87d` chính là commit đóng PAUSE-3).
+
+| Nhóm | n | Ghi-chú |
+|---|---|---|
+| `fe-admin/src/**` | 3 | `KhkkDetailContent` · `KhkkWorkListPanel` · `PipelineTreePanel` |
+| `fe-user/src/**` | 3 | mirror y hệt (sha256 khớp 3/3) |
+| `.claude/**` | 6 | WAL · `_context` · `_mind` · `_pause-3` · counter · agent-memory (seed C2 @PAUSE-3) |
+
+> 🔸 **Lead khai "1 sản-phẩm + 1 `wal:`" ở nháp đầu — SAI**, `ctx-curator` đếm lại ra 1+2 cho
+> đúng cửa-sổ sau PAUSE-3. Đây là **lần thứ HAI liên tiếp** lead đếm sai commit của chính mình
+> (PAUSE-3 #3 cùng lớp). Ghi lại để lần sau derive bằng `git log` trước khi viết số.

.claude/sessions/session-11/_mind-s-11.md

@@ -39,6 +39,59 @@ Máy chỉ quét phần **DƯỚI** marker đóng khối luật. Khối luật
      (`_MIND_TOP_MARKER` trong scripts/session_ctx.py) -- khac khuon `FLOW-START` cua _context (khong may nao doc). -->
 <!-- MIND-TOP -->
 
+## MIND-5 — 2026-08-05T22:27:09+07:00 @ 34ceae6 (window 3, @PAUSE-4)
+
+### A. Gói-turn
+
+- Cửa-sổ NGẮN, nối thẳng sau PAUSE-3 mà không qua `/tiep` (cùng cửa-sổ vật-lý, không đứt bối-cảnh). **1 commit sản-phẩm + 2 `wal:`** — trong đó `4f99961` sinh ra CHỈ để ghi một defect anh gửi **ngay giữa nghi-thức đóng**. Chi tiết 4 defect: xem `_context` PAUSE-4 mục (1).
+- Deploy vòng-3 **VERIFIED 2 vế ×2 app**; prod đã qua vài mốc trung-gian trước khi tới bản này.
+- **0 engine-run, 0 spawn SẢN-XUẤT** — lead làm solo; cổng C2 không kêu (`A` rỗng). Spawn duy nhất là `ctx-curator` nghi-thức.
+
+### B. Hướng-tiếp + nhánh-đã-loại
+
+- **Đi tiếp (cửa sau):** chờ anh soi prod → nhận defect **vòng-4** → rồi mới quay về đuôi governance (E4 ➊ · synthesis S173 · 5 điểm · kéo thư + adap-report · A1 `ring2-audit`).
+- **Nhánh đã LOẠI ⑮:** *đè `border-0` lên `.card-accent` để tắt dải xanh mà giữ khung* (nguyên văn yêu-cầu: xem PAUSE-4 mục (1)) — LOẠI vì **class gói 2 thuộc-tính**: đè chỉ tắt được dải mà vẫn kéo theo hover + coupling với `.card-accent`. 🔴 Lý-do KHÔNG phải "đè là vô hiệu" — `gotchas.md:1165` nói rule ngoài `@layer` thắng utility **THƯỜNG**, còn fix ĐIỂM bằng `!important` thì THẮNG. Lead từng trích sai chỗ này.
+- **Nhánh đã LOẠI ⑯:** *lọc phase SAU khi dựng cây cho gọn code* — LOẠI: badge đếm ở tầng Năm/Dự án/Hạng mục sẽ đếm cả phiếu đã ẩn ⇒ **số nói dối**. Lọc TRƯỚC.
+
+### C. Kế-hoạch (delta suy-nghĩ)
+
+- **Đổi so MIND-4 — lỗi "gỡ quá tay" thành một lớp riêng:** lead gỡ `.card-accent` để bỏ dải xanh, nhưng class đó gói **hai** thứ (khung thẻ ⟂ dải accent) nên mất luôn khung. ⇒ **"gỡ class" ≠ "gỡ thuộc tính"**: trước khi gỡ một class gộp, đọc định-nghĩa CSS của nó và tách ra cái owner thật sự không muốn. Cùng họ với bài "đo chuỗi dùng-chung phải hỏi còn ai dùng nữa không" ở MIND-4 — đều là **nhầm ĐƠN-VỊ tác-động**.
+- **Đổi thứ hai — trích gotcha phải MỞ LẠI gotcha:** lead trích #66 từ trí-nhớ về nó ("đè là vô hiệu") trong khi tiêu-đề gotcha tự nó ghi cách fix bằng `!important`. Vai bắt được vì đi ĐỌC dòng gốc. ⇒ trích một luật đã ghi thì mở lại nguyên văn, đừng trích cái mình nhớ về luật đó. (Bài lọc-TRƯỚC/SAU: xem ⑯ ở §B, không lặp.)
+
+### D. Đang-thảo-luận
+
+- Anh soi prod 375/1366/1440 rồi gửi defect vòng-4 {treo-chờ-anh}
+- Cột DỰ ÁN 11 ô — đóng hẳn hay còn mở {treo-chờ-anh}
+- `Project.BudgetTotal` rỗng 61/69 dự án — có đúng là mục ngân sách anh nói chưa điền không (nguyên văn: xem PAUSE-3 mục (1)) {treo-chờ-anh}
+- Thanh nút đáy: có cần nút "Lưu" rời không {mới-nêu}
+- Ghi chú dòng hạng mục nay ở dòng phụ, không còn cột riêng {mới-nêu}
+- Nâng PE lên khuôn KHKK — PE đang golive {treo-chờ-anh}
+- Nâng `autoinject_cap` thay vì archive `ring2-audit` {treo-chờ-anh}
+- Bản thân việc ROTATE mật-khẩu prod vrapp {treo-chờ-anh}
+- Slot (67) người soạn có được upload file khi duyệt {treo-chờ-anh}
+- Nợ harvest thật vs con số HANDOFF ghi {treo-chờ-anh}
+- E4 vế ➊ thăng luật lên khối auto-inject — chủ = LEAD {gần-chốt}
+- Run-folder S173 vẫn ORPHAN {gần-chốt}
+- Vá `STATUS:473` Gotchas 86→87 {gần-chốt}
+- Gạch 5 slot (68)-(72) khỏi HANDOFF {gần-chốt}
+- Đưa `ROTATE vrapp` trở lại HANDOFF {gần-chốt}
+- Re-stamp Carry 14 slug {gần-chốt}
+- Slot (70) vá anchor neo cả 3 dạng {gần-chốt}
+- A1 `ring2-audit` 26.440 B > cap 25.600 — treo từ PAUSE-1 {gần-chốt}
+- Thước MFE thiên lệch theo độ dài diary, ngược trục `autoinject_cap` {mới-nêu}
+- Headroom: cắt `STATUS.md` + `HANDOFF.md` theo tiering hay nâng trần {mới-nêu}
+- 🔴 Khung thẻ nay có **2 nguồn sự-thật**: `.card-accent` (`index.css:112`) ⟂ utility hardcode `#e9eef4`/`rounded-xl` ở `KhkkDetailContent` ×2 app — đổi màu viền ở CSS sẽ KHÔNG kéo theo KHKK {mới-nêu}
+- 🔴 Comment đã ship còn câu overclaim "đè là vô hiệu (gotcha #66)" ở ≥3 chỗ — chữ SAI nằm trong mã, không vào bundle nên không gấp {mới-nêu}
+- Kéo 2 thư `loi-do-luong` + 4 adap-report {gần-chốt}
+- Monthly drift-audit quá hạn {gần-chốt}
+- 9 dir rỗng agent-memory trong run-folder {gần-chốt}
+
+### E. Dòng-sống spawn/engine-run
+
+- `ctx-curator` @PAUSE-4 — **`SUA — 9 điểm`**; lead áp đủ 9 rồi mới chèn block này. Vai sửa cả cách lead TRÍCH gotcha #66 và bắt lead đếm sai commit lần thứ HAI liên tiếp. Verdict + 3 điểm đắt nhất: `_context` PAUSE-4 mục (3)
+- 🔸 0 engine-run, 0 run-folder mới, 0 spawn sản-xuất trong cửa-sổ này — đo bằng `find .claude/workflows/runs -newermt` = 0 hit; cổng C2 vì thế `A` rỗng, không phải seed ai
+
+
 ## MIND-4 — 2026-08-05T21:54:30+07:00 @ 55b6d36 (window 3, @PAUSE-3)
 
 ### A. Gói-turn

.claude/sessions/session-11/_pause-4.md

@@ -0,0 +1,6 @@
+ts: 2026-08-05T22:27:09+07:00
+head-sha: 34ceae6cf6ee005095ce1aa4a04d233c360776f1
+window-ordinal: 3
+jsonl-hint: D--Dropbox-CONG-VIEC-SOLUTION-SOLUTION-ERP/041d0937-4486-46cb-ab80-a2a988516b25
+account-label: none
+ctx-curator: SUA - 9 diem (lead ap du 9 roi moi chen MIND-5; vai sua ca cach lead trich gotcha #66)

.claude/sessions/session-11/_tiep-3.md

@@ -0,0 +1,6 @@
+ts: 2026-08-06T08:25:42+07:00
+head-sha: aa5ddfe6bfa397eeea12f2af62a326d0ce125c08
+window-ordinal: 4
+jsonl-hint: D--Dropbox-CONG-VIEC-SOLUTION-SOLUTION-ERP/d68f01d6-8335-436f-aae6-55a389273c8e
+account-label: none
+ctx-verifier: NAP-LAI-SAN-SANG - 10 co (3 co nang lead tu do lai CONFIRMED: run.md S174 Owner-items 6 dong + dong CON NO stale -> da flush; _context:152 "da flush" that ra 1/7; overclaim gotcha #66 = 4 site / 2 CHUOI khac nhau chu khong phai ">=3 cho")

.claude/workflows/runs/2026-08-05-S174-khkk-style-audit/run.md

@@ -19,14 +19,14 @@ mỗi lệch phải có `file:line` CẢ HAI phía; đầu ra = spec thi-hành-
 
 | # | Việc | Trạng thái |
 |---|---|---|
-| O1 | `KhkkWorkflowPanel` style ≠ `PeWorkflowPanel` (banner · icon tròn · chip NS PRO/CCM · HÀNH ĐỘNG · file đính kèm · lịch sử duyệt) | chưa làm |
+| O1 | `KhkkWorkflowPanel` style ≠ `PeWorkflowPanel` (banner · icon tròn · chip NS PRO/CCM · HÀNH ĐỘNG · file đính kèm · lịch sử duyệt) | ✅ **LAND `43e1bd7`** (đợt B — bê style PE sang KHKK) |
 | O2 | Badge **"SẮP"** trên cây → **đổi thành 0** ("bỏ hết đi đổi thành 0") | ✅ **LAND `a1b9cbb`** — gỡ `SoonChip` 3 ca 3 cách (đếm-được→số · khoá-quyền→trắng · failed→`—`); deploy verify 2-vế @S175 |
-| O3 | Hạng mục cho chọn **NHIỀU** + **SUM tổng**; tổng giá duyệt ghi **PHÍA TRÊN** — ✅ **N-ROW 0-MIGRATION** (`ContractSigningPlanLineConfiguration.cs:37-38` unique **3 cột**, máy rộng sẵn từ Mig 71) | chưa làm |
-| O4 | Shopdrawing / căn cứ hồ sơ cho **đính kèm file** | chưa làm |
+| O3 | Hạng mục cho chọn **NHIỀU** + **SUM tổng**; tổng giá duyệt ghi **PHÍA TRÊN** — ✅ **N-ROW 0-MIGRATION** (`ContractSigningPlanLineConfiguration.cs:37-38` unique **3 cột**, máy rộng sẵn từ Mig 71) | ✅ **LAND cả 2 vế** — vế (2) `a0ccac3` · vế (1) N-hạng-mục+giá+ghi-chú `b811e11` |
+| O4 | Shopdrawing / căn cứ hồ sơ cho **đính kèm file** | ✅ **LAND `a0ccac3`** (đợt D) |
 | O5 | Menu Đang duyệt / Đã duyệt / Đã xóa "lọc đúng trạng thái" — lead đã truy 5/5 mắt xích, **chuỗi lọc ĐÚNG**; nghi vấn thật = `KhkkListPanel:202 flatMode` đổi CÂY→PHẲNG khi có filter | cần phán |
-| O6 | **Bấm card PE trong cây ở màn KHKK phải GIỮ NGUYÊN màn KHKK** (view tại chỗ), không văng sang phiếu gốc — "tương tự với duyệt NCC" | chưa làm |
-| O7 | **Nút EDIT trên card KHKK** ở tầng dưới panel Thao tác — mirror `PeListPanel` `onEditClick` (bút chì hiện khi hover, bấm = mở thẳng chế-độ sửa) | chưa làm |
-| O8 | **Tầng TRÊN panel Thao tác cho ra CÂY THƯ MỤC Dự án › Hạng mục** — "cho cây thư mục dự án hạng mục ra luôn nhé". Hiện mới gom-theo-dự-án 1 cấp (`KhkkWorkListPanel` `byProject`), owner muốn cây 2 cấp như cây toàn trình | chưa làm |
+| O6 | **Bấm card PE trong cây ở màn KHKK phải GIỮ NGUYÊN màn KHKK** (view tại chỗ), không văng sang phiếu gốc — "tương tự với duyệt NCC" | ✅ **LAND `a0ccac3`** (đợt D — `onOpenPe` nạp thẳng vào form, ở lại màn) |
+| O7 | **Nút EDIT trên card KHKK** ở tầng dưới panel Thao tác — mirror `PeListPanel` `onEditClick` (bút chì hiện khi hover, bấm = mở thẳng chế-độ sửa) | ✅ **LAND `a0ccac3`** (đợt D) |
+| O8 | **Tầng TRÊN panel Thao tác cho ra CÂY THƯ MỤC Dự án › Hạng mục** — "cho cây thư mục dự án hạng mục ra luôn nhé". Hiện mới gom-theo-dự-án 1 cấp (`KhkkWorkListPanel` `byProject`), owner muốn cây 2 cấp như cây toàn trình | ✅ **LAND `a0ccac3`** (đợt D) — sau đó `0db1b99` thay bằng **dùng LẠI `PipelineTreePanel`** (Năm›Dự án›Hạng mục›4GĐ, `+56/−300` dòng) |
 
 > 🔴 **O7/O8 đến SAU khi 5 lane đã phóng** (`wf_016b1bed-b85`) ⇒ lane KHÔNG thấy 2 mục này.
 > Lead PHẢI tự phủ chúng ở bước synthesis; đừng đọc "lane không nhắc" thành "không có việc".
@@ -74,5 +74,7 @@ gỡ cây khỏi Hộp thư. Prod hiện tại: admin `index-BXwdUVmD.js` · eof
 
 **ĐÃ LAND ngay trong phiên (đợt A + 2 câu owner chốt)** — commit `a1b9cbb`: vá 401 · vá `<lg` ngõ cụt · trả nút duyệt mobile · gỡ `SoonChip` (3 ca 3 cách) · gỡ nút Từ chối · grid 260/320.
 
-🔴 **CÒN NỢ:** đợt B (32 mục style) + đợt D (O6·O3·O4·O7·O8). **KHÔNG lane nào có screenshot** — dev-rig chặn (chỉ `:8080` LISTENING, API `:5443` không có, trang sau `ProtectedRoute`, gotcha #3) ⇒ mọi kết luận là **đọc mã, không phải đã nhìn**; người land BẮT BUỘC soi 375/1366/1440 trên prod.
+✅ **HẾT NỢ đợt B + đợt D — flush @S176** (`/tiep` ground-truth reconcile, cờ 3 `ctx-verifier`): đợt B = `43e1bd7` · đợt D (O6·O4·O7·O8) = `a0ccac3` · O3 vế-1 = `b811e11`. Bản cũ ghi "CÒN NỢ" **sống sót 4 cửa pause** trong khi hàng đã lên prod; sổ dẫn-xuất này lệch canonical (`git log` + WAL) chứ không phải việc chưa làm.
+🔴 **CÒN LẠI ĐÚNG 1: O5 "cần phán"** (`KhkkListPanel:202 flatMode` đổi CÂY→PHẲNG khi có filter) — chưa ai định đoạt, và **0 hit** ở WAL/`_mind`/`next:` ⇒ đang mồ-côi, xem cờ 6.
+🔴 **KHÔNG lane nào có screenshot** — dev-rig chặn (chỉ `:8080` LISTENING, API `:5443` không có, trang sau `ProtectedRoute`, gotcha #3) ⇒ mọi kết luận là **đọc mã, không phải đã nhìn**; người land BẮT BUỘC soi 375/1366/1440 trên prod.
 🧪 **Luật C2 có răng:** run trước cùng khuôn 3/5 lane chết cháy-lượt; run này **0/5**. Cùng model, cùng harness, khác **thứ tự ghi**.

fe-admin/src/components/khkk/KhkkListPanel.tsx

@@ -22,12 +22,13 @@
 //        ⇒ ô tìm + `Select` trạng-thái đi SERVER-SIDE thẳng `GET /contract-signing-plans`
 //        (bật chế-độ danh-sách phẳng), luôn có đường tới phiếu cũ; và dòng cảnh-báo
 //        "Cây tải 200 phiếu mới nhất…" của cây KHÔNG bị nuốt.
+import { useMemo } from 'react'
 import { useQuery } from '@tanstack/react-query'
 import { ChevronLeft, ChevronRight, FileCheck, Inbox, Search } from 'lucide-react'
 import { Input } from '@/components/ui/Input'
 import { Select } from '@/components/ui/Select'
 import { PipelineTreePanel } from '@/components/pipeline/PipelineTreePanel'
-import { usePipelineStages } from '@/hooks/usePipelineStages'
+import { usePipelineLinkage, usePipelineStages } from '@/hooks/usePipelineStages'
 import { api } from '@/lib/api'
 import { cn } from '@/lib/cn'
 import {
@@ -40,6 +41,10 @@ import {
 } from '@/types/khkk'
 
 const PAGE_SIZE = 20
+// [S176] Cửa-sổ nguồn cho CÂY ở chế-độ thùng rác. Bằng đúng `INDEX_PAGE_SIZE`/
+// `PE_INDEX_PAGE_SIZE` của 2 index cây (200) để cả cây kể CÙNG một câu chuyện về giới-hạn
+// — lấy 20/trang như chế-độ phẳng thì cây sẽ cụt mà không có dòng nào khai.
+const TREE_SOURCE_PAGE_SIZE = 200
 
 function formatVnd(n: number | null | undefined): string {
   if (n === null || n === undefined) return '—'
@@ -198,17 +203,29 @@ export function KhkkListPanel({
   onOpenPe?: (id: string) => void
 }) {
   const { canPe } = usePipelineStages()
+  const linkage = usePipelineLinkage()
   const term = search.trim()
 
-  // [R-11] Lọc đi SERVER-SIDE, KHÔNG lọc trên cây: có từ khoá / có trạng-thái / xem thùng
-  // rác ⇒ chuyển sang danh-sách phẳng có phân-trang thật (`total` từ server) nên phiếu nằm
-  // ngoài 200 phiếu mới nhất VẪN tới được.
-  // [M-1] `!canPe` ⇒ cũng dùng đúng danh-sách phẳng này — cây khoá không được phép làm
-  // người dùng mất trắng phiếu của chính họ.
-  const flatMode = !canPe || deletedView || term.length > 0 || phase !== null
+  // [S176 owner] "ở các menu đang duyệt/ đã duyệt/ xóa → cho hiển thị năm → dự án → hạng
+  // mục → phiếu KHKK nhé" ⇒ 3 menu đó nay đi CÂY (chế-độ lá 4 tầng), không còn phẳng.
+  //
+  // 🧊 Trước S176: `flatMode` còn gồm `deletedView || phase !== null`. Bỏ 2 vế đó.
+  // [R-11] GIỮ vế từ-khoá: tìm kiếm đi SERVER-SIDE có phân-trang thật (`total` từ server)
+  //        nên phiếu nằm ngoài cửa-sổ 200 VẪN tới được — đó là đường thoát khi cây không
+  //        với tới, và là lý do KHÔNG bỏ nốt vế này.
+  // [M-1] GIỮ vế `!canPe`: cây dựng trên xương sống phiếu Duyệt NCC (`enabled: canPe`),
+  //        ai không có quyền đó thì cây KHÔNG dựng được — ép cây sẽ làm họ mất trắng phiếu
+  //        của chính mình. Danh-sách phẳng là lưới an-toàn, không phải tuỳ chọn.
+  const flatMode = !canPe || term.length > 0
+
+  // Xem thùng rác ở chế-độ CÂY: phiếu đã xoá KHÔNG nằm trong index của cây
+  // (`usePipelineLinkage` chỉ gọi `/contract-signing-plans`), nên phải tự lấy từ endpoint
+  // riêng rồi tự gắn vào PE. Lấy đúng cửa-sổ 200 như 2 index kia để cùng một câu chuyện
+  // truncation, thay vì 20/trang của chế-độ phẳng.
+  const treeDeleted = deletedView && !flatMode
 
   const list = useQuery({
-    queryKey: ['khkk-list', { group, phase, search: term, page, deletedView }],
+    queryKey: ['khkk-list', { group, phase, search: term, page, deletedView, tree: treeDeleted }],
     queryFn: async () => {
       const url = deletedView ? '/contract-signing-plans/deleted' : '/contract-signing-plans'
       return (await api.get<PagedResult<KhkkListItemDto>>(url, {
@@ -216,14 +233,39 @@ export function KhkkListPanel({
           phase: deletedView ? undefined : (phase ?? undefined),
           group: group ?? undefined,
           search: term || undefined,
-          page,
-          pageSize: PAGE_SIZE,
+          page: treeDeleted ? 1 : page,
+          pageSize: treeDeleted ? TREE_SOURCE_PAGE_SIZE : PAGE_SIZE,
         },
       })).data
     },
-    enabled: flatMode,
+    enabled: flatMode || treeDeleted,
   })
 
+  // Phiếu đã xoá gom theo PE — chỉ dựng khi đang xem thùng rác bằng cây.
+  const deletedByPeId = useMemo(() => {
+    const map = new Map<string, KhkkListItemDto[]>()
+    if (!treeDeleted) return map
+    for (const k of list.data?.items ?? []) {
+      const bucket = map.get(k.purchaseEvaluationId)
+      if (bucket) bucket.push(k)
+      else map.set(k.purchaseEvaluationId, [k])
+    }
+    return map
+  }, [treeDeleted, list.data])
+
+  // Phiếu treo dưới một gói thầu, SAU khi áp đủ bộ lọc đang bật (trạng-thái + nhóm).
+  // 🔴 Lọc ở ĐÂY = lọc TRƯỚC khi cây dựng ⇒ badge đếm ở cả 3 tầng tự khớp tập đang hiện.
+  // Đây đúng là luật vòng-3 ("lọc phase TRƯỚC khi dựng cây, lọc sau thì badge nói dối").
+  const plansForPe = useMemo(() => {
+    return (peId: string): KhkkListItemDto[] => {
+      const src = treeDeleted ? (deletedByPeId.get(peId) ?? []) : (linkage.khkkByPeId.get(peId) ?? [])
+      const byGroup = group === null ? src : src.filter(k => k.approvalGroup === group)
+      // Thùng rác KHÔNG lọc theo trạng-thái: phiếu đã xoá giữ nguyên phase lúc bị xoá, lọc
+      // thêm chỉ tổ giấu mất phiếu người dùng đang đi tìm.
+      return treeDeleted || phase === null ? byGroup : byGroup.filter(k => k.phase === phase)
+    }
+  }, [treeDeleted, deletedByPeId, linkage.khkkByPeId, group, phase])
+
   const items = list.data?.items ?? []
   const total = list.data?.total ?? 0
   const totalPages = list.data?.totalPages ?? 1
@@ -242,11 +284,14 @@ export function KhkkListPanel({
     return (
       <ul className="divide-y divide-slate-100">
         {shown.map(k => (
-          <li key={k.id}>
+          // [S176] Thùng rác trên CÂY phải cư-xử y hệt thùng rác ở danh-sách phẳng:
+          // làm mờ + KHÔNG cho mở. Thiếu vế này thì cùng một phiếu đã xoá lại mở được ở
+          // cây mà không mở được ở phẳng — cùng dữ-liệu, hai luật.
+          <li key={k.id} className={cn(deletedView && 'opacity-70')}>
             <KhkkPlanCard
               plan={k}
               selected={selectedId === k.id}
-              onSelect={onSelect}
+              onSelect={deletedView ? () => { /* phiếu đã xóa: chỉ liệt kê, không mở */ } : onSelect}
               finalize={selectedId === k.id ? selectedFinalize : undefined}
             />
           </li>
@@ -306,6 +351,24 @@ export function KhkkListPanel({
             hideSearch
             bodyMaxHClass="max-h-[28rem] lg:max-h-none"
             stage2Options={{ stage2Content, stage2Count, onOpenKhkk: onSelect, onOpenPe }}
+            // [S176 owner] ĐÚNG 3 menu anh gọi tên — `filter=ChoDuyet` (Đang duyệt) ·
+            // `filter=DaDuyet` (Đã duyệt) · `view=deleted` (Đã xóa) ⇒ cây rút về 4 tầng
+            // Năm › Dự án › Hạng mục › phiếu KHKK.
+            // 🔴 CẤM thêm vế `group !== null` vào đây: CẢ BỐN leaf menu KHKK đều mang
+            // `?group=1` (`Layout.tsx:41-45`), kể cả "Danh sách" không lọc — thêm vế đó là
+            // kéo luôn menu TOÀN CẢNH vào chế-độ lá, tức đổi một màn owner không hề yêu cầu.
+            // Nhóm là chiều CHIA NGĂN, không phải chiều CHỌN HÌNH CÂY.
+            leafMode={
+              phase !== null || deletedView
+                ? {
+                    countForPe: pe => plansForPe(pe.id).length,
+                    render: peItems => stage2Content(peItems.flatMap(p => plansForPe(p.id))),
+                    emptyText: deletedView
+                      ? 'Không có phiếu đã xóa.'
+                      : 'Chưa có kế hoạch ký kết nào khớp bộ lọc.',
+                  }
+                : undefined
+            }
           />
         )}
 

fe-admin/src/components/pipeline/PipelineTreePanel.tsx

@@ -8,7 +8,7 @@
 // 🔴 Cây trang Duyệt NCC (`pages/pe/PurchaseEvaluationsListPage.tsx:210-252`) KHÔNG
 // bị đụng vào: nó có bộ lọc `pendingMe` + `?deleted=1` riêng. Bộ dựng nhóm ở đây
 // là bản độc lập (duplicate CÓ CHỦ ĐÍCH) để trang đang chạy giữ nguyên hành vi.
-import { useMemo, useState } from 'react'
+import { useMemo, useState, type ReactNode } from 'react'
 import { useQuery } from '@tanstack/react-query'
 import { ListTree, Search } from 'lucide-react'
 import { api } from '@/lib/api'
@@ -31,7 +31,13 @@ type ProjectNode = {
 }
 type YearNode = { year: number; projects: ProjectNode[]; totalCount: number }
 
-function buildTree(rows: PeListItem[]): YearNode[] {
+// [S176 owner] `weightOf` = mỗi PE đóng góp BAO NHIÊU vào badge đếm. Mặc định 1 (đếm
+// gói thầu) ⇒ 6 host cũ không đổi một số nào. Chế-độ lá (`leafMode`) truyền số PHIẾU
+// khớp bộ lọc, vì ở 3 menu Đang duyệt / Đã duyệt / Đã xóa thứ người dùng đang đếm là
+// PHIẾU chứ không phải gói — và 1 gói có thể mang nhiều phiếu.
+// 🔴 Cùng luật vòng-3: đếm phải khớp ĐÚNG tập đang hiện. Giữ `+1` ở chế-độ lá thì badge
+// nói dối theo chiều ngược lại (gói có 2 phiếu vẫn kêu 1).
+function buildTree(rows: PeListItem[], weightOf: (p: PeListItem) => number = () => 1): YearNode[] {
   const yearMap = new Map<number, YearNode>()
   for (const p of rows) {
     const year = new Date(p.createdAt).getFullYear()
@@ -63,8 +69,9 @@ function buildTree(rows: PeListItem[]): YearNode[] {
       pg.workItems.push(wg)
     }
     wg.items.push(p)
-    pg.totalCount++
-    yg.totalCount++
+    const w = weightOf(p)
+    pg.totalCount += w
+    yg.totalCount += w
   }
   const arr = Array.from(yearMap.values())
   arr.sort((a, b) => b.year - a.year)
@@ -92,6 +99,7 @@ export function PipelineTreePanel({
   hideSearch,
   approvedPeOnly,
   stagesOnly,
+  leafMode,
 }: {
   currentStage: PipelineStageNo
   className?: string
@@ -126,6 +134,24 @@ export function PipelineTreePanel({
   // [S175] Chỉ vẽ các folder giai-đoạn trong danh sách này (vd `[1]` = chỉ Duyệt NCC).
   // Không truyền ⇒ vẽ đủ 4 giai-đoạn như cũ.
   stagesOnly?: PipelineStageNo[]
+  // [S176 owner — "ở các menu đang duyệt/ đã duyệt/ xóa → cho hiển thị năm → dự án →
+  // hạng mục → phiếu KHKK nhé"] CHẾ-ĐỘ LÁ: cây dừng ở tầng Hạng mục rồi vẽ THẲNG phiếu,
+  // bỏ tầng folder giai-đoạn VÀ tầng 8 ngăn nhóm. Đúng 4 tầng anh gõ.
+  // 🔴 Panel này KHÔNG biết gì về kiểu KHKK — host cấp cả phép ĐẾM lẫn phép VẼ, nên cây
+  // dùng lại được cho giai-đoạn khác sau này mà không kéo theo import chéo.
+  // 🔴 OPT-IN: 6 host còn lại không truyền ⇒ đi nhánh `PipelineStageFolders` y như cũ.
+  leafMode?: {
+    /** Số phiếu của PE này SAU bộ lọc. Trả 0 ⇒ nhánh bị TỈA khỏi cây (không hiện folder rỗng). */
+    countForPe: (pe: PeListItem) => number
+    /** Thân tầng Hạng mục = phiếu của đúng các PE trong hạng mục đó. */
+    render: (peItems: PeListItem[]) => ReactNode
+    /**
+     * Câu hiển thị khi bộ lọc tỉa sạch cây. Mặc định "Chưa có phiếu nào để dựng cây" nói
+     * về DỰNG CÂY — ở chế-độ lá nó đánh lừa: người dùng lọc "Đã duyệt" mà rỗng sẽ tưởng
+     * hệ-thống hỏng chứ không hiểu là không phiếu nào khớp bộ lọc.
+     */
+    emptyText?: string
+  }
 }) {
   const { canPe, buildStages } = usePipelineStages()
   const [search, setSearch] = useState('')
@@ -170,14 +196,23 @@ export function PipelineTreePanel({
     const all = approvedPeOnly
       ? base.filter(p => p.phase === PurchaseEvaluationPhase.DaDuyet)
       : base
-    if (!term) return all
-    return all.filter(p =>
-      [p.projectCode, p.projectName, p.workItemName, p.maPhieu, p.tenGoiThau]
-        .some(v => (v ?? '').toLowerCase().includes(term)),
-    )
-  }, [peIndex.data, term, approvedPeOnly])
+    const searched = !term
+      ? all
+      : all.filter(p =>
+          [p.projectCode, p.projectName, p.workItemName, p.maPhieu, p.tenGoiThau]
+            .some(v => (v ?? '').toLowerCase().includes(term)),
+        )
+    // [S176] TỈA nhánh rỗng ở chế-độ lá: gói thầu không còn phiếu nào khớp bộ lọc thì
+    // KHÔNG dựng nhánh cho nó. Cùng lý-do "lọc TRƯỚC khi dựng" ở trên — để lại nhánh rỗng
+    // thì người dùng mở Năm→Dự án→Hạng mục ba lần chỉ để thấy chỗ trống.
+    return leafMode ? searched.filter(p => leafMode.countForPe(p) > 0) : searched
+  }, [peIndex.data, term, approvedPeOnly, leafMode])
 
-  const years = useMemo(() => buildTree(rows), [rows])
+  // [S176] Chế-độ lá đếm PHIẾU (`countForPe`); mặc định đếm GÓI (mỗi PE = 1) như cũ.
+  const years = useMemo(
+    () => buildTree(rows, leafMode ? p => leafMode.countForPe(p) : undefined),
+    [rows, leafMode],
+  )
   const packageCount = years.reduce((n, y) => n + y.projects.reduce((m, p) => m + p.workItems.length, 0), 0)
   // Đang tìm kiếm ⇒ chỉ hiện folder CÓ nội dung khớp (không đổ 4 folder rỗng).
   const hideEmpty = term.length > 0
@@ -296,7 +331,9 @@ export function PipelineTreePanel({
           )}
           {canPe && !peIndex.isLoading && !peIndex.isError && years.length === 0 && (
             <p className="px-3 py-4 text-[12px] text-slate-500">
-              {term ? 'Không có gói thầu nào khớp từ khoá.' : 'Chưa có phiếu nào để dựng cây.'}
+              {term
+                ? 'Không có gói thầu nào khớp từ khoá.'
+                : (leafMode?.emptyText ?? 'Chưa có phiếu nào để dựng cây.')}
             </p>
           )}
 
@@ -351,19 +388,34 @@ export function PipelineTreePanel({
                                     <svg className="h-3 w-3 shrink-0 text-slate-400 transition-transform group-open/wi:rotate-90" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" /></svg>
                                     <span className="text-sm">🧱</span>
                                     <span className={cn('min-w-0 flex-1 truncate text-[12px]', wg.workItemId ? 'font-medium text-slate-700' : 'italic text-slate-400')}>{wg.workItemName}</span>
-                                    <span className="rounded bg-slate-100 px-1.5 py-0.5 text-[10px] text-slate-600">{wg.items.length}</span>
+                                    {/* [S176] Chế-độ lá đếm PHIẾU, mặc định đếm GÓI — khớp đúng
+                                        thứ đang hiện ngay dưới nó. */}
+                                    <span className="rounded bg-slate-100 px-1.5 py-0.5 text-[10px] text-slate-600">
+                                      {leafMode
+                                        ? wg.items.reduce((n, p) => n + leafMode.countForPe(p), 0)
+                                        : wg.items.length}
+                                    </span>
                                   </summary>
-                                  <PipelineStageFolders
-                                    className="ml-3 border-l border-slate-200"
-                                    currentStage={currentStage}
-                                    hideEmpty={hideEmpty}
-                                    stages={(() => {
-                                        const built = buildStages(wg.items, stage2Options ?? {})
-                                        // [S175] `stagesOnly` = lọc HIỂN THỊ, KHÔNG đụng bộ dựng —
-                                        // 5 host kia không truyền thì `built` đi thẳng như cũ.
-                                        return stagesOnly ? built.filter(st => stagesOnly.includes(st.n)) : built
-                                      })()}
-                                  />
+                                  {leafMode ? (
+                                    // [S176 owner] 4 tầng: Năm › Dự án › Hạng mục › PHIẾU.
+                                    // Không đi qua `PipelineStageFolders` ⇒ không có tầng GĐ,
+                                    // không có 8 ngăn nhóm.
+                                    <div className="ml-3 border-l border-slate-200">
+                                      {leafMode.render(wg.items)}
+                                    </div>
+                                  ) : (
+                                    <PipelineStageFolders
+                                      className="ml-3 border-l border-slate-200"
+                                      currentStage={currentStage}
+                                      hideEmpty={hideEmpty}
+                                      stages={(() => {
+                                          const built = buildStages(wg.items, stage2Options ?? {})
+                                          // [S175] `stagesOnly` = lọc HIỂN THỊ, KHÔNG đụng bộ dựng —
+                                          // 5 host kia không truyền thì `built` đi thẳng như cũ.
+                                          return stagesOnly ? built.filter(st => stagesOnly.includes(st.n)) : built
+                                        })()}
+                                    />
+                                  )}
                                 </details>
                               )
                             })}

fe-user/src/components/khkk/KhkkListPanel.tsx

@@ -22,12 +22,13 @@
 //        ⇒ ô tìm + `Select` trạng-thái đi SERVER-SIDE thẳng `GET /contract-signing-plans`
 //        (bật chế-độ danh-sách phẳng), luôn có đường tới phiếu cũ; và dòng cảnh-báo
 //        "Cây tải 200 phiếu mới nhất…" của cây KHÔNG bị nuốt.
+import { useMemo } from 'react'
 import { useQuery } from '@tanstack/react-query'
 import { ChevronLeft, ChevronRight, FileCheck, Inbox, Search } from 'lucide-react'
 import { Input } from '@/components/ui/Input'
 import { Select } from '@/components/ui/Select'
 import { PipelineTreePanel } from '@/components/pipeline/PipelineTreePanel'
-import { usePipelineStages } from '@/hooks/usePipelineStages'
+import { usePipelineLinkage, usePipelineStages } from '@/hooks/usePipelineStages'
 import { api } from '@/lib/api'
 import { cn } from '@/lib/cn'
 import {
@@ -40,6 +41,10 @@ import {
 } from '@/types/khkk'
 
 const PAGE_SIZE = 20
+// [S176] Cửa-sổ nguồn cho CÂY ở chế-độ thùng rác. Bằng đúng `INDEX_PAGE_SIZE`/
+// `PE_INDEX_PAGE_SIZE` của 2 index cây (200) để cả cây kể CÙNG một câu chuyện về giới-hạn
+// — lấy 20/trang như chế-độ phẳng thì cây sẽ cụt mà không có dòng nào khai.
+const TREE_SOURCE_PAGE_SIZE = 200
 
 function formatVnd(n: number | null | undefined): string {
   if (n === null || n === undefined) return '—'
@@ -198,17 +203,29 @@ export function KhkkListPanel({
   onOpenPe?: (id: string) => void
 }) {
   const { canPe } = usePipelineStages()
+  const linkage = usePipelineLinkage()
   const term = search.trim()
 
-  // [R-11] Lọc đi SERVER-SIDE, KHÔNG lọc trên cây: có từ khoá / có trạng-thái / xem thùng
-  // rác ⇒ chuyển sang danh-sách phẳng có phân-trang thật (`total` từ server) nên phiếu nằm
-  // ngoài 200 phiếu mới nhất VẪN tới được.
-  // [M-1] `!canPe` ⇒ cũng dùng đúng danh-sách phẳng này — cây khoá không được phép làm
-  // người dùng mất trắng phiếu của chính họ.
-  const flatMode = !canPe || deletedView || term.length > 0 || phase !== null
+  // [S176 owner] "ở các menu đang duyệt/ đã duyệt/ xóa → cho hiển thị năm → dự án → hạng
+  // mục → phiếu KHKK nhé" ⇒ 3 menu đó nay đi CÂY (chế-độ lá 4 tầng), không còn phẳng.
+  //
+  // 🧊 Trước S176: `flatMode` còn gồm `deletedView || phase !== null`. Bỏ 2 vế đó.
+  // [R-11] GIỮ vế từ-khoá: tìm kiếm đi SERVER-SIDE có phân-trang thật (`total` từ server)
+  //        nên phiếu nằm ngoài cửa-sổ 200 VẪN tới được — đó là đường thoát khi cây không
+  //        với tới, và là lý do KHÔNG bỏ nốt vế này.
+  // [M-1] GIỮ vế `!canPe`: cây dựng trên xương sống phiếu Duyệt NCC (`enabled: canPe`),
+  //        ai không có quyền đó thì cây KHÔNG dựng được — ép cây sẽ làm họ mất trắng phiếu
+  //        của chính mình. Danh-sách phẳng là lưới an-toàn, không phải tuỳ chọn.
+  const flatMode = !canPe || term.length > 0
+
+  // Xem thùng rác ở chế-độ CÂY: phiếu đã xoá KHÔNG nằm trong index của cây
+  // (`usePipelineLinkage` chỉ gọi `/contract-signing-plans`), nên phải tự lấy từ endpoint
+  // riêng rồi tự gắn vào PE. Lấy đúng cửa-sổ 200 như 2 index kia để cùng một câu chuyện
+  // truncation, thay vì 20/trang của chế-độ phẳng.
+  const treeDeleted = deletedView && !flatMode
 
   const list = useQuery({
-    queryKey: ['khkk-list', { group, phase, search: term, page, deletedView }],
+    queryKey: ['khkk-list', { group, phase, search: term, page, deletedView, tree: treeDeleted }],
     queryFn: async () => {
       const url = deletedView ? '/contract-signing-plans/deleted' : '/contract-signing-plans'
       return (await api.get<PagedResult<KhkkListItemDto>>(url, {
@@ -216,14 +233,39 @@ export function KhkkListPanel({
           phase: deletedView ? undefined : (phase ?? undefined),
           group: group ?? undefined,
           search: term || undefined,
-          page,
-          pageSize: PAGE_SIZE,
+          page: treeDeleted ? 1 : page,
+          pageSize: treeDeleted ? TREE_SOURCE_PAGE_SIZE : PAGE_SIZE,
         },
       })).data
     },
-    enabled: flatMode,
+    enabled: flatMode || treeDeleted,
   })
 
+  // Phiếu đã xoá gom theo PE — chỉ dựng khi đang xem thùng rác bằng cây.
+  const deletedByPeId = useMemo(() => {
+    const map = new Map<string, KhkkListItemDto[]>()
+    if (!treeDeleted) return map
+    for (const k of list.data?.items ?? []) {
+      const bucket = map.get(k.purchaseEvaluationId)
+      if (bucket) bucket.push(k)
+      else map.set(k.purchaseEvaluationId, [k])
+    }
+    return map
+  }, [treeDeleted, list.data])
+
+  // Phiếu treo dưới một gói thầu, SAU khi áp đủ bộ lọc đang bật (trạng-thái + nhóm).
+  // 🔴 Lọc ở ĐÂY = lọc TRƯỚC khi cây dựng ⇒ badge đếm ở cả 3 tầng tự khớp tập đang hiện.
+  // Đây đúng là luật vòng-3 ("lọc phase TRƯỚC khi dựng cây, lọc sau thì badge nói dối").
+  const plansForPe = useMemo(() => {
+    return (peId: string): KhkkListItemDto[] => {
+      const src = treeDeleted ? (deletedByPeId.get(peId) ?? []) : (linkage.khkkByPeId.get(peId) ?? [])
+      const byGroup = group === null ? src : src.filter(k => k.approvalGroup === group)
+      // Thùng rác KHÔNG lọc theo trạng-thái: phiếu đã xoá giữ nguyên phase lúc bị xoá, lọc
+      // thêm chỉ tổ giấu mất phiếu người dùng đang đi tìm.
+      return treeDeleted || phase === null ? byGroup : byGroup.filter(k => k.phase === phase)
+    }
+  }, [treeDeleted, deletedByPeId, linkage.khkkByPeId, group, phase])
+
   const items = list.data?.items ?? []
   const total = list.data?.total ?? 0
   const totalPages = list.data?.totalPages ?? 1
@@ -242,11 +284,14 @@ export function KhkkListPanel({
     return (
       <ul className="divide-y divide-slate-100">
         {shown.map(k => (
-          <li key={k.id}>
+          // [S176] Thùng rác trên CÂY phải cư-xử y hệt thùng rác ở danh-sách phẳng:
+          // làm mờ + KHÔNG cho mở. Thiếu vế này thì cùng một phiếu đã xoá lại mở được ở
+          // cây mà không mở được ở phẳng — cùng dữ-liệu, hai luật.
+          <li key={k.id} className={cn(deletedView && 'opacity-70')}>
             <KhkkPlanCard
               plan={k}
               selected={selectedId === k.id}
-              onSelect={onSelect}
+              onSelect={deletedView ? () => { /* phiếu đã xóa: chỉ liệt kê, không mở */ } : onSelect}
               finalize={selectedId === k.id ? selectedFinalize : undefined}
             />
           </li>
@@ -306,6 +351,24 @@ export function KhkkListPanel({
             hideSearch
             bodyMaxHClass="max-h-[28rem] lg:max-h-none"
             stage2Options={{ stage2Content, stage2Count, onOpenKhkk: onSelect, onOpenPe }}
+            // [S176 owner] ĐÚNG 3 menu anh gọi tên — `filter=ChoDuyet` (Đang duyệt) ·
+            // `filter=DaDuyet` (Đã duyệt) · `view=deleted` (Đã xóa) ⇒ cây rút về 4 tầng
+            // Năm › Dự án › Hạng mục › phiếu KHKK.
+            // 🔴 CẤM thêm vế `group !== null` vào đây: CẢ BỐN leaf menu KHKK đều mang
+            // `?group=1` (`Layout.tsx:41-45`), kể cả "Danh sách" không lọc — thêm vế đó là
+            // kéo luôn menu TOÀN CẢNH vào chế-độ lá, tức đổi một màn owner không hề yêu cầu.
+            // Nhóm là chiều CHIA NGĂN, không phải chiều CHỌN HÌNH CÂY.
+            leafMode={
+              phase !== null || deletedView
+                ? {
+                    countForPe: pe => plansForPe(pe.id).length,
+                    render: peItems => stage2Content(peItems.flatMap(p => plansForPe(p.id))),
+                    emptyText: deletedView
+                      ? 'Không có phiếu đã xóa.'
+                      : 'Chưa có kế hoạch ký kết nào khớp bộ lọc.',
+                  }
+                : undefined
+            }
           />
         )}
 

fe-user/src/components/pipeline/PipelineTreePanel.tsx

@@ -8,7 +8,7 @@
 // 🔴 Cây trang Duyệt NCC (`pages/pe/PurchaseEvaluationsListPage.tsx:210-252`) KHÔNG
 // bị đụng vào: nó có bộ lọc `pendingMe` + `?deleted=1` riêng. Bộ dựng nhóm ở đây
 // là bản độc lập (duplicate CÓ CHỦ ĐÍCH) để trang đang chạy giữ nguyên hành vi.
-import { useMemo, useState } from 'react'
+import { useMemo, useState, type ReactNode } from 'react'
 import { useQuery } from '@tanstack/react-query'
 import { ListTree, Search } from 'lucide-react'
 import { api } from '@/lib/api'
@@ -31,7 +31,13 @@ type ProjectNode = {
 }
 type YearNode = { year: number; projects: ProjectNode[]; totalCount: number }
 
-function buildTree(rows: PeListItem[]): YearNode[] {
+// [S176 owner] `weightOf` = mỗi PE đóng góp BAO NHIÊU vào badge đếm. Mặc định 1 (đếm
+// gói thầu) ⇒ 6 host cũ không đổi một số nào. Chế-độ lá (`leafMode`) truyền số PHIẾU
+// khớp bộ lọc, vì ở 3 menu Đang duyệt / Đã duyệt / Đã xóa thứ người dùng đang đếm là
+// PHIẾU chứ không phải gói — và 1 gói có thể mang nhiều phiếu.
+// 🔴 Cùng luật vòng-3: đếm phải khớp ĐÚNG tập đang hiện. Giữ `+1` ở chế-độ lá thì badge
+// nói dối theo chiều ngược lại (gói có 2 phiếu vẫn kêu 1).
+function buildTree(rows: PeListItem[], weightOf: (p: PeListItem) => number = () => 1): YearNode[] {
   const yearMap = new Map<number, YearNode>()
   for (const p of rows) {
     const year = new Date(p.createdAt).getFullYear()
@@ -63,8 +69,9 @@ function buildTree(rows: PeListItem[]): YearNode[] {
       pg.workItems.push(wg)
     }
     wg.items.push(p)
-    pg.totalCount++
-    yg.totalCount++
+    const w = weightOf(p)
+    pg.totalCount += w
+    yg.totalCount += w
   }
   const arr = Array.from(yearMap.values())
   arr.sort((a, b) => b.year - a.year)
@@ -92,6 +99,7 @@ export function PipelineTreePanel({
   hideSearch,
   approvedPeOnly,
   stagesOnly,
+  leafMode,
 }: {
   currentStage: PipelineStageNo
   className?: string
@@ -126,6 +134,24 @@ export function PipelineTreePanel({
   // [S175] Chỉ vẽ các folder giai-đoạn trong danh sách này (vd `[1]` = chỉ Duyệt NCC).
   // Không truyền ⇒ vẽ đủ 4 giai-đoạn như cũ.
   stagesOnly?: PipelineStageNo[]
+  // [S176 owner — "ở các menu đang duyệt/ đã duyệt/ xóa → cho hiển thị năm → dự án →
+  // hạng mục → phiếu KHKK nhé"] CHẾ-ĐỘ LÁ: cây dừng ở tầng Hạng mục rồi vẽ THẲNG phiếu,
+  // bỏ tầng folder giai-đoạn VÀ tầng 8 ngăn nhóm. Đúng 4 tầng anh gõ.
+  // 🔴 Panel này KHÔNG biết gì về kiểu KHKK — host cấp cả phép ĐẾM lẫn phép VẼ, nên cây
+  // dùng lại được cho giai-đoạn khác sau này mà không kéo theo import chéo.
+  // 🔴 OPT-IN: 6 host còn lại không truyền ⇒ đi nhánh `PipelineStageFolders` y như cũ.
+  leafMode?: {
+    /** Số phiếu của PE này SAU bộ lọc. Trả 0 ⇒ nhánh bị TỈA khỏi cây (không hiện folder rỗng). */
+    countForPe: (pe: PeListItem) => number
+    /** Thân tầng Hạng mục = phiếu của đúng các PE trong hạng mục đó. */
+    render: (peItems: PeListItem[]) => ReactNode
+    /**
+     * Câu hiển thị khi bộ lọc tỉa sạch cây. Mặc định "Chưa có phiếu nào để dựng cây" nói
+     * về DỰNG CÂY — ở chế-độ lá nó đánh lừa: người dùng lọc "Đã duyệt" mà rỗng sẽ tưởng
+     * hệ-thống hỏng chứ không hiểu là không phiếu nào khớp bộ lọc.
+     */
+    emptyText?: string
+  }
 }) {
   const { canPe, buildStages } = usePipelineStages()
   const [search, setSearch] = useState('')
@@ -170,14 +196,23 @@ export function PipelineTreePanel({
     const all = approvedPeOnly
       ? base.filter(p => p.phase === PurchaseEvaluationPhase.DaDuyet)
       : base
-    if (!term) return all
-    return all.filter(p =>
-      [p.projectCode, p.projectName, p.workItemName, p.maPhieu, p.tenGoiThau]
-        .some(v => (v ?? '').toLowerCase().includes(term)),
-    )
-  }, [peIndex.data, term, approvedPeOnly])
+    const searched = !term
+      ? all
+      : all.filter(p =>
+          [p.projectCode, p.projectName, p.workItemName, p.maPhieu, p.tenGoiThau]
+            .some(v => (v ?? '').toLowerCase().includes(term)),
+        )
+    // [S176] TỈA nhánh rỗng ở chế-độ lá: gói thầu không còn phiếu nào khớp bộ lọc thì
+    // KHÔNG dựng nhánh cho nó. Cùng lý-do "lọc TRƯỚC khi dựng" ở trên — để lại nhánh rỗng
+    // thì người dùng mở Năm→Dự án→Hạng mục ba lần chỉ để thấy chỗ trống.
+    return leafMode ? searched.filter(p => leafMode.countForPe(p) > 0) : searched
+  }, [peIndex.data, term, approvedPeOnly, leafMode])
 
-  const years = useMemo(() => buildTree(rows), [rows])
+  // [S176] Chế-độ lá đếm PHIẾU (`countForPe`); mặc định đếm GÓI (mỗi PE = 1) như cũ.
+  const years = useMemo(
+    () => buildTree(rows, leafMode ? p => leafMode.countForPe(p) : undefined),
+    [rows, leafMode],
+  )
   const packageCount = years.reduce((n, y) => n + y.projects.reduce((m, p) => m + p.workItems.length, 0), 0)
   // Đang tìm kiếm ⇒ chỉ hiện folder CÓ nội dung khớp (không đổ 4 folder rỗng).
   const hideEmpty = term.length > 0
@@ -296,7 +331,9 @@ export function PipelineTreePanel({
           )}
           {canPe && !peIndex.isLoading && !peIndex.isError && years.length === 0 && (
             <p className="px-3 py-4 text-[12px] text-slate-500">
-              {term ? 'Không có gói thầu nào khớp từ khoá.' : 'Chưa có phiếu nào để dựng cây.'}
+              {term
+                ? 'Không có gói thầu nào khớp từ khoá.'
+                : (leafMode?.emptyText ?? 'Chưa có phiếu nào để dựng cây.')}
             </p>
           )}
 
@@ -351,19 +388,34 @@ export function PipelineTreePanel({
                                     <svg className="h-3 w-3 shrink-0 text-slate-400 transition-transform group-open/wi:rotate-90" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" /></svg>
                                     <span className="text-sm">🧱</span>
                                     <span className={cn('min-w-0 flex-1 truncate text-[12px]', wg.workItemId ? 'font-medium text-slate-700' : 'italic text-slate-400')}>{wg.workItemName}</span>
-                                    <span className="rounded bg-slate-100 px-1.5 py-0.5 text-[10px] text-slate-600">{wg.items.length}</span>
+                                    {/* [S176] Chế-độ lá đếm PHIẾU, mặc định đếm GÓI — khớp đúng
+                                        thứ đang hiện ngay dưới nó. */}
+                                    <span className="rounded bg-slate-100 px-1.5 py-0.5 text-[10px] text-slate-600">
+                                      {leafMode
+                                        ? wg.items.reduce((n, p) => n + leafMode.countForPe(p), 0)
+                                        : wg.items.length}
+                                    </span>
                                   </summary>
-                                  <PipelineStageFolders
-                                    className="ml-3 border-l border-slate-200"
-                                    currentStage={currentStage}
-                                    hideEmpty={hideEmpty}
-                                    stages={(() => {
-                                        const built = buildStages(wg.items, stage2Options ?? {})
-                                        // [S175] `stagesOnly` = lọc HIỂN THỊ, KHÔNG đụng bộ dựng —
-                                        // 5 host kia không truyền thì `built` đi thẳng như cũ.
-                                        return stagesOnly ? built.filter(st => stagesOnly.includes(st.n)) : built
-                                      })()}
-                                  />
+                                  {leafMode ? (
+                                    // [S176 owner] 4 tầng: Năm › Dự án › Hạng mục › PHIẾU.
+                                    // Không đi qua `PipelineStageFolders` ⇒ không có tầng GĐ,
+                                    // không có 8 ngăn nhóm.
+                                    <div className="ml-3 border-l border-slate-200">
+                                      {leafMode.render(wg.items)}
+                                    </div>
+                                  ) : (
+                                    <PipelineStageFolders
+                                      className="ml-3 border-l border-slate-200"
+                                      currentStage={currentStage}
+                                      hideEmpty={hideEmpty}
+                                      stages={(() => {
+                                          const built = buildStages(wg.items, stage2Options ?? {})
+                                          // [S175] `stagesOnly` = lọc HIỂN THỊ, KHÔNG đụng bộ dựng —
+                                          // 5 host kia không truyền thì `built` đi thẳng như cũ.
+                                          return stagesOnly ? built.filter(st => stagesOnly.includes(st.n)) : built
+                                        })()}
+                                    />
+                                  )}
                                 </details>
                               )
                             })}