@agenticmail/api 0.9.22 → 0.9.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agenticmail/api",
-  "version": "0.9.22",
+  "version": "0.9.24",
   "description": "REST API server for AgenticMail — email and SMS endpoints for AI agents",
   "type": "module",
   "main": "dist/index.js",

package/public/js/compose.js

@@ -85,8 +85,23 @@ export function openReply(replyAll) {
   document.getElementById('compose-wake').value = '';
   document.getElementById('compose-subject').value =
     (msg.subject ?? '').startsWith('Re:') ? msg.subject : `Re: ${msg.subject ?? ''}`;
+  // Quote header — extend the standard "On <date>, <addr> wrote:"
+  // line with To: / Cc: lines pulled from the original message so
+  // the recipient of THIS reply can see who was on the previous
+  // round of the thread. The renderer in message-view.js parses
+  // these optional lines and surfaces them in the thread-quote
+  // header alongside the sender name.
+  const fmtAddrList = (arr) => (arr || [])
+    .map(a => (typeof a === 'string' ? a : (a?.address ?? '')))
+    .filter(Boolean)
+    .join(', ');
+  const origTo = fmtAddrList(msg.to);
+  const origCc = fmtAddrList(msg.cc);
+  const headerLines = [`On ${msg.date}, ${fromAddr} wrote:`];
+  if (origTo) headerLines.push(`To: ${origTo}`);
+  if (origCc) headerLines.push(`Cc: ${origCc}`);
   const quoted = (msg.text ?? '').split('\n').map(l => `> ${l}`).join('\n');
-  const stub = `\n\nOn ${msg.date}, ${fromAddr} wrote:\n${quoted}`;
+  const stub = `\n\n${headerLines.join('\n')}\n${quoted}`;
   document.getElementById('compose-body').value = stub;
   pendingAttachments = [];
   renderAttachmentChips();

package/public/js/message-view.js

@@ -171,7 +171,7 @@ function renderMessage(msg) {
         <div class="message-date">${escapeHtml(formatDateFull(msg.date))}</div>
       </div>
     </div>
-    <div class="message-body">${renderBodyWithThreading(bodyText)}</div>
+    <div class="message-body">${renderBodyWithThreading(bodyText, buildAudienceLookup())}</div>
     ${attachmentsHtml}
   `;
 
@@ -222,7 +222,76 @@ function formatBytes(bytes) {
  *
  * Non-matching prose flows through untouched via `renderMarkdown`.
  */
-function renderBodyWithThreading(src) {
+/**
+ * Build a lookup map from "sender + date" to {to, cc, bcc} so the
+ * thread-quote renderer can backfill audience info on quotes that
+ * pre-date the 0.9.32 reply-builder change (those quotes only have
+ * `On <date>, <addr> wrote:` — no `To:`/`Cc:` follow-up lines).
+ *
+ * Source of truth: `state.messages` — the inbox list view the
+ * operator is currently looking at. Every entry in that list has
+ * `from`, `to`, `cc`, `date`. We hash by lowercase sender address +
+ * date and dedupe via the messageId.
+ *
+ * Returns a function: `(senderAddr, dateStr) → {to, cc, bcc} | null`.
+ * Date matching is fuzzy: we accept any sibling whose date.getTime()
+ * is within 2 seconds of the parsed quote date, since the quote
+ * header serialises the date with second precision and stripped
+ * timezone info.
+ */
+function buildAudienceLookup() {
+  // Defensive: state.messages may be empty if the operator navigated
+  // straight to /#/m/N. Lookup degrades to "no match" — the renderer
+  // falls back to sender-only.
+  const list = Array.isArray(state.messages) ? state.messages : [];
+  if (list.length === 0) return () => null;
+  // Flatten to a normalised array we can scan. Each entry carries
+  // the same shape the renderer expects.
+  const entries = list.map(m => {
+    const fromAddr = (m.from?.[0]?.address ?? '').toLowerCase();
+    const fmtAddrs = (arr) => (Array.isArray(arr) ? arr : [])
+      .map((a) => (typeof a === 'string' ? a : (a?.address ?? '')))
+      .filter(Boolean)
+      .join(', ');
+    return {
+      from: fromAddr,
+      timeMs: m.date ? new Date(m.date).getTime() : NaN,
+      to: fmtAddrs(m.to),
+      cc: fmtAddrs(m.cc),
+      bcc: fmtAddrs(m.bcc),
+    };
+  }).filter(e => e.from && Number.isFinite(e.timeMs));
+  return (senderAddr, dateStr) => {
+    if (!senderAddr || !dateStr) return null;
+    const senderL = senderAddr.toLowerCase();
+    const t = new Date(dateStr).getTime();
+    if (!Number.isFinite(t)) return null;
+    // Match by sender + nearest date within 2 s. Quote headers
+    // typically lose timezone info during render so wall-clock can
+    // shift by hours; the inbox-list date is the canonical UTC.
+    // We prefer the closest match by absolute delta.
+    let best = null;
+    let bestDelta = 2000;  // 2-second tolerance for same-second matches
+    for (const e of entries) {
+      if (e.from !== senderL) continue;
+      const delta = Math.abs(e.timeMs - t);
+      if (delta < bestDelta) { best = e; bestDelta = delta; }
+    }
+    if (!best) {
+      // Fallback: if the date didn't parse close to anything, just
+      // take the most recent message from that sender. Better than
+      // nothing for the common case of a reply to the most recent
+      // prior reply.
+      for (const e of entries) {
+        if (e.from !== senderL) continue;
+        if (!best || e.timeMs > best.timeMs) best = e;
+      }
+    }
+    return best ? { to: best.to, cc: best.cc, bcc: best.bcc } : null;
+  };
+}
+
+function renderBodyWithThreading(src, audienceLookup = null) {
   if (!src) return '<div class="empty">(no body)</div>';
   const lines = src.split('\n');
   const out = [];
@@ -239,6 +308,14 @@ function renderBodyWithThreading(src) {
   // angle-bracket form `<addr@host>`. Date is anything up to the
   // comma; addr is anything not whitespace + an @.
   const headerRe = /^On (.+?), <?([^\s<>]+@[^\s<>]+)>? wrote:\s*$/;
+  // Optional follow-up address lines emitted by AgenticMail's
+  // reply builders: `To: a@x, b@y` / `Cc: …` / `Bcc: …`. These
+  // sit between the `wrote:` line and the first `> ` quoted body
+  // line; the parser collects them so the rendered thread-quote
+  // header can show the previous round's full audience, not just
+  // the sender. Optional — older replies (pre-0.9.32) won't have
+  // them and degrade to sender-only.
+  const audienceRe = /^(To|Cc|Bcc):\s*(.+)$/i;
 
   while (i < lines.length) {
     const m = lines[i].match(headerRe);
@@ -251,6 +328,23 @@ function renderBodyWithThreading(src) {
     const dateRaw = m[1];
     const sender = m[2];
     i++;
+    // Collect optional audience lines (To/Cc/Bcc) immediately
+    // after the wrote: header. Stop at the first line that
+    // doesn't match; non-matching content falls through to the
+    // body-quote collection loop below.
+    let toAddrs = '';
+    let ccAddrs = '';
+    let bccAddrs = '';
+    while (i < lines.length) {
+      const a = lines[i].match(audienceRe);
+      if (!a) break;
+      const field = a[1].toLowerCase();
+      const value = a[2].trim();
+      if (field === 'to') toAddrs = value;
+      else if (field === 'cc') ccAddrs = value;
+      else if (field === 'bcc') bccAddrs = value;
+      i++;
+    }
     // Collect contiguous `>` lines (with possible blank-line gaps
     // inside the quote, which most clients tolerate). Stop at the
     // first non-quote, non-blank line.
@@ -267,13 +361,25 @@ function renderBodyWithThreading(src) {
       }
       break;
     }
-    out.push(renderThreadQuote(dateRaw, sender, quoted.join('\n')));
+    // Fall back to cross-message lookup if the body didn't carry
+    // audience lines (older replies pre-0.9.32). The lookup uses
+    // the surrounding inbox-list messages to find the original
+    // message by sender + date and lift its To/Cc/Bcc.
+    if (!toAddrs && !ccAddrs && !bccAddrs && typeof audienceLookup === 'function') {
+      const fromLookup = audienceLookup(sender, dateRaw);
+      if (fromLookup) {
+        toAddrs = fromLookup.to;
+        ccAddrs = fromLookup.cc;
+        bccAddrs = fromLookup.bcc;
+      }
+    }
+    out.push(renderThreadQuote(dateRaw, sender, quoted.join('\n'), { to: toAddrs, cc: ccAddrs, bcc: bccAddrs }, audienceLookup));
   }
   flushProse();
   return out.join('');
 }
 
-function renderThreadQuote(dateRaw, sender, quotedBody) {
+function renderThreadQuote(dateRaw, sender, quotedBody, audience = {}, audienceLookup = null) {
   // Try to format the ISO date through the same helper the
   // message header uses; fall back to the raw string on parse fail.
   const friendlyDate = (() => {
@@ -281,7 +387,18 @@ function renderThreadQuote(dateRaw, sender, quotedBody) {
     if (!Number.isNaN(d.getTime())) return formatDateFull(d.toISOString());
     return dateRaw;
   })();
-  const sub = renderBodyWithThreading(quotedBody);  // recurse for nested threads
+  const sub = renderBodyWithThreading(quotedBody, audienceLookup);  // recurse for nested threads
+  // Render the optional audience lines (To/Cc/Bcc) inside the
+  // thread-quote header so the reader can see who was on the
+  // previous round. Missing values are simply omitted — a quote
+  // from an older email that didn't include them degrades cleanly
+  // to the sender + date line.
+  const audienceRow = (label, value) => value
+    ? `<div class="thread-quote-audience-row"><span class="thread-quote-audience-label">${label}:</span> <span class="thread-quote-audience-value">${escapeHtml(value)}</span></div>`
+    : '';
+  const audienceBlock = (audience.to || audience.cc || audience.bcc)
+    ? `<div class="thread-quote-audience">${audienceRow('To', audience.to)}${audienceRow('Cc', audience.cc)}${audienceRow('Bcc', audience.bcc)}</div>`
+    : '';
   return `
     <div class="thread-quote">
       <div class="thread-quote-head">
@@ -290,6 +407,7 @@ function renderThreadQuote(dateRaw, sender, quotedBody) {
         <span class="thread-quote-dot">·</span>
         <span class="thread-quote-date">${escapeHtml(friendlyDate)}</span>
       </div>
+      ${audienceBlock}
       <div class="thread-quote-body">${sub}</div>
     </div>
   `;

package/public/styles.css

@@ -938,6 +938,30 @@ mark.search-hl {
 .thread-quote-from { font-weight: 500; color: var(--ink-soft); }
 .thread-quote-dot { opacity: .5; }
 .thread-quote-date { color: var(--muted); }
+/* Audience block (To / Cc / Bcc) below the quote header — surfaces
+ * who was on the previous round of the thread, not just the sender.
+ * Optional: missing values are simply omitted, no row rendered. */
+.thread-quote-audience {
+  margin: -4px 0 8px;
+  padding-left: 30px;          /* line up with sender name (past avatar) */
+  font-size: 12px;
+  color: var(--muted);
+  line-height: 1.5;
+}
+.thread-quote-audience-row { display: block; }
+.thread-quote-audience-label {
+  display: inline-block;
+  min-width: 28px;
+  color: var(--muted);
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  font-size: 10.5px;
+}
+.thread-quote-audience-value {
+  color: var(--ink-soft);
+  word-break: break-word;
+}
 .thread-quote-body {
   color: var(--ink-soft);
 }