Fix silent JS errors and enable multi-file attachment selection

app.py

@@ -55,11 +55,14 @@ def setup_campaign():
     sender_password = request.form.get('sender_password')
     subject = request.form.get('subject')
     body = request.form.get('body')
-    email_column = request.form.get('email_column', 'RecipientEmail')
+    email_column = request.form.get('email_column', '').strip()
     contacts_file = request.files.get('contactsFile')
     
     if not contacts_file or contacts_file.filename == '':
         return jsonify({'error': 'Contacts file is required.'}), 400
+        
+    if not email_column:
+        return jsonify({'error': 'Please select an Email Column.'}), 400
     
     # Secure filename and check extension
     allowed_extensions = {'.csv', '.xlsx', '.xls'}
@@ -77,7 +80,7 @@ def setup_campaign():
 
     # Verify SMTP credentials BEFORE starting campaign
     try:
-        server = smtplib.SMTP('smtp.gmail.com', 587)
+        server = smtplib.SMTP('smtp.gmail.com', 587, timeout=15)
         server.starttls()
         server.login(sender_email, sender_password)
         server.quit()
@@ -241,7 +244,7 @@ def _send_single_email(s_name, s_email, s_pass, to_email, subj, text, att_paths)
                     part.add_header('Content-Disposition', f'attachment; filename="{os.path.basename(p)}"')
                     msg.attach(part)
                     
-        server = smtplib.SMTP('smtp.gmail.com', 587)
+        server = smtplib.SMTP('smtp.gmail.com', 587, timeout=15)
         server.starttls()
         server.login(s_email, s_pass)
         server.send_message(msg)

templates/campaign.html

@@ -480,6 +480,8 @@ LinkedIn: {LinkedInURL}`
 
         // Handle both forms dynamically depending on which is visible
         document.querySelectorAll('.campaign-form').forEach(form => {
+            let selectedAttachments = [];
+            
             const fileInput = form.querySelector('.contactsFileInput');
             const fileNameDisp = form.querySelector('.contactFileName');
             if (fileInput && fileNameDisp) {
@@ -543,9 +545,20 @@ LinkedIn: {LinkedInURL}`
             if (attachInput && attachCountDisp) {
                 attachInput.addEventListener('change', e => {
                     if (e.target.files) {
-                        attachCountDisp.textContent = e.target.files.length + " files attached";
+                        for(let i=0; i<e.target.files.length; i++) {
+                            selectedAttachments.push(e.target.files[i]);
+                        }
+                        attachCountDisp.textContent = selectedAttachments.length + " files attached (Tap to reset)";
+                        attachInput.value = ''; // Reset so they can add more
                     }
                 });
+                
+                // Allow resetting attachments by clicking the count
+                attachCountDisp.style.cursor = 'pointer';
+                attachCountDisp.addEventListener('click', () => {
+                    selectedAttachments = [];
+                    attachCountDisp.textContent = "0 files attached";
+                });
             }
 
             form.addEventListener('submit', async (e) => {
@@ -563,6 +576,18 @@ LinkedIn: {LinkedInURL}`
 
                 try {
                     const formData = new FormData(form);
+                    
+                    // Inject accumulated attachments
+                    formData.delete('attachments');
+                    selectedAttachments.forEach(file => {
+                        formData.append('attachments', file);
+                    });
+                    
+                    // Ensure email_column is safely handled
+                    if (!formData.get('email_column')) {
+                        throw new Error("Please select an Email Column after uploading your contacts file.");
+                    }
+
                     const res = await fetch('/api/setup_campaign', {
                         method: 'POST',
                         body: formData
@@ -611,8 +636,14 @@ LinkedIn: {LinkedInURL}`
                                 sendBatch(campaignId);
                             }
                         } catch (err) {
-                            if (progressStatus) progressStatus.textContent = "Network Error while sending.";
-                            if (progressTitle) progressTitle.classList.add("text-red-500");
+                            if (progressStatus) {
+                                progressStatus.textContent = "Network Error while sending: " + err.message;
+                                progressStatus.classList.add("text-red-600");
+                            }
+                            if (progressTitle) {
+                                progressTitle.textContent = "Error Sending!";
+                                progressTitle.classList.replace("text-primary", "text-red-600");
+                            }
                             if (submitBtn) submitBtn.disabled = false;
                             if (btnSpan) btnSpan.textContent = 'Retry Send';
                         }
@@ -621,10 +652,16 @@ LinkedIn: {LinkedInURL}`
                     await sendBatch(data.campaign_id);
 
                 } catch (err) {
-                    alert("Error: " + err.message);
+                    if (progressTitle) {
+                        progressTitle.textContent = "Setup Error";
+                        progressTitle.classList.replace('text-primary', 'text-red-600');
+                    }
+                    if (progressStatus) {
+                        progressStatus.textContent = err.message;
+                        progressStatus.classList.add('text-red-600', 'font-bold');
+                    }
                     if (submitBtn) submitBtn.disabled = false;
-                    if (btnSpan) btnSpan.textContent = 'Send Now';
-                    if (progressContainer) progressContainer.classList.add('hidden-forced');
+                    if (btnSpan) btnSpan.textContent = 'Retry';
                 }
             });
         });