update

frontend/src/components/workspace/EditableCell.jsx

@@ -66,6 +66,106 @@ export function EditableCell({
     );
 }
 
+function usdWholeString(value) {
+    if (value == null || value === '') return '';
+    const n = Math.round(Number(value));
+    return Number.isFinite(n) ? String(n) : '';
+}
+
+function formatUsdWholeDisplay(value) {
+    const s = usdWholeString(value);
+    if (s === '') return '';
+    return new Intl.NumberFormat('en-US', {
+        style: 'currency',
+        currency: 'USD',
+        maximumFractionDigits: 0,
+        minimumFractionDigits: 0,
+    }).format(Number(s));
+}
+
+function parseUsdWholeInput(raw) {
+    const cleaned = String(raw ?? '')
+        .replace(/[$,\s]/g, '')
+        .trim();
+    if (cleaned === '') return null;
+    const n = Math.round(Number(cleaned));
+    return Number.isFinite(n) ? n : NaN;
+}
+
+/**
+ * USD whole dollars: shows $1,234 when blurred; plain digits while focused (no number spinners).
+ * onCommit receives '' to clear, or a digits string for the integer amount.
+ */
+export function EditableCurrencyCell({
+    value,
+    onCommit,
+    className = '',
+    inputClassName = '',
+    disabled = false,
+}) {
+    const canonical = usdWholeString(value);
+    const [focused, setFocused] = useState(false);
+    const [local, setLocal] = useState(() =>
+        canonical ? formatUsdWholeDisplay(canonical) : ''
+    );
+
+    useEffect(() => {
+        if (focused) return;
+        setLocal(canonical ? formatUsdWholeDisplay(canonical) : '');
+    }, [canonical, focused]);
+
+    const commit = () => {
+        if (disabled) return;
+        const parsed = parseUsdWholeInput(local);
+        if (parsed === null) {
+            if (canonical !== '') onCommit('');
+            setLocal('');
+            setFocused(false);
+            return;
+        }
+        if (Number.isNaN(parsed)) {
+            setLocal(canonical ? formatUsdWholeDisplay(canonical) : '');
+            setFocused(false);
+            return;
+        }
+        const next = String(parsed);
+        if (next !== canonical) onCommit(next);
+        setLocal(formatUsdWholeDisplay(next));
+        setFocused(false);
+    };
+
+    const handleFocus = () => {
+        if (disabled) return;
+        setFocused(true);
+        setLocal(canonical);
+    };
+
+    const handleBlur = () => {
+        commit();
+    };
+
+    return (
+        <input
+            type="text"
+            inputMode="decimal"
+            autoComplete="off"
+            className={cn(baseInput, className, inputClassName)}
+            value={local}
+            onChange={(e) => setLocal(e.target.value)}
+            onFocus={handleFocus}
+            onBlur={handleBlur}
+            onKeyDown={(e) => {
+                e.stopPropagation();
+                if (e.key === 'Enter') {
+                    e.preventDefault();
+                    e.currentTarget.blur();
+                }
+            }}
+            disabled={disabled}
+        />
+    );
+}
+
 function toDateInputValue(iso) {
     if (!iso) return '';
     const d = new Date(iso);

frontend/src/pages/Deals.jsx

@@ -11,7 +11,7 @@ import SlideOverPanel from '@/components/workspace/SlideOverPanel';
 import CompanyDetailsEditor from '@/components/workspace/CompanyDetailsEditor';
 import ContactIdentityEditor from '@/components/workspace/ContactIdentityEditor';
 import { DealContactSearch, DealCompanySearch } from '@/components/workspace/DealLinkSearch';
-import { EditableCell, EditableDateCell } from '@/components/workspace/EditableCell';
+import { EditableCell, EditableCurrencyCell, EditableDateCell } from '@/components/workspace/EditableCell';
 import { SearchableCountryPicker } from '@/components/workspace/SearchableCountryPicker';
 import { cn } from '@/lib/utils';
 import { OwnerAvatarCircle, ownerDisplayLabel } from '@/lib/ownerAvatar';
@@ -568,8 +568,7 @@ function DealRow({
                 className="px-3 py-2 align-top tabular-nums min-w-[10rem] w-40 max-w-[16rem]"
                 onClick={(e) => e.stopPropagation()}
             >
-                <EditableCell
-                    type="number"
+                <EditableCurrencyCell
                     value={deal.deal_value != null ? String(deal.deal_value) : ''}
                     onCommit={(v) => {
                         if (v.trim() === '') {