@agent-native/core 0.157.8 → 0.157.10

package/corpus/templates/slides/app/global.css

@@ -537,9 +537,21 @@ button[title="Open agent sidebar"] {
 }
 
 .fmd-autofit-scale {
+  transform-origin: top left;
+}
+
+/* Only apply the fit transform once autofit is actually shrinking content
+   (see SlideRenderer's `data-fmd-autofit-active`). Any non-"none" `transform`
+   value — even the identity transform this rule used to apply unconditionally
+   — creates a new containing block for `position: absolute` descendants
+   (CSS Transforms spec). Freeform slide objects are authored against the
+   full `.fmd-slide` box; an always-on transform here silently re-anchored
+   them to this layer's smaller, padding-inset box instead, shifting them
+   off-canvas. Scoping the transform to the active-fit state keeps the
+   common (no scaling needed) case free of a containing block at all. */
+.fmd-autofit-scale[data-fmd-autofit-active] {
   transform: translate(var(--fmd-fit-x, 0px), var(--fmd-fit-y, 0px))
     scale(var(--fmd-fit-scale, 1));
-  transform-origin: top left;
 }
 
 .fmd-slide > [data-fmd-autofit-content] {
@@ -1084,8 +1096,14 @@ button[title="Open agent sidebar"] {
   font-style: normal;
 }
 
+/* An imported PPTX `a:srcRect` crop is rendered by oversizing the `<img>` past
+   its `overflow: hidden` box (e.g. `width: 255%; left: -77%`), so both caps
+   have to be lifted, not just the vertical one — `max-width: 100%` alone
+   silently shrank the image back to its box while the negative `left` kept
+   scrolling, leaving the visible crop window off the picture entirely. */
 .slide-content .fmd-slide img {
   border-radius: 0;
+  max-width: none;
   max-height: none;
   margin: 0;
 }

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

@@ -15,6 +15,40 @@ export type GoogleSlidesExportResult =
   /** The export action should send the user through Google OAuth first. */
   | { url: null; requiresConnection: true; reason: string };
 
+export interface DeckPptxFile {
+  blob: Blob;
+  filename: string;
+}
+
+/**
+ * Renders the deck through the vector-capable server exporter — the only path
+ * that emits the source file's shapes as real `custGeom` geometry. Its
+ * positioned-object guard is rethrown verbatim so the caller can show it
+ * instead of quietly handing Google the rasterized browser export.
+ */
+export async function fetchDeckPptxFromServer(
+  deckId: string,
+  fallbackError: string,
+): Promise<DeckPptxFile> {
+  const res = await fetch(`${appBasePath()}/api/exports/pptx`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ deckId }),
+  });
+  if (!res.ok) {
+    const payload = (await res.json().catch(() => null)) as {
+      error?: string;
+      message?: string;
+    } | null;
+    throw new Error(payload?.error || payload?.message || fallbackError);
+  }
+  const disposition = res.headers.get("content-disposition");
+  return {
+    blob: await res.blob(),
+    filename: disposition?.match(/filename="?([^"]+)"?/i)?.[1] ?? "deck.pptx",
+  };
+}
+
 function triggerBlobDownload(blob: Blob, filename: string) {
   const url = URL.createObjectURL(blob);
   const a = document.createElement("a");
@@ -37,12 +71,17 @@ export async function exportDeckToGoogleSlides(
   deckTitle: string,
   slides: GoogleSlidesExportSlide[],
   aspectRatio?: AspectRatio,
+  /**
+   * Overrides the browser exporter. Source-imported decks pass
+   * `fetchDeckPptxFromServer`: dom-to-pptx ships no custGeom support, so the
+   * browser build would upload PNG rasterizations of the very shapes Google
+   * Slides can otherwise keep editable.
+   */
+  buildPptx?: () => Promise<DeckPptxFile>,
 ): Promise<GoogleSlidesExportResult> {
-  const { blob, filename } = await buildDeckPptxBlob(
-    deckTitle,
-    slides,
-    aspectRatio,
-  );
+  const { blob, filename } = await (buildPptx
+    ? buildPptx()
+    : buildDeckPptxBlob(deckTitle, slides, aspectRatio));
 
   const form = new FormData();
   form.append("file", blob, filename);

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

@@ -123,12 +123,19 @@ export function findSlideExportSource(
   }
 
   // A given slide can appear multiple times (sidebar thumbnail + active
-  // editor canvas); pick the one with the largest natural width so we
-  // capture full-resolution pixels even when the visible copy is scaled
-  // down via CSS transform.
-  return candidates.reduce((best, el) =>
-    el.offsetWidth > best.offsetWidth ? el : best,
-  );
+  // editor canvas). Rank on the *rendered* width, not `offsetWidth`:
+  // `offsetWidth` ignores CSS transforms, so a sidebar thumbnail shrunk by
+  // `scale()` reports the same 960 as the canvas it mirrors. That tie left
+  // the strict `>` below returning `candidates[0]` — document order, i.e.
+  // the thumbnail — so exports captured the low-fidelity copy.
+  // `getBoundingClientRect().width` sees through the transform and picks the
+  // real canvas; `offsetWidth` only breaks a genuine rendered-width tie.
+  return candidates.reduce((best, el) => {
+    const elWidth = el.getBoundingClientRect().width;
+    const bestWidth = best.getBoundingClientRect().width;
+    if (elWidth !== bestWidth) return elWidth > bestWidth ? el : best;
+    return el.offsetWidth > best.offsetWidth ? el : best;
+  });
 }
 
 export async function exportDeckAsPdf(