@agenticmail/cli 0.8.14 → 0.8.16

package/dist/cli.js

@@ -90,23 +90,198 @@ function formatEmailDate(input, now = /* @__PURE__ */ new Date()) {
   return `${rel} \u2014 ${abs}`;
 }
 
-// src/ui/email-card.ts
+// src/ui/markdown.ts
 var ESC = "\x1B[";
 var RESET = `${ESC}0m`;
+var BOLD_OFF = `${ESC}22m`;
+var ITALIC_OFF = `${ESC}23m`;
+var STRIKE_OFF = `${ESC}29m`;
+var FG_OFF = `${ESC}39m`;
+var BG_OFF = `${ESC}49m`;
+var md = {
+  bold: (s) => `${ESC}1m${s}${BOLD_OFF}`,
+  italic: (s) => `${ESC}3m${s}${ITALIC_OFF}`,
+  // Bold + italic combo for ***text*** — apply both, reset both targeted.
+  boldItalic: (s) => `${ESC}1m${ESC}3m${s}${ITALIC_OFF}${BOLD_OFF}`,
+  strike: (s) => `${ESC}9m${s}${STRIKE_OFF}`,
+  dim: (s) => `${ESC}2m${s}${ESC}22m`,
+  underline: (s) => `${ESC}4m${s}${ESC}24m`,
+  // Inline code: subtle dark background + orange foreground, surrounded
+  // by thin-space padding so it visually pops as a token.
+  code: (s) => `${ESC}48;5;236m${ESC}38;5;208m ${s} ${BG_OFF}${FG_OFF}`,
+  // Block code: cyan foreground, no background — keeps multi-line
+  // indentation legible and doesn't paint the whole screen on long
+  // snippets the way a background would.
+  blockCode: (s) => `${ESC}38;5;39m${s}${FG_OFF}`,
+  // Headings: brand pink, bold. We use the same `38;5;205` we use for
+  // the project logo so the whole shell stays on one accent color.
+  heading: (s) => `${ESC}1m${ESC}38;5;205m${s}${FG_OFF}${BOLD_OFF}`,
+  // Highlight: yellow background. Used for ==text== (GFM-ish).
+  highlight: (s) => `${ESC}48;5;226m${ESC}30m${s}${BG_OFF}${FG_OFF}`,
+  // Link URL: dim parens. The visible text stays at normal weight so
+  // the eye still reads it as link copy.
+  link: (text, url) => `${text} ${md.dim("(" + url + ")")}`
+};
+function decodeEntities(s) {
+  return s.replace(/&nbsp;/g, " ").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&hellip;/g, "\u2026").replace(/&mdash;/g, "\u2014").replace(/&ndash;/g, "\u2013");
+}
+function renderInlineMarkdown(text) {
+  let masked = decodeEntities(text);
+  const codeSpans = [];
+  masked = masked.replace(/`([^`\n]+)`/g, (_match, code) => {
+    codeSpans.push(code);
+    return `\0CODE${codeSpans.length - 1}\0`;
+  });
+  masked = masked.replace(/\*\*\*([^*\n]+)\*\*\*/g, (_m, s) => md.boldItalic(s));
+  masked = masked.replace(/___([^_\n]+)___/g, (_m, s) => md.boldItalic(s));
+  masked = masked.replace(/\*\*([^*\n]+)\*\*/g, (_m, s) => md.bold(s));
+  masked = masked.replace(/__([^_\n]+)__/g, (_m, s) => md.bold(s));
+  masked = masked.replace(/(^|[^\w*])\*([^*\n]+)\*(?!\w)/g, (_m, lead, s) => `${lead}${md.italic(s)}`);
+  masked = masked.replace(/(^|[^\w_])_([^_\n]+)_(?!\w)/g, (_m, lead, s) => `${lead}${md.italic(s)}`);
+  masked = masked.replace(/~~([^~\n]+)~~/g, (_m, s) => md.strike(s));
+  masked = masked.replace(/==([^=\n]+)==/g, (_m, s) => md.highlight(s));
+  masked = masked.replace(/!\[([^\]]*)\]\((https?:\/\/[^)\s]+)\)/g, (_m, alt, u) => {
+    const label = alt ? `\u{1F5BC} ${alt}` : "\u{1F5BC} image";
+    return `[${label}] ${md.dim("(" + u + ")")}`;
+  });
+  masked = masked.replace(/\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)/g, (_m, t, u) => md.link(t, u));
+  masked = masked.replace(/<(https?:\/\/[^>\s]+)>/g, (_m, u) => md.dim(u));
+  masked = masked.replace(/\u0000CODE(\d+)\u0000/g, (_m, idx) => md.code(codeSpans[Number(idx)] ?? ""));
+  return masked;
+}
+var TABLE_SEPARATOR_RE = /^\s*\|?(\s*:?-{3,}:?\s*\|)+(\s*:?-{3,}:?\s*)?\s*$/;
+var TABLE_ROW_RE = /^\s*\|.*\|\s*$/;
+function createMarkdownLineRenderer() {
+  let inCodeBlock = false;
+  let inIndentedCode = false;
+  return {
+    renderLine(line) {
+      const fence = line.match(/^\s*```([\w+-]*)\s*$/);
+      if (fence) {
+        inCodeBlock = !inCodeBlock;
+        return md.dim(fence[1] ? `\u25BE ${fence[1]}` : "\u25BE code");
+      }
+      if (inCodeBlock) {
+        return md.blockCode(line);
+      }
+      if (/^( {4,}|\t)/.test(line) && !/^(?:\s{4,}|\t)(?:[-*+]|\d+[.)])\s/.test(line)) {
+        inIndentedCode = true;
+        return md.blockCode(line.replace(/^( {4}|\t)/, ""));
+      }
+      if (inIndentedCode && line.trim() !== "") {
+        inIndentedCode = false;
+      }
+      if (TABLE_SEPARATOR_RE.test(line) && line.includes("|")) {
+        const rendered = line.replace(/-{3,}/g, (m) => "\u2500".repeat(m.length)).replace(/\|/g, md.dim("\u2502")).replace(/:/g, md.dim(":"));
+        return rendered;
+      }
+      if (TABLE_ROW_RE.test(line)) {
+        const cells = line.trim().slice(1, -1).split("|").map((c3) => renderInlineMarkdown(c3.trim()));
+        return `${md.dim("\u2502")} ${cells.join(` ${md.dim("\u2502")} `)} ${md.dim("\u2502")}`;
+      }
+      if (/^\s*(?:-{3,}|_{3,}|\*{3,})\s*$/.test(line)) {
+        return md.dim("\u2500".repeat(40));
+      }
+      const heading2 = line.match(/^(#{1,6})\s+(.+?)\s*#*\s*$/);
+      if (heading2) {
+        const level = heading2[1].length;
+        const text = renderInlineMarkdown(heading2[2]);
+        if (level === 1) return md.heading(`\u258C ${text}`);
+        if (level === 2) return md.heading(`\u258C ${text}`);
+        return md.heading(text);
+      }
+      const task = line.match(/^(\s*)([-*+])\s+\[([ xX])\]\s+(.*)$/);
+      if (task) {
+        const indent = task[1];
+        const checked = task[3] !== " ";
+        const content = renderInlineMarkdown(task[4]);
+        const box = checked ? md.dim("\u2611") : "\u2610";
+        return checked ? `${indent}${box} ${md.dim(md.strike(content))}` : `${indent}${box} ${content}`;
+      }
+      const bullet = line.match(/^(\s*)([-*+])\s+(.*)$/);
+      if (bullet) {
+        const indent = bullet[1];
+        const content = renderInlineMarkdown(bullet[3]);
+        return `${indent}${md.dim("\u2022")} ${content}`;
+      }
+      const numbered = line.match(/^(\s*)(\d+)[.)]\s+(.*)$/);
+      if (numbered) {
+        const indent = numbered[1];
+        const num = numbered[2];
+        const content = renderInlineMarkdown(numbered[3]);
+        return `${indent}${md.dim(num + ".")} ${content}`;
+      }
+      return renderInlineMarkdown(line);
+    }
+  };
+}
+
+// src/ui/email-card.ts
+var ESC2 = "\x1B[";
+var RESET2 = `${ESC2}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}`,
+  reset: RESET2,
+  bold: (s) => `${ESC2}1m${s}${RESET2}`,
+  italic: (s) => `${ESC2}3m${s}${RESET2}`,
+  dim: (s) => `${ESC2}90m${s}${RESET2}`,
+  cyan: (s) => `${ESC2}36m${s}${RESET2}`,
+  magenta: (s) => `${ESC2}35m${s}${RESET2}`,
+  yellow: (s) => `${ESC2}33m${s}${RESET2}`,
+  green: (s) => `${ESC2}32m${s}${RESET2}`,
+  red: (s) => `${ESC2}31m${s}${RESET2}`,
   // 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}`
+  pink: (s) => `${ESC2}38;5;205m${s}${RESET2}`
 };
+var ON_WROTE_RE = /^((?:>\s*)*)On (\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z), (.+?) wrote:$/;
+function splitQuotePrefix(line) {
+  let i = 0;
+  let depth = 0;
+  while (i < line.length) {
+    if (line[i] === ">") {
+      depth++;
+      i++;
+      while (i < line.length && line[i] === " ") i++;
+    } else {
+      break;
+    }
+  }
+  return { depth, content: line.slice(i) };
+}
+var QUOTE_COLORS = [
+  ansi.cyan,
+  ansi.magenta,
+  ansi.yellow
+];
+function renderQuoteStripe(depth) {
+  if (depth <= 0) return "";
+  const bars = [];
+  for (let i = 0; i < depth; i++) {
+    const color = QUOTE_COLORS[i] ?? ansi.dim;
+    bars.push(color("\u258E"));
+  }
+  return bars.join("") + " ";
+}
+function renderBodyLine(line, now, mdRenderer) {
+  if (line.trim() === "") return line;
+  const m = line.match(ON_WROTE_RE);
+  if (m) {
+    const prefixRaw = m[1] ?? "";
+    const iso = m[2];
+    const sender = m[3];
+    const parsed = new Date(iso);
+    const dateStr = Number.isNaN(parsed.getTime()) ? iso : formatEmailDate(parsed, now);
+    const depth2 = (prefixRaw.match(/>/g) ?? []).length;
+    const stripe = renderQuoteStripe(depth2);
+    const inner = `On ${dateStr}, ${sender} wrote:`;
+    return `${stripe}${ansi.dim(ansi.italic(inner))}`;
+  }
+  const { depth, content } = splitQuotePrefix(line);
+  const rendered = mdRenderer.renderLine(content);
+  if (depth === 0) return rendered;
+  return `${renderQuoteStripe(depth)}${rendered}`;
+}
 function formatAddress(a) {
   if (!a) return "";
   if (a.name && a.address) return `${a.name} <${a.address}>`;
@@ -175,8 +350,9 @@ function renderEmailCard(msg, opts = {}) {
   let body = msg.text ?? "";
   if (!body && msg.html) body = stripHtmlForTerminal(msg.html);
   if (body) {
+    const mdRenderer = createMarkdownLineRenderer();
     for (const line of body.split("\n")) {
-      out.push(`  ${line}`);
+      out.push(`  ${renderBodyLine(line, now, mdRenderer)}`);
     }
   } else {
     out.push(`  ${ansi.dim("(no body content)")}`);
@@ -207,8 +383,14 @@ var c = {
   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`,

package/package.json

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