@agenticmail/cli 0.8.13 → 0.8.15

package/dist/cli.js

@@ -17,13 +17,204 @@ import {
 import { createInterface, emitKeypressEvents } from "readline";
 import { readFileSync, writeFileSync, existsSync } from "fs";
 import { basename } from "path";
+
+// src/ui/time-format.ts
+function toDate(input) {
+  if (input == null) return null;
+  if (input instanceof Date) return Number.isNaN(input.getTime()) ? null : input;
+  if (typeof input === "number") {
+    const d = new Date(input);
+    return Number.isNaN(d.getTime()) ? null : d;
+  }
+  if (typeof input === "string") {
+    const trimmed = input.trim();
+    if (!trimmed) return null;
+    const d = new Date(trimmed);
+    return Number.isNaN(d.getTime()) ? null : d;
+  }
+  return null;
+}
+function sameLocalDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function localDayDiff(a, b) {
+  const da = new Date(a.getFullYear(), a.getMonth(), a.getDate());
+  const db = new Date(b.getFullYear(), b.getMonth(), b.getDate());
+  return Math.round((da.getTime() - db.getTime()) / (24 * 60 * 60 * 1e3));
+}
+function relativeTime(input, now = /* @__PURE__ */ new Date()) {
+  const d = toDate(input);
+  if (!d) return "?";
+  const deltaMs = now.getTime() - d.getTime();
+  if (deltaMs < 0) {
+    if (-deltaMs < 3e4) return "just now";
+  }
+  const absMs = Math.abs(deltaMs);
+  const sec = absMs / 1e3;
+  const min = sec / 60;
+  const hr2 = min / 60;
+  if (deltaMs >= 0 && deltaMs < 45e3) return "just now";
+  if (deltaMs >= 0 && deltaMs < 9e4) return "a minute ago";
+  if (deltaMs >= 0 && min < 60) return `${Math.round(min)} minutes ago`;
+  if (deltaMs >= 0 && min < 90) return "an hour ago";
+  if (deltaMs >= 0 && sameLocalDay(d, now) && hr2 < 24) return `${Math.round(hr2)} hours ago`;
+  const days = localDayDiff(now, d);
+  if (days === 1) return "yesterday";
+  if (days > 1 && days < 7) {
+    return d.toLocaleDateString(void 0, { weekday: "long" });
+  }
+  if (d.getFullYear() === now.getFullYear()) {
+    return d.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+  }
+  return d.toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
+}
+function absoluteLocal(input, now = /* @__PURE__ */ new Date()) {
+  const d = toDate(input);
+  if (!d) return "?";
+  const sameYear = d.getFullYear() === now.getFullYear();
+  const opts = {
+    weekday: "short",
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  };
+  if (!sameYear) opts.year = "numeric";
+  return d.toLocaleString(void 0, opts);
+}
+function formatEmailDate(input, now = /* @__PURE__ */ new Date()) {
+  const d = toDate(input);
+  if (!d) return "?";
+  const rel = relativeTime(d, now);
+  const abs = absoluteLocal(d, now);
+  return `${rel} \u2014 ${abs}`;
+}
+
+// src/ui/email-card.ts
+var ESC = "\x1B[";
+var RESET = `${ESC}0m`;
+var ansi = {
+  reset: RESET,
+  bold: (s) => `${ESC}1m${s}${RESET}`,
+  dim: (s) => `${ESC}90m${s}${RESET}`,
+  cyan: (s) => `${ESC}36m${s}${RESET}`,
+  magenta: (s) => `${ESC}35m${s}${RESET}`,
+  yellow: (s) => `${ESC}33m${s}${RESET}`,
+  green: (s) => `${ESC}32m${s}${RESET}`,
+  red: (s) => `${ESC}31m${s}${RESET}`,
+  // The brand pink we use for the project logo. `38;5;205` is xterm-256
+  // hot pink — close to the bow in the logo and readable on both dark
+  // and light terminals.
+  pink: (s) => `${ESC}38;5;205m${s}${RESET}`
+};
+function formatAddress(a) {
+  if (!a) return "";
+  if (a.name && a.address) return `${a.name} <${a.address}>`;
+  return a.address ?? a.name ?? "";
+}
+function formatAddressList(addrs) {
+  if (!addrs || addrs.length === 0) return "";
+  return addrs.map(formatAddress).filter(Boolean).join(", ");
+}
+function rule(width) {
+  const w = Math.max(10, width);
+  return ansi.pink("\u2500".repeat(w));
+}
+function stripHtmlForTerminal(html) {
+  return html.replace(/<\/(p|div|br|li|h[1-6]|tr)[^>]*>/gi, "\n").replace(/<br\s*\/?\s*>/gi, "\n").replace(/<[^>]+>/g, "").replace(/&nbsp;/g, " ").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/\n{3,}/g, "\n\n").trim();
+}
+function securityLines(msg) {
+  const s = msg.security;
+  if (!s) return [];
+  const lines = [];
+  if (s.isSpam) {
+    const cat = s.topCategory ? ` [${s.topCategory}]` : "";
+    const score = typeof s.spamScore === "number" ? ` score=${s.spamScore.toFixed(1)}` : "";
+    lines.push(`  ${ansi.red("\u26A0 SPAM")} ${ansi.dim(cat + score)}`);
+  } else if (s.isWarning) {
+    const cat = s.topCategory ? ` [${s.topCategory}]` : "";
+    const score = typeof s.spamScore === "number" ? ` score=${s.spamScore.toFixed(1)}` : "";
+    lines.push(`  ${ansi.yellow("\u26A0 Suspicious")} ${ansi.dim(cat + score)}`);
+  }
+  if (s.sanitized) {
+    lines.push(`  ${ansi.yellow("\u26A0 Content sanitised")} ${ansi.dim("(invisible characters or hidden HTML were stripped)")}`);
+  }
+  return lines;
+}
+function renderEmailCard(msg, opts = {}) {
+  const width = opts.width && opts.width > 10 ? opts.width : 80;
+  const now = opts.now ?? /* @__PURE__ */ new Date();
+  const out = [];
+  out.push("");
+  out.push(rule(width));
+  out.push("");
+  out.push(`  ${ansi.bold(ansi.pink(msg.subject ?? "(no subject)"))}`);
+  out.push("");
+  out.push(rule(width));
+  out.push("");
+  const fromStr = formatAddressList(msg.from) || "?";
+  const toStr = formatAddressList(msg.to) || "?";
+  out.push(`  ${ansi.dim("From:")}    ${ansi.cyan(fromStr)}`);
+  out.push(`  ${ansi.dim("To:")}      ${toStr}`);
+  const ccStr = formatAddressList(msg.cc);
+  if (ccStr) out.push(`  ${ansi.dim("Cc:")}      ${ccStr}`);
+  const bccStr = formatAddressList(msg.bcc);
+  if (bccStr) out.push(`  ${ansi.dim("Bcc:")}     ${bccStr}`);
+  if (msg.date != null) {
+    out.push(`  ${ansi.dim("Date:")}    ${ansi.magenta(formatEmailDate(msg.date, now))}`);
+  }
+  if (msg.uid != null) {
+    out.push(`  ${ansi.dim("UID:")}     ${msg.uid}`);
+  }
+  if (msg.inReplyTo) {
+    out.push(`  ${ansi.dim("In reply to:")} ${ansi.dim(msg.inReplyTo)}`);
+  }
+  out.push("");
+  out.push(rule(width));
+  out.push("");
+  let body = msg.text ?? "";
+  if (!body && msg.html) body = stripHtmlForTerminal(msg.html);
+  if (body) {
+    for (const line of body.split("\n")) {
+      out.push(`  ${line}`);
+    }
+  } else {
+    out.push(`  ${ansi.dim("(no body content)")}`);
+  }
+  out.push("");
+  const attachments = msg.attachments ?? [];
+  const secLines = securityLines(msg);
+  if (attachments.length > 0 || secLines.length > 0) {
+    out.push(rule(width));
+    out.push("");
+    for (const att of attachments) {
+      const size = typeof att.size === "number" ? ` ${ansi.dim(`(${Math.round(att.size / 1024)}KB)`)}` : "";
+      const type = att.contentType ? ` ${ansi.dim(att.contentType)}` : "";
+      out.push(`  ${ansi.yellow("\u{1F4CE}")} ${att.filename ?? "(unnamed)"}${type}${size}`);
+    }
+    if (attachments.length > 0 && secLines.length > 0) out.push("");
+    for (const line of secLines) out.push(line);
+    out.push("");
+  }
+  out.push(rule(width));
+  out.push("");
+  return out.join("\n");
+}
+
+// src/shell.ts
 var c = {
   green: (s) => `\x1B[32m${s}\x1B[0m`,
   red: (s) => `\x1B[31m${s}\x1B[0m`,
   yellow: (s) => `\x1B[33m${s}\x1B[0m`,
   cyan: (s) => `\x1B[36m${s}\x1B[0m`,
+  blue: (s) => `\x1B[34m${s}\x1B[0m`,
+  magenta: (s) => `\x1B[35m${s}\x1B[0m`,
   dim: (s) => `\x1B[90m${s}\x1B[0m`,
-  bold: (s) => `\x1B[1m${s}\x1B[0m`
+  bold: (s) => `\x1B[1m${s}\x1B[0m`,
+  // Brand pink — xterm-256 hot-pink background (205) with white text (97).
+  // Mirrors the pinkBg helper in cli.ts; the shell uses it for the "🎀
+  // AgenticMail is running" welcome banner and any future brand marks.
+  pinkBg: (s) => `\x1B[48;5;205m\x1B[97m${s}\x1B[0m`
 };
 var dotColors = [
   (s) => `\x1B[35m${s}\x1B[0m`,
@@ -392,40 +583,7 @@ async function interactiveShell(options) {
     return null;
   }
   function renderEmailMessage(msg) {
-    log("");
-    log(hr());
-    log("");
-    log(`  ${c.bold(msg.subject || "(no subject)")}`);
-    log("");
-    const fromStr = (msg.from || []).map((a) => a.name ? `${a.name} <${a.address}>` : a.address).join(", ") || "?";
-    const toStr = (msg.to || []).map((a) => a.name ? `${a.name} <${a.address}>` : a.address).join(", ") || "?";
-    log(`  ${c.dim("From:")}    ${c.cyan(fromStr)}`);
-    log(`  ${c.dim("To:")}      ${toStr}`);
-    if (msg.date) log(`  ${c.dim("Date:")}    ${new Date(msg.date).toLocaleString()}`);
-    if (msg.cc && msg.cc.length > 0) {
-      const ccStr = msg.cc.map((a) => a.address).join(", ");
-      log(`  ${c.dim("CC:")}      ${ccStr}`);
-    }
-    log("");
-    log(hr());
-    log("");
-    const body = msg.text || msg.html?.replace(/<[^>]*>/g, "") || "";
-    if (body) {
-      for (const line of body.split("\n")) {
-        log(`  ${line}`);
-      }
-    } else {
-      info("(no body content)");
-    }
-    if (msg.attachments && msg.attachments.length > 0) {
-      log("");
-      log(`  ${c.dim("Attachments:")}`);
-      for (const att of msg.attachments) {
-        const size = att.size ? ` ${c.dim(`(${Math.round(att.size / 1024)}KB)`)}` : "";
-        log(`    ${c.yellow("\u{1F4CE}")} ${att.filename}${size}`);
-      }
-    }
-    log("");
+    process.stdout.write(renderEmailCard(msg, { width: tw() }));
   }
   async function showInboxPreview(apiKey, agentName) {
     try {
@@ -446,7 +604,7 @@ async function interactiveShell(options) {
         const msg = messages[i];
         const fromAddr = msg.from?.[0] || {};
         const from = fromAddr.name ? `${fromAddr.name} <${fromAddr.address}>` : fromAddr.address || msg.from || "?";
-        const date = msg.date ? new Date(msg.date).toLocaleString() : "";
+        const date = msg.date ? formatEmailDate(msg.date) : "";
         const dot = dotColors[i % dotColors.length]("\u25CF");
         log(`  ${dot} ${c.dim("#" + String(msg.uid).padEnd(5))} ${c.bold((msg.subject || "(no subject)").slice(0, 48))}`);
         log(`  ${" ".repeat(8)} ${c.dim(from)}  ${c.dim(date)}`);
@@ -1052,6 +1210,7 @@ async function interactiveShell(options) {
           nav.push(`${c.bold("[\u2191\u2193]")} select`);
           nav.push(`${c.bold("[Enter]")} read`);
           nav.push(`${c.bold("[v]")} ${inboxPreviews ? "hide" : "show"} previews`);
+          nav.push(`${c.bold("[r]")} refresh`);
           nav.push(`${c.bold("[Esc]")} back`);
           log(`  ${c.dim(pageLabel)}  ${c.dim("\u2500")}  ${nav.join("  ")}`);
           log("");
@@ -1130,6 +1289,32 @@ async function interactiveShell(options) {
                   const pageData = await fetchPage(page * PAGE_SIZE);
                   process.stdout.write("\x1B[2J\x1B[H");
                   renderPage(pageData.messages || [], total, page);
+                } else if (_s === "r" || _s === "R" || // bare letter — primary keybind, matches navigator convention
+                key.ctrl && key.name === "r" || // Ctrl+R for browser-muscle-memory users
+                key.name === "f5") {
+                  process.stdout.write("\x1B[2J\x1B[H");
+                  log(`  ${c.dim("Refreshing inbox\u2026")}`);
+                  try {
+                    const pageData = await fetchPage(page * PAGE_SIZE);
+                    const fresh = pageData.messages || [];
+                    if (selected >= fresh.length) selected = Math.max(0, fresh.length - 1);
+                    const newTotal = pageData.total ?? fresh.length;
+                    const newTotalPages = Math.max(1, Math.ceil(newTotal / PAGE_SIZE));
+                    if (page >= newTotalPages) {
+                      page = newTotalPages - 1;
+                      selected = 0;
+                      const fallback = await fetchPage(page * PAGE_SIZE);
+                      process.stdout.write("\x1B[2J\x1B[H");
+                      renderPage(fallback.messages || [], newTotal, page);
+                    } else {
+                      process.stdout.write("\x1B[2J\x1B[H");
+                      renderPage(fresh, newTotal, page);
+                    }
+                  } catch (err) {
+                    process.stdout.write("\x1B[2J\x1B[H");
+                    renderPage(currentMessages, total, page);
+                    fail(`Refresh failed: ${errMsg(err)}`);
+                  }
                 }
               } catch (err) {
                 fail(`Error: ${errMsg(err)}`);
@@ -3801,7 +3986,7 @@ ${c.dim(boxChar.bl + boxChar.h.repeat(bWidth) + boxChar.br)}`);
                 ok(`Verification code found: ${c.bold(c.green(data.code))}`);
                 log(`  ${c.dim("From:")} ${data.from}`);
                 log(`  ${c.dim("Message:")} ${data.body}`);
-                log(`  ${c.dim("Received:")} ${new Date(data.receivedAt).toLocaleString()}`);
+                log(`  ${c.dim("Received:")} ${formatEmailDate(data.receivedAt)}`);
               } else {
                 info("No verification codes found in the last 30 minutes.");
                 info("Make sure Google Voice SMS forwarding is enabled and use /inbox to check for forwarded SMS emails.");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agenticmail/cli",
-  "version": "0.8.13",
+  "version": "0.8.15",
   "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",