update

backend/app/database.py

@@ -91,6 +91,7 @@ class Prompt(Base):
     file_id = Column(String, index=True)
     product_name = Column(String)
     prompt_template = Column(Text)
+    prompt_kind = Column(String, default="email")  # email | linkedin
     created_at = Column(DateTime, default=datetime.utcnow)
 
 
@@ -102,6 +103,7 @@ class GeneratedSequence(Base):
     file_id = Column(String, index=True)
     sequence_id = Column(Integer)  # Contact sequence number
     email_number = Column(Integer, default=1)  # Email number in sequence (1-10)
+    channel = Column(String, default="email")  # email | linkedin
     first_name = Column(String)
     last_name = Column(String)
     email = Column(String)
@@ -313,6 +315,28 @@ def run_migrations(connection_engine):
                     )
                 )
 
+        insp = inspect(connection_engine)
+        if insp.has_table("prompts"):
+            pcols = [c["name"] for c in insp.get_columns("prompts")]
+            if "prompt_kind" not in pcols:
+                conn.execute(text("ALTER TABLE prompts ADD COLUMN prompt_kind TEXT DEFAULT 'email'"))
+                conn.execute(
+                    text(
+                        "UPDATE prompts SET prompt_kind = 'email' WHERE prompt_kind IS NULL OR prompt_kind = ''"
+                    )
+                )
+
+        insp = inspect(connection_engine)
+        if insp.has_table("generated_sequences"):
+            gcols = [c["name"] for c in insp.get_columns("generated_sequences")]
+            if "channel" not in gcols:
+                conn.execute(text("ALTER TABLE generated_sequences ADD COLUMN channel TEXT DEFAULT 'email'"))
+                conn.execute(
+                    text(
+                        "UPDATE generated_sequences SET channel = 'email' WHERE channel IS NULL OR channel = ''"
+                    )
+                )
+
 
 # Create tables then migrate legacy SQLite schemas
 Base.metadata.create_all(bind=engine)

backend/app/gpt_service.py

@@ -4,7 +4,7 @@ import json
 import logging
 import time
 from openai import OpenAI
-from typing import Any, Dict, List, Tuple
+from typing import Any, Dict, List, Optional, Tuple
 from urllib.parse import urlparse
 import re
 
@@ -312,6 +312,161 @@ If sender_name is not provided, use "Alex Thompson" as the sender name."""
         }]
 
 
+def generate_linkedin_sequence(contact: Dict, prompt_template: str, product_name: str) -> List[Dict]:
+    """
+    Generate LinkedIn DM-style messages (connection note + follow-ups) for a contact.
+    Stored like email sequences with subject empty and channel=linkedin on the row.
+    """
+
+    def safe_str(value):
+        if value is None:
+            return ""
+        if isinstance(value, float):
+            if math.isnan(value):
+                return ""
+            return str(value).strip()
+        return str(value).strip() if value else ""
+
+    try:
+        first_name = safe_str(contact.get("first_name") or contact.get("First Name") or "")
+        last_name = safe_str(contact.get("last_name") or contact.get("Last Name") or "")
+        company = safe_str(contact.get("company") or contact.get("Company") or contact.get("Organization") or "")
+        email = safe_str(contact.get("email") or contact.get("Email") or "")
+        title = safe_str(contact.get("title") or contact.get("Title") or contact.get("Job Title") or "")
+        industry = safe_str(contact.get("industry") or contact.get("Industry") or "")
+        location = safe_str(contact.get("location") or contact.get("Location") or "")
+
+        if not email:
+            raise ValueError(f"Contact missing email address: {contact}")
+
+        system_prompt = prompt_template
+        num_messages = 3
+        if "4-message" in prompt_template or "4 message" in prompt_template.lower():
+            num_messages = 4
+        elif "5-message" in prompt_template or "5 message" in prompt_template.lower():
+            num_messages = 5
+
+        user_prompt = f"""Generate a complete LinkedIn outreach sequence for this contact.
+
+Contact Information:
+- First Name: {first_name}
+- Last Name: {last_name}
+- Company: {company}
+- Title: {title}
+- Email: {email}
+- Industry: {industry if industry else 'Not specified'}
+- Location: {location if location else 'Not specified'}
+
+Generate all {num_messages} messages following the rules in the system prompt.
+CRITICAL: Write for LinkedIn DMs or connection notes — short, plain, professional. No email-style subjects.
+
+Output format (strict):
+Message 1
+[text]
+
+Message 2
+[text]
+
+Message 3
+[text]
+(add Message 4, Message 5 if the prompt specifies more than 3)
+
+Use the contact's real first name where a greeting is appropriate. Do not use placeholder tokens like {{{{first_name}}}} in the final output."""
+
+        response = client.chat.completions.create(
+            model="gpt-4o-mini",
+            messages=[
+                {"role": "system", "content": system_prompt},
+                {"role": "user", "content": user_prompt},
+            ],
+            temperature=0.7,
+            max_tokens=1800,
+        )
+        generated_text = response.choices[0].message.content or ""
+
+        messages: List[Dict[str, Any]] = []
+        lines = generated_text.split("\n")
+        current_n: Optional[int] = None
+        current_body: List[str] = []
+
+        def flush():
+            nonlocal current_n, current_body
+            if current_n is not None and current_body:
+                body = "\n".join(current_body).strip()
+                body = (
+                    body.replace("{{first_name}}", first_name)
+                    .replace("{{company}}", company)
+                    .replace("{{sender_name}}", "Anna")
+                )
+                messages.append(
+                    {
+                        "email_number": current_n,
+                        "subject": "",
+                        "body": body,
+                    }
+                )
+            current_body = []
+
+        for line in lines:
+            ls = line.strip()
+            low = ls.lower()
+            if low.startswith("message ") and any(c.isdigit() for c in ls):
+                flush()
+                digits = "".join(filter(str.isdigit, ls))
+                current_n = int(digits) if digits else len(messages) + 1
+                current_body = []
+            elif current_n is not None:
+                current_body.append(line)
+
+        flush()
+
+        if not messages:
+            chunk = generated_text.strip()
+            chunk = (
+                chunk.replace("{{first_name}}", first_name)
+                .replace("{{company}}", company)
+                .replace("{{sender_name}}", "Anna")
+            )
+            messages.append({"email_number": 1, "subject": "", "body": chunk})
+
+        out = []
+        for m in messages:
+            out.append(
+                {
+                    "first_name": first_name or "",
+                    "last_name": last_name or "",
+                    "email": email,
+                    "company": company or "",
+                    "title": title or "",
+                    "product": product_name,
+                    "email_number": m["email_number"],
+                    "subject": "",
+                    "email_content": m["body"] or "",
+                }
+            )
+        return out
+    except Exception as e:
+        logger.warning("Error generating LinkedIn sequence: %s", e)
+        fn = safe_str(contact.get("first_name") or contact.get("First Name") or "there")
+        company = safe_str(
+            contact.get("company") or contact.get("Company") or contact.get("Organization") or "your company"
+        )
+        email = safe_str(contact.get("email") or contact.get("Email") or "")
+        return [
+            {
+                "first_name": fn,
+                "last_name": safe_str(contact.get("last_name") or contact.get("Last Name") or ""),
+                "email": email,
+                "company": company,
+                "title": safe_str(contact.get("title") or contact.get("Title") or ""),
+                "product": product_name,
+                "email_number": 1,
+                "subject": "",
+                "email_content": f"Hi {fn},\n\nQuick note on {product_name} for {company} — happy to compare notes if useful.\n\nAnna",
+            }
+        ]
+
+
 def _strip_json_fences(text: str) -> str:
     t = (text or "").strip()
     if not t.startswith("```"):

backend/app/main.py

@@ -52,7 +52,7 @@ from .models import (
     WonBillingPayload,
 )
 from .gmail_invite import send_invite_email_via_gmail
-from .gpt_service import generate_email_sequence, enrich_manual_contact_profile
+from .gpt_service import generate_email_sequence, generate_linkedin_sequence, enrich_manual_contact_profile
 from .smartlead_client import SmartleadClient
 from .auth_routes import router as auth_router
 from .tenant_deps import TenantContext, get_tenant_context
@@ -1754,16 +1754,31 @@ async def save_prompts(request: PromptSaveRequest, t: TenantContext = Depends(ge
             Prompt.file_id == request.file_id,
         ).delete()
 
-        # Save new prompts
+        # Save email prompts
         for product_name, prompt_template in request.prompts.items():
             prompt = Prompt(
                 tenant_id=t.tenant_id,
                 file_id=request.file_id,
                 product_name=product_name,
                 prompt_template=prompt_template,
+                prompt_kind="email",
             )
             db.add(prompt)
-        
+        # Optional LinkedIn prompts (same product names)
+        li = request.linkedin_prompts or {}
+        for product_name, prompt_template in li.items():
+            if not (prompt_template or "").strip():
+                continue
+            db.add(
+                Prompt(
+                    tenant_id=t.tenant_id,
+                    file_id=request.file_id,
+                    product_name=product_name,
+                    prompt_template=prompt_template,
+                    prompt_kind="linkedin",
+                )
+            )
+
         db.commit()
         return {"message": "Prompts saved successfully"}
     except Exception as e:
@@ -1785,20 +1800,44 @@ async def generation_status(file_id: str = Query(...), t: TenantContext = Depend
     if not db_file:
         raise HTTPException(status_code=404, detail="File not found")
     total_contacts = db_file.contact_count or 0
-    completed = (
+    has_linkedin = (
+        db.query(Prompt.id)
+        .filter(
+            Prompt.tenant_id == t.tenant_id,
+            Prompt.file_id == file_id,
+            Prompt.prompt_kind == "linkedin",
+        )
+        .first()
+        is not None
+    )
+    email_done = (
+        db.query(GeneratedSequence.sequence_id)
+        .filter(
+            GeneratedSequence.tenant_id == t.tenant_id,
+            GeneratedSequence.file_id == file_id,
+            GeneratedSequence.channel == "email",
+        )
+        .distinct()
+        .count()
+    )
+    li_done = (
         db.query(GeneratedSequence.sequence_id)
         .filter(
             GeneratedSequence.tenant_id == t.tenant_id,
             GeneratedSequence.file_id == file_id,
+            GeneratedSequence.channel == "linkedin",
         )
         .distinct()
         .count()
     )
+    completed_units = email_done + (li_done if has_linkedin else 0)
+    expected_units = total_contacts * (2 if has_linkedin else 1)
     return {
         "file_id": file_id,
         "total_contacts": total_contacts,
-        "completed_count": completed,
-        "is_complete": total_contacts > 0 and completed >= total_contacts,
+        "completed_count": completed_units,
+        "is_complete": total_contacts > 0 and completed_units >= expected_units,
+        "has_linkedin_prompts": has_linkedin,
     }
 
 
@@ -1828,6 +1867,7 @@ async def get_sequences(file_id: str = Query(...), t: TenantContext = Depends(ge
             "product": seq.product,
             "subject": seq.subject,
             "emailContent": seq.email_content,
+            "channel": getattr(seq, "channel", None) or "email",
         })
     return {"sequences": out}
 
@@ -1863,23 +1903,44 @@ async def generate_sequences(
                 .filter(Prompt.tenant_id == tenant_id, Prompt.file_id == file_id)
                 .all()
             )
-            prompt_dict = {p.product_name: p.prompt_template for p in prompts}
-            
-            if not prompt_dict:
+            email_prompt_dict = {
+                p.product_name: p.prompt_template
+                for p in prompts
+                if (getattr(p, "prompt_kind", None) or "email") == "email"
+            }
+            linkedin_prompt_dict = {
+                p.product_name: p.prompt_template
+                for p in prompts
+                if getattr(p, "prompt_kind", None) == "linkedin"
+            }
+
+            if not email_prompt_dict:
                 yield f"data: {json.dumps({'type': 'error', 'error': 'No prompts found'})}\n\n"
                 return
-            
-            products = list(prompt_dict.keys())
+
+            products = list(email_prompt_dict.keys())
+            li_products = list(linkedin_prompt_dict.keys())
+            run_linkedin = len(li_products) > 0
+
             if reset:
                 db.query(GeneratedSequence).filter(
                     GeneratedSequence.tenant_id == tenant_id,
                     GeneratedSequence.file_id == file_id,
                 ).delete()
                 db.commit()
-            
+
             total_contacts = len(df)
+
+            def progress_pct(seq_id: int, *, linkedin_phase: bool) -> float:
+                if total_contacts <= 0:
+                    return 0.0
+                if run_linkedin and not linkedin_phase:
+                    return min(100.0, max(0.0, (seq_id / total_contacts) * 50.0))
+                if run_linkedin and linkedin_phase:
+                    return min(100.0, max(0.0, 50.0 + (seq_id / total_contacts) * 50.0))
+                return min(100.0, max(0.0, (seq_id / total_contacts) * 100.0))
+
             sequence_id = 1
-            
             for idx, row in df.iterrows():
                 existing = (
                     db.query(GeneratedSequence)
@@ -1887,6 +1948,7 @@ async def generate_sequences(
                         GeneratedSequence.tenant_id == tenant_id,
                         GeneratedSequence.file_id == file_id,
                         GeneratedSequence.sequence_id == sequence_id,
+                        GeneratedSequence.channel == "email",
                     )
                     .order_by(GeneratedSequence.email_number)
                     .all()
@@ -1904,18 +1966,18 @@ async def generate_sequences(
                             "product": seq.product,
                             "subject": seq.subject,
                             "emailContent": seq.email_content,
+                            "channel": "email",
                         }
                         yield f"data: {json.dumps({'type': 'sequence', 'sequence': sequence_response})}\n\n"
-                    progress = min(100, max(0, (sequence_id / total_contacts) * 100)) if total_contacts > 0 else 0
-                    yield f"data: {json.dumps({'type': 'progress', 'progress': float(progress)})}\n\n"
+                    yield f"data: {json.dumps({'type': 'progress', 'progress': progress_pct(sequence_id, linkedin_phase=False)})}\n\n"
                     sequence_id += 1
                     await asyncio.sleep(0.05)
                     continue
-                
+
                 contact = row.to_dict()
-                product_name = products[sequence_id % len(products)]
-                prompt_template = prompt_dict[product_name]
-                
+                product_name = products[(sequence_id - 1) % len(products)]
+                prompt_template = email_prompt_dict[product_name]
+
                 loop = asyncio.get_event_loop()
                 with concurrent.futures.ThreadPoolExecutor() as executor:
                     sequence_data_list = await loop.run_in_executor(
@@ -1925,13 +1987,14 @@ async def generate_sequences(
                         prompt_template,
                         product_name,
                     )
-                
+
                 for seq_data in sequence_data_list:
                     db_sequence = GeneratedSequence(
                         tenant_id=tenant_id,
                         file_id=file_id,
                         sequence_id=sequence_id,
                         email_number=seq_data["email_number"],
+                        channel="email",
                         first_name=seq_data["first_name"],
                         last_name=seq_data["last_name"],
                         email=seq_data["email"],
@@ -1942,9 +2005,9 @@ async def generate_sequences(
                         email_content=seq_data["email_content"],
                     )
                     db.add(db_sequence)
-                
+
                 db.commit()
-                
+
                 for seq_data in sequence_data_list:
                     sequence_response = {
                         "id": sequence_id,
@@ -1957,14 +2020,104 @@ async def generate_sequences(
                         "product": seq_data["product"],
                         "subject": seq_data["subject"],
                         "emailContent": seq_data["email_content"],
+                        "channel": "email",
                     }
                     yield f"data: {json.dumps({'type': 'sequence', 'sequence': sequence_response})}\n\n"
-                
-                progress = min(100, max(0, (sequence_id / total_contacts) * 100)) if total_contacts > 0 else 0
-                yield f"data: {json.dumps({'type': 'progress', 'progress': float(progress)})}\n\n"
+
+                yield f"data: {json.dumps({'type': 'progress', 'progress': progress_pct(sequence_id, linkedin_phase=False)})}\n\n"
                 sequence_id += 1
                 await asyncio.sleep(0.1)
-            
+
+            if run_linkedin:
+                yield f"data: {json.dumps({'type': 'phase', 'phase': 'linkedin', 'message': 'Generating LinkedIn sequences'})}\n\n"
+                sequence_id = 1
+                for idx, row in df.iterrows():
+                    existing_li = (
+                        db.query(GeneratedSequence)
+                        .filter(
+                            GeneratedSequence.tenant_id == tenant_id,
+                            GeneratedSequence.file_id == file_id,
+                            GeneratedSequence.sequence_id == sequence_id,
+                            GeneratedSequence.channel == "linkedin",
+                        )
+                        .order_by(GeneratedSequence.email_number)
+                        .all()
+                    )
+                    if existing_li:
+                        for seq in existing_li:
+                            sequence_response = {
+                                "id": seq.sequence_id,
+                                "emailNumber": seq.email_number,
+                                "firstName": seq.first_name,
+                                "lastName": seq.last_name,
+                                "email": seq.email,
+                                "company": seq.company,
+                                "title": seq.title or "",
+                                "product": seq.product,
+                                "subject": seq.subject or "",
+                                "emailContent": seq.email_content,
+                                "channel": "linkedin",
+                            }
+                            yield f"data: {json.dumps({'type': 'sequence', 'sequence': sequence_response})}\n\n"
+                        yield f"data: {json.dumps({'type': 'progress', 'progress': progress_pct(sequence_id, linkedin_phase=True)})}\n\n"
+                        sequence_id += 1
+                        await asyncio.sleep(0.05)
+                        continue
+
+                    contact = row.to_dict()
+                    li_product = li_products[(sequence_id - 1) % len(li_products)]
+                    li_template = linkedin_prompt_dict[li_product]
+
+                    loop = asyncio.get_event_loop()
+                    with concurrent.futures.ThreadPoolExecutor() as executor:
+                        li_list = await loop.run_in_executor(
+                            executor,
+                            generate_linkedin_sequence,
+                            contact,
+                            li_template,
+                            li_product,
+                        )
+
+                    for seq_data in li_list:
+                        db_sequence = GeneratedSequence(
+                            tenant_id=tenant_id,
+                            file_id=file_id,
+                            sequence_id=sequence_id,
+                            email_number=seq_data["email_number"],
+                            channel="linkedin",
+                            first_name=seq_data["first_name"],
+                            last_name=seq_data["last_name"],
+                            email=seq_data["email"],
+                            company=seq_data["company"],
+                            title=seq_data.get("title", ""),
+                            product=seq_data["product"],
+                            subject=seq_data.get("subject") or "",
+                            email_content=seq_data["email_content"],
+                        )
+                        db.add(db_sequence)
+
+                    db.commit()
+
+                    for seq_data in li_list:
+                        sequence_response = {
+                            "id": sequence_id,
+                            "emailNumber": seq_data["email_number"],
+                            "firstName": seq_data["first_name"],
+                            "lastName": seq_data["last_name"],
+                            "email": seq_data["email"],
+                            "company": seq_data["company"],
+                            "title": seq_data.get("title", ""),
+                            "product": seq_data["product"],
+                            "subject": seq_data.get("subject") or "",
+                            "emailContent": seq_data["email_content"],
+                            "channel": "linkedin",
+                        }
+                        yield f"data: {json.dumps({'type': 'sequence', 'sequence': sequence_response})}\n\n"
+
+                    yield f"data: {json.dumps({'type': 'progress', 'progress': progress_pct(sequence_id, linkedin_phase=True)})}\n\n"
+                    sequence_id += 1
+                    await asyncio.sleep(0.1)
+
             yield f"data: {json.dumps({'type': 'complete'})}\n\n"
             
         except Exception as e:
@@ -1984,13 +2137,16 @@ async def download_sequences(file_id: str = Query(...), t: TenantContext = Depen
             .filter(
                 GeneratedSequence.tenant_id == t.tenant_id,
                 GeneratedSequence.file_id == file_id,
+                GeneratedSequence.channel == "email",
             )
             .order_by(GeneratedSequence.sequence_id, GeneratedSequence.email_number)
             .all()
         )
-        
         if not sequences:
-            raise HTTPException(status_code=404, detail="No sequences found")
+            raise HTTPException(
+                status_code=404,
+                detail="No email sequences found (CSV export is email-only; view LinkedIn in the app).",
+            )
         
         # Group sequences by contact
         contacts = {}

backend/app/models.py

@@ -13,6 +13,7 @@ class PromptSaveRequest(BaseModel):
     file_id: str
     prompts: Dict[str, str]
     products: List[str]
+    linkedin_prompts: Dict[str, str] = Field(default_factory=dict)
 
 
 class SequenceResponse(BaseModel):

frontend/src/App.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
+import { GeneratorWorkflowProvider } from "./context/GeneratorWorkflowContext";
 import EmailSequenceGenerator from "./pages/EmailSequenceGenerator";
 import Contacts from "./pages/Contacts";
 import Leads from "./pages/Leads";
@@ -11,6 +12,7 @@ import "./index.css";
 export default function App() {
   return (
     <BrowserRouter>
+      <GeneratorWorkflowProvider>
       <Routes>
         <Route path="/" element={<EmailSequenceGenerator />} />
         <Route path="/contacts" element={<Contacts />} />
@@ -20,6 +22,7 @@ export default function App() {
         <Route path="/settings" element={<Settings />} />
         <Route path="/history" element={<Navigate to="/leads" replace />} />
       </Routes>
+      </GeneratorWorkflowProvider>
     </BrowserRouter>
   );
 }

frontend/src/components/prompts/PromptEditor.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { FileText, Save, RotateCcw, Sparkles, CheckCircle2 } from 'lucide-react';
+import { FileText, Save, RotateCcw, Sparkles, CheckCircle2, Linkedin } from 'lucide-react';
 import { Button } from "@/components/ui/button";
 import { Textarea } from "@/components/ui/textarea";
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
@@ -780,7 +780,50 @@ Best,
 {{sender_name}}`,
 };
 
-export default function PromptEditor({ selectedProducts, prompts, onPromptsChange, onSaveComplete }) {
+const LINKEDIN_DEFAULT_TEMPLATES = {
+    'Accounts Payable Automation': `🔒 LINKEDIN SYSTEM PROMPT (DO NOT MODIFY)
+
+You are an expert B2B LinkedIn copywriter. Write short, human DMs and connection notes for AP / finance professionals at North American mid-market companies.
+Sender first name is always Anna. Never use the prospect as the sender.
+No fake LinkedIn "I saw your post" personalization. Use only provided fields.
+Tone: calm, peer-to-peer, non-salesy, no emojis, no em dashes.
+
+Output format (strict) — 3 messages:
+Message 1
+[connection note or first DM: ≤300 characters if connection note; otherwise short paragraph]
+
+Message 2
+[follow-up DM, new angle]
+
+Message 3
+[light check-in, one question]
+
+Use variables in your reasoning: {{first_name}}, {{company}}, {{sender_name}} but output final text with real first name filled in.`,
+
+    'Sales Order Processing': `🔒 LINKEDIN SYSTEM PROMPT
+You write concise LinkedIn DMs for order-ops / AR professionals. Sender: Anna. Plain language, operational focus, one question per message. No hype.
+Output Message 1, 2, 3 as labeled blocks.`,
+
+    'Document Management': `🔒 LINKEDIN SYSTEM PROMPT
+Short LinkedIn sequence (3 messages) for document / records leaders. Calm, practical, non-marketing. Sender Anna. Use Message 1/2/3 format.`,
+
+    'Invoice Processing': `🔒 LINKEDIN SYSTEM PROMPT
+3-step LinkedIn outreach for invoice / AP operations. Under 120 words per message. Message 1, 2, 3 format. Anna as sender.`,
+
+    'Expense Management': `🔒 LINKEDIN SYSTEM PROMPT
+LinkedIn DMs for finance teams about expense workflows. 3 messages, professional, no buzzwords. Message 1, 2, 3.`,
+
+    'Procurement Automation': `🔒 LINKEDIN SYSTEM PROMPT
+Procurement-focused LinkedIn sequence in 3 messages. Practical questions only. Label Message 1, 2, 3.`,
+};
+
+export default function PromptEditor({
+    selectedProducts,
+    prompts,
+    onPromptsChange,
+    onSaveComplete,
+    variant = 'email',
+}) {
     const [activeTab, setActiveTab] = useState(selectedProducts[0]?.name || '');
     const [savedStatus, setSavedStatus] = useState({});
     const [localPrompts, setLocalPrompts] = useState({});
@@ -795,23 +838,24 @@ export default function PromptEditor({ selectedProducts, prompts, onPromptsChang
     }, [selectedProducts, activeTab]);
 
     useEffect(() => {
-        // Initialize prompts for selected products.
-        // Priority: saved prompt > product default template > generic fallback.
+        const library = variant === 'linkedin' ? LINKEDIN_DEFAULT_TEMPLATES : DEFAULT_TEMPLATES;
         const newPrompts = {};
-        selectedProducts.forEach(product => {
+        selectedProducts.forEach((product) => {
             const savedPrompt = prompts[product.name];
-            const defaultTemplate = DEFAULT_TEMPLATES[product.name];
+            const defaultTemplate = library[product.name];
 
             if (savedPrompt) {
                 newPrompts[product.name] = savedPrompt;
             } else if (defaultTemplate) {
                 newPrompts[product.name] = defaultTemplate;
+            } else if (variant === 'linkedin') {
+                newPrompts[product.name] = `🔒 LINKEDIN SYSTEM PROMPT\n\nGenerate a 3-message LinkedIn sequence for ${product.name}.\nLabel: Message 1, Message 2, Message 3.\nUse {{first_name}}, {{company}}. Sender: Anna.`;
             } else {
                 newPrompts[product.name] = `Subject: {{first_name}}, let's talk about ${product.name}\n\nHi {{first_name}},\n\nI wanted to reach out about how ${product.name} could benefit {{company}}.\n\n[Your personalized message here]\n\nBest,\n{{sender_name}}`;
             }
         });
         setLocalPrompts(newPrompts);
-    }, [selectedProducts, prompts]);
+    }, [selectedProducts, prompts, variant]);
 
     const handlePromptChange = (productName, value) => {
         setLocalPrompts(prev => ({
@@ -850,8 +894,12 @@ export default function PromptEditor({ selectedProducts, prompts, onPromptsChang
     };
 
     const handleRestoreDefault = (productName) => {
-        const defaultTemplate = DEFAULT_TEMPLATES[productName] || 
-            `Subject: {{first_name}}, let's talk about ${productName}\n\nHi {{first_name}},\n\nI wanted to reach out about how ${productName} could benefit {{company}}.\n\n[Your personalized message here]\n\nBest,\n{{sender_name}}`;
+        const library = variant === 'linkedin' ? LINKEDIN_DEFAULT_TEMPLATES : DEFAULT_TEMPLATES;
+        const defaultTemplate =
+            library[productName] ||
+            (variant === 'linkedin'
+                ? `🔒 LINKEDIN SYSTEM PROMPT\n\nGenerate a 3-message LinkedIn sequence for ${productName}.\nLabel: Message 1, Message 2, Message 3.\nUse {{first_name}}, {{company}}. Sender: Anna.`
+                : `Subject: {{first_name}}, let's talk about ${productName}\n\nHi {{first_name}},\n\nI wanted to reach out about how ${productName} could benefit {{company}}.\n\n[Your personalized message here]\n\nBest,\n{{sender_name}}`);
         handlePromptChange(productName, defaultTemplate);
     };
 
@@ -895,10 +943,18 @@ export default function PromptEditor({ selectedProducts, prompts, onPromptsChang
                                 <div className="border-b border-slate-100 bg-slate-50/50 px-6 py-4 flex items-center justify-between">
                                     <div className="flex items-center gap-3">
                                         <div className="rounded-lg bg-violet-100 p-2">
-                                            <Sparkles className="h-4 w-4 text-violet-600" />
+                                            {variant === 'linkedin' ? (
+                                                <Linkedin className="h-4 w-4 text-violet-600" />
+                                            ) : (
+                                                <Sparkles className="h-4 w-4 text-violet-600" />
+                                            )}
                                         </div>
                                         <div>
-                                            <h4 className="font-semibold text-slate-800">Email Template</h4>
+                                            <h4 className="font-semibold text-slate-800">
+                                                {variant === 'linkedin'
+                                                    ? 'LinkedIn sequence prompt'
+                                                    : 'Email Template'}
+                                            </h4>
                                             <p className="text-xs text-slate-500">
                                                 Use variables: {"{{first_name}}"}, {"{{company}}"}, {"{{sender_name}}"}
                                             </p>
@@ -937,7 +993,11 @@ export default function PromptEditor({ selectedProducts, prompts, onPromptsChang
                                     <Textarea
                                         value={localPrompts[product.name] || ''}
                                         onChange={(e) => handlePromptChange(product.name, e.target.value)}
-                                        placeholder="Enter your email template here..."
+                                        placeholder={
+                                            variant === 'linkedin'
+                                                ? 'Enter your LinkedIn sequence system prompt…'
+                                                : 'Enter your email template here...'
+                                        }
                                         className="min-h-[320px] font-mono text-sm leading-relaxed resize-none 
                                                    border-slate-200 focus:border-violet-300 focus:ring-violet-200"
                                     />

frontend/src/components/sequences/SequenceCard.jsx

@@ -9,8 +9,8 @@ export default function SequenceCard({ contact, index }) {
     const [copiedEmailNum, setCopiedEmailNum] = useState(null);
     const [expandedEmailNum, setExpandedEmailNum] = useState(null);
 
-    // Group emails by contact
     const emails = contact.emails || [];
+    const linkedin = contact.linkedin || [];
     const firstEmail = emails[0] || contact;
     
     const handleCopy = (emailContent, emailNum) => {
@@ -48,9 +48,15 @@ export default function SequenceCard({ contact, index }) {
                                 <Mail className="h-3.5 w-3.5" />
                                 {firstEmail.email}
                             </span>
-                            {emails.length > 1 && (
+                            {(emails.length > 0 || linkedin.length > 0) && (
                                 <span className="text-violet-600 font-medium">
-                                    {emails.length} emails
+                                    {emails.length > 0
+                                        ? `${emails.length} email${emails.length === 1 ? '' : 's'}`
+                                        : null}
+                                    {emails.length > 0 && linkedin.length > 0 ? ' · ' : null}
+                                    {linkedin.length > 0
+                                        ? `${linkedin.length} LinkedIn`
+                                        : null}
                                 </span>
                             )}
                         </div>
@@ -77,7 +83,7 @@ export default function SequenceCard({ contact, index }) {
                 >
                     <div className="px-5 py-4 bg-slate-50/50 space-y-4">
                         {emails.map((email, emailIdx) => (
-                            <div key={emailIdx} className="bg-white rounded-lg border border-slate-200 p-4">
+                            <div key={`e-${emailIdx}`} className="bg-white rounded-lg border border-slate-200 p-4">
                                 <div className="flex items-center justify-between mb-3">
                                     <div className="flex items-center gap-2">
                                         <h5 className="text-sm font-medium text-slate-600">
@@ -120,6 +126,45 @@ export default function SequenceCard({ contact, index }) {
                                 </div>
                             </div>
                         ))}
+                        {linkedin.map((msg, liIdx) => (
+                            <div
+                                key={`li-${liIdx}`}
+                                className="bg-white rounded-lg border border-sky-200 p-4 shadow-sm"
+                            >
+                                <div className="flex items-center justify-between mb-3">
+                                    <h5 className="text-sm font-medium text-sky-800">
+                                        LinkedIn — Message {msg.emailNumber || liIdx + 1}
+                                    </h5>
+                                    <Button
+                                        variant="ghost"
+                                        size="sm"
+                                        onClick={(e) => {
+                                            e.stopPropagation();
+                                            handleCopy(
+                                                msg.emailContent,
+                                                `li-${msg.emailNumber || liIdx + 1}`
+                                            );
+                                        }}
+                                        className="h-8 text-slate-500 hover:text-sky-600"
+                                    >
+                                        {copiedEmailNum === `li-${msg.emailNumber || liIdx + 1}` ? (
+                                            <>
+                                                <CheckCircle2 className="h-4 w-4 mr-1 text-green-500" />
+                                                Copied!
+                                            </>
+                                        ) : (
+                                            <>
+                                                <Copy className="h-4 w-4 mr-1" />
+                                                Copy
+                                            </>
+                                        )}
+                                    </Button>
+                                </div>
+                                <div className="text-sm text-slate-700 whitespace-pre-wrap leading-relaxed">
+                                    {msg.emailContent}
+                                </div>
+                            </div>
+                        ))}
                     </div>
                 </motion.div>
             )}

frontend/src/components/sequences/SequenceViewer.jsx

@@ -1,179 +1,39 @@
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Download, Mail, Loader2, CheckCircle2, Search, Filter } from 'lucide-react';
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Progress } from "@/components/ui/progress";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Progress } from '@/components/ui/progress';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { motion, AnimatePresence } from 'framer-motion';
 import SequenceCard from './SequenceCard';
 import { apiFetch } from '@/lib/api';
+import { useGeneratorWorkflow } from '@/context/GeneratorWorkflowContext';
+
+
+export default function SequenceViewer() {
+    const {
+        isGenerating,
+        generationComplete,
+        selectedProducts,
+        uploadedFile,
+        includeLinkedin,
+        genPhase,
+        contacts,
+        sequences,
+        progress,
+        contactCount,
+    } = useGeneratorWorkflow();
 
-function applySequenceToContacts(prev, sequence, contactCount, setProgress) {
-    const existingContact = prev.find(c =>
-        c.firstName === sequence.firstName &&
-        c.lastName === sequence.lastName &&
-        c.email === sequence.email
-    );
-    let updatedContacts;
-    if (existingContact) {
-        existingContact.emails.push({
-            emailNumber: sequence.emailNumber || existingContact.emails.length + 1,
-            subject: sequence.subject,
-            emailContent: sequence.emailContent
-        });
-        updatedContacts = [...prev];
-    } else {
-        updatedContacts = [...prev, {
-            id: sequence.id,
-            firstName: sequence.firstName,
-            lastName: sequence.lastName,
-            email: sequence.email,
-            company: sequence.company,
-            title: sequence.title,
-            product: sequence.product,
-            emails: [{
-                emailNumber: sequence.emailNumber || 1,
-                subject: sequence.subject,
-                emailContent: sequence.emailContent
-            }]
-        }];
-    }
-    const progressValue = contactCount > 0
-        ? Math.min(100, Math.max(0, (updatedContacts.length / contactCount) * 100))
-        : 0;
-    setProgress(progressValue);
-    return updatedContacts;
-}
-
-export default function SequenceViewer({ isGenerating, generationRunId, contactCount, selectedProducts, uploadedFile, prompts, onComplete }) {
-    const [sequences, setSequences] = useState([]);
-    const [contacts, setContacts] = useState([]);
-    const [progress, setProgress] = useState(0);
     const [searchQuery, setSearchQuery] = useState('');
     const [filterProduct, setFilterProduct] = useState('all');
-    const [isComplete, setIsComplete] = useState(false);
     const [displayedCount, setDisplayedCount] = useState(50);
-    const [reconnectKey, setReconnectKey] = useState(0);
-    const prevRunIdRef = useRef(null);
-
-    useEffect(() => {
-        if (!isGenerating || !uploadedFile?.fileId) return;
-
-        const isNewRun = prevRunIdRef.current !== generationRunId;
-        if (isNewRun) {
-            prevRunIdRef.current = generationRunId;
-            setSequences([]);
-            setContacts([]);
-            setProgress(0);
-            setIsComplete(false);
-        }
-
-        const reset = isNewRun ? 1 : 0;
-        const url = `/api/generate-sequences?file_id=${encodeURIComponent(uploadedFile.fileId)}&reset=${reset}`;
-        const eventSource = new EventSource(url);
-
-        eventSource.onmessage = (event) => {
-            try {
-                const data = JSON.parse(event.data);
-                if (data.type === 'sequence') {
-                    const seq = data.sequence;
-                    setSequences(prev => {
-                        if (prev.some(s => s.id === seq.id && s.emailNumber === seq.emailNumber)) return prev;
-                        return [...prev, seq];
-                    });
-                    setContacts(prev => {
-                        const existing = prev.find(c => c.email === seq.email);
-                        if (existing?.emails.some(e => e.emailNumber === seq.emailNumber)) return prev;
-                        return applySequenceToContacts(prev, seq, contactCount, setProgress);
-                    });
-                } else if (data.type === 'progress') {
-                    setProgress(data.progress);
-                } else if (data.type === 'complete') {
-                    setIsComplete(true);
-                    onComplete?.();
-                    eventSource.close();
-                } else if (data.type === 'error') {
-                    console.error('Generation error:', data.error);
-                    alert('Error generating sequences: ' + data.error);
-                    eventSource.close();
-                }
-            } catch (err) {
-                console.error('Error parsing SSE data:', err);
-            }
-        };
-
-        eventSource.onerror = () => {
-            eventSource.close();
-            if (!isComplete) setReconnectKey(k => k + 1);
-        };
-
-        return () => eventSource.close();
-    }, [isGenerating, uploadedFile?.fileId, generationRunId, contactCount, reconnectKey, onComplete, isComplete]);
-
-    useEffect(() => {
-        if (!isGenerating || !uploadedFile?.fileId || reconnectKey === 0) return;
-        let cancelled = false;
-        (async () => {
-            try {
-                const [statusRes, seqRes] = await Promise.all([
-                    apiFetch(`/api/generation-status?file_id=${encodeURIComponent(uploadedFile.fileId)}`),
-                    apiFetch(`/api/sequences?file_id=${encodeURIComponent(uploadedFile.fileId)}`)
-                ]);
-                if (cancelled) return;
-                if (statusRes.ok && seqRes.ok) {
-                    const status = await statusRes.json();
-                    const { sequences: list } = await seqRes.json();
-                    if (status.is_complete) {
-                        setIsComplete(true);
-                        onComplete?.();
-                    }
-                    if (list?.length > 0) {
-                        const byContact = new Map();
-                        list.forEach(seq => {
-                            const key = seq.email;
-                            if (!byContact.has(key)) {
-                                byContact.set(key, {
-                                    id: seq.id,
-                                    firstName: seq.firstName,
-                                    lastName: seq.lastName,
-                                    email: seq.email,
-                                    company: seq.company,
-                                    title: seq.title,
-                                    product: seq.product,
-                                    emails: []
-                                });
-                            }
-                            byContact.get(key).emails.push({
-                                emailNumber: seq.emailNumber,
-                                subject: seq.subject,
-                                emailContent: seq.emailContent
-                            });
-                        });
-                        const arr = [...byContact.values()];
-                        arr.sort((a, b) => (a.id || 0) - (b.id || 0));
-                        setSequences(list);
-                        setContacts(arr);
-                        const p = status.total_contacts > 0 ? Math.min(100, (arr.length / status.total_contacts) * 100) : 0;
-                        setProgress(p);
-                    }
-                }
-            } catch (e) {
-                if (!cancelled) console.error('Reconnect fetch error:', e);
-            }
-        })();
-        return () => { cancelled = true; };
-    }, [reconnectKey, isGenerating, uploadedFile?.fileId, contactCount, onComplete]);
 
     useEffect(() => {
-        if (!isGenerating || !uploadedFile?.fileId) return;
-        const onVisible = () => {
-            if (document.visibilityState === 'visible') setReconnectKey(k => k + 1);
-        };
-        document.addEventListener('visibilitychange', onVisible);
-        return () => document.removeEventListener('visibilitychange', onVisible);
-    }, [isGenerating, uploadedFile?.fileId]);
+        setDisplayedCount(50);
+    }, [searchQuery, filterProduct]);
 
     const handleDownload = async () => {
+        if (!uploadedFile?.fileId) return;
         try {
             const response = await apiFetch(`/api/download-sequences?file_id=${uploadedFile.fileId}`);
             if (response.ok) {
@@ -193,38 +53,38 @@ export default function SequenceViewer({ isGenerating, generationRunId, contactC
         }
     };
 
-    const filteredContacts = contacts.filter(contact => {
-        const matchesSearch = searchQuery === '' || 
+    const filteredContacts = contacts.filter((contact) => {
+        const matchesSearch =
+            searchQuery === '' ||
             contact.firstName?.toLowerCase().includes(searchQuery.toLowerCase()) ||
             contact.lastName?.toLowerCase().includes(searchQuery.toLowerCase()) ||
             contact.company?.toLowerCase().includes(searchQuery.toLowerCase()) ||
             contact.email?.toLowerCase().includes(searchQuery.toLowerCase());
-        
+
         const matchesFilter = filterProduct === 'all' || contact.product === filterProduct;
-        
+
         return matchesSearch && matchesFilter;
     });
 
-    // Reset pagination when search/filter changes
-    useEffect(() => {
-        setDisplayedCount(50);
-    }, [searchQuery, filterProduct]);
-
-    // Pagination: only show first N contacts to avoid browser performance issues
     const displayedContacts = filteredContacts.slice(0, displayedCount);
     const hasMore = filteredContacts.length > displayedCount;
 
     const loadMore = () => {
-        setDisplayedCount(prev => Math.min(prev + 50, filteredContacts.length));
+        setDisplayedCount((prev) => Math.min(prev + 50, filteredContacts.length));
     };
 
+    const showProgress = isGenerating || !generationComplete;
+    const phaseLabel =
+        includeLinkedin && genPhase === 'linkedin' && isGenerating
+            ? 'LinkedIn sequences'
+            : 'Email sequences';
+
     return (
         <div className="w-full">
-            {/* Progress Header */}
             <div className="rounded-2xl border border-slate-200 bg-white p-6 mb-6">
                 <div className="flex items-center justify-between mb-4">
                     <div className="flex items-center gap-3">
-                        {isComplete ? (
+                        {generationComplete ? (
                             <div className="rounded-xl bg-green-100 p-3">
                                 <CheckCircle2 className="h-6 w-6 text-green-600" />
                             </div>
@@ -235,27 +95,24 @@ export default function SequenceViewer({ isGenerating, generationRunId, contactC
                         )}
                         <div>
                             <h3 className="font-semibold text-slate-800">
-                                {isComplete ? 'Generation Complete!' : 'Generating Email Sequences...'}
+                                {generationComplete ? 'Generation complete!' : `Generating ${phaseLabel}…`}
                             </h3>
                             <p className="text-sm text-slate-500">
-                                {contacts.length} of {contactCount} contacts, {sequences.length} total emails generated
+                                {contacts.length} contacts · {sequences.length} generated rows
+                                {contactCount ? ` · ~${contactCount} contacts in file` : ''}
                             </p>
                         </div>
                     </div>
-                                {isComplete && (
-                                    <Button
-                                        onClick={handleDownload}
-                                        className="bg-green-600 hover:bg-green-700"
-                                    >
-                                        <Download className="h-4 w-4 mr-2" />
-                                        Download CSV for Outreaches
-                                    </Button>
-                                )}
+                    {generationComplete && (
+                        <Button onClick={handleDownload} className="bg-green-600 hover:bg-green-700">
+                            <Download className="h-4 w-4 mr-2" />
+                            Download CSV
+                        </Button>
+                    )}
                 </div>
-                <Progress value={progress} className="h-2" />
+                {showProgress ? <Progress value={progress} className="h-2" /> : null}
             </div>
 
-            {/* Filters */}
             {sequences.length > 0 && (
                 <motion.div
                     initial={{ opacity: 0, y: -10 }}
@@ -278,7 +135,7 @@ export default function SequenceViewer({ isGenerating, generationRunId, contactC
                         </SelectTrigger>
                         <SelectContent>
                             <SelectItem value="all">All Products</SelectItem>
-                            {selectedProducts.map(product => (
+                            {selectedProducts.map((product) => (
                                 <SelectItem key={product.id} value={product.name}>
                                     {product.name}
                                 </SelectItem>
@@ -288,20 +145,19 @@ export default function SequenceViewer({ isGenerating, generationRunId, contactC
                 </motion.div>
             )}
 
-            {/* Sequence List - Optimized for high volume with pagination */}
             <div className="space-y-3 max-h-[600px] overflow-y-auto pr-2 custom-scrollbar">
                 <AnimatePresence>
                     {displayedContacts.map((contact, index) => (
-                        <SequenceCard key={contact.id || `${contact.firstName}-${contact.lastName}-${contact.email}`} contact={contact} index={index} />
+                        <SequenceCard
+                            key={contact.id || `${contact.firstName}-${contact.lastName}-${contact.email}`}
+                            contact={contact}
+                            index={index}
+                        />
                     ))}
                 </AnimatePresence>
                 {hasMore && (
                     <div className="text-center py-4">
-                        <Button
-                            variant="outline"
-                            onClick={loadMore}
-                            className="mx-auto"
-                        >
+                        <Button variant="outline" onClick={loadMore} className="mx-auto">
                             Load More ({filteredContacts.length - displayedCount} remaining)
                         </Button>
                     </div>
@@ -313,14 +169,13 @@ export default function SequenceViewer({ isGenerating, generationRunId, contactC
                 )}
             </div>
 
-            {/* Empty State */}
-            {!isGenerating && contacts.length === 0 && (
+            {!isGenerating && contacts.length === 0 && sequences.length === 0 && (
                 <div className="text-center py-16">
                     <div className="mx-auto w-16 h-16 rounded-2xl bg-slate-100 flex items-center justify-center mb-4">
                         <Mail className="h-8 w-8 text-slate-300" />
                     </div>
                     <h3 className="text-lg font-semibold text-slate-400 mb-2">No sequences yet</h3>
-                    <p className="text-sm text-slate-400">Click "Generate Sequences" to start</p>
+                    <p className="text-sm text-slate-400">Click &quot;Generate Sequences&quot; to start</p>
                 </div>
             )}
         </div>

frontend/src/components/workspace/WonBillingModal.jsx

@@ -110,10 +110,6 @@ export default function WonBillingModal({ dealName, busy, onCancel, onSubmit, gm
             setLocalError('Contact person name is required.');
             return;
         }
-        if (!noteToCustomer.trim()) {
-            setLocalError('Note to customer is required.');
-            return;
-        }
         if (!noteToAccounts.trim()) {
             setLocalError('Note to our accounts is required.');
             return;
@@ -125,6 +121,18 @@ export default function WonBillingModal({ dealName, busy, onCancel, onSubmit, gm
                 setLocalError('Each line must have a product or service name.');
                 return;
             }
+            if (!row.description.trim()) {
+                setLocalError('Each line must have a description.');
+                return;
+            }
+            if (!row.billing_interval) {
+                setLocalError('Each line must have a billing interval.');
+                return;
+            }
+            if (!row.currency) {
+                setLocalError('Each line must have a currency.');
+                return;
+            }
             const q = parseNum(row.qty);
             const r = parseNum(row.rate);
             if (!Number.isFinite(q) || q <= 0) {
@@ -207,11 +215,15 @@ export default function WonBillingModal({ dealName, busy, onCancel, onSubmit, gm
 
                 <div className="mt-5 grid grid-cols-1 gap-3 sm:grid-cols-2">
                     <div>
-                        <label className="mb-1 block text-xs font-medium text-slate-600">PO number</label>
+                        <label className="mb-1 block text-xs font-medium text-slate-600">
+                            PO number <span className="text-red-600">*</span>
+                        </label>
                         <Input value={poNumber} onChange={(e) => setPoNumber(e.target.value)} className="bg-white" />
                     </div>
                     <div>
-                        <label className="mb-1 block text-xs font-medium text-slate-600">Customer legal name</label>
+                        <label className="mb-1 block text-xs font-medium text-slate-600">
+                            Customer legal name <span className="text-red-600">*</span>
+                        </label>
                         <Input
                             value={customerLegalName}
                             onChange={(e) => setCustomerLegalName(e.target.value)}
@@ -219,7 +231,9 @@ export default function WonBillingModal({ dealName, busy, onCancel, onSubmit, gm
                         />
                     </div>
                     <div className="sm:col-span-2">
-                        <label className="mb-1 block text-xs font-medium text-slate-600">Customer address</label>
+                        <label className="mb-1 block text-xs font-medium text-slate-600">
+                            Customer address <span className="text-red-600">*</span>
+                        </label>
                         <Textarea
                             value={customerAddress}
                             onChange={(e) => setCustomerAddress(e.target.value)}
@@ -228,7 +242,9 @@ export default function WonBillingModal({ dealName, busy, onCancel, onSubmit, gm
                         />
                     </div>
                     <div>
-                        <label className="mb-1 block text-xs font-medium text-slate-600">Contact person name</label>
+                        <label className="mb-1 block text-xs font-medium text-slate-600">
+                            Contact person name <span className="text-red-600">*</span>
+                        </label>
                         <Input
                             value={contactPersonName}
                             onChange={(e) => setContactPersonName(e.target.value)}
@@ -256,7 +272,9 @@ export default function WonBillingModal({ dealName, busy, onCancel, onSubmit, gm
                         />
                     </div>
                     <div className="sm:col-span-2">
-                        <label className="mb-1 block text-xs font-medium text-slate-600">Note to our accounts</label>
+                        <label className="mb-1 block text-xs font-medium text-slate-600">
+                            Note to our accounts <span className="text-red-600">*</span>
+                        </label>
                         <Textarea
                             value={noteToAccounts}
                             onChange={(e) => setNoteToAccounts(e.target.value)}
@@ -285,9 +303,15 @@ export default function WonBillingModal({ dealName, busy, onCancel, onSubmit, gm
                                     <th className="w-8 px-1 py-2" aria-hidden />
                                     <th className="w-8 px-1 py-2 text-center">#</th>
                                     <th className="min-w-[140px] px-2 py-2">Product / service</th>
-                                    <th className="min-w-[120px] px-2 py-2">Description</th>
-                                    <th className="min-w-[130px] px-2 py-2">Billing interval</th>
-                                    <th className="w-24 px-2 py-2">Currency</th>
+                                    <th className="min-w-[120px] px-2 py-2">
+                                        Description <span className="text-red-600">*</span>
+                                    </th>
+                                    <th className="min-w-[130px] px-2 py-2">
+                                        Billing interval <span className="text-red-600">*</span>
+                                    </th>
+                                    <th className="w-24 px-2 py-2">
+                                        Currency <span className="text-red-600">*</span>
+                                    </th>
                                     <th className="w-20 px-2 py-2 text-right">Qty</th>
                                     <th className="w-24 px-2 py-2 text-right">Rate</th>
                                     <th className="w-28 px-2 py-2 text-right">Amount</th>

frontend/src/context/GeneratorWorkflowContext.jsx

@@ -0,0 +1,330 @@
+import React, {
+    createContext,
+    useCallback,
+    useContext,
+    useEffect,
+    useMemo,
+    useRef,
+    useState,
+} from 'react';
+import { apiFetch } from '@/lib/api';
+
+const GeneratorWorkflowContext = createContext(null);
+
+function applySequenceToContacts(prev, sequence) {
+    const ch = sequence.channel || 'email';
+    const existingContact = prev.find(
+        (c) =>
+            c.firstName === sequence.firstName &&
+            c.lastName === sequence.lastName &&
+            c.email === sequence.email
+    );
+    const step = {
+        emailNumber: sequence.emailNumber || 1,
+        subject: sequence.subject,
+        emailContent: sequence.emailContent,
+        channel: ch,
+    };
+    let updatedContacts;
+    if (existingContact) {
+        if (ch === 'linkedin') {
+            if (!existingContact.linkedin) existingContact.linkedin = [];
+            if (!existingContact.linkedin.some((e) => e.emailNumber === step.emailNumber)) {
+                existingContact.linkedin.push(step);
+            }
+        } else {
+            if (!existingContact.emails) existingContact.emails = [];
+            if (!existingContact.emails.some((e) => e.emailNumber === step.emailNumber)) {
+                existingContact.emails.push(step);
+            }
+        }
+        updatedContacts = [...prev];
+    } else {
+        const base = {
+            id: sequence.id,
+            firstName: sequence.firstName,
+            lastName: sequence.lastName,
+            email: sequence.email,
+            company: sequence.company,
+            title: sequence.title,
+            product: sequence.product,
+            emails: [],
+            linkedin: [],
+        };
+        if (ch === 'linkedin') {
+            base.linkedin = [step];
+        } else {
+            base.emails = [step];
+        }
+        updatedContacts = [...prev, base];
+    }
+    return updatedContacts;
+}
+
+export function GeneratorWorkflowProvider({ children }) {
+    const [step, setStep] = useState(1);
+    const [uploadedFile, setUploadedFile] = useState(null);
+    const [selectedProducts, setSelectedProducts] = useState([]);
+    const [prompts, setPrompts] = useState({});
+    const [linkedinPrompts, setLinkedinPrompts] = useState({});
+    const [includeLinkedin, setIncludeLinkedin] = useState(false);
+    const [isGenerating, setIsGenerating] = useState(false);
+    const [generationComplete, setGenerationComplete] = useState(false);
+    const [generationRunId, setGenerationRunId] = useState(0);
+    const [genPhase, setGenPhase] = useState('email');
+    const [contacts, setContacts] = useState([]);
+    const [sequences, setSequences] = useState([]);
+    const [progress, setProgress] = useState(0);
+    const [streamComplete, setStreamComplete] = useState(false);
+    const [reconnectKey, setReconnectKey] = useState(0);
+
+    const prevRunIdRef = useRef(null);
+    const eventSourceRef = useRef(null);
+
+    const resetWorkflow = useCallback(() => {
+        if (eventSourceRef.current) {
+            eventSourceRef.current.close();
+            eventSourceRef.current = null;
+        }
+        setStep(1);
+        setUploadedFile(null);
+        setSelectedProducts([]);
+        setPrompts({});
+        setLinkedinPrompts({});
+        setIncludeLinkedin(false);
+        setIsGenerating(false);
+        setGenerationComplete(false);
+        setGenerationRunId(0);
+        setGenPhase('email');
+        setContacts([]);
+        setSequences([]);
+        setProgress(0);
+        setStreamComplete(false);
+        prevRunIdRef.current = null;
+    }, []);
+
+    const beginGeneration = useCallback((runIdIncrement = true) => {
+        setStreamComplete(false);
+        setGenerationComplete(false);
+        setContacts([]);
+        setSequences([]);
+        setProgress(0);
+        setGenPhase('email');
+        setIsGenerating(true);
+        if (runIdIncrement) {
+            setGenerationRunId((r) => r + 1);
+        }
+    }, []);
+
+    const contactCount = uploadedFile?.contactCount || 0;
+
+    useEffect(() => {
+        if (!isGenerating || !uploadedFile?.fileId) return;
+
+        const isNewRun = prevRunIdRef.current !== generationRunId;
+        if (isNewRun) {
+            prevRunIdRef.current = generationRunId;
+            setContacts([]);
+            setSequences([]);
+            setProgress(0);
+            setStreamComplete(false);
+        }
+
+        const reset = isNewRun ? 1 : 0;
+        const url = `/api/generate-sequences?file_id=${encodeURIComponent(uploadedFile.fileId)}&reset=${reset}`;
+        const eventSource = new EventSource(url);
+        eventSourceRef.current = eventSource;
+
+        eventSource.onmessage = (event) => {
+            try {
+                const data = JSON.parse(event.data);
+                if (data.type === 'sequence') {
+                    const seq = data.sequence;
+                    setSequences((prev) => {
+                        const sig = `${seq.id}-${seq.emailNumber}-${seq.channel || 'email'}`;
+                        if (prev.some((s) => `${s.id}-${s.emailNumber}-${s.channel || 'email'}` === sig)) {
+                            return prev;
+                        }
+                        return [...prev, seq];
+                    });
+                    setContacts((prev) => applySequenceToContacts(prev, seq));
+                } else if (data.type === 'progress') {
+                    if (typeof data.progress === 'number') setProgress(data.progress);
+                } else if (data.type === 'phase') {
+                    if (data.phase === 'linkedin') setGenPhase('linkedin');
+                } else if (data.type === 'complete') {
+                    setStreamComplete(true);
+                    setIsGenerating(false);
+                    setGenerationComplete(true);
+                    eventSource.close();
+                    eventSourceRef.current = null;
+                } else if (data.type === 'error') {
+                    console.error('Generation error:', data.error);
+                    alert('Error generating sequences: ' + data.error);
+                    eventSource.close();
+                    eventSourceRef.current = null;
+                    setIsGenerating(false);
+                }
+            } catch (err) {
+                console.error('Error parsing SSE data:', err);
+            }
+        };
+
+        eventSource.onerror = () => {
+            eventSource.close();
+            eventSourceRef.current = null;
+            if (!streamComplete) setReconnectKey((k) => k + 1);
+        };
+
+        return () => {
+            eventSource.close();
+            if (eventSourceRef.current === eventSource) eventSourceRef.current = null;
+        };
+    }, [isGenerating, uploadedFile?.fileId, generationRunId]);
+
+    useEffect(() => {
+        if (!isGenerating || !uploadedFile?.fileId || reconnectKey === 0) return;
+        let cancelled = false;
+        (async () => {
+            try {
+                const [statusRes, seqRes] = await Promise.all([
+                    apiFetch(`/api/generation-status?file_id=${encodeURIComponent(uploadedFile.fileId)}`),
+                    apiFetch(`/api/sequences?file_id=${encodeURIComponent(uploadedFile.fileId)}`),
+                ]);
+                if (cancelled) return;
+                if (statusRes.ok && seqRes.ok) {
+                    const status = await statusRes.json();
+                    const { sequences: list } = await seqRes.json();
+                    if (status.is_complete) {
+                        setStreamComplete(true);
+                        setIsGenerating(false);
+                        setGenerationComplete(true);
+                    }
+                    if (list?.length > 0) {
+                        const byContact = new Map();
+                        list.forEach((seq) => {
+                            const key = seq.email;
+                            const ch = seq.channel || 'email';
+                            if (!byContact.has(key)) {
+                                byContact.set(key, {
+                                    id: seq.id,
+                                    firstName: seq.firstName,
+                                    lastName: seq.lastName,
+                                    email: seq.email,
+                                    company: seq.company,
+                                    title: seq.title,
+                                    product: seq.product,
+                                    emails: [],
+                                    linkedin: [],
+                                });
+                            }
+                            const row = {
+                                emailNumber: seq.emailNumber,
+                                subject: seq.subject,
+                                emailContent: seq.emailContent,
+                                channel: ch,
+                            };
+                            const c = byContact.get(key);
+                            if (ch === 'linkedin') {
+                                if (!c.linkedin.some((e) => e.emailNumber === row.emailNumber)) {
+                                    c.linkedin.push(row);
+                                }
+                            } else {
+                                if (!c.emails.some((e) => e.emailNumber === row.emailNumber)) {
+                                    c.emails.push(row);
+                                }
+                            }
+                        });
+                        const arr = [...byContact.values()];
+                        arr.sort((a, b) => (a.id || 0) - (b.id || 0));
+                        setSequences(list);
+                        setContacts(arr);
+                        if (status.total_contacts > 0) {
+                            const exp = status.has_linkedin_prompts
+                                ? status.total_contacts * 2
+                                : status.total_contacts;
+                            setProgress(
+                                Math.min(100, ((status.completed_count || 0) / exp) * 100)
+                            );
+                        }
+                    }
+                }
+            } catch (e) {
+                if (!cancelled) console.error('Reconnect fetch error:', e);
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [reconnectKey, isGenerating, uploadedFile?.fileId, contactCount]);
+
+    useEffect(() => {
+        if (!isGenerating || !uploadedFile?.fileId) return;
+        const onVisible = () => {
+            if (document.visibilityState === 'visible') setReconnectKey((k) => k + 1);
+        };
+        document.addEventListener('visibilitychange', onVisible);
+        return () => document.removeEventListener('visibilitychange', onVisible);
+    }, [isGenerating, uploadedFile?.fileId]);
+
+    const value = useMemo(
+        () => ({
+            step,
+            setStep,
+            uploadedFile,
+            setUploadedFile,
+            selectedProducts,
+            setSelectedProducts,
+            prompts,
+            setPrompts,
+            linkedinPrompts,
+            setLinkedinPrompts,
+            includeLinkedin,
+            setIncludeLinkedin,
+            isGenerating,
+            generationComplete,
+            generationRunId,
+            beginGeneration,
+            setIsGenerating,
+            setGenerationComplete,
+            resetWorkflow,
+            contacts,
+            sequences,
+            progress,
+            genPhase,
+            streamComplete,
+            contactCount,
+        }),
+        [
+            step,
+            uploadedFile,
+            selectedProducts,
+            prompts,
+            linkedinPrompts,
+            includeLinkedin,
+            isGenerating,
+            generationComplete,
+            generationRunId,
+            beginGeneration,
+            resetWorkflow,
+            contacts,
+            sequences,
+            progress,
+            genPhase,
+            streamComplete,
+            contactCount,
+        ]
+    );
+
+    return (
+        <GeneratorWorkflowContext.Provider value={value}>{children}</GeneratorWorkflowContext.Provider>
+    );
+}
+
+export function useGeneratorWorkflow() {
+    const ctx = useContext(GeneratorWorkflowContext);
+    if (!ctx) {
+        throw new Error('useGeneratorWorkflow must be used within GeneratorWorkflowProvider');
+    }
+    return ctx;
+}

frontend/src/pages/EmailSequenceGenerator.jsx

@@ -1,6 +1,6 @@
-import React, { useState, useRef } from 'react';
+import React, { useRef, useMemo } from 'react';
 import { Sparkles, ArrowRight, ArrowLeft } from 'lucide-react';
-import { Button } from "@/components/ui/button";
+import { Button } from '@/components/ui/button';
 import { motion, AnimatePresence } from 'framer-motion';
 
 import UploadStep from '@/components/upload/UploadStep';
@@ -9,45 +9,63 @@ import PromptEditor from '@/components/prompts/PromptEditor';
 import SequenceViewer from '@/components/sequences/SequenceViewer';
 import AppShell from '@/components/layout/AppShell';
 import { apiFetch } from '@/lib/api';
+import { useGeneratorWorkflow } from '@/context/GeneratorWorkflowContext';
 
 export default function EmailSequenceGenerator() {
-    const [step, setStep] = useState(1);
-    const [uploadedFile, setUploadedFile] = useState(null);
-    const [selectedProducts, setSelectedProducts] = useState([]);
-    const [prompts, setPrompts] = useState({});
-    const [isGenerating, setIsGenerating] = useState(false);
-    const [generationComplete, setGenerationComplete] = useState(false);
-    const [generationRunId, setGenerationRunId] = useState(0);
+    const {
+        step,
+        setStep,
+        uploadedFile,
+        setUploadedFile,
+        selectedProducts,
+        setSelectedProducts,
+        prompts,
+        setPrompts,
+        linkedinPrompts,
+        setLinkedinPrompts,
+        includeLinkedin,
+        setIncludeLinkedin,
+        isGenerating,
+        generationComplete,
+        beginGeneration,
+        resetWorkflow,
+    } = useGeneratorWorkflow();
+
     const generateButtonRef = useRef(null);
 
     const canProceedToStep2 = uploadedFile && selectedProducts.length > 0;
-    const canProceedToStep3 = Object.keys(prompts).length > 0;
+    const canProceedToStep3 = useMemo(() => {
+        const emailOk = selectedProducts.length > 0 && selectedProducts.every((p) => (prompts[p.name] || '').trim());
+        if (!emailOk) return false;
+        if (!includeLinkedin) return true;
+        return selectedProducts.every((p) => (linkedinPrompts[p.name] || '').trim());
+    }, [selectedProducts, prompts, linkedinPrompts, includeLinkedin]);
 
     const scrollToGenerateButton = () => {
         if (generateButtonRef.current) {
-            generateButtonRef.current.scrollIntoView({ 
-                behavior: 'smooth', 
-                block: 'center' 
+            generateButtonRef.current.scrollIntoView({
+                behavior: 'smooth',
+                block: 'center',
             });
         }
     };
 
     const handleGenerate = async () => {
-        if (!uploadedFile?.fileId || selectedProducts.length === 0 || Object.keys(prompts).length === 0) {
+        if (!uploadedFile?.fileId || !canProceedToStep3) {
             alert('Please complete all steps before generating sequences.');
             return;
         }
 
-        // Save prompts to backend first, then start generation (avoids "No prompts found" race)
         try {
             const res = await apiFetch('/api/save-prompts', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify({
                     file_id: uploadedFile.fileId,
-                    prompts: prompts,
-                    products: selectedProducts.map(p => p.name)
-                })
+                    prompts,
+                    products: selectedProducts.map((p) => p.name),
+                    linkedin_prompts: includeLinkedin ? linkedinPrompts : {},
+                }),
             });
             if (!res.ok) {
                 const err = await res.json().catch(() => ({}));
@@ -59,23 +77,8 @@ export default function EmailSequenceGenerator() {
             return;
         }
 
-        setGenerationRunId((r) => r + 1);
         setStep(3);
-        setIsGenerating(true);
-    };
-
-    const handleGenerationComplete = () => {
-        setIsGenerating(false);
-        setGenerationComplete(true);
-    };
-
-    const handleReset = () => {
-        setStep(1);
-        setUploadedFile(null);
-        setSelectedProducts([]);
-        setPrompts({});
-        setIsGenerating(false);
-        setGenerationComplete(false);
+        beginGeneration(true);
     };
 
     return (
@@ -86,7 +89,7 @@ export default function EmailSequenceGenerator() {
                 step > 1 ? (
                     <Button
                         variant="ghost"
-                        onClick={handleReset}
+                        onClick={resetWorkflow}
                         className="text-slate-500 hover:text-slate-700"
                     >
                         Start Over
@@ -94,191 +97,207 @@ export default function EmailSequenceGenerator() {
                 ) : null
             }
         >
-                {/* Progress Steps */}
-                <div className="mb-10">
-                    <div className="flex items-center justify-center gap-4">
-                        {[
-                            { num: 1, label: 'Upload & Select' },
-                            { num: 2, label: 'Configure Prompts' },
-                            { num: 3, label: 'Generate & Export' }
-                        ].map((s, idx) => (
-                            <React.Fragment key={s.num}>
-                                <div className="flex items-center gap-2">
-                                    <div className={`
+            <div className="mb-10">
+                <div className="flex items-center justify-center gap-4">
+                    {[
+                        { num: 1, label: 'Upload & Select' },
+                        { num: 2, label: 'Configure Prompts' },
+                        { num: 3, label: 'Generate & Export' },
+                    ].map((s, idx) => (
+                        <React.Fragment key={s.num}>
+                            <div className="flex items-center gap-2">
+                                <div
+                                    className={`
                                         h-8 w-8 rounded-full flex items-center justify-center text-sm font-semibold
                                         transition-all duration-300
-                                        ${step >= s.num 
-                                            ? 'bg-violet-600 text-white shadow-lg shadow-violet-200' 
-                                            : 'bg-slate-100 text-slate-400'
+                                        ${
+                                            step >= s.num
+                                                ? 'bg-violet-600 text-white shadow-lg shadow-violet-200'
+                                                : 'bg-slate-100 text-slate-400'
                                         }
-                                    `}>
-                                        {s.num}
-                                    </div>
-                                    <span className={`text-sm font-medium hidden sm:block ${
-                                        step >= s.num ? 'text-slate-800' : 'text-slate-400'
-                                    }`}>
-                                        {s.label}
-                                    </span>
+                                    `}
+                                >
+                                    {s.num}
                                 </div>
-                                {idx < 2 && (
-                                    <div className={`h-0.5 w-12 rounded-full transition-colors duration-300 ${
+                                <span
+                                    className={`text-sm font-medium hidden sm:block ${
+                                        step >= s.num ? 'text-slate-800' : 'text-slate-400'
+                                    }`}
+                                >
+                                    {s.label}
+                                </span>
+                            </div>
+                            {idx < 2 && (
+                                <div
+                                    className={`h-0.5 w-12 rounded-full transition-colors duration-300 ${
                                         step > s.num ? 'bg-violet-600' : 'bg-slate-200'
-                                    }`} />
-                                )}
-                            </React.Fragment>
-                        ))}
-                    </div>
+                                    }`}
+                                />
+                            )}
+                        </React.Fragment>
+                    ))}
                 </div>
+            </div>
 
-                <AnimatePresence mode="wait">
-                    {/* Step 1: Upload & Product Selection */}
-                    {step === 1 && (
-                        <motion.div
-                            key="step1"
-                            initial={{ opacity: 0, x: -20 }}
-                            animate={{ opacity: 1, x: 0 }}
-                            exit={{ opacity: 0, x: 20 }}
-                            transition={{ duration: 0.3 }}
-                            className="space-y-8"
-                        >
-                            <div className="text-center mb-8">
-                                <h2 className="text-2xl font-bold text-slate-800 mb-2">
-                                    Upload Your Contacts
-                                </h2>
-                                <p className="text-slate-500">
-                                    Import your Apollo CSV and select the products for your outreach campaign
-                                </p>
-                            </div>
+            <AnimatePresence mode="wait">
+                {step === 1 && (
+                    <motion.div
+                        key="step1"
+                        initial={{ opacity: 0, x: -20 }}
+                        animate={{ opacity: 1, x: 0 }}
+                        exit={{ opacity: 0, x: 20 }}
+                        transition={{ duration: 0.3 }}
+                        className="space-y-8"
+                    >
+                        <div className="text-center mb-8">
+                            <h2 className="text-2xl font-bold text-slate-800 mb-2">Upload Your Contacts</h2>
+                            <p className="text-slate-500">
+                                Import your Apollo CSV and select the products for your outreach campaign
+                            </p>
+                        </div>
 
-                            <UploadStep
-                                onFileUploaded={setUploadedFile}
-                                uploadedFile={uploadedFile}
-                                onRemoveFile={() => setUploadedFile(null)}
-                            />
+                        <UploadStep
+                            onFileUploaded={setUploadedFile}
+                            uploadedFile={uploadedFile}
+                            onRemoveFile={() => setUploadedFile(null)}
+                        />
 
-                            {uploadedFile && (
-                                <motion.div
-                                    initial={{ opacity: 0, y: 20 }}
-                                    animate={{ opacity: 1, y: 0 }}
-                                    transition={{ delay: 0.2 }}
-                                >
-                                    <ProductSelector
-                                        selectedProducts={selectedProducts}
-                                        onProductsChange={setSelectedProducts}
-                                    />
-                                </motion.div>
-                            )}
+                        {uploadedFile && (
+                            <motion.div
+                                initial={{ opacity: 0, y: 20 }}
+                                animate={{ opacity: 1, y: 0 }}
+                                transition={{ delay: 0.2 }}
+                            >
+                                <ProductSelector
+                                    selectedProducts={selectedProducts}
+                                    onProductsChange={setSelectedProducts}
+                                />
+                            </motion.div>
+                        )}
 
-                            <div className="flex justify-end pt-4">
-                                <Button
-                                    onClick={() => setStep(2)}
-                                    disabled={!canProceedToStep2}
-                                    className="bg-violet-600 hover:bg-violet-700 px-6"
-                                >
-                                    Continue to Prompts
-                                    <ArrowRight className="h-4 w-4 ml-2" />
-                                </Button>
-                            </div>
-                        </motion.div>
-                    )}
+                        <div className="flex justify-end pt-4">
+                            <Button
+                                onClick={() => setStep(2)}
+                                disabled={!canProceedToStep2}
+                                className="bg-violet-600 hover:bg-violet-700 px-6"
+                            >
+                                Continue to Prompts
+                                <ArrowRight className="h-4 w-4 ml-2" />
+                            </Button>
+                        </div>
+                    </motion.div>
+                )}
 
-                    {/* Step 2: Prompt Configuration */}
-                    {step === 2 && (
-                        <motion.div
-                            key="step2"
-                            initial={{ opacity: 0, x: -20 }}
-                            animate={{ opacity: 1, x: 0 }}
-                            exit={{ opacity: 0, x: 20 }}
-                            transition={{ duration: 0.3 }}
-                            className="space-y-8"
-                        >
-                            <div className="text-center mb-8">
-                                <h2 className="text-2xl font-bold text-slate-800 mb-2">
-                                    Customize Your Email Templates
-                                </h2>
-                                <p className="text-slate-500">
-                                    Edit the prompt templates for each product. The AI will personalize these for each contact.
-                                </p>
-                            </div>
+                {step === 2 && (
+                    <motion.div
+                        key="step2"
+                        initial={{ opacity: 0, x: -20 }}
+                        animate={{ opacity: 1, x: 0 }}
+                        exit={{ opacity: 0, x: 20 }}
+                        transition={{ duration: 0.3 }}
+                        className="space-y-8"
+                    >
+                        <div className="text-center mb-8">
+                            <h2 className="text-2xl font-bold text-slate-800 mb-2">
+                                Customize Your Email Templates
+                            </h2>
+                            <p className="text-slate-500">
+                                Edit the prompt templates for each product. The AI will personalize these for each
+                                contact.
+                            </p>
+                        </div>
+
+                        <PromptEditor
+                            selectedProducts={selectedProducts}
+                            prompts={prompts}
+                            onPromptsChange={setPrompts}
+                            onSaveComplete={scrollToGenerateButton}
+                            variant="email"
+                        />
 
-                            <PromptEditor
-                                selectedProducts={selectedProducts}
-                                prompts={prompts}
-                                onPromptsChange={setPrompts}
-                                onSaveComplete={scrollToGenerateButton}
+                        <label className="flex cursor-pointer items-start gap-3 rounded-xl border border-slate-200 bg-white p-4 shadow-sm">
+                            <input
+                                type="checkbox"
+                                className="mt-1 h-4 w-4 rounded border-slate-300 text-violet-600 focus:ring-violet-500"
+                                checked={includeLinkedin}
+                                onChange={(e) => setIncludeLinkedin(e.target.checked)}
                             />
+                            <span>
+                                <span className="font-medium text-slate-800">
+                                    Also generate LinkedIn sequences for the same contacts
+                                </span>
+                                <span className="mt-1 block text-sm text-slate-500">
+                                    Runs after email generation. Configure LinkedIn system prompts below — same edit /
+                                    save flow as email.
+                                </span>
+                            </span>
+                        </label>
 
-                            <div className="flex justify-between pt-4">
-                                <Button
-                                    variant="outline"
-                                    onClick={() => setStep(1)}
-                                    className="px-6"
-                                >
-                                    <ArrowLeft className="h-4 w-4 mr-2" />
-                                    Back
-                                </Button>
-                                <Button
-                                    ref={generateButtonRef}
-                                    onClick={handleGenerate}
-                                    disabled={!canProceedToStep3}
-                                    className="bg-gradient-to-r from-violet-600 to-purple-600 hover:from-violet-700 
-                                               hover:to-purple-700 px-8 shadow-lg shadow-violet-200"
-                                >
-                                    <Sparkles className="h-4 w-4 mr-2" />
-                                    Generate Sequences
-                                </Button>
+                        {includeLinkedin ? (
+                            <div className="space-y-2">
+                                <h3 className="text-lg font-semibold text-slate-800">LinkedIn prompts</h3>
+                                <PromptEditor
+                                    selectedProducts={selectedProducts}
+                                    prompts={linkedinPrompts}
+                                    onPromptsChange={setLinkedinPrompts}
+                                    onSaveComplete={scrollToGenerateButton}
+                                    variant="linkedin"
+                                />
                             </div>
-                        </motion.div>
-                    )}
+                        ) : null}
 
-                    {/* Step 3: Generation & Results */}
-                    {step === 3 && (
-                        <motion.div
-                            key="step3"
-                            initial={{ opacity: 0, x: -20 }}
-                            animate={{ opacity: 1, x: 0 }}
-                            exit={{ opacity: 0, x: 20 }}
-                            transition={{ duration: 0.3 }}
-                            className="space-y-8"
-                        >
-                            <div className="text-center mb-8">
-                                <h2 className="text-2xl font-bold text-slate-800 mb-2">
-                                    {generationComplete ? 'Your Sequences Are Ready!' : 'Generating Personalized Emails'}
-                                </h2>
-                                <p className="text-slate-500">
-                                    {generationComplete 
-                                        ? 'Review your sequences below and download when ready'
-                                        : 'Our AI is crafting personalized emails for each contact'
-                                    }
-                                </p>
-                            </div>
+                        <div className="flex justify-between pt-4">
+                            <Button variant="outline" onClick={() => setStep(1)} className="px-6">
+                                <ArrowLeft className="h-4 w-4 mr-2" />
+                                Back
+                            </Button>
+                            <Button
+                                ref={generateButtonRef}
+                                onClick={handleGenerate}
+                                disabled={!canProceedToStep3}
+                                className="bg-gradient-to-r from-violet-600 to-purple-600 hover:from-violet-700 hover:to-purple-700 px-8 shadow-lg shadow-violet-200"
+                            >
+                                <Sparkles className="h-4 w-4 mr-2" />
+                                Generate Sequences
+                            </Button>
+                        </div>
+                    </motion.div>
+                )}
 
-                            <SequenceViewer
-                                isGenerating={isGenerating}
-                                generationRunId={generationRunId}
-                                contactCount={uploadedFile?.contactCount || 50}
-                                selectedProducts={selectedProducts}
-                                uploadedFile={uploadedFile}
-                                prompts={prompts}
-                                onComplete={handleGenerationComplete}
-                            />
+                {step === 3 && (
+                    <motion.div
+                        key="step3"
+                        initial={{ opacity: 0, x: -20 }}
+                        animate={{ opacity: 1, x: 0 }}
+                        exit={{ opacity: 0, x: 20 }}
+                        transition={{ duration: 0.3 }}
+                        className="space-y-8"
+                    >
+                        <div className="text-center mb-8">
+                            <h2 className="text-2xl font-bold text-slate-800 mb-2">
+                                {generationComplete ? 'Your Sequences Are Ready!' : 'Generating…'}
+                            </h2>
+                            <p className="text-slate-500">
+                                {generationComplete
+                                    ? 'Review your sequences below and download when ready'
+                                    : 'You can navigate to other pages — generation continues in the background.'}
+                            </p>
+                        </div>
+
+                        <SequenceViewer />
+
+                        {!isGenerating && (
+                            <div className="flex justify-start pt-4">
+                                <Button variant="outline" onClick={() => setStep(2)} className="px-6">
+                                    <ArrowLeft className="h-4 w-4 mr-2" />
+                                    Edit Templates
+                                </Button>
+                            </div>
+                        )}
+                    </motion.div>
+                )}
+            </AnimatePresence>
 
-                            {!isGenerating && (
-                                <div className="flex justify-start pt-4">
-                                    <Button
-                                        variant="outline"
-                                        onClick={() => setStep(2)}
-                                        className="px-6"
-                                    >
-                                        <ArrowLeft className="h-4 w-4 mr-2" />
-                                        Edit Templates
-                                    </Button>
-                                </div>
-                            )}
-                        </motion.div>
-                    )}
-                </AnimatePresence>
-            {/* Footer */}
             <footer className="border-t border-slate-100 mt-16">
                 <div className="w-full px-4 sm:px-5 md:px-6 lg:px-8 xl:px-10 2xl:px-12 py-6">
                     <p className="text-center text-sm text-slate-400">
@@ -287,22 +306,11 @@ export default function EmailSequenceGenerator() {
                 </div>
             </footer>
 
-            {/* Custom Scrollbar Styles */}
             <style>{`
-                .custom-scrollbar::-webkit-scrollbar {
-                    width: 6px;
-                }
-                .custom-scrollbar::-webkit-scrollbar-track {
-                    background: #f1f5f9;
-                    border-radius: 3px;
-                }
-                .custom-scrollbar::-webkit-scrollbar-thumb {
-                    background: #cbd5e1;
-                    border-radius: 3px;
-                }
-                .custom-scrollbar::-webkit-scrollbar-thumb:hover {
-                    background: #94a3b8;
-                }
+                .custom-scrollbar::-webkit-scrollbar { width: 6px; }
+                .custom-scrollbar::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 3px; }
+                .custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
+                .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
             `}</style>
         </AppShell>
     );