[CLAUDE] FE-PE: Manual budget "Nhập tay" — drop Tên field, format VND

User Session 20 turn 6 screenshot: chế độ "Nhập tay (không link)" Section 2
b. Ngân sách vẫn còn input "Tên (vd Tạm tính T11/2025)" cùng số tiền. User
chỉ cần nhập số tiền — bỏ Tên + áp VND format consistent.

3 file × 2 app = 6 file FE update:
  - PeDetailTabs.tsx BudgetFieldRow (Section 2 detail editor)
  - PeWorkspaceCreateView.tsx (workspace mode "new")
  - PeHeaderForm.tsx (Create/Edit header page)

Mỗi file:
  - Drop Input "Tên ngân sách" UI khỏi manual mode (state field giữ '' để
    backward compat — BE save luôn null)
  - Manual mode UI giờ chỉ 1 input số tiền (max-w-xs):
    * type="text" inputMode="numeric" + value={formatVndInput(amount)}
    * onChange={parseVnd} strip non-digit → number
    * Suffix "đ" tuyệt đối inset-y-0 right-3
    * Hint "VND — nhập số, tự format dấu chấm ngàn (vd 1.000.000)"
  - Helpers parseVnd + formatVndInput inline mỗi file (mirror PeDetailTabs)

PeDetailTabs BudgetFieldRow cleanup:
  - Drop state manualName + setManualName
  - Drop manualName từ dirty check
  - Save payload: budgetManualName: null luôn (không phụ thuộc state)
  - Hủy thay đổi: drop reset manualName line

Read-only display (legacy data) giữ ev.budgetManualName nếu data cũ có tên
(đoạn render khi !canEdit) — không xóa hiển thị, chỉ ẩn input UI.

BE schema KHÔNG đụng — endpoint PUT /pe/:id vẫn nhận budgetManualName field,
chỉ FE luôn gửi null.

Verify:
- npm run build × fe-admin pass
- npm run build × fe-user pass

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

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

@@ -20,6 +20,10 @@ import { PurchaseEvaluationTypeLabel } from '@/types/purchaseEvaluation'
 import { BudgetPhase, type BudgetListItem } from '@/types/budget'
 import type { Paged, Project } from '@/types/master'
 
+// VND format helpers (mirror PeDetailTabs.tsx — session 20)
+const parseVnd = (s: string): number => Number(s.replace(/[^\d]/g, '')) || 0
+const formatVndInput = (n: number): string => (n > 0 ? n.toLocaleString('vi-VN') : '')
+
 // Preset điều khoản thanh toán phổ biến — user chọn 1 trong list, hoặc "Khác"
 // để nhập tay. Save as plain text (không JSON như cũ — code-style không phù
 // hợp UI cho end-user). User 2026-05-07 chỉnh.
@@ -281,22 +285,16 @@ export function PeWorkspaceCreateView({
                     </p>
                   </>
                 ) : (
-                  <div className="grid grid-cols-1 gap-2 md:grid-cols-2">
+                  <div className="relative max-w-xs">
                     <Input
-                      value={form.budgetManualName}
-                      onChange={e => setForm({ ...form, budgetManualName: e.target.value })}
-                      placeholder="Tên (vd Tạm tính T11/2025)"
-                      maxLength={200}
-                      className="text-sm"
-                    />
-                    <Input
-                      type="number"
-                      min={0}
-                      value={form.budgetManualAmount || ''}
-                      onChange={e => setForm({ ...form, budgetManualAmount: Number(e.target.value) })}
-                      placeholder="Số tiền (đ)"
-                      className="text-sm"
+                      type="text"
+                      inputMode="numeric"
+                      value={formatVndInput(form.budgetManualAmount)}
+                      onChange={e => setForm({ ...form, budgetManualAmount: parseVnd(e.target.value) })}
+                      placeholder="0"
+                      className="pr-10 font-mono text-right text-sm"
                     />
+                    <span className="pointer-events-none absolute inset-y-0 right-3 flex items-center text-[12px] font-medium text-slate-500">đ</span>
                   </div>
                 )}
               </div>