update

backend/app/main.py

@@ -16,7 +16,7 @@ import json
 import asyncio
 import math
 import re
-from datetime import datetime
+from datetime import datetime, timedelta
 
 from .database import get_db, UploadedFile, Prompt, GeneratedSequence, SmartleadRun, Contact, CrmLead
 from .models import (
@@ -1119,6 +1119,155 @@ async def smartlead_webhook(request: Request, db: Session = Depends(get_db)):
     return {"ok": True, "lead_id": row.id}
 
 
+@app.post("/api/leads/seed-demo")
+async def seed_demo_leads(db: Session = Depends(get_db)):
+    """
+    Insert sample leads so the Leads UI can be previewed without a real Smartlead webhook.
+    Deletes any previous demo rows (emails like demo.lead.*@emailout.local) then inserts fresh ones.
+    """
+    demo_email_filter = CrmLead.email.like("demo.lead.%@emailout.local")
+    removed = db.query(CrmLead).filter(demo_email_filter).delete(synchronize_session=False)
+
+    campaign_id = "88001"
+    campaign_name = "Logistics & Supply Chain Outreach"
+    now = datetime.utcnow()
+
+    specs = [
+        {
+            "sl_id": "91001",
+            "key": "jane",
+            "first_name": "Jane",
+            "last_name": "Morgan",
+            "company_name": "ACME Logistics",
+            "title": "VP of Operations",
+            "crm_status": "new_lead",
+            "subject": "Re: Quick question on your freight volumes",
+            "body": (
+                "Hi Sarah,\n\nThanks for reaching out. We're evaluating new 3PL partners in Q2. "
+                "Could you send a one-pager on pricing for mid-market shippers?\n\nBest,\nJane"
+            ),
+            "days_ago": 0,
+        },
+        {
+            "sl_id": "91002",
+            "key": "marcus",
+            "first_name": "Marcus",
+            "last_name": "Chen",
+            "company_name": "Pacific Rail Partners",
+            "title": "Director of Procurement",
+            "crm_status": "attempted_to_contact",
+            "subject": "Re: Partnership",
+            "body": (
+                "Not interested right now — we renewed with our incumbent through 2026. "
+                "Feel free to circle back next year."
+            ),
+            "days_ago": 1,
+        },
+        {
+            "sl_id": "91003",
+            "key": "elena",
+            "first_name": "Elena",
+            "last_name": "Vasquez",
+            "company_name": "Harbor Freight Collective",
+            "title": "Head of Supply Chain",
+            "crm_status": "contacted",
+            "subject": "Re: 15 min chat?",
+            "body": (
+                "Tuesday 3pm PT works for me. Here's my calendar link: https://example.com/cal/elena — "
+                "please include an agenda."
+            ),
+            "days_ago": 2,
+        },
+        {
+            "sl_id": "91004",
+            "key": "david",
+            "first_name": "David",
+            "last_name": "Okonkwo",
+            "company_name": "EZOFIS",
+            "title": "CEO",
+            "crm_status": "qualified",
+            "subject": "Re: outbound sequences",
+            "body": (
+                "This looks promising. Loop in our COO (coo@ezofis.com) and let's do a 30-min scoping call this week."
+            ),
+            "days_ago": 3,
+        },
+        {
+            "sl_id": "91005",
+            "key": "priya",
+            "first_name": "Priya",
+            "last_name": "Nair",
+            "company_name": "Summit Cold Storage",
+            "title": "Operations Manager",
+            "crm_status": "unqualified",
+            "subject": "Re: cold storage",
+            "body": (
+                "We only work with vendors on our approved vendor list. Please don't follow up on this thread."
+            ),
+            "days_ago": 4,
+        },
+        {
+            "sl_id": "91006",
+            "key": "sam",
+            "first_name": "Sam",
+            "last_name": "Rivera",
+            "company_name": "Inland Distribution Co.",
+            "title": "Logistics Coordinator",
+            "crm_status": "none",
+            "subject": "Re: intro",
+            "body": "Got it — thanks.",
+            "days_ago": 5,
+        },
+    ]
+
+    for s in specs:
+        email = f"demo.lead.{s['key']}@emailout.local"
+        ts = now - timedelta(days=s["days_ago"])
+        raw = {
+            "event": "EMAIL_REPLIED",
+            "demo_seed": True,
+            "campaign_id": int(campaign_id),
+            "campaign_name": campaign_name,
+            "lead_id": int(s["sl_id"]),
+            "lead": {
+                "email": email,
+                "first_name": s["first_name"],
+                "last_name": s["last_name"],
+                "company_name": s["company_name"],
+            },
+            "reply": {
+                "subject": s["subject"],
+                "body": s["body"],
+                "received_at": ts.isoformat() + "Z",
+            },
+        }
+        db.add(
+            CrmLead(
+                smartlead_lead_id=s["sl_id"],
+                campaign_id=campaign_id,
+                campaign_name=campaign_name,
+                email=email,
+                first_name=s["first_name"],
+                last_name=s["last_name"],
+                company_name=s["company_name"],
+                title=s["title"],
+                last_reply_subject=s["subject"],
+                last_reply_body=s["body"],
+                last_reply_at=ts,
+                crm_status=s["crm_status"],
+                contact_id=None,
+                raw_webhook=raw,
+            )
+        )
+
+    db.commit()
+    return {
+        "ok": True,
+        "removed_previous_demo_rows": removed,
+        "inserted": len(specs),
+    }
+
+
 @app.get("/api/leads")
 async def list_leads(
     search: str = Query("", description="Search email, name, company"),

frontend/src/pages/Leads.jsx

@@ -40,6 +40,7 @@ export default function Leads() {
     const [threadLoading, setThreadLoading] = useState(false);
     const [threadData, setThreadData] = useState(null);
     const [moveBusy, setMoveBusy] = useState(null);
+    const [seedBusy, setSeedBusy] = useState(false);
 
     const webhookUrl = useMemo(() => {
         if (typeof window === 'undefined') return '';
@@ -69,6 +70,25 @@ export default function Leads() {
         }
     }, [search, statusFilter]);
 
+    const seedDemoLeads = async () => {
+        setSeedBusy(true);
+        try {
+            const res = await fetch('/api/leads/seed-demo', { method: 'POST' });
+            const data = await res.json().catch(() => ({}));
+            if (!res.ok) {
+                throw new Error(
+                    typeof data.detail === 'string' ? data.detail : 'Could not load demo data'
+                );
+            }
+            await fetchLeads();
+        } catch (e) {
+            console.error(e);
+            alert(e.message || 'Could not load demo data');
+        } finally {
+            setSeedBusy(false);
+        }
+    };
+
     useEffect(() => {
         const t = setTimeout(() => fetchLeads(), 250);
         return () => clearTimeout(t);
@@ -185,6 +205,19 @@ export default function Leads() {
                                 ))}
                             </SelectContent>
                         </Select>
+                        <Button
+                            variant="secondary"
+                            size="sm"
+                            onClick={() => seedDemoLeads()}
+                            disabled={seedBusy}
+                            title="Replace demo.lead.*@emailout.local rows with sample replies"
+                        >
+                            {seedBusy ? (
+                                <Loader2 className="h-4 w-4 animate-spin" />
+                            ) : (
+                                'Demo data'
+                            )}
+                        </Button>
                         <Button variant="outline" size="sm" onClick={() => fetchLeads()}>
                             Refresh
                         </Button>
@@ -216,10 +249,15 @@ export default function Leads() {
                                     <Loader2 className="h-8 w-8 animate-spin" />
                                 </div>
                             ) : leads.length === 0 ? (
-                                <p className="text-center py-16 text-slate-500">
-                                    No leads yet. When a prospect replies in Smartlead, they will show up
-                                    here via webhook.
-                                </p>
+                                <div className="text-center py-16 text-slate-500 space-y-3">
+                                    <p>
+                                        No leads yet. When a prospect replies in Smartlead, they will show up
+                                        here via webhook.
+                                    </p>
+                                    <Button size="sm" variant="secondary" onClick={() => seedDemoLeads()} disabled={seedBusy}>
+                                        Load demo rows (preview UI)
+                                    </Button>
+                                </div>
                             ) : (
                                 <table className="w-full text-sm">
                                     <thead>