[CLAUDE] PurchaseEvaluation · FE-User · FE-Admin · Tests: PE note "Duyệt là KẾT THÚC quy trình (không trình CEO)" — 3 surface

Phiếu mà quy trình duyệt có cấp bật AllowApproverFinalize (Mig 58) sẽ kết thúc tại cấp đó,
KHÔNG trình CEO. Hiển thị note cho MỌI NGƯỜI NẮM ở 3 surface (anh Kiệt FDC). KHÔNG migration
(cột AllowApproverFinalize đã có Mig 58, prod ở Mig 59).

BE (3 file, computed DTO):
- PurchaseEvaluationDtos.cs: +bool EndsBeforeCeo +string? FinalizeStepName +string? FinalizeLevelName
  trên DetailBundle + ListItem; flow-level +bool AllowApproverFinalize.
- PurchaseEvaluationFeatures.cs: detail compute first-reachable (Step.Order↑→Level.Order↑, dept-name
  in-memory); list + inbox projection qua 3 subquery EF-safe (lv.Step!.Name). V1 (workflowId==null) → false.
- CreateContractFromEvaluationFeatures.cs: ListApproved projection cùng DTO → +3 subquery y hệt.

FE 2-app (fe-user + fe-admin SHA-mirror component):
- PeFinalizeChip.tsx (MỚI, chip tím) ở 3 danh sách: PeListPanel + PurchaseEvaluationsListPage (cây) + InboxPage.
- PeWorkflowPanel.tsx: note callout trong phiếu, branch DaDuyet (past-tense) / đang-chạy; copy boundary-aware
  "...là KẾT THÚC, không trình CEO. Các cấp trước vẫn duyệt như thường." (tránh cấp giữa hiểu nhầm).
- UserDashboardPage.tsx (chỉ fe-user): dải "Phiếu Duyệt NCC gần đây" + chip (admin dashboard để nguyên).
- types: PeListItem/PeDetailBundle/PeApprovalFlowLevel +field.

Tests: +PeFinalizeProjectionTests (EF-translate smoke 3 subquery + first-reachable + V1-false). Full suite 421→422.
em-main self-gate sau workflow (impl-frontend return rỗng #53 → mirror fe-admin + verify 5 site recover-disk).

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

fe-admin/src/components/pe/PeWorkflowPanel.tsx

@@ -251,6 +251,29 @@ export function PeWorkflowPanel({
         )}
       </div>
 
+      {/* [Mig 58 AllowApproverFinalize — anh Kiệt FDC, S89] NOTE cho MỌI người NẮM:
+          quy trình của phiếu này có cấp được cấu hình "Duyệt là KẾT THÚC" (không
+          trình CEO). Branch theo phase: đang chạy = callout xanh-lá báo trước /
+          Đã duyệt = xác nhận đã kết thúc tại đâu. */}
+      {evaluation.endsBeforeCeo && (
+        <div className="rounded-md border border-emerald-300 bg-emerald-50 px-3 py-2 text-[12px] text-emerald-800">
+          {evaluation.phase === PurchaseEvaluationPhase.DaDuyet ? (
+            <span>
+              ✅ Phiếu đã kết thúc tại{' '}
+              <span className="font-semibold">{evaluation.finalizeStepName ?? 'cấp duyệt'}</span>
+              {evaluation.finalizeLevelName ? <> · {evaluation.finalizeLevelName}</> : null} — không qua CEO.
+            </span>
+          ) : (
+            <span>
+              ⚑ Quy trình rút gọn: duyệt đến{' '}
+              <span className="font-semibold">{evaluation.finalizeStepName ?? 'cấp này'}</span>
+              {evaluation.finalizeLevelName ? <> · {evaluation.finalizeLevelName}</> : null} là KẾT THÚC,
+              không trình CEO. Các cấp trước vẫn duyệt như thường.
+            </span>
+          )}
+        </div>
+      )}
+
       {/* Mig 24 V2 — Flow render Bước → Cấp → NV thay phase cards.
           Status: Done (✓ emerald) / Current (● brand) / Pending (○ slate) */}
       {flow && flow.steps.length > 0 && (