@agent-native/core 0.141.7 → 0.144.1

package/corpus/templates/slides/actions/patch-deck.ts

@@ -26,6 +26,11 @@ import { z } from "zod";
 import { normalizeSlidePadding } from "../app/lib/normalize-slide-padding.js";
 import { getDb, schema } from "../server/db/index.js";
 import { notifyClients } from "../server/handlers/decks.js";
+import {
+  assertSourceSlidePreserved,
+  sourceImportForDeck,
+  type SourceImportMetadata,
+} from "../server/lib/source-import.js";
 import { ASPECT_RATIO_VALUES } from "../shared/aspect-ratios.js";
 
 // ---------------------------------------------------------------------------
@@ -79,6 +84,13 @@ const PatchSlideOp = z.object({
   op: z.literal("patch-slide"),
   slideId: z.string(),
   fields: SlideFieldsSchema,
+  preserveSource: z
+    .boolean()
+    .optional()
+    .default(true)
+    .describe(
+      "Keep source-imported images and factual copy (default true). Set false only for an explicit rewrite.",
+    ),
 });
 
 /** Delete a single slide by ID */
@@ -141,6 +153,24 @@ export const OperationSchema = z.discriminatedUnion("op", [
 
 export type Operation = z.infer<typeof OperationSchema>;
 
+export function assertSourceImportOperationsPreserved(
+  metadata: SourceImportMetadata | null,
+  operations: Operation[],
+): void {
+  if (!metadata) return;
+  const structuralOperation = operations.find(
+    (operation) =>
+      operation.op === "delete-slide" ||
+      operation.op === "reorder-slides" ||
+      operation.op === "add-slide",
+  );
+  if (!structuralOperation) return;
+
+  throw new Error(
+    `Cannot ${structuralOperation.op} on a source-imported deck while source preservation is enabled. Preserve the imported slide structure, or use an explicit source rewrite workflow.`,
+  );
+}
+
 // The browser uses the full operation union above. Agents additionally use
 // this action for one bounded, deck-wide layout repair: one patch-slide per
 // slide in a single SQL transaction, followed by a fresh read for verification.
@@ -404,6 +434,27 @@ export default defineAction({
         );
       }
 
+      const sourceImport = sourceImportForDeck(deck.sourceImport);
+      assertSourceImportOperationsPreserved(sourceImport, operations);
+      for (const op of operations) {
+        if (
+          op.op !== "patch-slide" ||
+          (op.fields.content === undefined && op.fields.notes === undefined)
+        ) {
+          continue;
+        }
+        assertSourceSlidePreserved({
+          metadata: sourceImport,
+          slideId: op.slideId,
+          nextContent:
+            op.fields.content === undefined
+              ? undefined
+              : normalizeSlidePadding(op.fields.content),
+          nextNotes: op.fields.notes,
+          preserveSource: op.preserveSource,
+        });
+      }
+
       for (const op of operations) {
         applyOperation(deck, op);
       }

package/corpus/templates/slides/actions/update-slide.ts

@@ -16,6 +16,10 @@ import { normalizeSlidePadding } from "../app/lib/normalize-slide-padding.js";
 import { getDb, schema } from "../server/db/index.js"; // ensure registerShareableResource runs
 import { notifyClients } from "../server/handlers/decks.js";
 import { createDeckVersionSnapshot } from "../server/lib/deck-versions.js";
+import {
+  assertSourceSlidePreserved,
+  sourceImportForDeck,
+} from "../server/lib/source-import.js";
 import { hashSlideContent } from "../shared/slide-fit.js";
 import { slideLabelFor, touchAgentSlidePresence } from "./_agent-presence.js";
 import {
@@ -89,7 +93,7 @@ function storedCreativeContext(value: unknown): {
 export default defineAction({
   description:
     "Surgically edit a slide's content using search-replace or full replacement. " +
-    "Syncs live to open editors. Prefer this over full deck rewrites.",
+    "Syncs live to open editors. Prefer this over full deck rewrites. Source-imported slides preserve their original images and factual copy by default.",
   schema: z.object({
     deckId: z.string().describe("Deck ID"),
     slideId: z.string().describe("Slide ID"),
@@ -105,6 +109,13 @@ export default defineAction({
       .string()
       .optional()
       .describe("Full HTML to replace entire slide content"),
+    preserveSource: z
+      .boolean()
+      .optional()
+      .default(true)
+      .describe(
+        "Keep source-imported images and factual copy (default true). Set false only when the user explicitly asks to rewrite the source slide.",
+      ),
     contextPackId: z
       .string()
       .optional()
@@ -131,6 +142,7 @@ export default defineAction({
       find,
       replace,
       fullContent,
+      preserveSource,
       contextPackId,
       contextModeOverride,
       reuseLabels,
@@ -205,17 +217,31 @@ export default defineAction({
       let notFound = false;
 
       if (fullContent) {
-        slide.content = normalizeSlidePadding(fullContent);
+        const nextContent = normalizeSlidePadding(fullContent);
+        assertSourceSlidePreserved({
+          metadata: sourceImportForDeck(deck.sourceImport),
+          slideId,
+          nextContent,
+          preserveSource,
+        });
+        slide.content = nextContent;
         applied = true;
       } else if (find) {
         const idx = (slide.content as string).indexOf(find);
         if (idx === -1) {
           notFound = true;
         } else {
-          slide.content =
+          const nextContent =
             slide.content.slice(0, idx) +
             (replace ?? "") +
             slide.content.slice(idx + find.length);
+          assertSourceSlidePreserved({
+            metadata: sourceImportForDeck(deck.sourceImport),
+            slideId,
+            nextContent,
+            preserveSource,
+          });
+          slide.content = nextContent;
           applied = true;
         }
       }

package/corpus/templates/slides/app/components/deck/DeckCard.tsx

@@ -23,7 +23,7 @@ import {
   DropdownMenuSeparator,
 } from "@/components/ui/dropdown-menu";
 import type { Deck } from "@/context/DeckContext";
-import { getAspectRatioDims } from "@/lib/aspect-ratios";
+import { getDeckListingPreviewFrameStyle } from "@/lib/deck-preview-frame";
 
 import SlideRenderer from "./SlideRenderer";
 
@@ -52,7 +52,7 @@ export default function DeckCard({
 }: DeckCardProps) {
   const t = useT();
   const firstSlide = deck.slides?.[0];
-  const previewDims = getAspectRatioDims(deck.aspectRatio);
+  const previewFrameStyle = getDeckListingPreviewFrameStyle(deck.aspectRatio);
   const [isRenaming, setIsRenaming] = useState(false);
   const [menuOpen, setMenuOpen] = useState(false);
   const [renameValue, setRenameValue] = useState(deck.title);
@@ -106,18 +106,15 @@ export default function DeckCard({
         }}
       >
         {/* Slide Preview */}
-        <div
-          className="relative overflow-hidden bg-muted/30"
-          style={{
-            aspectRatio: `${previewDims.width} / ${previewDims.height}`,
-          }}
-        >
+        <div className="relative flex aspect-video items-center justify-center overflow-hidden bg-muted/30">
           {firstSlide && (
-            <SlideRenderer
-              slide={firstSlide}
-              className="rounded-none"
-              aspectRatio={deck.aspectRatio}
-            />
+            <div className="relative overflow-hidden" style={previewFrameStyle}>
+              <SlideRenderer
+                slide={firstSlide}
+                className="rounded-none"
+                aspectRatio={deck.aspectRatio}
+              />
+            </div>
           )}
           <div className="pointer-events-none absolute inset-0 bg-gradient-to-t from-[hsl(240,5%,8%)] via-transparent to-transparent opacity-60" />
         </div>

package/corpus/templates/slides/app/components/editor/AddSlidePopover.tsx

@@ -13,6 +13,8 @@ import {
 } from "@/components/editor/PromptDialog";
 import { addSlideAgentMessage } from "@/lib/agent-visible-message";
 
+import { MAX_REFERENCE_FILE_BYTES } from "../../../shared/upload-types";
+
 const MAX_SOURCE_CONTEXT_CHARS = 60_000;
 
 function truncateSourceForContext(prompt: string): {
@@ -46,7 +48,7 @@ function describeUploadedFilesForAgent(
     "",
     "File handling rules:",
     `- PPTX files: call \`import-pptx --filePath "<path>" --deckId ${deckId}\` when the user wants the deck/slides imported, or to extract slide source from a presentation.`,
-    `- 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.",
@@ -241,6 +243,8 @@ export function AddSlidePopover({
       )}
       <PromptComposer
         autoFocus
+        maxDocumentAttachmentBytes={MAX_REFERENCE_FILE_BYTES}
+        documentAttachmentLimitLabel="Slides reference files"
         placeholder={t("editorSidebar.promptPlaceholder")}
         draftScope={`slides:add-slide:${deckId}`}
         onSubmit={handleSubmit}

package/corpus/templates/slides/app/components/editor/EditorToolbar.tsx

@@ -67,6 +67,7 @@ import {
   type AspectRatio,
   DEFAULT_ASPECT_RATIO,
 } from "@/lib/aspect-ratios";
+import { getDeckShareLinkOrder } from "@/lib/deck-share-links";
 import type { GoogleSlidesExportResult } from "@/lib/export-google-slides-client";
 import { parseUploadResponse } from "@/lib/upload-response";
 import { shortcutLabel } from "@/lib/utils";
@@ -288,10 +289,9 @@ export default function EditorToolbar({
   canEdit = true,
 }: EditorToolbarProps) {
   const t = useT();
-  // Mirror Google Slides: the share dialog exposes both the editor URL
-  // (primary) and the presentation URL (secondary). Access is enforced on
-  // the deck, not the URL shape — anyone with at least viewer access can
-  // open either link.
+  // Public decks default to the read-only presentation URL so recipients do
+  // not get sent through the editor's auth gate. Restricted decks keep the
+  // editor URL primary, where auth resolves viewer access.
   const editorUrl =
     typeof window === "undefined"
       ? `/deck/${deckId}`
@@ -300,6 +300,21 @@ export default function EditorToolbar({
     typeof window === "undefined"
       ? `/p/${deckId}`
       : `${window.location.origin}${appPath(`/p/${deckId}`)}`;
+  const shareLinks = {
+    editor: {
+      url: editorUrl,
+      label: t("editorToolbar.editorLink"),
+      description: t("editorToolbar.editorLinkDescription"),
+    },
+    presentation: {
+      url: presentationUrl,
+      label: t("editorToolbar.presentationLink"),
+      description: t("editorToolbar.presentationLinkDescription"),
+    },
+  };
+  const shareLinkOrder = getDeckShareLinkOrder(deck.visibility);
+  const primaryShareLink = shareLinks[shareLinkOrder.primary];
+  const secondaryShareLink = shareLinks[shareLinkOrder.secondary];
 
   // Live save state for the toolbar indicator, so users always see whether
   // their work has committed (a lost-deck report motivated surfacing this).
@@ -940,14 +955,12 @@ graph TD
           resourceType="deck"
           resourceId={deckId}
           resourceTitle={deckTitle}
-          shareUrl={editorUrl}
-          shareUrlLabel={t("editorToolbar.editorLink")}
-          shareUrlDescription={t("editorToolbar.editorLinkDescription")}
-          secondaryShareUrl={presentationUrl}
-          secondaryShareUrlLabel={t("editorToolbar.presentationLink")}
-          secondaryShareUrlDescription={t(
-            "editorToolbar.presentationLinkDescription",
-          )}
+          shareUrl={primaryShareLink.url}
+          shareUrlLabel={primaryShareLink.label}
+          shareUrlDescription={primaryShareLink.description}
+          secondaryShareUrl={secondaryShareLink.url}
+          secondaryShareUrlLabel={secondaryShareLink.label}
+          secondaryShareUrlDescription={secondaryShareLink.description}
           shareTabs={{
             tabs: [
               {

package/corpus/templates/slides/app/components/editor/ExportMenu.tsx

@@ -13,8 +13,18 @@ import {
   IconBrandGoogle,
   IconPlugConnected,
 } from "@tabler/icons-react";
+import { useRef, useState } from "react";
 import { toast } from "sonner";
 
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -51,6 +61,8 @@ export function ExportMenu({
   onShareTeam,
 }: ExportMenuProps) {
   const t = useT();
+  const [googleSlidesImportOpen, setGoogleSlidesImportOpen] = useState(false);
+  const googleSlidesImportTarget = useRef<Window | null>(null);
   const triggerBlobDownload = (blob: Blob, filename: string) => {
     const url = URL.createObjectURL(blob);
     const a = document.createElement("a");
@@ -100,9 +112,11 @@ export function ExportMenu({
     // Opened up-front: browsers only honour window.open() inside the click
     // gesture, and building the PPTX is async.
     const target = window.open("", "_blank");
+    googleSlidesImportTarget.current = target;
     try {
       const result = await onExportGoogleSlides();
       if (result.url !== null) {
+        googleSlidesImportTarget.current = null;
         if (target) target.location.href = result.url;
         toast.success(t("editorExport.googleSlidesCreated"), {
           description: t("editorExport.googleSlidesCreatedHint"),
@@ -111,10 +125,12 @@ export function ExportMenu({
       }
       console.warn("Google Slides upload unavailable:", result.reason);
       if (target) target.location.href = GOOGLE_SLIDES_IMPORT_URL;
+      setGoogleSlidesImportOpen(true);
       toast.success(t("editorExport.googleSlidesDownloaded"), {
         description: t("editorExport.googleSlidesImportHint"),
       });
     } catch (err) {
+      googleSlidesImportTarget.current = null;
       target?.close();
       console.error("Export failed:", err);
       toast.error(t("editorExport.exportFailed"), {
@@ -207,66 +223,105 @@ export function ExportMenu({
   };
 
   return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <button className="flex items-center gap-1.5 px-2.5 py-1.5 rounded-md text-muted-foreground hover:text-foreground hover:bg-accent text-xs cursor-pointer whitespace-nowrap">
-          <IconUpload className="w-3.5 h-3.5" />
-          <span className="hidden md:inline">{t("editorExport.export")}</span>
-        </button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent align="end" className="w-52">
-        <DropdownMenuLabel className="text-[11px] text-muted-foreground">
-          {t("editorExport.exportAndDuplicate")}
-        </DropdownMenuLabel>
-        {onShareTeam && (
-          <DropdownMenuItem onClick={onShareTeam} className="cursor-pointer">
-            <IconShare2 className="w-4 h-4 mr-2" />
-            {t("editorExport.shareWithTeam")}
+    <>
+      <DropdownMenu>
+        <DropdownMenuTrigger asChild>
+          <button className="flex items-center gap-1.5 px-2.5 py-1.5 rounded-md text-muted-foreground hover:text-foreground hover:bg-accent text-xs cursor-pointer whitespace-nowrap">
+            <IconUpload className="w-3.5 h-3.5" />
+            <span className="hidden md:inline">{t("editorExport.export")}</span>
+          </button>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent align="end" className="w-52">
+          <DropdownMenuLabel className="text-[11px] text-muted-foreground">
+            {t("editorExport.exportAndDuplicate")}
+          </DropdownMenuLabel>
+          {onShareTeam && (
+            <DropdownMenuItem onClick={onShareTeam} className="cursor-pointer">
+              <IconShare2 className="w-4 h-4 mr-2" />
+              {t("editorExport.shareWithTeam")}
+            </DropdownMenuItem>
+          )}
+          {onShareLink && (
+            <DropdownMenuItem onClick={onShareLink} className="cursor-pointer">
+              <IconShare2 className="w-4 h-4 mr-2" />
+              {t("editorExport.publicShareLink")}
+            </DropdownMenuItem>
+          )}
+          <DropdownMenuSeparator />
+          <DropdownMenuItem
+            onClick={handleExportHtml}
+            className="cursor-pointer"
+          >
+            <IconCode className="w-4 h-4 mr-2" />
+            {t("editorExport.downloadHtml")}
           </DropdownMenuItem>
-        )}
-        {onShareLink && (
-          <DropdownMenuItem onClick={onShareLink} className="cursor-pointer">
-            <IconShare2 className="w-4 h-4 mr-2" />
-            {t("editorExport.publicShareLink")}
+          <DropdownMenuItem onClick={onExportPdf} className="cursor-pointer">
+            <IconFileTypePdf className="w-4 h-4 mr-2" />
+            {t("editorExport.exportPdf")}
           </DropdownMenuItem>
-        )}
-        <DropdownMenuSeparator />
-        <DropdownMenuItem onClick={handleExportHtml} className="cursor-pointer">
-          <IconCode className="w-4 h-4 mr-2" />
-          {t("editorExport.downloadHtml")}
-        </DropdownMenuItem>
-        <DropdownMenuItem onClick={onExportPdf} className="cursor-pointer">
-          <IconFileTypePdf className="w-4 h-4 mr-2" />
-          {t("editorExport.exportPdf")}
-        </DropdownMenuItem>
-        <DropdownMenuItem onClick={handleExportPptx} className="cursor-pointer">
-          <IconDownload className="w-4 h-4 mr-2" />
-          {t("editorExport.exportPptx")}
-        </DropdownMenuItem>
-        {onExportGoogleSlides && (
-          <>
-            <DropdownMenuItem
-              onClick={handleConnectGoogle}
-              className="cursor-pointer"
-            >
-              <IconPlugConnected className="w-4 h-4 mr-2" />
-              {t("editorExport.connectGoogle")}
-            </DropdownMenuItem>
-            <DropdownMenuItem
-              onClick={handleExportGoogleSlides}
-              className="cursor-pointer"
+          <DropdownMenuItem
+            onClick={handleExportPptx}
+            className="cursor-pointer"
+          >
+            <IconDownload className="w-4 h-4 mr-2" />
+            {t("editorExport.exportPptx")}
+          </DropdownMenuItem>
+          {onExportGoogleSlides && (
+            <>
+              <DropdownMenuItem
+                onClick={handleConnectGoogle}
+                className="cursor-pointer"
+              >
+                <IconPlugConnected className="w-4 h-4 mr-2" />
+                {t("editorExport.connectGoogle")}
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                onClick={handleExportGoogleSlides}
+                className="cursor-pointer"
+              >
+                <IconBrandGoogle className="w-4 h-4 mr-2" />
+                {t("editorExport.openInGoogleSlides")}
+              </DropdownMenuItem>
+            </>
+          )}
+          <DropdownMenuSeparator />
+          <DropdownMenuItem onClick={onDuplicate} className="cursor-pointer">
+            <IconCopy className="w-4 h-4 mr-2" />
+            {t("editorExport.duplicateDeck")}
+          </DropdownMenuItem>
+        </DropdownMenuContent>
+      </DropdownMenu>
+      <Dialog
+        open={googleSlidesImportOpen}
+        onOpenChange={setGoogleSlidesImportOpen}
+      >
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>
+              {t("editorExport.googleSlidesDownloaded")}
+            </DialogTitle>
+            <DialogDescription>
+              {t("editorExport.googleSlidesImportHint")}
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter>
+            <Button
+              type="button"
+              onClick={() => {
+                const target = googleSlidesImportTarget.current;
+                if (target && !target.closed) {
+                  target.focus?.();
+                } else {
+                  window.open(GOOGLE_SLIDES_IMPORT_URL, "_blank");
+                }
+                setGoogleSlidesImportOpen(false);
+              }}
             >
-              <IconBrandGoogle className="w-4 h-4 mr-2" />
               {t("editorExport.openInGoogleSlides")}
-            </DropdownMenuItem>
-          </>
-        )}
-        <DropdownMenuSeparator />
-        <DropdownMenuItem onClick={onDuplicate} className="cursor-pointer">
-          <IconCopy className="w-4 h-4 mr-2" />
-          {t("editorExport.duplicateDeck")}
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </>
   );
 }