update

frontend/src/components/campaigns/CampaignSequenceBuilder.jsx

@@ -11,6 +11,13 @@ import {
     X,
 } from 'lucide-react';
 import { cn } from '@/lib/utils';
+import {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from '@/components/ui/select';
 
 function uid() {
     return typeof crypto !== 'undefined' && crypto.randomUUID
@@ -196,13 +203,25 @@ function WaitCard({ step, onRemove, onDaysChange }) {
     );
 }
 
-function ActionCard({ step, onRemove, senderHint, accountHint, emailAccountHint }) {
+function ActionCard({
+    step,
+    onRemove,
+    senderHint,
+    accountHint,
+    emailAccountHint,
+    emailMailboxAccounts,
+    emailMailboxSelectValue,
+    onEmailMailboxChange,
+}) {
     const sender = (senderHint || '').trim();
     const account = (accountHint || '').trim();
     const showSender = sender && (!account || sender !== account);
     const showLiMeta = step.channel === 'linkedin' && (showSender || account);
     const mailbox = (emailAccountHint || '').trim();
     const showEmailMeta = step.channel === 'gmail' && !!mailbox;
+    const mailAccounts = emailMailboxAccounts || [];
+    const showEmailMailboxSelect =
+        step.channel === 'gmail' && mailAccounts.length > 1 && typeof onEmailMailboxChange === 'function';
     return (
         <div className="relative w-full max-w-md">
             <div className="flex w-full items-center gap-3 rounded-xl border border-slate-200 bg-white px-4 py-3 text-left shadow-sm">
@@ -224,7 +243,35 @@ function ActionCard({ step, onRemove, senderHint, accountHint, emailAccountHint
                             {account ? <span>Profile: {account}</span> : null}
                         </p>
                     ) : null}
-                    {showEmailMeta ? (
+                    {showEmailMailboxSelect ? (
+                        <div
+                            className="mt-2 space-y-1"
+                            onClick={(e) => e.stopPropagation()}
+                            onPointerDown={(e) => e.stopPropagation()}
+                        >
+                            <p className="text-[10px] font-medium uppercase tracking-wide text-slate-500">
+                                Mailbox
+                            </p>
+                            <Select
+                                value={String(emailMailboxSelectValue ?? mailAccounts[0]?.id ?? '')}
+                                onValueChange={(v) => onEmailMailboxChange(Number(v))}
+                            >
+                                <SelectTrigger className="h-9 w-full max-w-[240px] border-slate-200 text-xs">
+                                    <SelectValue placeholder="Choose mailbox" />
+                                </SelectTrigger>
+                                <SelectContent>
+                                    {mailAccounts.map((a) => {
+                                        const label = (a.display_name || a.label || 'Mailbox').trim();
+                                        return (
+                                            <SelectItem key={a.id} value={String(a.id)}>
+                                                {label}
+                                            </SelectItem>
+                                        );
+                                    })}
+                                </SelectContent>
+                            </Select>
+                        </div>
+                    ) : showEmailMeta ? (
                         <p className="mt-1 text-[11px] leading-snug text-violet-700">Mailbox: {mailbox}</p>
                     ) : null}
                 </div>
@@ -291,13 +338,30 @@ export default function CampaignSequenceBuilder({ value, onChange, linkedinDefau
                         linkedinDefaults?.default_unipile_account_ref_id ?? null;
                     newStep.sender_profile_name = linkedinDefaults?.linkedin_profile_display_name || '';
                 }
+                if (preset.channel === 'gmail') {
+                    newStep.unipile_account_ref_id =
+                        mailboxDefaults?.default_mailbox_unipile_account_ref_id ?? null;
+                }
             }
             const next = [...steps];
             next.splice(index, 0, newStep);
             setSteps(next);
             closePicker();
         },
-        [steps, setSteps, closePicker, linkedinDefaults]
+        [steps, setSteps, closePicker, linkedinDefaults, mailboxDefaults]
+    );
+
+    const updateStepMailbox = useCallback(
+        (index, refId) => {
+            setSteps((prev) =>
+                prev.map((s, i) =>
+                    i === index && s.type === 'action' && s.channel === 'gmail'
+                        ? { ...s, unipile_account_ref_id: refId }
+                        : s
+                )
+            );
+        },
+        [setSteps]
     );
 
     const removeAt = useCallback(
@@ -367,7 +431,21 @@ export default function CampaignSequenceBuilder({ value, onChange, linkedinDefau
                         />
                     </div>
 
-                    {steps.map((step, index) => (
+                    {steps.map((step, index) => {
+                        const mailAccts = mailboxDefaults?.accounts || [];
+                        const defaultMailRef = mailboxDefaults?.default_mailbox_unipile_account_ref_id ?? null;
+                        const effMailRef =
+                            step.type === 'action' && step.channel === 'gmail'
+                                ? step.unipile_account_ref_id ?? defaultMailRef
+                                : null;
+                        const mailIdSet = new Set(mailAccts.map((a) => Number(a.id)));
+                        const emailSelectValue =
+                            effMailRef != null && mailIdSet.has(Number(effMailRef))
+                                ? Number(effMailRef)
+                                : mailAccts[0]?.id != null
+                                  ? Number(mailAccts[0].id)
+                                  : null;
+                        return (
                         <React.Fragment key={step.id}>
                             {step.type === 'wait' ? (
                                 <WaitCard
@@ -409,6 +487,15 @@ export default function CampaignSequenceBuilder({ value, onChange, linkedinDefau
                                               )
                                             : ''
                                     }
+                                    emailMailboxAccounts={step.channel === 'gmail' ? mailAccts : []}
+                                    emailMailboxSelectValue={
+                                        step.channel === 'gmail' ? emailSelectValue : null
+                                    }
+                                    onEmailMailboxChange={
+                                        step.channel === 'gmail' && mailAccts.length > 1
+                                            ? (id) => updateStepMailbox(index, id)
+                                            : undefined
+                                    }
                                     onRemove={() => removeAt(index)}
                                 />
                             )}
@@ -431,7 +518,8 @@ export default function CampaignSequenceBuilder({ value, onChange, linkedinDefau
                                 />
                             </div>
                         </React.Fragment>
-                    ))}
+                        );
+                    })}
 
                     {/* END */}
                     <div className="mt-1 flex flex-col items-center">

frontend/src/components/campaigns/CreateCampaignWizard.jsx

@@ -54,7 +54,16 @@ function estimateCsvRows(file) {
     });
 }
 
-function buildCampaignSequenceAppendix(steps) {
+function mailboxLabelForAppendixStep(step, mailboxDefaults) {
+    if (step.channel !== 'gmail' || !mailboxDefaults) return '';
+    const ref =
+        step.unipile_account_ref_id ?? mailboxDefaults.default_mailbox_unipile_account_ref_id ?? null;
+    if (ref == null) return '';
+    const a = (mailboxDefaults.accounts || []).find((x) => Number(x.id) === Number(ref));
+    return ((a?.display_name || a?.label || '') || '').trim();
+}
+
+function buildCampaignSequenceAppendix(steps, mailboxDefaults = null) {
     const lines = [
         WIZARD_SEQUENCE_TAG,
         '(AUTHORITATIVE — OVERRIDES ANY FIXED “N EMAILS” OR “N MESSAGES” COUNT IN THIS PROMPT)',
@@ -71,7 +80,10 @@ function buildCampaignSequenceAppendix(steps) {
         if (s.type === 'action') {
             n += 1;
             if (s.channel === 'gmail') {
-                lines.push(`${n}. Gmail — ${s.title || 'Email'}`);
+                const mb = mailboxLabelForAppendixStep(s, mailboxDefaults);
+                lines.push(
+                    `${n}. Gmail — ${s.title || 'Email'}${mb ? ` (sending mailbox: ${mb})` : ''}`
+                );
             } else if (s.channel === 'linkedin') {
                 const kind =
                     s.action === 'linkedin_connect'
@@ -542,9 +554,27 @@ export default function CreateCampaignWizard({
         );
     }, [linkedinDefaults]);
 
+    useEffect(() => {
+        if (!mailboxDefaults) return;
+        const accounts = mailboxDefaults.accounts || [];
+        const fallbackId = accounts[0]?.id != null ? Number(accounts[0].id) : null;
+        setSequenceSteps((prev) =>
+            prev.map((s) => {
+                if (s.type !== 'action' || s.channel !== 'gmail') return s;
+                const ref =
+                    s.unipile_account_ref_id ??
+                    (mailboxDefaults.default_mailbox_unipile_account_ref_id != null
+                        ? Number(mailboxDefaults.default_mailbox_unipile_account_ref_id)
+                        : null) ??
+                    fallbackId;
+                return { ...s, unipile_account_ref_id: ref };
+            })
+        );
+    }, [mailboxDefaults]);
+
     useEffect(() => {
         if (step !== 3 || selectedProducts.length === 0) return;
-        const appendix = buildCampaignSequenceAppendix(sequenceSteps);
+        const appendix = buildCampaignSequenceAppendix(sequenceSteps, mailboxDefaults);
         setPrompts((prev) => {
             const next = { ...prev };
             let changed = false;
@@ -576,7 +606,7 @@ export default function CreateCampaignWizard({
             });
             return changed ? next : prev;
         });
-    }, [step, sequenceSteps, selectedProducts, sequenceHasLinkedin]);
+    }, [step, sequenceSteps, selectedProducts, sequenceHasLinkedin, mailboxDefaults]);
 
     useEffect(() => {
         if (!genRunning || !wizardUpload?.fileId) return;