update

Co-authored-by: Cursor <cursoragent@cursor.com>

.gitignore

@@ -0,0 +1,21 @@
+# Python
+__pycache__/
+*.py[cod]
+*$py.class
+*.so
+.Python
+.venv/
+venv/
+ENV/
+
+# Environment / local
+.env
+.env.local
+*.db-journal
+
+# Node (if used locally)
+node_modules/
+frontend/node_modules/
+
+# OS
+.DS_Store

backend/app/main.py

@@ -37,6 +37,7 @@ from .models import (
     SmartleadRunResponse,
     CrmLeadPatchRequest,
     BulkLeadIdsRequest,
+    BulkContactIdsRequest,
     CrmDealPatchRequest,
     ContactCreateRequest,
 )
@@ -338,6 +339,55 @@ def _move_lead_to_contacts_core(db: Session, lead: CrmLead) -> dict:
     return {"ok": True, "contact_id": contact.id, "message": "Contact created"}
 
 
+CONTACTS_TO_LEADS_CAMPAIGN_ID = "contacts_import"
+CONTACTS_TO_LEADS_CAMPAIGN_NAME = "Contacts"
+
+
+def _convert_contact_to_lead_core(db: Session, contact: Contact) -> dict:
+    """
+    Create a CrmLead row from a Contact and delete the contact (move into Leads).
+    Skips if a lead with the same email already exists.
+    """
+    email = (_contact_value(contact, "email") or "").strip()
+    if not email:
+        return {"ok": False, "error": "Contact has no email"}
+    dup = (
+        db.query(CrmLead)
+        .filter(func.lower(CrmLead.email) == email.lower())
+        .first()
+    )
+    if dup:
+        return {"ok": False, "error": "A lead with this email already exists"}
+    fn = _contact_value(contact, "first_name") or ""
+    ln = _contact_value(contact, "last_name") or ""
+    co = _contact_value(contact, "company") or ""
+    ti = _contact_value(contact, "title") or ""
+    raw = {
+        "source": "contacts_convert",
+        "former_contact_id": contact.id,
+    }
+    lead = CrmLead(
+        smartlead_lead_id=f"from-contact-{contact.id}",
+        campaign_id=CONTACTS_TO_LEADS_CAMPAIGN_ID,
+        campaign_name=CONTACTS_TO_LEADS_CAMPAIGN_NAME,
+        email=email,
+        first_name=fn,
+        last_name=ln,
+        company_name=co,
+        title=ti,
+        last_reply_subject="",
+        last_reply_body="Added from Contacts",
+        last_reply_at=datetime.utcnow(),
+        crm_status="new_lead",
+        contact_id=None,
+        raw_webhook=raw,
+    )
+    db.add(lead)
+    db.flush()
+    db.delete(contact)
+    return {"ok": True, "lead_id": lead.id}
+
+
 def _deal_name_from_lead(lead: CrmLead) -> str:
     person = " ".join(filter(None, [lead.first_name or "", lead.last_name or ""])).strip()
     if lead.company_name and person:
@@ -618,6 +668,44 @@ async def create_contact(body: ContactCreateRequest, db: Session = Depends(get_d
     }
 
 
+@app.post("/api/contacts/bulk-delete")
+async def bulk_delete_contacts(body: BulkContactIdsRequest, db: Session = Depends(get_db)):
+    if not body.contact_ids:
+        raise HTTPException(status_code=400, detail="contact_ids required")
+    ids = list({int(x) for x in body.contact_ids})
+    deleted = (
+        db.query(Contact)
+        .filter(Contact.id.in_(ids))
+        .delete(synchronize_session=False)
+    )
+    db.commit()
+    return {"deleted": deleted}
+
+
+@app.post("/api/contacts/bulk-convert-to-leads")
+async def bulk_convert_contacts_to_leads(body: BulkContactIdsRequest, db: Session = Depends(get_db)):
+    """
+    For each contact: create a CrmLead (campaign «Contacts») and delete the contact.
+    Fails per-row if the contact has no email or a lead with the same email already exists.
+    """
+    if not body.contact_ids:
+        raise HTTPException(status_code=400, detail="contact_ids required")
+    converted = 0
+    errors: List[dict] = []
+    for cid in body.contact_ids:
+        contact = db.query(Contact).filter(Contact.id == int(cid)).first()
+        if not contact:
+            errors.append({"contact_id": cid, "error": "not found"})
+            continue
+        r = _convert_contact_to_lead_core(db, contact)
+        if not r["ok"]:
+            errors.append({"contact_id": cid, "error": r.get("error", "failed")})
+        else:
+            converted += 1
+    db.commit()
+    return {"converted": converted, "errors": errors}
+
+
 @app.get("/api/contacts/{contact_id}")
 async def get_contact(contact_id: int, db: Session = Depends(get_db)):
     contact = db.query(Contact).filter(Contact.id == contact_id).first()

backend/app/models.py

@@ -49,6 +49,10 @@ class BulkLeadIdsRequest(BaseModel):
     lead_ids: List[int]
 
 
+class BulkContactIdsRequest(BaseModel):
+    contact_ids: List[int]
+
+
 class CrmDealPatchRequest(BaseModel):
     stage: Optional[str] = None
     deal_value: Optional[int] = None

frontend/src/pages/Contacts.jsx

@@ -1,4 +1,5 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 import {
     Users,
     Mail,
@@ -13,6 +14,8 @@ import {
     Check,
     X,
     Sparkles,
+    Trash2,
+    Handshake,
 } from 'lucide-react';
 import { Input } from '@/components/ui/input';
 import { Badge } from '@/components/ui/badge';
@@ -21,8 +24,10 @@ import { Button } from '@/components/ui/button';
 import AppShell from '@/components/layout/AppShell';
 import MainTableWorkspace from '@/components/workspace/MainTableWorkspace';
 import SlideOverPanel from '@/components/workspace/SlideOverPanel';
+import { cn } from '@/lib/utils';
 
 export default function Contacts() {
+    const navigate = useNavigate();
     const [contacts, setContacts] = useState([]);
     const [fields, setFields] = useState([]);
     const [selectedContact, setSelectedContact] = useState(null);
@@ -55,7 +60,15 @@ export default function Contacts() {
     const inlineFirstNameRef = useRef(null);
     const [enrichLoading, setEnrichLoading] = useState(false);
     const [enrichError, setEnrichError] = useState('');
-    const [enrichmentReport, setEnrichmentReport] = useState(null);
+    const [rowSelection, setRowSelection] = useState({});
+    const [bulkBusy, setBulkBusy] = useState(null);
+
+    const selectedIds = useMemo(
+        () => Object.keys(rowSelection).filter((id) => rowSelection[id]).map(Number),
+        [rowSelection]
+    );
+
+    const allPageSelected = contacts.length > 0 && contacts.every((c) => rowSelection[c.id]);
 
     useEffect(() => {
         fetchFields();
@@ -142,7 +155,6 @@ export default function Contacts() {
     const openContact = async (contact) => {
         setSelectedContact(contact);
         setSelectedContactDetails(null);
-        setEnrichmentReport(null);
         setEnrichError('');
         setSeqLoading(true);
         try {
@@ -171,9 +183,138 @@ export default function Contacts() {
         setSelectedContactDetails(null);
         setSequences([]);
         setEnrichError('');
-        setEnrichmentReport(null);
     };
 
+    const toggleRow = (id) => {
+        setRowSelection((prev) => ({ ...prev, [id]: !prev[id] }));
+    };
+
+    const toggleAllPage = () => {
+        if (allPageSelected) {
+            setRowSelection((prev) => {
+                const next = { ...prev };
+                contacts.forEach((c) => {
+                    delete next[c.id];
+                });
+                return next;
+            });
+        } else {
+            setRowSelection((prev) => {
+                const next = { ...prev };
+                contacts.forEach((c) => {
+                    next[c.id] = true;
+                });
+                return next;
+            });
+        }
+    };
+
+    const runBulkAction = async (action) => {
+        if (selectedIds.length === 0) return;
+        const touched = new Set(selectedIds);
+        setBulkBusy(action);
+        try {
+            if (action === 'delete') {
+                if (
+                    !window.confirm(
+                        `Delete ${selectedIds.length} contact(s)? This cannot be undone.`
+                    )
+                ) {
+                    return;
+                }
+                const res = await fetch('/api/contacts/bulk-delete', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ contact_ids: selectedIds }),
+                });
+                const data = await res.json().catch(() => ({}));
+                if (!res.ok) {
+                    throw new Error(
+                        typeof data.detail === 'string' ? data.detail : 'Delete failed'
+                    );
+                }
+            } else if (action === 'leads') {
+                const res = await fetch('/api/contacts/bulk-convert-to-leads', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ contact_ids: selectedIds }),
+                });
+                const data = await res.json().catch(() => ({}));
+                if (!res.ok) {
+                    throw new Error(
+                        typeof data.detail === 'string' ? data.detail : 'Convert failed'
+                    );
+                }
+                const conv = data.converted ?? 0;
+                if (conv === 0) {
+                    alert(
+                        data.errors?.length
+                            ? 'No contacts were converted. Typical reasons: missing email, or a lead with the same email already exists. See console for per-row errors.'
+                            : 'No contacts were converted.'
+                    );
+                    if (data.errors?.length) console.warn(data.errors);
+                    await fetchContacts();
+                    return;
+                }
+                if (data.errors?.length) {
+                    console.warn(data.errors);
+                    alert(
+                        `Converted ${conv} contact(s) to leads. ${data.errors.length} row(s) failed — see console.`
+                    );
+                }
+                navigate('/leads');
+            }
+            if (selectedContact && touched.has(selectedContact.id)) {
+                closePanel();
+            }
+            setRowSelection({});
+            await fetchContacts();
+        } catch (e) {
+            console.error(e);
+            alert(e.message || 'Action failed');
+        } finally {
+            setBulkBusy(null);
+        }
+    };
+
+    const bulkDisabled = selectedIds.length === 0 || bulkBusy;
+
+    const bulkToolbar = (
+        <div className="flex flex-wrap items-center gap-2 px-4 py-2.5 border-b border-slate-100 bg-slate-50/90">
+            <span className="text-xs text-slate-500 mr-2">{selectedIds.length} selected</span>
+            <Button
+                type="button"
+                variant="outline"
+                size="icon"
+                className="h-9 w-9 shrink-0 text-red-600 border-red-200 hover:bg-red-50"
+                title="Delete"
+                disabled={bulkDisabled}
+                onClick={() => runBulkAction('delete')}
+            >
+                {bulkBusy === 'delete' ? (
+                    <Loader2 className="h-4 w-4 animate-spin" />
+                ) : (
+                    <Trash2 className="h-4 w-4" />
+                )}
+            </Button>
+            <Button
+                type="button"
+                variant="outline"
+                size="icon"
+                className="h-9 w-9 shrink-0 text-violet-700 border-violet-200 hover:bg-violet-50"
+                title="Convert to Leads"
+                disabled={bulkDisabled}
+                onClick={() => runBulkAction('leads')}
+            >
+                {bulkBusy === 'leads' ? (
+                    <Loader2 className="h-4 w-4 animate-spin" />
+                ) : (
+                    <Handshake className="h-4 w-4" />
+                )}
+            </Button>
+        </div>
+    );
+
     const isManualContact =
         selectedContactDetails?.source === 'manual' || selectedContact?.source === 'manual';
 
@@ -181,7 +322,6 @@ export default function Contacts() {
         if (!selectedContact?.id) return;
         setEnrichLoading(true);
         setEnrichError('');
-        setEnrichmentReport(null);
         try {
             const res = await fetch(`/api/contacts/${selectedContact.id}/enrich`, {
                 method: 'POST',
@@ -193,9 +333,8 @@ export default function Contacts() {
                 );
                 return;
             }
-            const { enrichment_report: nextReport, ...contactPayload } = data;
+            const { enrichment_report: _er, ...contactPayload } = data;
             setSelectedContactDetails(contactPayload);
-            setEnrichmentReport(nextReport ?? null);
             setSelectedContact((c) =>
                 c && c.id === contactPayload.id
                     ? {
@@ -414,6 +553,7 @@ export default function Contacts() {
                 sectionCount={total}
                 sectionOpen={sectionOpen}
                 onSectionToggle={() => setSectionOpen(!sectionOpen)}
+                tableToolbar={bulkToolbar}
             >
                 <div className="overflow-x-auto">
                     {loading ? (
@@ -430,9 +570,18 @@ export default function Contacts() {
                         </div>
                     ) : (
                         <>
-                            <table className="w-full text-sm min-w-[720px]">
+                            <table className="w-full text-sm min-w-[760px]">
                                 <thead>
                                     <tr className="bg-slate-50 text-left border-b border-slate-200">
+                                        <th className="px-3 py-2 font-medium w-10">
+                                            <input
+                                                type="checkbox"
+                                                className="rounded border-slate-300"
+                                                checked={allPageSelected}
+                                                onChange={toggleAllPage}
+                                                aria-label="Select all on page"
+                                            />
+                                        </th>
                                         <SortHeader field="first_name" label="Name" />
                                         <SortHeader field="email" label="Email" />
                                         <SortHeader field="company" label="Company" />
@@ -445,6 +594,7 @@ export default function Contacts() {
                                             className="border-b border-slate-100 bg-sky-50 shadow-[inset_4px_0_0_0_#10b981]"
                                             onClick={(e) => e.stopPropagation()}
                                         >
+                                            <td className="px-3 py-2 w-10 align-top" aria-hidden />
                                             <td className="px-3 py-2 align-top">
                                                 <div className="flex flex-col gap-1.5 min-w-[160px]">
                                                     <Input
@@ -561,6 +711,10 @@ export default function Contacts() {
                                     )}
                                     {contacts.map((contact) => {
                                         const active = selectedContact?.id === contact.id;
+                                        const displayName =
+                                            [contact.first_name, contact.last_name].filter(Boolean).join(' ') ||
+                                            contact.email ||
+                                            '—';
                                         return (
                                             <tr
                                                 key={contact.id}
@@ -573,12 +727,22 @@ export default function Contacts() {
                                                         openContact(contact);
                                                     }
                                                 }}
-                                                className={`cursor-pointer border-b border-slate-100 ${
+                                                className={cn(
+                                                    'cursor-pointer border-b border-slate-100',
                                                     active ? 'bg-violet-50/80' : 'hover:bg-violet-50/40'
-                                                }`}
+                                                )}
                                             >
-                                                <td className="px-3 py-2 font-medium text-slate-900">
-                                                    {contact.first_name} {contact.last_name}
+                                                <td className="px-3 py-2" onClick={(e) => e.stopPropagation()}>
+                                                    <input
+                                                        type="checkbox"
+                                                        className="rounded border-slate-300"
+                                                        checked={!!rowSelection[contact.id]}
+                                                        onChange={() => toggleRow(contact.id)}
+                                                        aria-label={`Select ${displayName}`}
+                                                    />
+                                                </td>
+                                                <td className="px-3 py-2 font-medium text-violet-800">
+                                                    {displayName}
                                                 </td>
                                                 <td className="px-3 py-2 text-slate-700 truncate max-w-[220px]">
                                                     {contact.email || '—'}
@@ -759,128 +923,6 @@ export default function Contacts() {
                             </div>
                         )}
 
-                        {enrichmentReport?.sources ? (
-                            <div className="mb-6 rounded-xl border border-violet-200 bg-violet-50/35 p-4">
-                                <h4 className="text-sm font-semibold text-violet-900 mb-1">
-                                    Last Fetch — sources used
-                                </h4>
-                                <p className="text-xs text-slate-600 mb-3">
-                                    {enrichmentReport.generated_at_utc
-                                        ? `UTC ${enrichmentReport.generated_at_utc}`
-                                        : 'Just now'}
-                                    {enrichmentReport.openai_merge_model
-                                        ? ` · OpenAI merge model: ${enrichmentReport.openai_merge_model}`
-                                        : ''}
-                                </p>
-                                <div className="overflow-x-auto">
-                                    <table className="w-full text-left text-xs border-collapse">
-                                        <thead>
-                                            <tr className="border-b border-violet-200 text-slate-500">
-                                                <th className="py-1.5 pr-3 font-medium align-top w-[38%]">
-                                                    Source
-                                                </th>
-                                                <th className="py-1.5 font-medium align-top">What ran</th>
-                                            </tr>
-                                        </thead>
-                                        <tbody className="text-slate-700">
-                                            {(() => {
-                                                const g =
-                                                    enrichmentReport.sources
-                                                        .gemini_google_search_grounding || {};
-                                                let geminiLine = '—';
-                                                if (g.status === 'ok' && g.used) {
-                                                    geminiLine = `Called — ${g.model || 'model unknown'}, ${g.characters_returned ?? 0} chars returned`;
-                                                } else if (g.status === 'not_configured') {
-                                                    geminiLine = `Not used — ${g.detail || 'GEMINI_API_KEY not set'}`;
-                                                } else if (g.status === 'disabled') {
-                                                    geminiLine = `Not used — ${g.detail || 'disabled by env'}`;
-                                                } else if (g.status === 'import_error') {
-                                                    geminiLine = `Not used — ${g.detail || 'google-genai missing'}`;
-                                                } else if (g.status === 'empty_response') {
-                                                    geminiLine = `Called but empty — ${g.detail || ''}`;
-                                                } else if (g.status === 'error') {
-                                                    geminiLine = `API error — ${g.detail || 'unknown'}`;
-                                                } else if (g.detail) {
-                                                    geminiLine = g.detail;
-                                                }
-                                                const s = enrichmentReport.sources;
-                                                const rows = [
-                                                    {
-                                                        k: 'gem',
-                                                        label: 'Gemini + Google Search (grounding)',
-                                                        val: geminiLine,
-                                                    },
-                                                    {
-                                                        k: 'home',
-                                                        label: 'Official homepage excerpt',
-                                                        val: `${s.official_homepage_excerpt?.characters ?? 0} chars${s.official_homepage_excerpt?.included_in_prompt ? ' (in prompt)' : ' (empty / not in prompt)'}`,
-                                                    },
-                                                    {
-                                                        k: 'schema',
-                                                        label: 'schema.org JSON-LD',
-                                                        val: `${s.schema_org_json_ld?.characters ?? 0} chars${s.schema_org_json_ld?.included_in_prompt ? ' (in prompt)' : ''}`,
-                                                    },
-                                                    {
-                                                        k: 'pages',
-                                                        label: 'Extra first-party pages',
-                                                        val: `${s.extra_first_party_site_pages?.characters ?? 0} chars${s.extra_first_party_site_pages?.included_in_prompt ? ' (in prompt)' : ''}`,
-                                                    },
-                                                    {
-                                                        k: 'gse',
-                                                        label: 'Google Programmable Search',
-                                                        val: s.google_programmable_search?.env_configured
-                                                            ? `${s.google_programmable_search?.characters_in_snippets ?? 0} chars in snippets`
-                                                            : 'Not configured (set GOOGLE_API_KEY + GOOGLE_CSE_ID)',
-                                                    },
-                                                    {
-                                                        k: 'ddg',
-                                                        label: 'DuckDuckGo',
-                                                        val: s.duckduckgo_web?.package_installed
-                                                            ? `${s.duckduckgo_web?.characters_in_snippets ?? 0} chars in snippets`
-                                                            : 'Package not installed (duckduckgo_search)',
-                                                    },
-                                                    {
-                                                        k: 'wiki',
-                                                        label: 'Wikipedia',
-                                                        val: `${s.wikipedia?.characters ?? 0} chars${s.wikipedia?.included_in_prompt ? ' (in prompt)' : ''}`,
-                                                    },
-                                                    {
-                                                        k: 'merge',
-                                                        label: 'Merged web block size',
-                                                        val: `${s.merged_web_snippets_characters ?? 0} chars (what GPT saw as “web”)`,
-                                                    },
-                                                ];
-                                                return rows.map((r) => (
-                                                    <tr key={r.k} className="border-b border-violet-100/80">
-                                                        <td className="py-1.5 pr-3 align-top text-slate-600">
-                                                            {r.label}
-                                                        </td>
-                                                        <td className="py-1.5 align-top whitespace-pre-wrap">
-                                                            {r.val}
-                                                        </td>
-                                                    </tr>
-                                                ));
-                                            })()}
-                                        </tbody>
-                                    </table>
-                                </div>
-                                {enrichmentReport.sources.gemini_google_search_grounding
-                                    ?.text_preview ? (
-                                    <details className="mt-3 text-xs">
-                                        <summary className="cursor-pointer text-violet-800 font-medium">
-                                            Gemini brief preview (truncated)
-                                        </summary>
-                                        <pre className="mt-2 max-h-36 overflow-auto whitespace-pre-wrap rounded-md border border-slate-200 bg-white/90 p-2 text-[11px] text-slate-800">
-                                            {
-                                                enrichmentReport.sources
-                                                    .gemini_google_search_grounding.text_preview
-                                            }
-                                        </pre>
-                                    </details>
-                                ) : null}
-                            </div>
-                        ) : null}
-
                         <h4 className="text-sm font-semibold text-slate-800 mb-2 flex items-center gap-2">
                             <FileText className="h-4 w-4" />
                             Generated sequences