@agent-native/core 0.141.7 → 0.144.0

package/corpus/templates/slides/app/components/presentation/PresentationView.tsx

@@ -18,6 +18,7 @@ import type {
 import type { AspectRatio } from "@/lib/aspect-ratios";
 import {
   findLegacyAnimationContainer,
+  getElementPath,
   resolveSlideAnimationElement,
 } from "@/lib/slide-animation-elements";
 
@@ -43,6 +44,31 @@ function getAnimationSteps(slide: Slide): SlideAnimation[] | null {
     const doc = new DOMParser().parseFromString(slide.content, "text/html");
     const root = doc.querySelector(".fmd-slide");
     if (!root) return null;
+
+    const paragraphs = Array.from(
+      root.querySelectorAll(".fmd-pptx-text p[data-pptx-paragraph]"),
+    ).filter((paragraph) => {
+      const textBox = paragraph.closest(".fmd-pptx-text");
+      return (
+        (textBox?.querySelectorAll("p[data-pptx-paragraph]").length ?? 0) > 1
+      );
+    });
+    if (paragraphs.length > 1) {
+      return paragraphs.flatMap((paragraph, index) => {
+        const elementPath = getElementPath(root, paragraph);
+        return elementPath
+          ? [
+              {
+                id: `auto-paragraph-${index}`,
+                elementIndex: index,
+                elementPath,
+                type: "slide-up" as AnimationType,
+              },
+            ]
+          : [];
+      });
+    }
+
     const container = findLegacyAnimationContainer(root);
     if (!container) return null;
     return Array.from(container.children).map((_, i) => ({
@@ -103,7 +129,7 @@ function annotateStepsForPresentation(
     })
     .join("\n");
 
-  const styleTag = `<style>[data-pstep] { opacity: 0; pointer-events: none; }\n${styleLines}</style>`;
+  const styleTag = `<style>[data-pstep] { opacity: 0; pointer-events: none; visibility: visible !important; }\n${styleLines}</style>`;
   return styleTag + doc.body.innerHTML;
 }
 

package/corpus/templates/slides/app/i18n/en-US.ts

@@ -684,6 +684,7 @@ const messages = {
     googleSlidesReferenceConnect:
       "Connect Google Drive to import a Slides deck.",
     googleSlidesReferenceChoose: "Choose Google Slides deck",
+    googleSlidesReferenceUrl: "Paste a Google Slides link",
     googleSlidesReferencePicking: "Working...",
     googleSlidesReferenceConnected:
       "Connected. Choose a Google Slides deck to import as a reusable reference.",

package/corpus/templates/slides/app/lib/create-deck-generation.ts

@@ -100,7 +100,7 @@ function describeUploadedFilesForAgent(
     "",
     "File handling rules:",
     `- PPTX files: call \`import-pptx --filePath \"<path>\" --deckId ${deckId}\` before adding or editing slides.`,
-    `- PDF and DOCX files: call \`import-file --filePath \"<path>\" --format auto --deckId ${deckId}\` and use the returned extracted text as source material. The returned text is capped for reliability; re-run with maxChars only if more context is needed.`,
+    `- PDF and DOCX files: call \`import-file --filePath \"<path>\" --format auto --deckId ${deckId}\` and use the returned extracted text as source material. For a visual PDF whose original layout should be preserved, pass \`--importIntoDeck true\` instead of rebuilding the pages from extracted text.`,
     "- Text-like files: use the uploaded-text-file blocks already included in the prompt; do not call import-file for them.",
     '- Image files with an embeddable URL can be inserted directly into slide HTML as `<img src="...">` or used as visual references.',
     "- Image files without a URL are visual/reference assets only; do not claim to have processed a PPTX/PDF/DOCX unless the relevant import action succeeds.",

package/corpus/templates/slides/app/lib/deck-preview-frame.ts

@@ -0,0 +1,15 @@
+import { getAspectRatioDims, type AspectRatio } from "./aspect-ratios";
+
+const LISTING_FRAME_RATIO = 16 / 9;
+
+export function getDeckListingPreviewFrameStyle(aspectRatio?: AspectRatio) {
+  const dimensions = getAspectRatioDims(aspectRatio);
+  const isListingRatio =
+    dimensions.width / dimensions.height >= LISTING_FRAME_RATIO;
+
+  return {
+    aspectRatio: `${dimensions.width} / ${dimensions.height}`,
+    height: "100%",
+    width: isListingRatio ? "100%" : "auto",
+  };
+}

package/corpus/templates/slides/app/lib/deck-share-links.ts

@@ -0,0 +1,9 @@
+export type DeckShareLinkKind = "editor" | "presentation";
+
+export function getDeckShareLinkOrder(
+  visibility?: "private" | "org" | "public",
+): { primary: DeckShareLinkKind; secondary: DeckShareLinkKind } {
+  return visibility === "public"
+    ? { primary: "presentation", secondary: "editor" }
+    : { primary: "editor", secondary: "presentation" };
+}

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

@@ -313,6 +313,94 @@ function widenNoWrapTextElements(root: HTMLElement) {
   }
 }
 
+/**
+ * dom-to-pptx serializes CSS gradients as one malformed diagonal SVG. Imported
+ * slides use a repeated master grid, so materialize that grid as a transparent
+ * image before handing the clone to the exporter and leave the real text and
+ * image objects editable.
+ */
+function materializeImportedBackgroundGrid(root: HTMLElement) {
+  const slideRoot = root.matches(".fmd-imported-pptx")
+    ? root
+    : root.querySelector<HTMLElement>(".fmd-imported-pptx");
+  if (!slideRoot) return;
+  const computed = window.getComputedStyle(slideRoot);
+  if (!computed.backgroundImage.includes("linear-gradient")) return;
+
+  const color = computed.backgroundImage.match(/rgb\([^)]*\)/)?.[0];
+  const size = computed.backgroundSize
+    .split(",")[0]
+    ?.trim()
+    .split(/\s+/)
+    .map((value) => Number.parseFloat(value));
+  const position = computed.backgroundPosition
+    .split(",")[0]
+    ?.trim()
+    .split(/\s+/)
+    .map((value) => Number.parseFloat(value));
+  const declaredLineWidth = computed.backgroundImage.match(
+    /\b0(?:px)?\s+([\d.]+)px\b/i,
+  )?.[1];
+  const lineWidth = declaredLineWidth
+    ? Number.parseFloat(declaredLineWidth)
+    : Number.NaN;
+  if (
+    !color ||
+    !size ||
+    size.length < 2 ||
+    !Number.isFinite(size[0]) ||
+    !Number.isFinite(size[1]) ||
+    size[0] <= 0 ||
+    size[1] <= 0 ||
+    !position ||
+    position.length < 2 ||
+    !Number.isFinite(position[0]) ||
+    !Number.isFinite(position[1]) ||
+    !Number.isFinite(lineWidth)
+  ) {
+    return;
+  }
+
+  const canvas = document.createElement("canvas");
+  canvas.width = Math.max(1, Math.round(slideRoot.clientWidth));
+  canvas.height = Math.max(1, Math.round(slideRoot.clientHeight));
+  const context = canvas.getContext("2d");
+  if (!context) return;
+  context.strokeStyle = color;
+  context.lineWidth = Math.max(0.5, lineWidth);
+
+  for (let x = position[0]; x < canvas.width; x += size[0]) {
+    context.beginPath();
+    context.moveTo(x + context.lineWidth / 2, 0);
+    context.lineTo(x + context.lineWidth / 2, canvas.height);
+    context.stroke();
+  }
+  for (let y = position[1]; y < canvas.height; y += size[1]) {
+    context.beginPath();
+    context.moveTo(0, y + context.lineWidth / 2);
+    context.lineTo(canvas.width, y + context.lineWidth / 2);
+    context.stroke();
+  }
+
+  const gridImage = document.createElement("img");
+  gridImage.alt = "";
+  gridImage.src = canvas.toDataURL("image/png");
+  Object.assign(gridImage.style, {
+    height: "100%",
+    left: "0",
+    pointerEvents: "none",
+    position: "absolute",
+    top: "0",
+    width: "100%",
+    zIndex: "0",
+  });
+  slideRoot.insertBefore(gridImage, slideRoot.firstChild);
+  slideRoot.style.backgroundImage = "none";
+  slideRoot.style.backgroundSize = "auto";
+  slideRoot.style.backgroundPosition = "0 0";
+  slideRoot.style.backgroundRepeat = "no-repeat";
+}
+
 export async function buildDeckPptxBlob(
   deckTitle: string,
   slides: PptxExportSlide[],
@@ -341,6 +429,7 @@ export async function buildDeckPptxBlob(
         height: dims.height,
       });
       exportClones.push(clone);
+      materializeImportedBackgroundGrid(clone.element);
       widenNoWrapTextElements(clone.element);
       await replaceInlineSvgsWithImages(clone.element);
       await preloadImagesWithCors(clone.element);

package/corpus/templates/slides/app/lib/slide-animation-elements.ts

@@ -118,6 +118,9 @@ export function animationElementKey(path: number[]): string {
 }
 
 export function findLegacyAnimationContainer(root: Element): Element | null {
+  const marked = root.querySelector(".fmd-animation-container");
+  if (marked && marked.children.length >= 1) return marked;
+
   const children = Array.from(root.children);
   for (let i = children.length - 1; i >= 0; i--) {
     if (children[i].children.length >= 2) return children[i];

package/corpus/templates/slides/app/pages/Index.tsx

@@ -27,6 +27,7 @@ import {
 import PromptPopover, {
   uploadPromptFiles,
   type UploadedFile,
+  type PromptImportSelection,
 } from "@/components/editor/PromptDialog";
 import {
   AlertDialog,
@@ -195,7 +196,7 @@ function describeUploadedFilesForAgent(
     "",
     "File handling rules:",
     `- PPTX files: call \`import-pptx --filePath "<path>" --deckId ${deckId}\` before adding or editing slides.`,
-    `- PDF and DOCX files: call \`import-file --filePath "<path>" --format auto --deckId ${deckId}\` and use the returned extracted text as source material. The returned text is capped for reliability; re-run with maxChars only if more context is needed.`,
+    `- PDF and DOCX files: call \`import-file --filePath "<path>" --format auto --deckId ${deckId}\` and use the returned extracted text as source material. For a visual PDF whose original layout should be preserved, pass \`--importIntoDeck true\` instead of rebuilding the pages from extracted text.`,
     "- Text-like files: use the uploaded-text-file blocks already included in the prompt; do not call import-file for them.",
     '- Image files with an embeddable URL can be inserted directly into slide HTML as `<img src="...">` or used as visual references.',
     "- Image files without a URL are visual/reference assets only; do not claim to have processed a PPTX/PDF/DOCX unless the relevant import action succeeds.",
@@ -663,9 +664,11 @@ export default function Index() {
         deckId +
         '"` and `operations: [{ "op": "patch-deck-fields", "fields": { "title": "<generated title>" } }]`. Include only `title` in `fields`; omit all other optional fields. Never leave a generated deck named "Untitled Deck" or another placeholder.',
       "If the user asks for a standalone visual, diagram, hero, one-pager, poster, or a couple of visuals, create only the requested one/few polished visual slides. Do not pad the result into a full presentation.",
+      "If the request is for a presentation or deck and does not explicitly ask for one slide, infer a coherent multi-slide outline from the scope and keep adding slides until that outline is complete. Do not stop after the first slide just because the prompt has few explicit instructions.",
       "Add slides ONE AT A TIME using the `add-slide` action with --deckId=" +
         deckId +
         ". Wait for each `add-slide` result before calling it again; do not batch or parallelize slide writes.",
+      "Use create-deck and add-slide for this already-created deck. Do not call the legacy generate-slides-ai action: it returns Markdown drafts rather than persisted rendered slide HTML. Treat each successful add-slide result as confirmation to continue with the next planned slide.",
       "If the user asked for a specific slide count, keep going sequentially until that count is reached unless a tool error blocks you.",
       "Every slide is rendered into a fixed native canvas (default 16:9 is 960x540 CSS pixels, with 740x380px available inside standard 80px 110px padding). Keep the main content within that fit budget; split dense source material across more slides instead of packing it tightly. Never use zoom, transform: scale(), clipping, or scroll overflow to hide content overflow, and keep body text at least 16px.",
       "Each slide's --content must be full HTML. Slide HTML templates are in your AGENTS.md.",
@@ -692,6 +695,90 @@ export default function Index() {
     [setNewDeckPromptOpen],
   );
 
+  const handleDirectImport = useCallback(
+    async (selection: PromptImportSelection): Promise<boolean> => {
+      if (!session) {
+        setSignInPromptHadFiles(selection.kind !== "google-slides");
+        setShowSignInDialog(true);
+        return false;
+      }
+
+      if (selection.kind === "google-slides") {
+        const imported = (await callAction("import-google-slides-reference", {
+          presentationUrl: selection.url,
+        })) as { id?: unknown };
+        if (typeof imported.id !== "string" || !imported.id) {
+          throw new Error(
+            "The Google Slides presentation did not create a deck.",
+          );
+        }
+        await reloadDecks();
+        navigate(`/deck/${imported.id}`, { flushSync: true });
+        return true;
+      }
+
+      const uploaded = await uploadPromptFiles(selection.files);
+      const file = uploaded[0];
+      if (!file) throw new Error("The selected file could not be uploaded.");
+
+      if (selection.kind === "pptx") {
+        const imported = (await callAction("import-pptx", {
+          filePath: file.path,
+        })) as { id?: unknown };
+        if (typeof imported.id !== "string" || !imported.id) {
+          throw new Error("The PowerPoint presentation did not create a deck.");
+        }
+        await reloadDecks();
+        navigate(`/deck/${imported.id}`, { flushSync: true });
+        return true;
+      }
+
+      let deck: ReturnType<typeof createDeck> | undefined;
+      flushSync(() => {
+        deck = createDeck(undefined, { noDefaultSlides: true });
+      });
+      if (!deck) throw new Error("The PDF deck could not be created.");
+
+      const persisted = await ensureDeckPersisted(deck.id);
+      if (!persisted.persisted) {
+        deleteDeck(deck.id);
+        throw new Error(
+          describeDeckPersistenceFailure(
+            persisted,
+            "The PDF deck could not be saved.",
+          ),
+        );
+      }
+
+      try {
+        const imported = (await callAction("import-file", {
+          filePath: file.path,
+          format: "pdf",
+          deckId: deck.id,
+          importIntoDeck: true,
+        })) as { imported?: unknown; deckId?: unknown };
+        if (imported.imported !== true || imported.deckId !== deck.id) {
+          throw new Error("The PDF could not be imported into the new deck.");
+        }
+        await reloadDecks();
+        navigate(`/deck/${deck.id}`, { flushSync: true });
+        return true;
+      } catch (error) {
+        deleteDeck(deck.id);
+        throw error;
+      }
+    },
+    [
+      callAction,
+      createDeck,
+      deleteDeck,
+      ensureDeckPersisted,
+      navigate,
+      reloadDecks,
+      session,
+    ],
+  );
+
   const handleReferenceSelect = useCallback(
     async (selection: NewDeckReferenceSelection) => {
       const pending = pendingDeck;
@@ -1151,6 +1238,9 @@ export default function Index() {
         onSkip={handleCreateDeckBlank}
         skipLabel={t("home.skipPrompt")}
         onSubmit={handlePromptSubmit}
+        onImport={handleDirectImport}
+        importFromLabel={t("home.importFrom")}
+        importingLabel={t("editorToolbar.importing")}
         onBeforeUpload={(prompt, files) => {
           if (session) return true;
           preservePromptForSignIn(prompt, { hadFiles: files.length > 0 });

package/corpus/templates/slides/changelog/2026-08-06-clicking-the-gray-canvas-around-a-slide-clears-its-selection.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-06
+---
+
+Clicking the gray canvas around a slide clears its selection

package/corpus/templates/slides/changelog/2026-08-06-deck-thumbnails-keep-a-consistent-listing-frame-across-aspec.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-06
+---
+
+Deck thumbnails keep a consistent listing frame across aspect ratios.

package/corpus/templates/slides/changelog/2026-08-06-deep-linked-decks-open-directly-instead-of-being-interrupted.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-06
+---
+
+Deep-linked decks open directly instead of being interrupted by first-run onboarding.

package/corpus/templates/slides/changelog/2026-08-06-google-slides-exports-now-show-clear-import-steps-when-direc.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-06
+---
+
+Google Slides exports now show clear import steps when direct Drive export is unavailable.

package/corpus/templates/slides/changelog/2026-08-06-import-pdf-google-slides-and-powerpoint-decks-directly-from-.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-08-06
+---
+
+Import PDF, Google Slides, and PowerPoint decks directly from the new deck prompt.

package/corpus/templates/slides/changelog/2026-08-06-imported-powerpoint-exports-keep-text-and-images-editable-an.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-06
+---
+
+Imported PowerPoint exports keep text and images editable and ignore malformed grid metadata.

package/corpus/templates/slides/changelog/2026-08-06-presentation-prompts-continue-adding-rendered-slides-until-t.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-06
+---
+
+Presentation prompts continue adding rendered slides until the requested outline is complete.

package/corpus/templates/slides/changelog/2026-08-06-public-decks-now-share-read-only-presentation-links-by-defau.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-06
+---
+
+Public decks now share read-only presentation links by default.

package/corpus/templates/slides/changelog/2026-08-06-slides-offers-a-direct-connect-google-button-when-a-drive-co.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-06
+---
+
+Slides offers a direct Connect Google button when a Drive connection is needed.

package/corpus/templates/slides/changelog/2026-08-06-slides-preserve-uploaded-pdf-layouts-accept-larger-reference.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-06
+---
+
+Slides preserve uploaded PDF layouts, accept larger reference files, and explain Google connection failures more clearly.

package/corpus/templates/slides/changelog/2026-08-06-styled-words-stay-part-of-their-text-box-instead-of-becoming.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-06
+---
+
+Styled words stay part of their text box instead of becoming separate selectable objects

package/corpus/templates/slides/server/handlers/google-docs-auth.ts

@@ -16,6 +16,7 @@ import {
   type H3Event,
 } from "h3";
 
+import { formatGoogleOAuthError } from "../lib/google-docs-error.js";
 import {
   disconnectGoogleDocs,
   exchangeGoogleDocsCode,
@@ -25,22 +26,8 @@ import {
   isGoogleDocsOAuthConfigured,
   listGoogleDocsAccounts,
 } from "../lib/google-docs-oauth.js";
-
 const OAUTH_STATE_APP_ID = process.env.APP_NAME || "slides";
 
-function permissionMessage(error: unknown): string {
-  const message =
-    error instanceof Error ? error.message : String(error || "Unknown error");
-  if (
-    message.includes("Insufficient Permission") ||
-    message.includes("insufficient_scope") ||
-    message.includes("access_denied")
-  ) {
-    return "Google Docs access was denied. Connect again and approve the requested Google Drive file permission.";
-  }
-  return message;
-}
-
 async function requireSessionEmail(event: H3Event): Promise<string | null> {
   const session = await getSession(event);
   if (!session?.email) {
@@ -105,7 +92,7 @@ export const getGoogleDocsAuthUrlHandler = defineEventHandler(
       return { url };
     } catch (error) {
       setResponseStatus(event, 500);
-      return { error: permissionMessage(error) };
+      return { error: formatGoogleOAuthError(error) };
     }
   },
 );
@@ -127,7 +114,7 @@ export const handleGoogleDocsCallback = defineEventHandler(
       if (googleError) {
         const errorDesc =
           (query.error_description as string | undefined) || googleError;
-        return oauthErrorPage(permissionMessage(new Error(errorDesc)));
+        return oauthErrorPage(formatGoogleOAuthError(new Error(errorDesc)));
       }
 
       const code = query.code as string | undefined;
@@ -157,7 +144,7 @@ export const handleGoogleDocsCallback = defineEventHandler(
       });
     } catch (error) {
       return oauthErrorPage(
-        `Google Docs connection failed: ${permissionMessage(error)}`,
+        `Google Docs connection failed: ${formatGoogleOAuthError(error)}`,
       );
     }
   },
@@ -183,7 +170,7 @@ export const getGoogleDocsStatus = defineEventHandler(
       };
     } catch (error) {
       setResponseStatus(event, 500);
-      return { error: permissionMessage(error) };
+      return { error: formatGoogleOAuthError(error) };
     }
   },
 );
@@ -230,7 +217,7 @@ export const getGoogleDocsPickerToken = defineEventHandler(
       };
     } catch (error) {
       setResponseStatus(event, 401);
-      return { error: permissionMessage(error) };
+      return { error: formatGoogleOAuthError(error) };
     }
   },
 );
@@ -247,7 +234,7 @@ export const disconnectGoogleDocsHandler = defineEventHandler(
       return { ok: true };
     } catch (error) {
       setResponseStatus(event, 500);
-      return { error: permissionMessage(error) };
+      return { error: formatGoogleOAuthError(error) };
     }
   },
 );