amalgm 0.1.103 → 0.1.104

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amalgm",
-  "version": "0.1.103",
+  "version": "0.1.104",
   "description": "Amalgm local computer runtime: login, MCP, chat, events, previews, and tunnels.",
   "license": "UNLICENSED",
   "private": false,

package/runtime/scripts/amalgm-mcp/lib/email-embeds.js

@@ -3,11 +3,12 @@
  * primitives: FileEmbed (media), EmbedChrome (the floating name/options
  * pills on expanded embeds), and the tile:/full: entity renders.
  *
- * Email clients strip <style>, position:absolute, and most interactivity,
- * so the chrome pills sit in a header row inside the same rounded-16
- * stone-900 card instead of floating over the media — visually the same
- * language, structurally email-safe. Gmail/Outlook drop <video> but render
- * its fallback content; Apple Mail and iOS Mail play video inline.
+ * The UI standard is EmbedChrome: top-left `[icon] filename` and top-right
+ * `[external-link] Open` pills inside the embed body. Email keeps that visual
+ * contract with table-built pills instead of CSS positioning: Gmail reflows
+ * absolute/fixed chrome, but it preserves tables. Body mechanics are still
+ * surface-specific: Gmail/Outlook drop <video> but render its fallback content;
+ * Apple Mail and iOS Mail play video inline.
  *
  * Media table mirrors amalgm-ui/lib/rendering/media.ts; visual values
  * mirror EMAIL_TOKENS in email-md.js / lib/rendering/tokens.ts. Keep all
@@ -24,6 +25,9 @@ const COLOR = {
   link: '#60a5fa', // blue-400
 };
 
+const FILE_ICON_REGISTRY = require('./file-icon-registry.json');
+const { iconContentId } = require('./email-icons');
+
 const EXTENSION_MIME = {
   // Images
   png: 'image/png',
@@ -80,8 +84,8 @@ function mediaMimeOf(nameOrUrl) {
   return EXTENSION_MIME[mediaExtensionOf(nameOrUrl)] || null;
 }
 
-function mediaKindOf(nameOrUrl) {
-  const mime = mediaMimeOf(nameOrUrl);
+function mediaKindOf(nameOrUrl, explicitMime) {
+  const mime = explicitMime || mediaMimeOf(nameOrUrl);
   if (!mime) return 'unknown';
   if (mime.startsWith('image/')) return 'image';
   if (mime.startsWith('video/')) return 'video';
@@ -99,6 +103,51 @@ function mediaNameOf(nameOrUrl) {
   }
 }
 
+function decodeURIComponentSafe(value) {
+  try {
+    return decodeURIComponent(value);
+  } catch {
+    return value;
+  }
+}
+
+/**
+ * Decode a URL/path/pseudo-url into the basename that should appear in file
+ * chrome. This mirrors amalgm-ui/lib/rendering/embedIdentity.ts: file-backed
+ * embed tabs show the real filename, never markdown alt text.
+ */
+function fileBasenameOf(value) {
+  const raw = String(value || '').trim();
+  if (!raw) return '';
+
+  const attached = raw.match(/^attached:(.*)$/i);
+  if (attached) return decodeURIComponentSafe(attached[1]).replace(/\\/g, '/').split('/').pop() || '';
+
+  const amalgmFile = raw.match(/^amalgm:\/\/file\/([^?#]+)/i);
+  if (amalgmFile) return decodeURIComponentSafe(amalgmFile[1]).replace(/\\/g, '/').split('/').pop() || '';
+
+  const withoutQuery = raw.split(/[?#]/)[0];
+  const base = withoutQuery.replace(/\\/g, '/').split('/').pop() || '';
+  return decodeURIComponentSafe(base);
+}
+
+function resolveFileEmbedIdentity({ name, path: filePath, url, mimeType, fallback }) {
+  const label =
+    fileBasenameOf(name) ||
+    fileBasenameOf(filePath) ||
+    fileBasenameOf(url) ||
+    String(fallback || '').trim() ||
+    'File';
+  const mime = String(mimeType || '').trim() || mediaMimeOf(label) || mediaMimeOf(filePath || '') || mediaMimeOf(url || '');
+  const kind = mediaKindOf(label || filePath || url || '', mime || undefined);
+  return {
+    label,
+    extension: mediaExtensionOf(label),
+    mimeType: mime || null,
+    kind: kind === 'unknown' ? 'file' : kind,
+  };
+}
+
 function isHttpUrl(url) {
   return /^https?:\/\//i.test(url);
 }
@@ -116,69 +165,117 @@ function isEmbeddableImageSrc(url) {
 // --- EmbedChrome (email form) ------------------------------------------------
 
 /**
- * Embed-type glyph shown before the name — Gmail-safe geometric unicode
- * (inline SVG is stripped by Gmail), the email stand-in for the UI's
- * FileTypeIcon / app icon.
+ * Shared icon registry bridge. The React FileTypeIcon and email renderer both
+ * resolve from file-icon-registry.json. Email renders the same descriptor as a
+ * CID PNG because Gmail strips inline SVG inside message bodies.
  */
-// Codepoints with NO emoji variant — Gmail swaps U+25B6 (▶) for a colored
-// emoji even with the U+FE0E text selector, so we use the small triangle
-// U+25B8 (▸) instead. ◆ / ▣ / ♪ have no emoji form and render monochrome.
-const EMBED_GLYPH = {
-  video: '▸', // ▸
-  audio: '♪', // ♪
-  app: '◆', // ◆
-  entity: '◆', // ◆
-  document: '▣', // ▣
-  file: '▣', // ▣
-};
+function normalizedBasename(value) {
+  return String(value || '').replace(/\\/g, '/').split('/').pop().trim().toLowerCase();
+}
+
+function matchesSpecialFilename(rule, normalizedName) {
+  return Boolean(
+    (rule.equals || []).includes(normalizedName) ||
+    (rule.startsWith || []).some((prefix) => normalizedName.startsWith(prefix)) ||
+    (rule.endsWith || []).some((suffix) => normalizedName.endsWith(suffix)),
+  );
+}
+
+function resolveFileIconDescriptor(name) {
+  const normalizedName = normalizedBasename(name);
+  const special = (FILE_ICON_REGISTRY.specialFilenameIcons || []).find((rule) => matchesSpecialFilename(rule, normalizedName));
+  if (special) return special.icon;
+  const ext = mediaExtensionOf(normalizedName);
+  return FILE_ICON_REGISTRY.extensionIcons[ext] || FILE_ICON_REGISTRY.defaults.file;
+}
+
+function resolveEntityIconDescriptor(type) {
+  const normalized = type === 'conversation' ? 'chat' : type === 'trigger' ? 'event' : type;
+  return FILE_ICON_REGISTRY.entityIcons[normalized] || FILE_ICON_REGISTRY.entityIcons.entity || FILE_ICON_REGISTRY.defaults.file;
+}
+
+function iconHtml(descriptor) {
+  if (!descriptor) descriptor = FILE_ICON_REGISTRY.defaults.file;
+  const contentId = iconContentId(descriptor);
+  return `<img src="cid:${contentId}" alt="" width="14" height="14" style="display:block;width:14px;height:14px;border:0;outline:none;text-decoration:none">`;
+}
+
+function openIconHtml() {
+  return iconHtml({ kind: 'lucide', name: 'ExternalLink', colorClass: 'text-white', color: COLOR.text });
+}
 
-function glyphSpan(glyph) {
-  return glyph
-    ? `<span style="font-size:12px;line-height:16px;color:${COLOR.text};padding-right:7px">${glyph}</span>`
-    : '';
+function chromeLabelParts(name) {
+  const value = String(name || 'File');
+  const solidLength = 12;
+  const fadeLength = 5;
+  if (value.length <= solidLength + 1) return { solid: value, fade: '' };
+  return {
+    solid: value.slice(0, solidLength),
+    fade: value.slice(solidLength, solidLength + fadeLength),
+  };
 }
 
 /**
- * One header pill, the email form of EmbedChrome's floating pill: a pure-black
- * fill (Gmail dark mode recolors near-blacks like stone-950 — which is why the
- * name used to flip to a white pill — but leaves #000 alone) with a stone-800
- * border carrying the rounded shape and white text.
+ * One floating pill, matching EmbedChrome: 32px tall, black fill, stone-800
+ * border, rounded-xl, white 13px text. This is intentionally a table, not
+ * inline flex/span layout, so Gmail keeps the icon and filename together.
  */
-function headerPill(inner) {
-  return `<span style="display:inline-block;background:${COLOR.bg};border:1px solid ${COLOR.pillBorder};border-radius:12px;padding:5px 11px;font-size:13px;line-height:16px;color:${COLOR.text};white-space:nowrap">${inner}</span>`;
+function chromePill(cells, extra = '') {
+  return (
+    `<table role="presentation" cellpadding="0" cellspacing="0" style="display:inline-table;height:32px;background:${COLOR.bgChip};border:1px solid ${COLOR.pillBorder};border-radius:12px;border-collapse:separate;box-shadow:0 14px 35px rgba(0,0,0,0.45);${extra}">` +
+    `<tr>${cells}</tr></table>`
+  );
 }
 
-/** `[glyph] name` — name clipped with an ellipsis (email's stand-in for the UI's edge fade). */
-function namePill(glyph, name) {
+/** `[glyph] name` — title text fades after the tab-width budget, matching the UI treatment. */
+function namePill(iconDescriptor, name) {
+  const { solid, fade } = chromeLabelParts(name);
+  const fadeOpacities = [0.75, 0.5, 0.3, 0.16, 0.06];
   const label =
-    `<span style="display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;` +
-    `white-space:nowrap;vertical-align:bottom;color:${COLOR.text}">${escapeText(name)}</span>`;
-  return headerPill(`${glyphSpan(glyph)}${label}`);
+    escapeText(solid) +
+    (fade
+      .split('')
+      .map((char, index) => `<span style="color:rgba(255,255,255,${fadeOpacities[index] || 0.06})">${escapeText(char)}</span>`)
+      .join(''));
+  const labelStyle = fade ? 'width:122px;max-width:122px;' : 'max-width:224px;';
+  return chromePill(
+    `<td style="padding:0 0 0 12px;vertical-align:middle;line-height:0;width:18px">${iconHtml(iconDescriptor)}</td>` +
+      `<td style="padding:0 12px 0 8px;vertical-align:middle">` +
+      `<div title="${escapeAttr(name)}" style="display:block;${labelStyle}overflow:hidden;white-space:nowrap;word-break:normal;overflow-wrap:normal;font-size:13px;line-height:30px;color:${COLOR.text};font-weight:400">${label}</div>` +
+      `</td>`
+  );
 }
 
 /** The single "Open ↗" affordance — a link when href is given. */
 function openPill(href) {
-  const inner = `Open<span style="color:${COLOR.textMuted};padding-left:5px">&#8599;</span>`;
+  const pill = chromePill(
+    `<td style="padding:0 0 0 12px;vertical-align:middle;line-height:0;width:14px">${openIconHtml()}</td>` +
+      `<td style="padding:0 12px 0 7px;vertical-align:middle;font-size:13px;line-height:30px;color:${COLOR.text};font-weight:400;white-space:nowrap">Open</td>`
+  );
   return href
-    ? `<a href="${escapeAttr(href)}" target="_blank" style="text-decoration:none">${headerPill(inner)}</a>`
-    : headerPill(inner);
+    ? `<a href="${escapeAttr(href)}" target="_blank" style="text-decoration:none;display:inline-block">${pill}</a>`
+    : pill;
 }
 
 /**
- * The expanded-embed card: rounded-16 stone-900 border, black fill, a header
- * row carrying the `[glyph] name` pill (left) and a single Open pill (right),
- * media below. `action.href` points the Open pill; pass action:null for none.
+ * The expanded-embed card: rounded-16 stone-900 border, black fill, and
+ * floating-style pills inside the body. The chrome row is a table with black
+ * background, not an email-only header label: it is the email-safe form of
+ * EmbedChrome's top-left/top-right tabs.
  */
-function embedShell({ glyph, name, action, body }) {
-  const left = name ? namePill(glyph, name) : '';
+function embedShell({ iconDescriptor, name, action, body = '', minHeight = 96 }) {
+  const left = name ? namePill(iconDescriptor, name) : '';
   const right = action ? openPill(action.href) : '';
+  const content = body || `<div style="height:${minHeight}px;line-height:${minHeight}px;font-size:0;background:${COLOR.bg}">&nbsp;</div>`;
   return (
     `<div style="border:1px solid ${COLOR.border};border-radius:16px;background:${COLOR.bg};margin:16px 0;overflow:hidden">` +
-    `<table role="presentation" width="100%" cellpadding="0" cellspacing="0"><tr>` +
-    `<td align="left" style="padding:10px 10px 8px">${left}</td>` +
-    `<td align="right" style="padding:10px 10px 8px;white-space:nowrap">${right}</td>` +
+    `<div style="padding:12px 12px 10px;background:${COLOR.bg}">` +
+    `<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse"><tr>` +
+    `<td align="left" style="padding:0;vertical-align:top;line-height:0">${left}</td>` +
+    `<td align="right" style="padding:0;vertical-align:top;line-height:0">${right}</td>` +
     `</tr></table>` +
-    body +
+    `</div>` +
+    content +
     `</div>`
   );
 }
@@ -221,7 +318,8 @@ function posterBlock(posterSrc, label, href) {
  * frame when one is provided, a play card otherwise.
  */
 function renderVideoEmbed(label, url, poster) {
-  const name = label || mediaNameOf(url) || 'Video';
+  const identity = resolveFileEmbedIdentity({ url, fallback: label || 'Video' });
+  const name = identity.label;
   const safeUrl = escapeAttr(url);
   const posterSrc = poster && isEmbeddableImageSrc(poster) ? poster : null;
   const fallback = posterSrc
@@ -233,7 +331,7 @@ function renderVideoEmbed(label, url, poster) {
     `<video controls preload="metadata" src="${safeUrl}"${posterSrc ? ` poster="${escapeAttr(posterSrc)}"` : ''} style="display:block;width:100%;max-height:480px;background:${COLOR.bg}">` +
     fallback +
     `</video>`;
-  return embedShell({ glyph: EMBED_GLYPH.video, name, action: { href: url }, body });
+  return embedShell({ iconDescriptor: resolveFileIconDescriptor(name), name, action: { href: url }, body });
 }
 
 /**
@@ -243,7 +341,8 @@ function renderVideoEmbed(label, url, poster) {
  * Gmail gives attached videos a playable preview natively.
  */
 function renderAttachedVideoCard(label, poster) {
-  const name = label || 'Video';
+  const identity = resolveFileEmbedIdentity({ url: `attached:${label || ''}`, fallback: label || 'Video' });
+  const name = identity.label;
   const posterSrc = poster && isEmbeddableImageSrc(poster) ? poster : null;
   // Poster is the animating GIF in Gmail; the real video rides in the
   // attachment strip. No in-body note — the header + strip carry it.
@@ -253,29 +352,19 @@ function renderAttachedVideoCard(label, poster) {
     ? `<a href="https://amalgm.ai" target="_blank" style="text-decoration:none;display:block"><img src="${escapeAttr(posterSrc)}" alt="${escapeAttr(name)}" style="display:block;width:100%;height:auto;background:${COLOR.bg}"></a>`
     : `<table role="presentation" width="100%" cellpadding="0" cellspacing="0"><tr>` +
       `<td align="center" style="padding:44px 16px;background:${COLOR.bg}">${PLAY_PILL}</td></tr></table>`;
-  return embedShell({ glyph: EMBED_GLYPH.video, name, action: { href: 'https://amalgm.ai' }, body });
+  return embedShell({ iconDescriptor: resolveFileIconDescriptor(name), name, action: { href: 'https://amalgm.ai' }, body });
 }
 
 /**
- * Non-playable file in an embed position (pdf/docx/audio/anything): the
- * compact file row from FileEmbed, as a card linking out.
+ * Non-playable file in an embed position (pdf/docx/audio/anything): email
+ * cannot safely preview arbitrary local documents, so the chrome carries the
+ * identity and open affordance without inventing a second email-only file row.
  */
 function renderFileCardEmbed(label, url) {
-  const name = label || mediaNameOf(url) || 'File';
-  const ext = mediaExtensionOf(name).toUpperCase();
+  const identity = resolveFileEmbedIdentity({ url, fallback: label || 'File' });
+  const name = identity.label;
   const http = isHttpUrl(url);
-  const glyph = mediaKindOf(url) === 'audio' ? EMBED_GLYPH.audio : EMBED_GLYPH.document;
-  const extChip = ext
-    ? `<span style="font-size:10px;color:${COLOR.textMuted};padding-left:8px">${escapeText(ext)}</span>`
-    : '';
-  const meta = http
-    ? ''
-    : `<span style="font-size:12px;color:${COLOR.textMuted};padding-left:10px">On your computer</span>`;
-  const body =
-    `<div style="padding:6px 16px 16px">` +
-    `<span style="font-size:13px;color:${COLOR.text}">${escapeText(name)}</span>${extChip}${meta}` +
-    `</div>`;
-  return embedShell({ glyph, name, action: { href: http ? url : 'https://amalgm.ai' }, body });
+  return embedShell({ iconDescriptor: resolveFileIconDescriptor(name), name, action: { href: http ? url : 'https://amalgm.ai' } });
 }
 
 /**
@@ -299,7 +388,7 @@ function renderMediaEmbed(alt, url, poster) {
     try {
       name = decodeURIComponent(name);
     } catch {}
-    return renderAttachedVideoCard(alt || name, poster);
+    return renderAttachedVideoCard(name, poster);
   }
   const amalgmMatch = url.match(/^amalgm:\/\/file\/([^\s)?"]+)/);
   if (amalgmMatch) {
@@ -339,15 +428,18 @@ function entityTypeLabel(type) {
 }
 
 /**
- * Inline tile — the email form of the chat's render tile: a compact linked
- * card with a type eyebrow and the entity name, pointing at the amalgm app.
+ * Inline tile — the email-safe form of ChatRow: one black rounded row with an
+ * icon and title. No email-only type eyebrow.
  */
 function renderEntityTile(label, type) {
   const safeLabel = escapeText(label || entityTypeLabel(type));
+  const iconDescriptor = resolveEntityIconDescriptor(type);
   return (
-    `<a href="https://amalgm.ai" target="_blank" style="text-decoration:none;display:inline-block;background:${COLOR.bgChip};border:1px solid ${COLOR.pillBorder};border-radius:12px;padding:8px 14px;margin:2px 0;vertical-align:middle">` +
-    `<span style="display:block;font-size:11px;line-height:14px;color:${COLOR.textMuted};text-transform:uppercase;letter-spacing:0.04em">${escapeText(entityTypeLabel(type))}</span>` +
-    `<span style="display:block;font-size:14px;line-height:20px;color:${COLOR.text}">${safeLabel}</span>` +
+    `<a href="https://amalgm.ai" target="_blank" style="text-decoration:none;display:inline-block;background:${COLOR.bg};border:1px solid ${COLOR.border};border-radius:12px;padding:8px 12px;margin:2px 0;vertical-align:middle">` +
+    `<table role="presentation" cellpadding="0" cellspacing="0" style="border-collapse:collapse"><tr>` +
+    `<td style="padding:0 10px 0 0;vertical-align:middle;line-height:0">${iconHtml(iconDescriptor)}</td>` +
+    `<td style="padding:0;vertical-align:middle;font-size:14px;line-height:18px;color:${COLOR.text};font-weight:650">${safeLabel}</td>` +
+    `</tr></table>` +
     `</a>`
   );
 }
@@ -359,13 +451,7 @@ function renderEntityTile(label, type) {
  */
 function renderEntityExpanded(label, type) {
   const display = label || entityTypeLabel(type);
-  const body =
-    `<table role="presentation" width="100%" cellpadding="0" cellspacing="0"><tr>` +
-    `<td align="center" style="padding:40px 16px 44px">` +
-    `<span style="display:block;font-size:11px;line-height:14px;color:${COLOR.textMuted};text-transform:uppercase;letter-spacing:0.04em;padding-bottom:6px">${escapeText(entityTypeLabel(type))}</span>` +
-    `<span style="display:block;font-size:16px;font-weight:650;color:${COLOR.text}">${escapeText(display)}</span>` +
-    `</td></tr></table>`;
-  return embedShell({ glyph: EMBED_GLYPH.entity, name: display, action: { href: 'https://amalgm.ai' }, body });
+  return embedShell({ iconDescriptor: resolveEntityIconDescriptor(type), name: display, action: { href: 'https://amalgm.ai' } });
 }
 
 function renderEntityEmbed(mode, type, label) {
@@ -377,6 +463,8 @@ module.exports = {
   mediaMimeOf,
   mediaKindOf,
   mediaNameOf,
+  fileBasenameOf,
+  resolveFileEmbedIdentity,
   isHttpUrl,
   isCidUrl,
   isEmbeddableImageSrc,

package/runtime/scripts/amalgm-mcp/lib/email-icons.js

@@ -0,0 +1,53 @@
+const fs = require('fs');
+const path = require('path');
+
+const ICON_ASSET_DIR = path.join(__dirname, 'email-icon-assets');
+const MAX_TOTAL_ATTACHMENTS = 8;
+
+function sanitizeId(value) {
+  return String(value || 'icon')
+    .toLowerCase()
+    .replace(/#[0-9a-f]+/gi, (match) => match.slice(1))
+    .replace(/[^a-z0-9]+/g, '-')
+    .replace(/^-+|-+$/g, '')
+    .slice(0, 80) || 'icon';
+}
+
+function iconContentId(descriptor) {
+  if (!descriptor) return 'amalgm-icon-file';
+  if (descriptor.kind === 'lucide') return `amalgm-icon-lucide-${sanitizeId(descriptor.name)}-${sanitizeId(descriptor.color)}`;
+  if (descriptor.kind === 'letter') return `amalgm-icon-letter-${sanitizeId(descriptor.letters)}-${sanitizeId(descriptor.bg)}-${sanitizeId(descriptor.fg)}`;
+  if (descriptor.kind === 'path') return `amalgm-icon-path-${sanitizeId(descriptor.name)}-${sanitizeId(descriptor.fill)}`;
+  if (descriptor.kind === 'react') return 'amalgm-icon-react';
+  if (descriptor.kind === 'skill') return 'amalgm-icon-skill';
+  return 'amalgm-icon-file';
+}
+
+function collectIconContentIds(html) {
+  const ids = new Set();
+  const pattern = /cid:(amalgm-icon-[a-z0-9-]+)/gi;
+  let match;
+  while ((match = pattern.exec(html))) ids.add(match[1]);
+  return Array.from(ids);
+}
+
+function prepareEmailIconAttachments(html, existingAttachments = []) {
+  const remaining = Math.max(0, MAX_TOTAL_ATTACHMENTS - existingAttachments.length);
+  if (remaining <= 0) return [];
+
+  const attachments = [];
+  for (const contentId of collectIconContentIds(html)) {
+    if (attachments.length >= remaining) break;
+    const filePath = path.join(ICON_ASSET_DIR, `${contentId}.png`);
+    if (!fs.existsSync(filePath)) continue;
+    attachments.push({
+      filename: `${contentId}.png`,
+      content: fs.readFileSync(filePath).toString('base64'),
+      contentType: 'image/png',
+      contentId,
+    });
+  }
+  return attachments;
+}
+
+module.exports = { iconContentId, prepareEmailIconAttachments };

package/runtime/scripts/amalgm-mcp/lib/email-md.js

@@ -59,6 +59,20 @@ function escapeHtmlText(value) {
     .replace(/>/g, '>');
 }
 
+function parseStandaloneMediaLine(line) {
+  const match = line.trim().match(/^!\[([^\]]*)\]\((.*)\)$/);
+  if (!match) return null;
+  let src = match[2].trim();
+  let title = null;
+  const titleMatch = src.match(/^(.*)\s+"([^"]*)"$/);
+  if (titleMatch) {
+    src = titleMatch[1].trim();
+    title = titleMatch[2];
+  }
+  if (!src) return null;
+  return { alt: match[1], src, title };
+}
+
 // Inline citation for amalgm:// references (files, folders, skills, agents).
 // Codex-style: plain blue text at the surrounding font size — no chip.
 // Non-clickable in email (local resources can't open from a mail client);
@@ -82,7 +96,8 @@ function inlineFormat(text) {
         /!\[([^\]]*)\]\(([^)\s]+)(?:\s+"[^"]*")?\)/g,
         (_, alt, url) => {
           if (/^attached:/i.test(url)) {
-            return `<span style="color:${EMAIL_TOKENS.color.link}">${escapeHtmlText(alt || 'video')}</span> <span style="color:${EMAIL_TOKENS.color.textSecondary}">(attached)</span>`;
+            const filename = embeds.fileBasenameOf(url) || alt || 'video';
+            return `<span style="color:${EMAIL_TOKENS.color.link}">${escapeHtmlText(filename)}</span> <span style="color:${EMAIL_TOKENS.color.textSecondary}">(attached)</span>`;
           }
           if (!embeds.isEmbeddableImageSrc(url)) {
             return `<span style="color:${EMAIL_TOKENS.color.link}">${escapeHtmlText(alt || embeds.mediaNameOf(url) || 'file')}</span>`;
@@ -257,10 +272,10 @@ function markdownToEmailHtml(md) {
     // Standalone media line → block embed (image bare, video in the
     // EmbedChrome card, attached/local/doc files as cards). The optional
     // title carries a video poster: ![label](url "cid:poster-1").
-    const mediaMatch = trimmed.match(/^!\[([^\]]*)\]\(([^)\s]+)(?:\s+"([^"]*)")?\)$/);
+    const mediaMatch = parseStandaloneMediaLine(trimmed);
     if (mediaMatch) {
       flushAll();
-      out.push(embeds.renderMediaEmbed(mediaMatch[1], mediaMatch[2], mediaMatch[3] || null));
+      out.push(embeds.renderMediaEmbed(mediaMatch.alt, mediaMatch.src, mediaMatch.title || null));
       continue;
     }
     // Standalone entity render → tile card or expanded card.