@agent-native/core 0.157.8 → 0.157.9

package/corpus/templates/slides/actions/import-pptx.ts

@@ -100,6 +100,7 @@ export async function importPptxBufferToDeck(args: {
   imported: true;
   url: string;
   imagesSkipped?: number;
+  tablesDegraded?: number;
 }> {
   const {
     fileBuffer,
@@ -156,6 +157,7 @@ export async function importPptxBufferToDeck(args: {
           sourceText: parsedSlide.texts.map((text) => text.content).join("\n"),
           imageUrls: Object.values(uploadedImages.urls),
           imageSkippedCount: uploadedImages.imageSkippedCount,
+          tablesDegraded: parsedSlide.tablesDegraded ?? 0,
         };
       }),
     ),
@@ -165,6 +167,10 @@ export async function importPptxBufferToDeck(args: {
     (total, r) => total + r.imageSkippedCount,
     0,
   );
+  const tablesDegraded = results.reduce(
+    (total, r) => total + r.tablesDegraded,
+    0,
+  );
   if (imagesSkipped > 0) {
     throw new Error(
       `Source-faithful PPTX import could not preserve ${imagesSkipped} image(s). No deck was written. Retry with browser-renderable images or use a PDF export for page-faithful preservation.`,
@@ -180,6 +186,7 @@ export async function importPptxBufferToDeck(args: {
       editableText: true,
     })),
     imagesSkipped,
+    tablesDegraded,
   });
   const aspectRatio = nearestAspectRatio(
     presentation.slides[0]?.widthEmu,
@@ -234,6 +241,7 @@ export async function importPptxBufferToDeck(args: {
       imported: true,
       url: getDeckUrl(deckId),
       ...(imagesSkipped > 0 ? { imagesSkipped } : {}),
+      ...(tablesDegraded > 0 ? { tablesDegraded } : {}),
     };
   }
 
@@ -269,6 +277,7 @@ export async function importPptxBufferToDeck(args: {
     imported: true,
     url: getDeckUrl(id),
     ...(imagesSkipped > 0 ? { imagesSkipped } : {}),
+    ...(tablesDegraded > 0 ? { tablesDegraded } : {}),
   };
 }
 

package/corpus/templates/slides/app/lib/export-pptx-client.ts

@@ -56,6 +56,9 @@ function waitForImageToSettle(image: HTMLImageElement): Promise<void> {
       if (decodeStarted) return;
       decodeStarted = true;
       if (!image.complete || image.naturalWidth <= 0) {
+        console.warn(
+          `[export-pptx] image could not be loaded for export: ${image.src}`,
+        );
         finish();
         return;
       }
@@ -141,9 +144,12 @@ const NOTES_MASTER_XML = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?
 const NOTES_MASTER_RELS_XML = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/theme" Target="../theme/theme1.xml"/></Relationships>`;
 
+const EMU_PER_INCH = 914_400;
+
 export async function addSpeakerNotesToPptxBlob(
   blob: Blob,
   slides: PptxExportSlide[],
+  pptxInches: { w: number; h: number },
 ): Promise<Blob> {
   const hasNotes = slides.some((slide) => slide.notes?.trim());
   if (!hasNotes) return blob;
@@ -194,9 +200,14 @@ export async function addSpeakerNotesToPptxBlob(
   }
 
   if (!presentationXml.includes("<p:notesSz")) {
+    // The notes page is a portrait rotation of the slide, so its cx/cy swap
+    // the slide's own width/height (matches PowerPoint's own notesMaster
+    // output, e.g. a 13.33x7.5in 16:9 slide gets a 7.5x13.33in notes page).
+    const notesCx = Math.round(pptxInches.h * EMU_PER_INCH);
+    const notesCy = Math.round(pptxInches.w * EMU_PER_INCH);
     presentationXml = presentationXml.replace(
       "<p:defaultTextStyle>",
-      '<p:notesSz cx="6858000" cy="12192000"/><p:defaultTextStyle>',
+      `<p:notesSz cx="${notesCx}" cy="${notesCy}"/><p:defaultTextStyle>`,
     );
   }
 
@@ -667,13 +678,36 @@ function normalizeSingleLineText(
   }
 }
 
+const CSS_PX_PER_INCH = 96;
+
+/**
+ * dom-to-pptx fits the rendered clone into the requested slide size and
+ * scales every measurement it takes by this same factor (dist/dom-to-pptx.mjs
+ * `processSlide`). The bullet indent patched in afterward must match that
+ * scale or it drifts off the deck's actual aspect ratio.
+ */
+export function pptxExportScale(dims: {
+  width: number;
+  height: number;
+  pptxInches: { w: number; h: number };
+}) {
+  return Math.min(
+    dims.pptxInches.w / (dims.width / CSS_PX_PER_INCH),
+    dims.pptxInches.h / (dims.height / CSS_PX_PER_INCH),
+  );
+}
+
 /**
  * CSS markers live outside the LI box, so dom-to-pptx cannot infer the gap
  * between a bullet and its text from getBoundingClientRect alone. Add that
  * source-visible gap only on the export clone; the source DOM stays editable.
  */
-function normalizeListsForPptx(root: HTMLElement) {
+function normalizeListsForPptx(
+  root: HTMLElement,
+  dims: { width: number; height: number; pptxInches: { w: number; h: number } },
+) {
   const bulletIndents: number[] = [];
+  const scale = pptxExportScale(dims);
 
   for (const list of root.querySelectorAll<HTMLElement>("ul,ol")) {
     const listStyle = window.getComputedStyle(list);
@@ -711,7 +745,9 @@ function normalizeListsForPptx(root: HTMLElement) {
     if (!listRect.width || !itemRect.width) continue;
 
     const visualIndentPx = itemRect.left - listRect.left;
-    bulletIndents.push(Math.max(0, (visualIndentPx - paddingLeft) * 0.75));
+    bulletIndents.push(
+      Math.max(0, (visualIndentPx - paddingLeft) * 0.75 * scale),
+    );
   }
 
   return bulletIndents;
@@ -1041,7 +1077,7 @@ export async function buildDeckPptxBlob(
       exportClones.push(clone);
       await preloadImagesWithCors(clone.element);
       resetAutofitTransforms(clone.element);
-      slideBulletIndents.push(normalizeListsForPptx(clone.element));
+      slideBulletIndents.push(normalizeListsForPptx(clone.element, dims));
       restorePositionedGeometry(
         clone.element,
         clone.sourceRect,
@@ -1083,7 +1119,11 @@ export async function buildDeckPptxBlob(
       initialBlob,
       slideBulletIndents,
     );
-    const blob = await addSpeakerNotesToPptxBlob(bulletPatchedBlob, slides);
+    const blob = await addSpeakerNotesToPptxBlob(
+      bulletPatchedBlob,
+      slides,
+      dims.pptxInches,
+    );
     return { blob, filename: safePptxName(deckTitle) };
   } finally {
     for (const clone of exportClones) {

package/corpus/templates/slides/server/handlers/import/html-converter.ts

@@ -167,7 +167,11 @@ export function convertToSlideHtml(
 
 const DEFAULT_SLIDE_WIDTH_EMU = 9144000;
 const DEFAULT_SLIDE_HEIGHT_EMU = 5143500;
-const DEFAULT_PPTX_BACKGROUND = "#000000"; // guard:allow-raw-color - preserve PPTX black when no background is declared
+// PowerPoint's own default slide background (no `<p:bg>` declared) is white,
+// not black — defaulting to black here made an undecorated slide's own
+// (often dark, theme-default) text unreadable or fully invisible against a
+// background the source file never actually specified.
+const DEFAULT_PPTX_BACKGROUND = "#ffffff"; // guard:allow-raw-color - PPTX's own white default when no background is declared
 const DEFAULT_PPTX_FOREGROUND = "#ffffff"; // guard:allow-raw-color - preserve PPTX white when no run color is declared
 
 /**
@@ -250,6 +254,18 @@ function buildFidelityElement(
     return `<div class="fmd-pptx-image" data-pptx-element-kind="image" data-pptx-image-name="${esc(element.image?.name ?? "image")}"${objectId} style="${position}${rotation} overflow: hidden;">${url ? `<img src="${esc(url)}" alt="" style="${imageStyle}" />` : `<div class="fmd-img-placeholder" style="width:100%;height:100%;">Imported image: ${esc(element.image?.name ?? "image")}</div>`}</div>`;
   }
 
+  if (element.kind === "table") {
+    return buildFidelityTable(
+      element,
+      widthEmu,
+      refBox.width,
+      themeFont,
+      position,
+      rotation,
+      objectId,
+    );
+  }
+
   const decoration = shapeDecoration(element, widthEmu, refBox.width);
   if (element.kind === "shape") {
     return `<div class="fmd-pptx-shape" data-pptx-element-kind="shape"${objectId} style="${position}${rotation}${decoration}"></div>`;
@@ -331,6 +347,58 @@ function imageRenderStyle(element: ParsedElement): string {
   return `display:block;position:absolute;left:${(-crop.left / visibleWidth) * 100}%;top:${(-crop.top / visibleHeight) * 100}%;width:${(1 / visibleWidth) * 100}%;height:${(1 / visibleHeight) * 100}%;object-fit:fill;`;
 }
 
+type ParsedTableCell = NonNullable<
+  ParsedElement["table"]
+>["rows"][number][number];
+
+const DEFAULT_PPTX_TABLE_BORDER = "rgba(255,255,255,0.25)"; // guard:allow-raw-color - imported PPTX table cell border approximation, same fixed-contrast convention as the rest of this fidelity renderer
+
+/** Render a parsed `"table"` element (a PPTX `graphicFrame`'s `a:tbl`) as a real HTML `<table>`, sized/positioned the same way every other fidelity element is. */
+function buildFidelityTable(
+  element: ParsedElement,
+  widthEmu: number,
+  refWidthPx: number,
+  themeFont: string | undefined,
+  position: string,
+  rotation: string,
+  objectId: string,
+): string {
+  const rows = element.table?.rows ?? [];
+  const rowsHtml = rows
+    .map(
+      (row) =>
+        `<tr>${row
+          .map((cell) =>
+            buildFidelityTableCell(cell, widthEmu, refWidthPx, themeFont),
+          )
+          .join("")}</tr>`,
+    )
+    .join("");
+  return `<div class="fmd-pptx-table" data-pptx-element-kind="table"${objectId} style="${position}${rotation} overflow: hidden;"><table style="width:100%;height:100%;border-collapse:collapse;table-layout:fixed;font-family:${cssFontFamily(themeFont)};">${rowsHtml}</table></div>`;
+}
+
+function buildFidelityTableCell(
+  cell: ParsedTableCell,
+  widthEmu: number,
+  refWidthPx: number,
+  themeFont: string | undefined,
+): string {
+  const fill = cell.fill ? `background:${esc(cell.fill)};` : "";
+  const paragraphsHtml = cell.paragraphs
+    .map((paragraph, paragraphIndex) =>
+      buildFidelityParagraph(
+        paragraph,
+        paragraphIndex,
+        widthEmu,
+        refWidthPx,
+        themeFont,
+        400,
+      ),
+    )
+    .join("");
+  return `<td colspan="${cell.colSpan ?? 1}" rowspan="${cell.rowSpan ?? 1}" style="border:1px solid ${DEFAULT_PPTX_TABLE_BORDER};padding:4px 8px;vertical-align:top;${fill}">${paragraphsHtml}</td>`;
+}
+
 function shapeDecoration(
   element: ParsedElement,
   widthEmu: number,