nothumanallowed 13.5.117 → 13.5.119

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.5.117",
+  "version": "13.5.119",
   "description": "NotHumanAllowed — 38 AI agents, 80 tools, Studio (visual agentic workflows). Email, calendar, browser automation, screen capture, canvas, cron/heartbeat, Alexandria E2E messaging, GitHub, Notion, Slack, voice chat, free AI (Liara), 28 languages. Zero-dependency CLI.",
   "type": "module",
   "bin": {

package/src/constants.mjs

@@ -5,7 +5,7 @@ import { fileURLToPath } from 'url';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
-export const VERSION = '13.5.117';
+export const VERSION = '13.5.119';
 export const BASE_URL = 'https://nothumanallowed.com/cli';
 export const API_BASE = 'https://nothumanallowed.com/api/v1';
 

package/src/services/email-db.mjs

@@ -448,8 +448,9 @@ export function insertMessage(data) {
     data.has_attachments ? 1 : 0, data.content_hash || null,
     data.internal_date, data.source || 'imap'
   );
-  // Init read state (unread)
-  db.prepare('INSERT OR IGNORE INTO email_message_state (message_id, is_read, is_starred) VALUES (?, 0, 0)').run(id);
+  // Init read state from IMAP \Seen flag
+  const isRead = data.imap_seen ? 1 : 0;
+  db.prepare('INSERT OR IGNORE INTO email_message_state (message_id, is_read, is_starred) VALUES (?, ?, 0)').run(id, isRead);
   return id;
 }
 

package/src/services/email-imap.mjs

@@ -148,36 +148,51 @@ function stripQuotedReplies(text) {
   return text.split('\n').filter(l => !l.startsWith('>')).join('\n').trim();
 }
 
-export async function syncFolder(accountId, folderPath, fullResync) {
+export async function syncFolder(accountId, folderPath, fullResync, limitMessages = 0) {
   const client = await getImapClient(accountId);
   const db = getDb();
   const folderMeta = getFolder(accountId, folderPath);
+
+  // Open mailbox to get uidValidity BEFORE getMailboxLock
   const lock = await client.getMailboxLock(folderPath);
 
   try {
     const mailbox = client.mailbox;
     const currentUidValidity = Number(mailbox?.uidValidity ?? 0);
+    const totalMessages = Number(mailbox?.exists ?? 0);
     const storedUidValidity = folderMeta?.uid_validity ?? null;
-    const lastUid = (fullResync || storedUidValidity !== currentUidValidity) ? 0 : (folderMeta?.last_uid ?? 0);
+    const isFirstSync = storedUidValidity === null || fullResync;
+    const lastUid = isFirstSync ? 0 : (folderMeta?.last_uid ?? 0);
     const needsResync = fullResync || (storedUidValidity !== null && storedUidValidity !== currentUidValidity);
 
     if (needsResync && folderMeta) {
-      // Clear existing messages for this folder on UID validity change
       db.prepare('DELETE FROM email_message_labels WHERE message_id IN (SELECT id FROM email_messages WHERE account_id = ? AND imap_folder_path = ?)').run(accountId, folderPath);
       db.prepare('DELETE FROM email_messages WHERE account_id = ? AND imap_folder_path = ?').run(accountId, folderPath);
     }
 
     const inboxLabel = getSystemLabel(accountId, 'inbox');
     const sentLabel = getSystemLabel(accountId, 'sent');
-    const blockedLabel = getSystemLabel(accountId, 'spam');
 
     let newLastUid = lastUid;
     let synced = 0;
 
-    const range = lastUid > 0 ? `${lastUid + 1}:*` : '1:*';
+    // On first sync: fetch only the most recent N messages by sequence number
+    // On incremental sync: fetch new UIDs since last known
+    let range;
+    if (isFirstSync && limitMessages > 0 && totalMessages > limitMessages) {
+      const seqStart = totalMessages - limitMessages + 1;
+      range = `${seqStart}:*`;
+    } else if (lastUid > 0) {
+      range = `${lastUid + 1}:*`;
+    } else {
+      range = '1:*';
+    }
 
+    // Phase 1: fetch headers only (fast — no body download)
+    const headerMap = new Map(); // uid → parsed header data
     for await (const msg of client.fetch(range, {
       uid: true, flags: true, envelope: true, internalDate: true, size: true,
+      bodyStructure: true,
     }, { uid: true })) {
       if (msg.uid <= lastUid) continue;
       newLastUid = Math.max(newLastUid, msg.uid);
@@ -186,36 +201,48 @@ export async function syncFolder(accountId, folderPath, fullResync) {
       const fromAddr = env.from?.[0]?.address ?? null;
       const fromName = env.from?.[0]?.name ?? null;
 
-      // Skip blocked senders
-      if (fromAddr && isSenderBlocked(accountId, fromAddr)) {
-        synced++;
-        continue;
-      }
-
-      // Check if already synced
+      if (fromAddr && isSenderBlocked(accountId, fromAddr)) { synced++; continue; }
       if (messageExists(accountId, folderPath, msg.uid)) { synced++; continue; }
 
-      // Fetch full body for this message
+      headerMap.set(msg.uid, {
+        env, fromAddr, fromName,
+        internalDate: (msg.internalDate || new Date()).toISOString(),
+        size: msg.size || 0,
+        flags: msg.flags,
+        bodyStructure: msg.bodyStructure,
+      });
+    }
+
+    // Phase 2: for each new message, fetch body (individually, with error isolation)
+    const uidsToFetch = [...headerMap.keys()];
+    for (const uid of uidsToFetch) {
+      const hdr = headerMap.get(uid);
+      const env = hdr.env;
+      const fromAddr = hdr.fromAddr;
+      const fromName = hdr.fromName;
+
       let bodyText = null, bodyHtml = null, bodyPreview = '', attachments = [];
       let inReplyTo = null, references = [], msgId = null;
 
       try {
-        const dl = await client.download(String(msg.uid), undefined, { uid: true });
+        const dl = await client.download(String(uid), undefined, { uid: true });
         if (dl) {
           const chunks = [];
           let totalSize = 0;
           for await (const chunk of dl.content) {
             totalSize += chunk.length;
-            if (totalSize > 25 * 1024 * 1024) break; // 25MB cap
+            if (totalSize > 10 * 1024 * 1024) break; // 10MB cap per message
             chunks.push(Buffer.isBuffer(chunk) ? chunk : Buffer.from(chunk));
           }
           const raw = Buffer.concat(chunks);
-          const parsed = await simpleParser(raw);
+          const parsed = await simpleParser(raw, { skipHtmlToText: false });
           msgId = parsed.messageId || null;
-          inReplyTo = typeof parsed.inReplyTo === 'string' ? parsed.inReplyTo : (Array.isArray(parsed.inReplyTo) ? parsed.inReplyTo[0] : null);
-          references = Array.isArray(parsed.references) ? parsed.references.slice(0, 20) : (parsed.references ? [parsed.references] : []);
-          bodyText = parsed.text?.replace(/\x00/g, '') || null;
-          bodyHtml = parsed.html?.replace(/\x00/g, '') || null;
+          inReplyTo = typeof parsed.inReplyTo === 'string' ? parsed.inReplyTo
+            : (Array.isArray(parsed.inReplyTo) ? parsed.inReplyTo[0] : null);
+          references = Array.isArray(parsed.references) ? parsed.references.slice(0, 20)
+            : (parsed.references ? [parsed.references] : []);
+          bodyText = (typeof parsed.text === 'string' ? parsed.text : null)?.replace(/\x00/g, '') || null;
+          bodyHtml = (typeof parsed.html === 'string' ? parsed.html : null)?.replace(/\x00/g, '') || null;
           bodyPreview = (bodyText || '').replace(/\s+/g, ' ').trim().slice(0, 255);
 
           if (parsed.attachments) {
@@ -226,30 +253,31 @@ export async function syncFolder(accountId, folderPath, fullResync) {
                 size_bytes: att.size || 0,
                 part_id: att.partId || '',
                 content_id: att.contentId || null,
-                content: att.size < 5 * 1024 * 1024 ? att.content : null,
+                content: (att.size || 0) < 5 * 1024 * 1024 ? att.content : null,
               });
             }
           }
         }
       } catch (err) {
-        console.warn(`[email:imap] Failed to fetch body uid=${msg.uid}:`, err.message);
+        console.warn(`[email:imap] Failed to fetch body uid=${uid}:`, err.message);
+        // Continue with headers-only for this message
       }
 
       const toAddresses = (env.to || []).map(a => ({ address: a.address, name: a.name }));
       const ccAddresses = (env.cc || []).map(a => ({ address: a.address, name: a.name }));
       const bccAddresses = (env.bcc || []).map(a => ({ address: a.address, name: a.name }));
       const subject = env.subject || '';
-      const internalDate = (msg.internalDate || new Date()).toISOString();
-      const tid = threadId(msgId, inReplyTo, references, fromAddr, internalDate, subject);
-      const hash = contentHash(msgId || '', fromAddr || '', internalDate);
+      const tid = threadId(msgId, inReplyTo, references, fromAddr, hdr.internalDate, subject);
+      const hash = contentHash(msgId || '', fromAddr || '', hdr.internalDate);
 
-      const folderRec = upsertFolder(accountId, folderPath, folderPath, folderMeta?.folder_type || 'custom', currentUidValidity, newLastUid);
+      const folderRec = upsertFolder(accountId, folderPath, folderPath,
+        folderMeta?.folder_type || 'custom', currentUidValidity, newLastUid);
 
       const msgDbId = insertMessage({
         account_id: accountId,
         folder_id: folderRec,
         imap_folder_path: folderPath,
-        uid: msg.uid,
+        uid,
         message_id: msgId,
         in_reply_to: inReplyTo,
         references_list: references,
@@ -264,42 +292,42 @@ export async function syncFolder(accountId, folderPath, fullResync) {
         body_html: bodyHtml,
         body_preview: bodyPreview,
         body_reply_only: stripQuotedReplies(bodyText),
-        size_bytes: msg.size || 0,
+        size_bytes: hdr.size,
         has_attachments: attachments.length > 0,
         content_hash: hash,
-        internal_date: internalDate,
+        internal_date: hdr.internalDate,
+        imap_seen: hdr.flags?.has('\\Seen') ?? false,
         source: 'imap',
       });
 
       if (attachments.length > 0) insertAttachments(msgDbId, attachments);
 
-      // Apply archiving rules (first match wins, removes from inbox)
       const archived = applyArchivingRules(accountId, msgDbId, fromAddr, subject);
       if (!archived) {
-        // Assign label based on folder type
-        const isSent = folderPath.toLowerCase().includes('sent') || folderPath.toLowerCase().includes('inviati');
-        const targetLabel = isSent ? sentLabel : inboxLabel;
+        const isSentFolder = folderPath.toLowerCase().includes('sent') || folderPath.toLowerCase().includes('inviati');
+        const targetLabel = isSentFolder ? sentLabel : inboxLabel;
         if (targetLabel) addMessageToLabel(msgDbId, targetLabel.id);
       }
 
       synced++;
     }
 
-    // Update folder sync state
-    upsertFolder(accountId, folderPath,
-      folderPath, folderMeta?.folder_type || 'custom',
-      currentUidValidity, newLastUid);
+    upsertFolder(accountId, folderPath, folderPath,
+      folderMeta?.folder_type || 'custom', currentUidValidity, newLastUid);
 
-    return { synced, lastUid: newLastUid };
+    updateLabelCounts(accountId);
+    return { synced, lastUid: newLastUid, total: totalMessages };
   } finally {
     lock.release();
   }
 }
 
-export async function syncAccount(accountId) {
+// First sync: cap to last 200 messages per folder to avoid blocking for minutes
+const FIRST_SYNC_LIMIT = 200;
+
+export async function syncAccount(accountId, opts = {}) {
   setSyncStatus(accountId, 'syncing', null);
   try {
-    // List folders from IMAP and sync INBOX + Sent
     const folders = await listImapFolders(accountId);
     const priority = ['inbox', 'sent'];
     const toSync = [
@@ -310,8 +338,10 @@ export async function syncAccount(accountId) {
     let totalSynced = 0;
     for (const f of toSync) {
       try {
-        const result = await syncFolder(accountId, f.path, false);
+        const limit = opts.full ? 0 : FIRST_SYNC_LIMIT;
+        const result = await syncFolder(accountId, f.path, false, limit);
         totalSynced += result.synced;
+        console.log(`[email:sync] ${f.path}: ${result.synced} new messages (total on server: ${result.total})`);
       } catch (err) {
         console.warn(`[email:imap] Sync folder ${f.path} failed:`, err.message);
       }

package/src/services/web-ui.mjs

@@ -1463,18 +1463,83 @@ function emailRenderReadingPane(pane, m) {
   pane.innerHTML = '<div style="display:flex;flex-direction:column;height:100%">' + h + '</div>';
 }
 
+var EMAIL_TEMPLATES = [
+  {
+    id: 'promo_product',
+    name: 'Promozione prodotto',
+    subject: 'Scopri la nostra offerta su [PRODOTTO]',
+    html: '<table width="100%" cellpadding="0" cellspacing="0" style="max-width:600px;margin:0 auto;font-family:Arial,sans-serif"><tr><td style="background:#1a1a2e;padding:32px 40px;text-align:center"><h1 style="color:#00ff9d;margin:0;font-size:26px;letter-spacing:-0.5px">[AZIENDA]</h1></td></tr><tr><td style="padding:40px;background:#ffffff"><h2 style="color:#1a1a2e;font-size:22px;margin:0 0 16px">[TITOLO OFFERTA]</h2><p style="color:#444;font-size:15px;line-height:1.7;margin:0 0 24px">[DESCRIZIONE PRODOTTO/SERVIZIO]</p><p style="color:#444;font-size:15px;line-height:1.7;margin:0 0 32px">[DETTAGLIO BENEFICI O SPECIFICHE]</p><table cellpadding="0" cellspacing="0"><tr><td style="background:#00ff9d;border-radius:6px;padding:14px 32px"><a href="[LINK_CTA]" style="color:#1a1a2e;font-weight:700;font-size:15px;text-decoration:none">[TESTO CTA]</a></td></tr></table></td></tr><tr><td style="padding:24px 40px;background:#f5f5f5;text-align:center"><p style="color:#888;font-size:12px;margin:0">[AZIENDA] &bull; [INDIRIZZO] &bull; <a href="mailto:[EMAIL]" style="color:#888">[EMAIL]</a></p><p style="color:#bbb;font-size:11px;margin:8px 0 0"><a href="[UNSUBSCRIBE_LINK]" style="color:#bbb">Disiscriviti</a></p></td></tr></table>',
+  },
+  {
+    id: 'newsletter',
+    name: 'Newsletter mensile',
+    subject: '[AZIENDA] Newsletter — [MESE] [ANNO]',
+    html: '<table width="100%" cellpadding="0" cellspacing="0" style="max-width:600px;margin:0 auto;font-family:Arial,sans-serif"><tr><td style="background:#0f0f1a;padding:28px 40px;border-bottom:3px solid #00ff9d"><h1 style="color:#ffffff;margin:0;font-size:22px">[AZIENDA]</h1><p style="color:#00ff9d;margin:6px 0 0;font-size:13px">Newsletter [MESE] [ANNO]</p></td></tr><tr><td style="padding:36px 40px;background:#ffffff"><h2 style="color:#1a1a2e;font-size:20px;margin:0 0 12px">[TITOLO PRINCIPALE]</h2><p style="color:#555;font-size:14px;line-height:1.8;margin:0 0 28px">[TESTO PRINCIPALE — racconta la novità principale del mese]</p><hr style="border:none;border-top:1px solid #eee;margin:0 0 28px"><h3 style="color:#1a1a2e;font-size:16px;margin:0 0 10px">[TITOLO SEZIONE 2]</h3><p style="color:#555;font-size:14px;line-height:1.8;margin:0 0 28px">[TESTO SEZIONE 2]</p><hr style="border:none;border-top:1px solid #eee;margin:0 0 28px"><h3 style="color:#1a1a2e;font-size:16px;margin:0 0 10px">[TITOLO SEZIONE 3]</h3><p style="color:#555;font-size:14px;line-height:1.8;margin:0 0 28px">[TESTO SEZIONE 3]</p><table cellpadding="0" cellspacing="0"><tr><td style="background:#1a1a2e;border-radius:6px;padding:12px 28px"><a href="[LINK]" style="color:#00ff9d;font-weight:700;font-size:14px;text-decoration:none">Leggi di più &rarr;</a></td></tr></table></td></tr><tr><td style="padding:20px 40px;background:#f9f9f9;text-align:center"><p style="color:#999;font-size:12px;margin:0">&copy; [ANNO] [AZIENDA] &bull; <a href="[UNSUBSCRIBE_LINK]" style="color:#999">Disiscriviti</a></p></td></tr></table>',
+  },
+  {
+    id: 'follow_up',
+    name: 'Follow-up commerciale',
+    subject: 'Seguito alla nostra conversazione — [ARGOMENTO]',
+    html: '<table width="100%" cellpadding="0" cellspacing="0" style="max-width:580px;margin:0 auto;font-family:Arial,sans-serif"><tr><td style="padding:40px"><p style="color:#333;font-size:15px;line-height:1.7;margin:0 0 16px">Gentile [NOME],</p><p style="color:#333;font-size:15px;line-height:1.7;margin:0 0 16px">la contatto in seguito a [CONTESTO: fiera / chiamata / incontro del GIORNO].</p><p style="color:#333;font-size:15px;line-height:1.7;margin:0 0 16px">[CORPO PRINCIPALE: riassumi la proposta, il valore offerto, eventuali prossimi passi]</p><p style="color:#333;font-size:15px;line-height:1.7;margin:0 0 32px">[CHIUSURA: proposta di call / richiesta feedback / disponibilit&agrave; a incontro]</p><p style="color:#333;font-size:15px;line-height:1.7;margin:0 0 4px">Cordiali saluti,</p><p style="color:#1a1a2e;font-size:15px;font-weight:700;margin:0">[NOME MITTENTE]</p><p style="color:#888;font-size:13px;margin:4px 0 0">[RUOLO] &bull; [AZIENDA] &bull; [TELEFONO]</p></td></tr></table>',
+  },
+  {
+    id: 'offerta',
+    name: 'Invio offerta / preventivo',
+    subject: 'Offerta [NUMERO] — [OGGETTO FORNITURA]',
+    html: '<table width="100%" cellpadding="0" cellspacing="0" style="max-width:600px;margin:0 auto;font-family:Arial,sans-serif"><tr><td style="background:#1a1a2e;padding:24px 40px"><h1 style="color:#00ff9d;margin:0;font-size:20px">[AZIENDA]</h1><p style="color:#aaa;margin:4px 0 0;font-size:12px">Offerta n. [NUMERO] del [DATA]</p></td></tr><tr><td style="padding:36px 40px;background:#ffffff"><p style="color:#333;font-size:15px;line-height:1.7;margin:0 0 16px">Gentile [NOME],</p><p style="color:#333;font-size:15px;line-height:1.7;margin:0 0 24px">in risposta alla Vostra richiesta, siamo lieti di sottoporre la seguente offerta:</p><table width="100%" cellpadding="10" cellspacing="0" style="border-collapse:collapse;margin-bottom:24px"><tr style="background:#f0f0f0"><th style="text-align:left;font-size:13px;color:#333;border-bottom:2px solid #ddd">Descrizione</th><th style="text-align:right;font-size:13px;color:#333;border-bottom:2px solid #ddd">Qt&agrave;</th><th style="text-align:right;font-size:13px;color:#333;border-bottom:2px solid #ddd">Prezzo unit.</th><th style="text-align:right;font-size:13px;color:#333;border-bottom:2px solid #ddd">Totale</th></tr><tr><td style="font-size:13px;color:#444;border-bottom:1px solid #eee">[ARTICOLO 1]</td><td style="text-align:right;font-size:13px;color:#444;border-bottom:1px solid #eee">[QT]</td><td style="text-align:right;font-size:13px;color:#444;border-bottom:1px solid #eee">&euro; [PREZZO]</td><td style="text-align:right;font-size:13px;color:#444;border-bottom:1px solid #eee">&euro; [TOT]</td></tr><tr><td style="font-size:13px;color:#444;border-bottom:1px solid #eee">[ARTICOLO 2]</td><td style="text-align:right;font-size:13px;color:#444;border-bottom:1px solid #eee">[QT]</td><td style="text-align:right;font-size:13px;color:#444;border-bottom:1px solid #eee">&euro; [PREZZO]</td><td style="text-align:right;font-size:13px;color:#444;border-bottom:1px solid #eee">&euro; [TOT]</td></tr><tr style="background:#f9f9f9"><td colspan="3" style="text-align:right;font-weight:700;font-size:14px;color:#1a1a2e;padding-top:12px">Totale IVA esclusa</td><td style="text-align:right;font-weight:700;font-size:14px;color:#1a1a2e;padding-top:12px">&euro; [TOTALE]</td></tr></table><p style="color:#555;font-size:13px;line-height:1.7;margin:0 0 8px"><strong>Condizioni di pagamento:</strong> [PAGAMENTO]</p><p style="color:#555;font-size:13px;line-height:1.7;margin:0 0 8px"><strong>Tempi di consegna:</strong> [CONSEGNA]</p><p style="color:#555;font-size:13px;line-height:1.7;margin:0 0 24px"><strong>Validit&agrave; offerta:</strong> [VALIDITA]</p><p style="color:#333;font-size:14px;line-height:1.7;margin:0 0 4px">Resto a disposizione per qualsiasi chiarimento.</p><p style="color:#333;font-size:14px;line-height:1.7;margin:0 0 4px">Cordiali saluti,</p><p style="color:#1a1a2e;font-size:14px;font-weight:700;margin:0">[NOME MITTENTE]</p><p style="color:#888;font-size:12px;margin:4px 0 0">[AZIENDA] &bull; [EMAIL] &bull; [TELEFONO]</p></td></tr></table>',
+  },
+  {
+    id: 'evento',
+    name: 'Invito evento / webinar',
+    subject: 'Sei invitato: [NOME EVENTO] — [DATA]',
+    html: '<table width="100%" cellpadding="0" cellspacing="0" style="max-width:600px;margin:0 auto;font-family:Arial,sans-serif"><tr><td style="background:linear-gradient(135deg,#0f0f1a,#1a2a1a);padding:48px 40px;text-align:center"><h1 style="color:#00ff9d;margin:0 0 8px;font-size:28px;letter-spacing:-0.5px">[NOME EVENTO]</h1><p style="color:#aaffcc;margin:0;font-size:16px">[DATA] &bull; [ORA] &bull; [LUOGO / Online]</p></td></tr><tr><td style="padding:40px;background:#ffffff;text-align:center"><p style="color:#444;font-size:15px;line-height:1.8;max-width:460px;margin:0 auto 28px">[DESCRIZIONE EVENTO: di cosa si tratta, a chi &egrave; rivolto, perch&eacute; non perderselo]</p><p style="color:#555;font-size:14px;line-height:1.8;max-width:460px;margin:0 auto 32px">[AGENDA O PUNTI CHIAVE]</p><table cellpadding="0" cellspacing="0" style="margin:0 auto 32px"><tr><td style="background:#00ff9d;border-radius:8px;padding:14px 40px"><a href="[LINK_REGISTRAZIONE]" style="color:#0f0f1a;font-weight:700;font-size:15px;text-decoration:none">Registrati ora &rarr;</a></td></tr></table><p style="color:#999;font-size:12px;margin:0">Posti limitati &bull; Registrazione gratuita</p></td></tr><tr><td style="padding:20px 40px;background:#f5f5f5;text-align:center"><p style="color:#bbb;font-size:11px;margin:0">[AZIENDA] &bull; <a href="[UNSUBSCRIBE_LINK]" style="color:#bbb">Disiscriviti</a></p></td></tr></table>',
+  },
+  {
+    id: 'ringraziamento',
+    name: 'Ringraziamento cliente',
+    subject: 'Grazie per la fiducia, [NOME]',
+    html: '<table width="100%" cellpadding="0" cellspacing="0" style="max-width:580px;margin:0 auto;font-family:Arial,sans-serif"><tr><td style="background:#0f0f1a;padding:32px 40px;text-align:center"><p style="color:#00ff9d;font-size:36px;margin:0">&#128591;</p><h1 style="color:#ffffff;font-size:22px;margin:8px 0 0">Grazie, [NOME]!</h1></td></tr><tr><td style="padding:40px;background:#ffffff"><p style="color:#333;font-size:15px;line-height:1.8;margin:0 0 16px">Volevamo ringraziarti personalmente per [MOTIVO: il tuo acquisto / la tua fiducia / anni di collaborazione].</p><p style="color:#333;font-size:15px;line-height:1.8;margin:0 0 16px">[MESSAGGIO PERSONALE: cosa significa per noi, cosa ci impegniamo a fare, cosa offriamo come segno di riconoscimento]</p><p style="color:#333;font-size:15px;line-height:1.8;margin:0 0 32px">[CHIUSURA: invito a restare in contatto, disponibilit&agrave;]</p><p style="color:#333;font-size:15px;margin:0 0 4px">Con stima,</p><p style="color:#1a1a2e;font-size:15px;font-weight:700;margin:0">[NOME MITTENTE]</p><p style="color:#888;font-size:13px;margin:4px 0 0">[RUOLO] &bull; [AZIENDA]</p></td></tr></table>',
+  },
+];
+
+function emailLoadTemplate(idx) {
+  var t = EMAIL_TEMPLATES[idx];
+  if (!t) return;
+  var subj = document.getElementById('compSubject');
+  if (subj && !subj.value) subj.value = t.subject;
+  if (emailState.quillEditor) {
+    emailState.quillEditor.clipboard.dangerouslyPasteHTML(t.html);
+  }
+  var dd = document.getElementById('compTemplateDrop');
+  if (dd) dd.style.display = 'none';
+}
+
+function emailToggleTemplates() {
+  var dd = document.getElementById('compTemplateDrop');
+  if (!dd) return;
+  dd.style.display = dd.style.display === 'none' ? 'block' : 'none';
+}
+
 function emailOpenCompose(opts) {
   var pane = document.getElementById('emailPane');
   if (!pane) return;
   opts = opts || {};
 
-  var h = '<div style="display:flex;flex-direction:column;height:100%;padding:14px;gap:10px">';
+  var h = '<div style="display:flex;flex-direction:column;height:100%;padding:14px;gap:8px">';
   h += '<div style="font-size:13px;font-weight:700;color:var(--bright);border-bottom:1px solid var(--border);padding-bottom:8px">Compose</div>';
   h += '<input id="compTo" type="text" placeholder="To" value="' + esc(opts.to || '') + '" style="padding:7px 10px;font-size:12px;background:var(--bg);color:var(--fg);border:1px solid var(--border2);border-radius:5px">';
   h += '<input id="compCc" type="text" placeholder="Cc" style="padding:7px 10px;font-size:12px;background:var(--bg);color:var(--fg);border:1px solid var(--border2);border-radius:5px">';
   h += '<input id="compSubject" type="text" placeholder="Subject" value="' + esc(opts.subject || '') + '" style="padding:7px 10px;font-size:12px;background:var(--bg);color:var(--fg);border:1px solid var(--border2);border-radius:5px">';
   h += '<input type="hidden" id="compInReplyTo" value="' + esc(opts.inReplyTo || '') + '">';
   h += '<input type="hidden" id="compReplyToId" value="' + esc(opts.replyTo || '') + '">';
+  // Template picker
+  h += '<div style="position:relative">';
+  h += '<button onclick="emailToggleTemplates()" style="padding:5px 12px;font-size:11px;background:var(--bg);color:var(--cyan);border:1px solid var(--cyan);border-radius:5px;cursor:pointer">&#128196; Template marketing</button>';
+  h += '<div id="compTemplateDrop" style="display:none;position:absolute;top:100%;left:0;z-index:200;background:var(--bg2);border:1px solid var(--border);border-radius:6px;min-width:240px;padding:4px 0;margin-top:4px;box-shadow:0 4px 16px rgba(0,0,0,0.3)">';
+  for (var ti = 0; ti < EMAIL_TEMPLATES.length; ti++) {
+    h += '<div class="tpl-item" onclick="emailLoadTemplate(' + ti + ')" style="padding:9px 16px;font-size:12px;cursor:pointer;color:var(--fg);border-bottom:1px solid var(--border)"><strong>' + esc(EMAIL_TEMPLATES[ti].name) + '</strong><div style="font-size:10px;color:var(--dim);margin-top:2px">' + esc(EMAIL_TEMPLATES[ti].subject.slice(0, 50)) + '</div></div>';
+  }
+  h += '</div></div>';
   // Quill editor container
   h += '<div id="quillContainer" style="flex:1;min-height:200px;background:#fff;border-radius:5px;overflow:auto"></div>';
   // Toolbar