update

backend/app/main.py

@@ -39,6 +39,7 @@ from .models import (
     BulkLeadIdsRequest,
     BulkContactIdsRequest,
     CrmDealPatchRequest,
+    CrmDealCreateRequest,
     ContactCreateRequest,
     ContactPatchRequest,
 )
@@ -1927,6 +1928,37 @@ async def list_deals(
     return {"total": total, "deals": [_deal_to_dict(r) for r in rows]}
 
 
+@app.post("/api/deals")
+async def create_deal(body: CrmDealCreateRequest, db: Session = Depends(get_db)):
+    stage = (body.stage or "new").strip().lower() or "new"
+    if stage not in DEAL_STAGE_ALLOWED:
+        raise HTTPException(
+            status_code=400,
+            detail=f"stage must be one of: {sorted(DEAL_STAGE_ALLOWED)}",
+        )
+    raw_name = _safe_str(body.name) if body.name is not None else ""
+    name = raw_name or "Untitled deal"
+    row = CrmDeal(
+        name=name,
+        stage=stage,
+        owner_initials="",
+        deal_value=None,
+        contact_display="",
+        account_name="",
+        expected_close_date=None,
+        close_probability=10,
+        country="",
+        last_interaction_at=None,
+        source_lead_id=None,
+        source_campaign_name="",
+        contact_id=None,
+    )
+    db.add(row)
+    db.commit()
+    db.refresh(row)
+    return _deal_to_dict(row)
+
+
 @app.get("/api/deals/{deal_id}")
 async def get_deal(deal_id: int, db: Session = Depends(get_db)):
     row = db.query(CrmDeal).filter(CrmDeal.id == deal_id).first()

backend/app/models.py

@@ -68,6 +68,13 @@ class BulkContactIdsRequest(BaseModel):
     contact_ids: List[int]
 
 
+class CrmDealCreateRequest(BaseModel):
+    """Create a blank pipeline deal (optionally in a given stage)."""
+
+    name: Optional[str] = None
+    stage: Optional[str] = "new"
+
+
 class CrmDealPatchRequest(BaseModel):
     name: Optional[str] = None
     stage: Optional[str] = None

frontend/src/components/workspace/MainTableWorkspace.jsx

@@ -64,6 +64,7 @@ export default function MainTableWorkspace({
                             <Button
                                 size="sm"
                                 type="button"
+                                disabled={primaryAction.disabled}
                                 className="bg-teal-600 hover:bg-teal-700 text-white shadow-sm inline-flex items-center gap-1.5"
                                 onClick={primaryAction.onClick}
                             >

frontend/src/pages/Deals.jsx

@@ -83,6 +83,7 @@ function DealRow({ deal, tableEditRowId, setTableEditRowId, patchDeal, updateSta
     const closeSel = closeProbabilitySelectValue(deal.close_probability);
     return (
         <tr
+            data-deal-id={deal.id}
             role="button"
             tabIndex={0}
             onClick={(e) => {
@@ -321,6 +322,7 @@ export default function Deals() {
     const [dealDetail, setDealDetail] = useState(null);
     const [tableEditRowId, setTableEditRowId] = useState(null);
     const [dealsView, setDealsView] = useState('main');
+    const [createBusy, setCreateBusy] = useState(false);
 
     const fetchDeals = useCallback(async () => {
         setLoading(true);
@@ -377,6 +379,44 @@ export default function Deals() {
         }
     };
 
+    const createDeal = async (stage = 'new') => {
+        if (createBusy) return;
+        const st = STAGES.some((s) => s.value === stage) ? stage : 'new';
+        setCreateBusy(true);
+        try {
+            const res = await fetch('/api/deals', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ name: 'Untitled deal', stage: st }),
+            });
+            const data = await res.json().catch(() => ({}));
+            if (!res.ok) {
+                const d = data.detail;
+                const msg =
+                    typeof d === 'string'
+                        ? d
+                        : Array.isArray(d)
+                          ? d.map((x) => (typeof x === 'string' ? x : x.msg || '')).filter(Boolean).join(', ')
+                          : 'Could not create deal';
+                throw new Error(msg || 'Could not create deal');
+            }
+            await fetchDeals();
+            setTableEditRowId(data.id);
+            openDeal(data, { keepTableEdit: true });
+            requestAnimationFrame(() => {
+                requestAnimationFrame(() => {
+                    const tr = document.querySelector(`tr[data-deal-id="${data.id}"]`);
+                    focusFirstEditableInRow(tr);
+                });
+            });
+        } catch (e) {
+            console.error(e);
+            alert(e.message || 'Could not create deal');
+        } finally {
+            setCreateBusy(false);
+        }
+    };
+
     const patchDeal = async (dealId, patch) => {
         try {
             const res = await fetch(`/api/deals/${dealId}`, {
@@ -399,8 +439,8 @@ export default function Deals() {
 
     const updateStage = (dealId, stage) => patchDeal(dealId, { stage });
 
-    const openDeal = async (deal) => {
-        setTableEditRowId(null);
+    const openDeal = async (deal, opts = {}) => {
+        if (!opts.keepTableEdit) setTableEditRowId(null);
         setPanelOpen(true);
         setDealDetail(deal);
         try {
@@ -439,7 +479,11 @@ export default function Deals() {
                     },
                     { label: 'Pipeline', active: false, disabled: true },
                 ]}
-                primaryAction={{ label: 'New deal', onClick: () => {} }}
+                primaryAction={{
+                    label: 'New deal',
+                    onClick: () => createDeal('new'),
+                    disabled: createBusy,
+                }}
                 search={{
                     value: search,
                     onChange: (e) => setSearch(e.target.value),
@@ -468,10 +512,24 @@ export default function Deals() {
                         </div>
                     ) : deals.length === 0 ? (
                         <div className="text-center py-16 text-slate-500 space-y-3">
-                            <p>No deals yet. Convert leads from the Leads page, or load demo data.</p>
-                            <Button size="sm" variant="secondary" onClick={() => seedDemo()} disabled={seedBusy}>
-                                Load demo deals
-                            </Button>
+                            <p>No deals yet. Convert leads from the Leads page, load demo data, or create a deal.</p>
+                            <div className="flex flex-wrap items-center justify-center gap-2">
+                                <Button
+                                    size="sm"
+                                    className="bg-teal-600 hover:bg-teal-700 text-white"
+                                    onClick={() => createDeal('new')}
+                                    disabled={createBusy}
+                                >
+                                    {createBusy ? (
+                                        <Loader2 className="h-4 w-4 animate-spin" />
+                                    ) : (
+                                        'New deal'
+                                    )}
+                                </Button>
+                                <Button size="sm" variant="secondary" onClick={() => seedDemo()} disabled={seedBusy}>
+                                    Load demo deals
+                                </Button>
+                            </div>
                         </div>
                     ) : (
                         <table className="w-full text-sm min-w-[960px]">
@@ -563,7 +621,8 @@ export default function Deals() {
                                                         variant="ghost"
                                                         size="sm"
                                                         className="h-8 text-violet-700 hover:text-violet-900 hover:bg-violet-50"
-                                                        onClick={() => {}}
+                                                        disabled={createBusy}
+                                                        onClick={() => createDeal(group.value)}
                                                     >
                                                         + Add deal
                                                     </Button>