executable-stories-formatters 0.7.11 → 0.7.12

package/dist/cli.js

@@ -2992,6 +2992,27 @@ body {
   border: 1px solid var(--border);
 }
 
+.attachment-unavailable {
+  padding: 0.75rem 1rem;
+  border: 1px dashed var(--border);
+  border-radius: calc(var(--radius) - 2px);
+  background: var(--muted, transparent);
+  color: var(--muted-foreground);
+  font-size: 0.8125rem;
+}
+
+.attachment-unavailable-label {
+  font-weight: 600;
+  margin-bottom: 0.25rem;
+}
+
+.attachment-unavailable-path {
+  font-family: var(--font-mono, ui-monospace, monospace);
+  font-size: 0.75rem;
+  word-break: break-all;
+  opacity: 0.8;
+}
+
 /* ============================================================================
    Chevron Icon - smooth rotation
    ============================================================================ */
@@ -3557,6 +3578,27 @@ body {
   font-style: italic;
 }
 
+.doc-screenshot-missing {
+  padding: 0.75rem 1rem;
+  border: 1px dashed var(--border);
+  border-radius: calc(var(--radius) - 2px);
+  background: var(--muted, transparent);
+  color: var(--muted-foreground);
+  font-size: 0.8125rem;
+}
+
+.doc-screenshot-missing-label {
+  font-weight: 600;
+  margin-bottom: 0.25rem;
+}
+
+.doc-screenshot-missing-path {
+  font-family: var(--font-mono, ui-monospace, monospace);
+  font-size: 0.75rem;
+  word-break: break-all;
+  opacity: 0.8;
+}
+
 /* ============================================================================
    Documentation Entries - Custom
    ============================================================================ */
@@ -13531,11 +13573,18 @@ function renderTagBar(args, deps) {
 </div>`;
 }
 
+// src/notifiers/ansi-strip.ts
+function stripAnsi(text2) {
+  return text2.replace(/\x1B\[[0-?]*[ -/]*[@-~]/g, "");
+}
+
 // src/formatters/html/renderers/error-box.ts
 function renderErrorBox(args, deps) {
-  const body = args.stack != null ? `${deps.escapeHtml(args.message)}
+  const message = stripAnsi(args.message);
+  const stack = args.stack != null ? stripAnsi(args.stack) : void 0;
+  const body = stack != null ? `${deps.escapeHtml(message)}
 
-${deps.escapeHtml(args.stack)}` : deps.escapeHtml(args.message);
+${deps.escapeHtml(stack)}` : deps.escapeHtml(message);
   return `<div class="error-box">${body}</div>`;
 }
 
@@ -13548,6 +13597,7 @@ function renderAttachments(args, deps) {
     const isImage = att.mediaType.startsWith("image/");
     const isVideo = att.mediaType.startsWith("video/");
     const isBase64 = att.contentEncoding === "BASE64";
+    const isUnreachableFsPath = deps.embedScreenshots && !isBase64 && typeof att.body === "string" && /^(?:[/\\]|[A-Za-z]:[/\\])/.test(att.body);
     if (isImage && deps.embedScreenshots && isBase64) {
       return `
 <div class="attachment">
@@ -13555,12 +13605,19 @@ function renderAttachments(args, deps) {
   <img class="attachment-image" src="data:${att.mediaType};base64,${att.body}" alt="${deps.escapeHtml(att.name)}" />
 </div>`;
     }
-    if (isVideo && deps.embedScreenshots) {
+    if (isVideo && deps.embedScreenshots && !isUnreachableFsPath) {
       const src = isBase64 ? `data:${att.mediaType};base64,${att.body}` : att.body;
       return `
 <div class="attachment">
   ${deps.escapeHtml(att.name)}
   <video class="attachment-video" controls src="${deps.escapeHtml(src)}"></video>
+</div>`;
+    }
+    if (isUnreachableFsPath) {
+      return `
+<div class="attachment attachment-unavailable">
+  <div class="attachment-unavailable-label">${deps.escapeHtml(att.name)} unavailable</div>
+  <div class="attachment-unavailable-path">${deps.escapeHtml(att.body)}</div>
 </div>`;
     }
     const href = isBase64 ? `data:${att.mediaType};base64,${att.body}` : att.body;
@@ -13643,7 +13700,18 @@ function renderDocScreenshot(entry, deps) {
   const alt = entry.alt ?? "Screenshot";
   const embedEnabled = deps.embedScreenshots ?? true;
   const isRemote = /^(?:https?:|data:)/i.test(entry.path);
-  const src = embedEnabled && !isRemote && deps.readScreenshot ? deps.readScreenshot(entry.path) ?? entry.path : entry.path;
+  const embedAttempted = !isRemote && embedEnabled && !!deps.readScreenshot;
+  const inlined = embedAttempted ? deps.readScreenshot(entry.path) : void 0;
+  const isAbsoluteFsPath = !isRemote && /^(?:[/\\]|[A-Za-z]:[/\\])/.test(entry.path);
+  if (embedAttempted && inlined === void 0 && isAbsoluteFsPath) {
+    const captionHtml = entry.alt ? `<div class="doc-screenshot-caption">${deps.escapeHtml(entry.alt)}</div>` : "";
+    return `<div class="doc-screenshot doc-screenshot-missing">
+  <div class="doc-screenshot-missing-label">Screenshot unavailable</div>
+  <div class="doc-screenshot-missing-path">${deps.escapeHtml(entry.path)}</div>
+  ${captionHtml}
+</div>`;
+  }
+  const src = inlined ?? entry.path;
   return `<div class="doc-screenshot">
   <img src="${deps.escapeHtml(src)}" alt="${deps.escapeHtml(alt)}" class="doc-screenshot-img" />
   ${entry.alt ? `<div class="doc-screenshot-caption">${deps.escapeHtml(entry.alt)}</div>` : ""}
@@ -18052,11 +18120,6 @@ function pickleStepArgumentToDocs(ps) {
   return docs;
 }
 
-// src/notifiers/ansi-strip.ts
-function stripAnsi(text2) {
-  return text2.replace(/\x1B\[[0-?]*[ -/]*[@-~]/g, "");
-}
-
 // src/notifiers/slack.ts
 function truncate(text2, maxLen) {
   if (text2.length <= maxLen) return text2;