nothumanallowed 13.5.118 → 13.5.120

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.5.118",
+  "version": "13.5.120",
   "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/commands/ui.mjs

@@ -873,6 +873,30 @@ export async function cmdUI(args) {
         logRequest(method, pathname, 200, Date.now() - start); return;
       }
 
+      // GET /api/imap/unread-count — total unread across all active IMAP accounts
+      if (method === 'GET' && pathname === '/api/imap/unread-count') {
+        try {
+          const { listAccounts, getDb } = await import('../services/email-db.mjs');
+          const accounts = listAccounts();
+          const db = getDb();
+          let total = 0;
+          for (const acc of accounts) {
+            const row = db.prepare(`
+              SELECT COUNT(*) as n FROM email_messages m
+              JOIN email_message_labels eml ON eml.message_id = m.id
+              JOIN email_labels l ON l.id = eml.label_id
+              LEFT JOIN email_message_state s ON s.message_id = m.id
+              WHERE m.account_id = ? AND l.system_type = 'inbox'
+                AND COALESCE(s.is_read, 0) = 0
+                AND m.permanently_deleted = 0
+            `).get(acc.id);
+            total += row?.n || 0;
+          }
+          sendJSON(res, 200, { unread: total });
+        } catch (e) { sendJSON(res, 500, { error: e.message }); }
+        logRequest(method, pathname, 200, Date.now() - start); return;
+      }
+
       // POST /api/imap/mark-read
       if (method === 'POST' && pathname === '/api/imap/mark-read') {
         try {

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.118';
+export const VERSION = '13.5.120';
 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

@@ -296,6 +296,7 @@ export async function syncFolder(accountId, folderPath, fullResync, limitMessage
         has_attachments: attachments.length > 0,
         content_hash: hash,
         internal_date: hdr.internalDate,
+        imap_seen: hdr.flags?.has('\\Seen') ?? false,
         source: 'imap',
       });
 

package/src/services/web-ui.mjs

@@ -295,11 +295,27 @@ function loadDash(){
 }
 function loadAgents(){return apiGet('/api/agents').then(function(r){agentsList=(r&&r.agents)||[]})}
 function updateBadges(){
-  var eb=document.getElementById('emailBadge'),tb=document.getElementById('taskBadge'),cb=document.getElementById('calBadge');
-  var ue=dash.emails.filter(function(e){return e.isUnread}).length,ut=dash.tasks.filter(function(t){return t.status!=='done'}).length,uc=dash.events.length;
-  if(eb){eb.textContent=ue;eb.style.display=ue>0?'':'none'}
+  var tb=document.getElementById('taskBadge'),cb=document.getElementById('calBadge');
+  var ut=dash.tasks.filter(function(t){return t.status!=='done'}).length,uc=dash.events.length;
   if(tb){tb.textContent=ut;tb.style.display=ut>0?'':'none'}
   if(cb){cb.textContent=uc;cb.style.display=uc>0?'':'none'}
+  updateEmailBadge();
+}
+function updateEmailBadge(){
+  var eb=document.getElementById('emailBadge');
+  if(!eb)return;
+  // Try IMAP unread first; fall back to Google dash count
+  apiGet('/api/imap/unread-count').then(function(r){
+    var imapUnread=r.unread||0;
+    var googleUnread=dash.emails?dash.emails.filter(function(e){return e.isUnread}).length:0;
+    var total=imapUnread+googleUnread;
+    eb.textContent=total;
+    eb.style.display=total>0?'':'none';
+  }).catch(function(){
+    var ue=dash.emails?dash.emails.filter(function(e){return e.isUnread}).length:0;
+    eb.textContent=ue;
+    eb.style.display=ue>0?'':'none';
+  });
 }
 
 // ---- HELPERS ----
@@ -1397,7 +1413,7 @@ function emailOpenMessage(id) {
       emailRenderReadingPane(pane, r.message);
       // Update read state in local list
       var msg = emailState.messages.find(function(m) { return m.id === id; });
-      if (msg) msg.is_read = true;
+      if (msg && !msg.is_read) { msg.is_read = true; updateEmailBadge(); }
       emailRenderMessageList();
     }).catch(function(e) {
       pane.innerHTML = '<div style="padding:20px;color:var(--red);font-size:12px">' + esc(e.message) + '</div>';
@@ -1463,18 +1479,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
@@ -1624,7 +1705,8 @@ function emailSyncCurrent() {
   if (!emailState.accountId || emailState.accountType !== 'imap') return;
   apiPost('/api/imap/sync', { accountId: emailState.accountId }).then(function() {
     showToast('success', 'Sync', 'Sync started — messages will appear shortly');
-    setTimeout(function() { emailLoadMessages(); }, 5000);
+    setTimeout(function() { emailLoadMessages(); updateEmailBadge(); }, 5000);
+    setTimeout(function() { emailLoadMessages(); updateEmailBadge(); }, 15000);
   });
 }