@agenticmail/cli 0.9.0 → 0.9.1

package/dist/public/js/message-view.js

@@ -50,11 +50,22 @@ function renderMessage(msg) {
   if (!view) return;
   const fromAddr = msg.from?.[0]?.address ?? '?';
   const fromName = msg.from?.[0]?.name || fromAddr;
-  const toStr = (msg.to ?? []).map(a => a.name ? `${a.name} <${a.address}>` : a.address).join(', ') || '?';
-  const ccStr = (msg.cc ?? []).map(a => a.address).join(', ');
   const senderPseudo = { name: fromName };  // for avatar generation
   const bodyText = msg.text ?? stripHtml(msg.html ?? '');
 
+  // Build separate To / Cc / Bcc lines so the user can actually
+  // tell who was on the action list vs CC'd for awareness. The
+  // previous renderer concatenated everything onto one "to" line.
+  const formatAddr = (a) => a?.name && a.name !== a.address
+    ? `${a.name} <${a.address}>`
+    : (a?.address ?? '');
+  const renderAddrRow = (label, list, cls) => {
+    if (!Array.isArray(list) || list.length === 0) return '';
+    const rendered = list.map(formatAddr).filter(Boolean).map(escapeHtml).join(', ');
+    if (!rendered) return '';
+    return `<div class="message-recipient-row ${cls}"><span class="message-recipient-label">${label}</span><span class="message-recipient-list">${rendered}</span></div>`;
+  };
+
   const attachmentsHtml = (msg.attachments ?? []).length > 0
     ? `<div class="message-attachments">${msg.attachments.map((a, i) =>
         `<button class="message-attachment" data-att-index="${i}" data-att-filename="${escapeHtml(a.filename ?? 'attachment')}" title="Click to download">
@@ -75,7 +86,9 @@ function renderMessage(msg) {
             <span class="name">${escapeHtml(fromName)}</span>
             <span class="addr">&lt;${escapeHtml(fromAddr)}&gt;</span>
           </div>
-          <div class="message-to">to ${escapeHtml(toStr)}${ccStr ? `, cc ${escapeHtml(ccStr)}` : ''}</div>
+          ${renderAddrRow('To', msg.to, 'message-to')}
+          ${renderAddrRow('Cc', msg.cc, 'message-cc')}
+          ${renderAddrRow('Bcc', msg.bcc, 'message-bcc')}
         </div>
         <div class="message-date">${escapeHtml(formatDateFull(msg.date))}</div>
       </div>

package/dist/public/styles.css

@@ -583,7 +583,28 @@ mark.search-hl {
 }
 .message-from .name { font-weight: 500; }
 .message-from .addr { color: var(--muted); margin-left: 4px; }
-.message-to { font-size: 12px; color: var(--muted); margin-top: 4px; }
+/* Recipient rows — one per field (To / Cc / Bcc). Renders only
+   when the field is non-empty. The label is a fixed-width tag
+   so the addresses align cleanly across the three rows. */
+.message-recipient-row {
+  display: flex; gap: 6px;
+  font-size: 12px; color: var(--muted);
+  margin-top: 4px;
+  line-height: 1.5;
+}
+.message-recipient-label {
+  flex: 0 0 28px;
+  font-weight: 600;
+  color: var(--ink-soft);
+  text-transform: none;
+}
+.message-recipient-list {
+  flex: 1 1 auto;
+  min-width: 0;
+  word-break: break-word;
+}
+.message-cc .message-recipient-label,
+.message-bcc .message-recipient-label { color: var(--muted); }
 .message-date {
   font-size: 12px; color: var(--muted);
   white-space: nowrap;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agenticmail/cli",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Email and SMS infrastructure for AI agents — the first platform to give agents real email addresses and phone numbers",
   "type": "module",
   "main": "dist/index.js",
@@ -29,12 +29,12 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@agenticmail/api": "^0.9.0",
-    "@agenticmail/core": "^0.9.0",
+    "@agenticmail/api": "^0.9.1",
+    "@agenticmail/core": "^0.9.1",
     "json5": "^2.2.3"
   },
   "optionalDependencies": {
-    "@agenticmail/claudecode": "^0.2.0"
+    "@agenticmail/claudecode": "^0.2.1"
   },
   "devDependencies": {
     "tsup": "^8.4.0",