[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/PeHeaderForm.tsx

@@ -20,6 +20,10 @@ import {
 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') : '')
+
 export function PeHeaderForm({
   editId,
   defaultType,
@@ -220,31 +224,20 @@ export function PeHeaderForm({
             </p>
           </>
         ) : (
-          <div className="grid grid-cols-1 gap-2 md:grid-cols-2">
-            <div>
-              <Label className="text-[11px]">Tên ngân sách (tham chiếu)</Label>
+          <div>
+            <Label className="text-[11px]">Số tiền</Label>
+            <div className="relative max-w-xs">
               <Input
-                value={form.budgetManualName}
-                onChange={e => setForm({ ...form, budgetManualName: e.target.value })}
-                placeholder="vd Tạm tính dự toán T11/2025"
-                maxLength={200}
+                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"
               />
+              <span className="pointer-events-none absolute inset-y-0 right-3 flex items-center text-[12px] font-medium text-slate-500">đ</span>
             </div>
-            <div>
-              <Label className="text-[11px]">Số tiền (đ)</Label>
-              <Input
-                type="number"
-                min={0}
-                value={form.budgetManualAmount || ''}
-                onChange={e => setForm({ ...form, budgetManualAmount: Number(e.target.value) })}
-                placeholder="1000000000"
-              />
-              {form.budgetManualAmount > 0 && (
-                <p className="mt-1 text-[11px] text-slate-500">
-                  ≈ {form.budgetManualAmount.toLocaleString('vi-VN')} đ
-                </p>
-              )}
-            </div>
+            <p className="mt-1 text-[11px] text-slate-500">VND — nhập số, tự format dấu chấm ngàn (vd 1.000.000)</p>
           </div>
         )}
       </div>