@agenticmail/api 0.9.22 → 0.9.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agenticmail/api",
-  "version": "0.9.22",
+  "version": "0.9.23",
   "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

@@ -239,6 +239,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 +259,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 +292,13 @@ function renderBodyWithThreading(src) {
       }
       break;
     }
-    out.push(renderThreadQuote(dateRaw, sender, quoted.join('\n')));
+    out.push(renderThreadQuote(dateRaw, sender, quoted.join('\n'), { to: toAddrs, cc: ccAddrs, bcc: bccAddrs }));
   }
   flushProse();
   return out.join('');
 }
 
-function renderThreadQuote(dateRaw, sender, quotedBody) {
+function renderThreadQuote(dateRaw, sender, quotedBody, audience = {}) {
   // 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 = (() => {
@@ -282,6 +307,17 @@ function renderThreadQuote(dateRaw, sender, quotedBody) {
     return dateRaw;
   })();
   const sub = renderBodyWithThreading(quotedBody);  // 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 +326,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);
 }