[CLAUDE] PE workflow 3-button Duyệt/Trả lại/Từ chối (Task 4)

User chỉ thị thay 2-button hiện tại bằng 3 hành động rõ ràng:
- Duyệt = forward phase tiếp theo
- Trả lại = về DangSoanThao + Drafter sửa → workflow tự jump tới phase
  đã reject (smart reject Mig 16 pattern + clear N-stage rows)
- Từ chối = phiếu khoá hoàn toàn (Phase=TuChoi → 17 handler Mig 16 lock
  edit). Drafter phải tạo phiếu mới.

Domain (PurchaseEvaluationPolicy.cs):
- NccOnly + NccWithPlan: thêm (X → TuChoi) transition cho mọi phase
  trung gian (ChoPurchasing/ChoCCM/ChoCEODuyetNCC/ChoDuAn/ChoCEODuyetPA)
  với roles của phase đó. Trước đây chỉ DangSoanThao → TuChoi (Drafter).
- FromDefinition expand: mỗi step (trừ DangSoanThao) thêm
  (step.Phase → TuChoi) với roles của step.

Service (PurchaseEvaluationWorkflowService.cs):
- Reject branch tách 2 case:
  * target=TuChoi → giữ nguyên (KHÔNG override + KHÔNG set
    RejectedFromPhase + KHÔNG clear N-stage rows). Phiếu khoá vĩnh viễn.
  * target khác (thường DangSoanThao) → smart reject (set
    RejectedFromPhase + force DangSoanThao + clear N-stage rows).

FE (PeWorkflowPanel.tsx, fe-admin + fe-user mirror):
- next.phases render 3 button rõ ràng:
  * "✓ Duyệt → <label>" brand (forward)
  * "← Trả lại (về Drafter sửa)" red (target=DangSoanThao + isSendBack)
  * "✗ Hủy / Từ chối" red (target=TuChoi)
- Decision logic: target=TuChoi || isSendBack → Reject (2), else Approve (1)
- Dialog confirm:
  * Title rõ theo loại hành động
  * Cancel case: warning red "Phiếu sẽ bị khoá hoàn toàn"
  * SendBack case: hint amber "Phiếu sẽ về Đang soạn thảo, Drafter sửa
    rồi trình lại — workflow tự jump tới phase này"

Tests update + add 1 test mới:
- Reject_Sets_RejectedFromPhase_And_Forces_DangSoanThao →
  Reject_To_DangSoanThao_Sets_RejectedFromPhase_TraLai (rename + change
  target từ TuChoi → DangSoanThao để test Trả lại pattern)
- + Reject_To_TuChoi_Locks_Permanently_No_RejectedFromPhase (NEW test
  Từ chối — phase=TuChoi + RejectedFromPhase null)
- NStage_Reject_Clears_InnerStep_Rows_At_Phase: target TuChoi →
  DangSoanThao (test Trả lại + clear N-stage rows pattern)

Verify:
- dotnet build 0 error
- dotnet test 95 → **96 pass** (+1 test mới Từ chối)
- npm build fe-admin + fe-user pass

Pending Task 2: Sample data seed N-stage.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

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

@@ -45,12 +45,20 @@ export function PeWorkflowPanel({
   })
 
   const transition = useMutation({
-    mutationFn: async () =>
-      api.post(`/purchase-evaluations/${evaluation.id}/transitions`, {
+    mutationFn: async () => {
+      // Decision = Reject (2) khi:
+      //  - target = TuChoi (huỷ phiếu)
+      //  - target = DangSoanThao từ phase trung gian (= Trả lại — smart reject Mig 16
+      //    set RejectedFromPhase + clear N-stage rows + Drafter resume jump-back)
+      const isReject = target === PurchaseEvaluationPhase.TuChoi
+        || (target === PurchaseEvaluationPhase.DangSoanThao
+            && evaluation.phase !== PurchaseEvaluationPhase.DangSoanThao)
+      return api.post(`/purchase-evaluations/${evaluation.id}/transitions`, {
         targetPhase: target,
-        decision: target === PurchaseEvaluationPhase.TuChoi ? 2 : 1,
+        decision: isReject ? 2 : 1,
         comment: comment || null,
-      }),
+      })
+    },
     onSuccess: () => {
       toast.success('Đã chuyển phase.')
       qc.invalidateQueries({ queryKey: ['pe-detail', evaluation.id] })
@@ -101,22 +109,37 @@ export function PeWorkflowPanel({
 
       {next.length > 0 && !readOnly && (
         <div>
-          <Label className="text-xs">Chuyển tiếp:</Label>
+          <Label className="text-xs">Hành động:</Label>
           <div className="mt-1 flex flex-wrap gap-1.5">
-            {next.map(p => (
-              <button
-                key={p}
-                onClick={() => setTarget(p)}
-                className={cn(
-                  'rounded border px-2 py-1 text-[11px] transition',
-                  p === PurchaseEvaluationPhase.TuChoi
-                    ? 'border-red-200 text-red-700 hover:bg-red-50'
-                    : 'border-brand-300 text-brand-700 hover:bg-brand-50',
-                )}
-              >
-                → {PurchaseEvaluationPhaseLabel[p]}
-              </button>
-            ))}
+            {next.map(p => {
+              // Phân loại button theo hành động:
+              // - Trả lại = về DangSoanThao (từ phase trung gian) — red
+              // - Hủy/Từ chối = TuChoi (chỉ ở phase DangSoanThao đầu) — red
+              // - Duyệt = forward phase tiếp theo — brand
+              const isSendBack = p === PurchaseEvaluationPhase.DangSoanThao
+                && evaluation.phase !== PurchaseEvaluationPhase.DangSoanThao
+              const isCancel = p === PurchaseEvaluationPhase.TuChoi
+              const isDanger = isSendBack || isCancel
+              const label = isSendBack
+                ? '← Trả lại (về Drafter sửa)'
+                : isCancel
+                  ? '✗ Hủy / Từ chối'
+                  : `✓ Duyệt → ${PurchaseEvaluationPhaseLabel[p]}`
+              return (
+                <button
+                  key={p}
+                  onClick={() => setTarget(p)}
+                  className={cn(
+                    'rounded border px-2 py-1 text-[11px] font-medium transition',
+                    isDanger
+                      ? 'border-red-200 text-red-700 hover:bg-red-50'
+                      : 'border-brand-300 text-brand-700 hover:bg-brand-50',
+                  )}
+                >
+                  {label}
+                </button>
+              )
+            })}
           </div>
         </div>
       )}
@@ -126,20 +149,40 @@ export function PeWorkflowPanel({
         </div>
       )}
 
-      {target !== null && (
-        <Dialog
-          open
-          onClose={() => setTarget(null)}
-          title={`Chuyển → ${PurchaseEvaluationPhaseLabel[target]}`}
-          footer={<>
-            <Button variant="ghost" onClick={() => setTarget(null)}>Hủy</Button>
-            <Button onClick={() => transition.mutate()} disabled={transition.isPending}>Xác nhận</Button>
-          </>}
-        >
-          <Label>Ghi chú (tùy chọn)</Label>
-          <Textarea value={comment} onChange={e => setComment(e.target.value)} rows={3} />
-        </Dialog>
-      )}
+      {target !== null && (() => {
+        const isCancel = target === PurchaseEvaluationPhase.TuChoi
+        const isSendBack = target === PurchaseEvaluationPhase.DangSoanThao
+          && evaluation.phase !== PurchaseEvaluationPhase.DangSoanThao
+        const dialogTitle = isCancel
+          ? '✗ Từ chối phiếu (khoá hoàn toàn)'
+          : isSendBack
+            ? '← Trả lại Drafter sửa'
+            : `✓ Duyệt → ${PurchaseEvaluationPhaseLabel[target]}`
+        return (
+          <Dialog
+            open
+            onClose={() => setTarget(null)}
+            title={dialogTitle}
+            footer={<>
+              <Button variant="ghost" onClick={() => setTarget(null)}>Hủy</Button>
+              <Button onClick={() => transition.mutate()} disabled={transition.isPending}>Xác nhận</Button>
+            </>}
+          >
+            {isCancel && (
+              <div className="mb-3 rounded border border-red-200 bg-red-50 px-3 py-2 text-[11px] text-red-800">
+                ⚠ Phiếu sẽ bị khoá hoàn toàn (không edit/transition được nữa). Drafter cần tạo phiếu mới nếu muốn làm lại.
+              </div>
+            )}
+            {isSendBack && (
+              <div className="mb-3 rounded border border-amber-200 bg-amber-50 px-3 py-2 text-[11px] text-amber-800">
+                Phiếu sẽ về &ldquo;Đang soạn thảo&rdquo;. Drafter có thể sửa rồi trình lại — workflow tự jump tới phase này.
+              </div>
+            )}
+            <Label>Ghi chú (tùy chọn)</Label>
+            <Textarea value={comment} onChange={e => setComment(e.target.value)} rows={3} />
+          </Dialog>
+        )
+      })()}
 
       {deptApprovals.length > 0 && (
         <div className="border-t border-slate-200 pt-4">