@agent-native/core 0.145.8 → 0.146.1

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

@@ -38,6 +38,8 @@ import type { Slide } from "@/context/DeckContext";
 import type { AspectRatio } from "@/lib/aspect-ratios";
 import { TAB_ID } from "@/lib/tab-id";
 
+import type { DesignSystemData } from "../../../shared/api";
+
 interface EditorSidebarProps {
   slides: Slide[];
   activeSlideId: string;
@@ -53,6 +55,8 @@ interface EditorSidebarProps {
   recentEdits?: AttributedRecentEdit[];
   /** Deck aspect ratio (defaults to 16:9 when omitted) */
   aspectRatio?: AspectRatio;
+  /** Active deck design system used by slide content tokens. */
+  designSystem?: DesignSystemData;
   /** The next slide while the agent is preparing its HTML. */
   generatingSlide?: { index: number; content?: string | null };
   generatingSlideSelected?: boolean;
@@ -154,6 +158,7 @@ function SortableSlideThumb({
   registerButtonRef,
   presenceUsers = [],
   aspectRatio,
+  designSystem,
   onOverflowChange,
   readOnly = false,
 }: {
@@ -167,6 +172,7 @@ function SortableSlideThumb({
   registerButtonRef: (slideId: string, node: HTMLButtonElement | null) => void;
   presenceUsers?: CollabUser[];
   aspectRatio?: AspectRatio;
+  designSystem?: DesignSystemData;
   onOverflowChange: (info: SlideOverflowInfo) => void;
 }) {
   const t = useT();
@@ -234,6 +240,7 @@ function SortableSlideThumb({
             <SlideRenderer
               slide={slide}
               aspectRatio={aspectRatio}
+              designSystem={designSystem}
               onOverflowChange={onOverflowChange}
             />
           </div>
@@ -290,12 +297,14 @@ function SortableSlideThumb({
 function GeneratingSlideSkeleton({
   index,
   aspectRatio,
+  designSystem,
   content,
   selected,
   onSelect,
 }: {
   index: number;
   aspectRatio?: AspectRatio;
+  designSystem?: DesignSystemData;
   content?: string | null;
   selected?: boolean;
   onSelect?: () => void;
@@ -319,6 +328,7 @@ function GeneratingSlideSkeleton({
           <GeneratingSlidePreview
             content={content}
             aspectRatio={aspectRatio}
+            designSystem={designSystem}
             thumbnail
           />
         </div>
@@ -338,6 +348,7 @@ export default function EditorSidebar({
   slidePresence,
   recentEdits,
   aspectRatio,
+  designSystem,
   generatingSlide,
   generatingSlideSelected = false,
   onSelectGeneratingSlide,
@@ -508,6 +519,7 @@ export default function EditorSidebar({
               registerButtonRef={registerSlideButton}
               presenceUsers={slidePresence?.get(slide.id) ?? []}
               aspectRatio={aspectRatio}
+              designSystem={designSystem}
               onOverflowChange={(info) =>
                 handleSlideOverflowChange(slide, info)
               }
@@ -518,6 +530,7 @@ export default function EditorSidebar({
           <GeneratingSlideSkeleton
             index={generatingSlide.index}
             aspectRatio={aspectRatio}
+            designSystem={designSystem}
             content={generatingSlide.content}
             selected={generatingSlideSelected}
             onSelect={onSelectGeneratingSlide}

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

@@ -7,6 +7,8 @@ import type { Slide } from "@/context/DeckContext";
 import type { AspectRatio } from "@/lib/aspect-ratios";
 import { cn } from "@/lib/utils";
 
+import type { DesignSystemData } from "../../../shared/api";
+
 function SlideLoadingArtwork() {
   return (
     <div className="absolute inset-0 flex flex-col justify-center gap-4 bg-muted/30 p-[14%]">
@@ -25,11 +27,13 @@ export default function GeneratingSlidePreview({
   aspectRatio,
   thumbnail = true,
   className,
+  designSystem,
 }: {
   content?: string | null;
   aspectRatio?: AspectRatio;
   thumbnail?: boolean;
   className?: string;
+  designSystem?: DesignSystemData;
 }) {
   const t = useT();
   const cssRatio = (aspectRatio ?? "16:9").replace(":", " / ");
@@ -55,6 +59,7 @@ export default function GeneratingSlidePreview({
           slide={previewSlide}
           aspectRatio={aspectRatio}
           thumbnail={thumbnail}
+          designSystem={designSystem}
           className="h-full w-full"
         />
       ) : (

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

@@ -80,7 +80,7 @@ export function buildImageGenerationContext({
   }
 
   contextParts.push(
-    '\nGenerate 3 variations. Show each as an inline rendered image preview using markdown image syntax (![Variation 1](url)), not a plain text link — the chat renders "![]()" as an actual image but "[]()" as a bare link. Let the user pick their favorite, then insert the chosen generated image into the slide content in the right place.',
+    '\nGenerate 3 preview-only variations. Show each as an inline rendered image preview using markdown image syntax (![Variation 1](url)), not a plain text link — the chat renders "![]()" as an actual image but "[]()" as a bare link. After the user chooses one, place that preview URL with update-slide and then get-deck to verify the persisted slide HTML contains it before claiming success. For a direct one-image request instead, call `generate-image-api` with insertIntoSlide: true plus deckId and slideId; claim it was added only if the action returns inserted: true.',
   );
 
   return contextParts.join("\n");

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

@@ -22,6 +22,7 @@ import {
   resolveSlideAnimationElement,
 } from "@/lib/slide-animation-elements";
 
+import type { DesignSystemData } from "../../../shared/api";
 import { openPresentChannel, type PresentMessage } from "./present-channel";
 
 interface PresentationViewProps {
@@ -29,6 +30,7 @@ interface PresentationViewProps {
   deckId: string;
   startIndex?: number;
   aspectRatio?: AspectRatio;
+  designSystem?: DesignSystemData;
 }
 
 // ─── Element animation helpers ────────────────────────────────────────────────
@@ -182,6 +184,7 @@ export default function PresentationView({
   deckId,
   startIndex = 0,
   aspectRatio,
+  designSystem,
 }: PresentationViewProps) {
   const t = useT();
   const safeSlides = useMemo(
@@ -534,6 +537,7 @@ export default function PresentationView({
             slide={safeSlides[prevIndex]}
             thumbnail={false}
             aspectRatio={aspectRatio}
+            designSystem={designSystem}
           />
         </div>
       )}
@@ -548,6 +552,7 @@ export default function PresentationView({
           slide={displaySlide}
           thumbnail={false}
           aspectRatio={aspectRatio}
+          designSystem={designSystem}
         />
       </div>
 

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

@@ -6,6 +6,7 @@ import SlideRenderer from "@/components/deck/SlideRenderer";
 import type { Slide } from "@/context/DeckContext";
 import type { AspectRatio } from "@/lib/aspect-ratios";
 
+import type { DesignSystemData } from "../../../shared/api";
 import { openPresentChannel, type PresentMessage } from "./present-channel";
 
 interface PresenterViewProps {
@@ -13,6 +14,7 @@ interface PresenterViewProps {
   deckId: string;
   startIndex?: number;
   aspectRatio?: AspectRatio;
+  designSystem?: DesignSystemData;
 }
 
 function formatElapsed(seconds: number) {
@@ -26,6 +28,7 @@ export default function PresenterView({
   deckId,
   startIndex = 0,
   aspectRatio,
+  designSystem,
 }: PresenterViewProps) {
   const t = useT();
   const [index, setIndex] = useState(startIndex);
@@ -136,6 +139,7 @@ export default function PresenterView({
                 slide={current}
                 thumbnail
                 aspectRatio={aspectRatio}
+                designSystem={designSystem}
               />
             )}
           </div>
@@ -149,6 +153,7 @@ export default function PresenterView({
                   slide={next}
                   thumbnail
                   aspectRatio={aspectRatio}
+                  designSystem={designSystem}
                 />
               </div>
             ) : (

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

@@ -1128,6 +1128,7 @@ export default function DeckEditor() {
                   slidePresence={slidePresence}
                   recentEdits={deckRecentEdits}
                   aspectRatio={deck.aspectRatio}
+                  designSystem={designSystem}
                   generatingSlide={
                     generatingSlideVisible
                       ? {
@@ -1166,6 +1167,7 @@ export default function DeckEditor() {
               <GeneratingSlidePreview
                 content={streamedGeneratingSlideContent}
                 aspectRatio={deck.aspectRatio}
+                designSystem={designSystem}
                 thumbnail={false}
               />
             </div>
@@ -1181,6 +1183,7 @@ export default function DeckEditor() {
                 <GeneratingSlidePreview
                   content={streamedGeneratingSlideContent}
                   aspectRatio={deck.aspectRatio}
+                  designSystem={designSystem}
                   thumbnail={false}
                 />
               </div>

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

@@ -7,6 +7,7 @@ import PresentationView from "@/components/presentation/PresentationView";
 import PresenterView from "@/components/presentation/PresenterView";
 import { useDecks } from "@/context/DeckContext";
 import type { Deck } from "@/context/DeckContext";
+import { useDeckDesignSystem } from "@/hooks/use-deck-design-system";
 
 export default function Presentation() {
   const { id } = useParams<{ id: string }>();
@@ -25,6 +26,7 @@ export default function Presentation() {
   const [searchParams] = useSearchParams();
   const contextDeck = getDeck(id || "");
   const deck = contextDeck ?? fallbackDeck;
+  const { designSystem } = useDeckDesignSystem(deck?.designSystemId);
 
   useEffect(() => {
     if (!id || loading || contextDeck) {
@@ -104,6 +106,7 @@ export default function Presentation() {
       deckId={id}
       startIndex={startSlide}
       aspectRatio={deck.aspectRatio}
+      designSystem={designSystem}
     />
   );
 }

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

@@ -7,6 +7,7 @@ import { useParams } from "react-router";
 
 import PresentationView from "@/components/presentation/PresentationView";
 import type { Slide } from "@/context/DeckContext";
+import { mergeDesignSystemData } from "@/hooks/use-deck-design-system";
 
 interface SharedPresentationProps {
   initialDeck?: SharedDeckResponse | null;
@@ -81,6 +82,9 @@ export default function SharedPresentation({
     ...s,
     layout: s.layout as Slide["layout"],
   }));
+  const designSystem = deck.designSystem
+    ? mergeDesignSystemData(deck.designSystem)
+    : undefined;
 
   // Use a fake deckId that routes "exit" back to the share page itself
   return (
@@ -88,6 +92,7 @@ export default function SharedPresentation({
       slides={slides}
       deckId={`__shared__/${token}`}
       aspectRatio={deck.aspectRatio}
+      designSystem={designSystem}
     />
   );
 }

package/corpus/templates/slides/app/routes/slide.tsx

@@ -10,6 +10,7 @@ import { useSearchParams } from "react-router";
 
 import SlideRenderer from "@/components/deck/SlideRenderer";
 import type { Slide } from "@/context/DeckContext";
+import { useDeckDesignSystem } from "@/hooks/use-deck-design-system";
 import messages from "@/i18n/en-US";
 import type { AspectRatio } from "@/lib/aspect-ratios";
 
@@ -42,8 +43,10 @@ export default function SlideRoute() {
   const [aspectRatio, setAspectRatio] = useState<AspectRatio | undefined>(
     undefined,
   );
+  const [designSystemId, setDesignSystemId] = useState<string | null>(null);
   const [error, setError] = useState<string | null>(null);
   const [loading, setLoading] = useState(true);
+  const { designSystem } = useDeckDesignSystem(designSystemId);
 
   const slideNumber =
     slideNumberParam !== null ? parseInt(slideNumberParam, 10) : null;
@@ -75,11 +78,11 @@ export default function SlideRoute() {
       return;
     }
 
-    callAction<{ slides?: Slide[]; aspectRatio?: AspectRatio }>(
-      "get-deck",
-      { id: deckId },
-      { method: "GET" },
-    )
+    callAction<{
+      slides?: Slide[];
+      aspectRatio?: AspectRatio;
+      designSystemId?: string | null;
+    }>("get-deck", { id: deckId }, { method: "GET" })
       .then((deck) => {
         const slides: Slide[] = deck.slides ?? [];
         if (slides.length === 0) {
@@ -88,6 +91,7 @@ export default function SlideRoute() {
         const idx = Math.max(0, Math.min(slideIndex, slides.length - 1));
         setSlide(slides[idx]);
         setAspectRatio(deck.aspectRatio);
+        setDesignSystemId(deck.designSystemId ?? null);
         setLoading(false);
       })
       .catch((err: unknown) => {
@@ -123,6 +127,7 @@ export default function SlideRoute() {
         slide={slide}
         thumbnail={false}
         aspectRatio={aspectRatio}
+        designSystem={designSystem}
       />
 
       {inEmbed && (

package/corpus/templates/slides/changelog/2026-08-07-deleting-a-deck-no-longer-freezes-the-slides-browser.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-07
+---
+
+Deleting a deck no longer freezes the Slides browser

package/corpus/templates/slides/changelog/2026-08-07-slide-previews-and-present-now-keep-deck-colors-consistent.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-07
+---
+
+Slide previews and Present now keep deck colors consistent

package/corpus/templates/slides/changelog/2026-08-07-slides-verify-generated-images-are-persisted-on-the-target-s.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-07
+---
+
+Slides verify generated images are persisted on the target slide

package/corpus/templates/slides/server/db/schema.ts

@@ -54,6 +54,7 @@ export const deckShareLinks = table("deck_share_links", {
   title: text("title").notNull(),
   slides: text("slides").notNull(), // JSON array of slide snapshots
   aspectRatio: text("aspect_ratio"),
+  designSystemData: text("design_system_data"), // Share-safe token snapshot
   createdAt: text("created_at").notNull().default(now()),
 });
 

package/corpus/templates/slides/server/handlers/share.ts

@@ -1,9 +1,14 @@
 import crypto from "crypto";
 
 import { readBody } from "@agent-native/core/server";
-import { assertAccess, ForbiddenError } from "@agent-native/core/sharing";
+import {
+  assertAccess,
+  ForbiddenError,
+  resolveAccess,
+} from "@agent-native/core/sharing";
 import { toSharedDeckSlide } from "@shared/api";
 import type {
+  DesignSystemData,
   ShareDeckRequest,
   ShareDeckResponse,
   SharedDeckResponse,
@@ -19,6 +24,12 @@ import {
 
 const THIRTY_DAYS_MS = 30 * 24 * 60 * 60 * 1000;
 
+interface DeckShareResource {
+  title?: string | null;
+  data: string;
+  designSystemId?: string | null;
+}
+
 /**
  * POST /api/share
  * Persist a deck snapshot with a random token.
@@ -53,11 +64,13 @@ async function createShareLink(event: any, deckId: string) {
   const db = getDb();
   let storedDeck: any;
   let title = "Untitled";
+  let deckResource: DeckShareResource;
 
   try {
     const access = await assertAccess("deck", deckId, "admin");
-    title = access.resource.title ?? "Untitled";
-    storedDeck = JSON.parse(access.resource.data);
+    deckResource = access.resource as DeckShareResource;
+    title = deckResource.title ?? "Untitled";
+    storedDeck = JSON.parse(deckResource.data);
   } catch (err) {
     if (err instanceof ForbiddenError) {
       setResponseStatus(event, err.statusCode);
@@ -73,6 +86,29 @@ async function createShareLink(event: any, deckId: string) {
 
   const token = crypto.randomBytes(12).toString("base64url");
   const now = new Date().toISOString();
+  const designSystemId =
+    deckResource.designSystemId ?? storedDeck.designSystemId;
+  let designSystemData: string | null = null;
+
+  if (typeof designSystemId === "string" && designSystemId.trim()) {
+    const designSystemAccess = await resolveAccess(
+      "design-system",
+      designSystemId,
+    );
+    const rawData = designSystemAccess?.resource?.data;
+    if (typeof rawData === "string") {
+      try {
+        const parsed = JSON.parse(rawData);
+        if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+          designSystemData = JSON.stringify(parsed as DesignSystemData);
+        }
+        // coercion-ok: malformed optional style data keeps a valid deck shareable.
+      } catch {
+        // A malformed style record should not make an otherwise valid deck
+        // impossible to share; the presentation will use its default tokens.
+      }
+    }
+  }
 
   const slides = storedDeck.slides.map((slide: unknown, index: number) =>
     toSharedDeckSlide(slide, index),
@@ -83,6 +119,7 @@ async function createShareLink(event: any, deckId: string) {
     title: title || storedDeck.title || "Untitled",
     slides: JSON.stringify(slides),
     aspectRatio: storedDeck.aspectRatio ?? null,
+    designSystemData,
     createdAt: now,
   });
 
@@ -136,5 +173,16 @@ export const getSharedDeck = defineEventHandler(async (event) => {
     slides: JSON.parse(shared.slides),
     aspectRatio: shared.aspectRatio as SharedDeckResponse["aspectRatio"],
   };
+  if (shared.designSystemData) {
+    try {
+      const parsed = JSON.parse(shared.designSystemData);
+      if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+        response.designSystem = parsed as DesignSystemData;
+      }
+      // coercion-ok: malformed optional snapshots remain viewable with default tokens.
+    } catch {
+      // Keep legacy or malformed snapshots viewable with default tokens.
+    }
+  }
   return response;
 });

package/corpus/templates/slides/server/lib/slide-image-insertion.ts

@@ -0,0 +1,141 @@
+interface InsertSlideImageOptions {
+  alt?: string;
+}
+
+function cleanAlt(value: string | undefined): string {
+  return (value || "Uploaded image").replace(/\s+/g, " ").trim();
+}
+
+function escapeAttribute(value: string): string {
+  return value
+    .replace(/&/g, "&")
+    .replace(/"/g, """)
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;");
+}
+
+function decodeHtml(value: string): string {
+  return value
+    .replace(/&quot;/gi, '"')
+    .replace(/&#39;/gi, "'")
+    .replace(/&lt;/gi, "<")
+    .replace(/&gt;/gi, ">")
+    .replace(/&amp;/gi, "&");
+}
+
+function textContent(html: string): string {
+  return decodeHtml(html.replace(/<[^>]+>/g, " "))
+    .replace(/\s+/g, " ")
+    .trim();
+}
+
+function attribute(attributes: string, name: string): string | null {
+  const match = attributes.match(
+    new RegExp(`\\b${name}\\s*=\\s*(["'])([\\s\\S]*?)\\1`, "i"),
+  );
+  return match ? match[2] : null;
+}
+
+function hasStyleProperty(style: string, property: string): boolean {
+  return new RegExp(`(?:^|;)\\s*${property}\\s*:`, "i").test(style);
+}
+
+function appendImageStyle(baseStyle: string): string {
+  const declarations = [baseStyle.trim().replace(/;+\s*$/, "")].filter(Boolean);
+  if (!hasStyleProperty(baseStyle, "display"))
+    declarations.push("display: block");
+  if (!hasStyleProperty(baseStyle, "object-fit")) {
+    declarations.push("object-fit: cover");
+  }
+  if (!hasStyleProperty(baseStyle, "min-width"))
+    declarations.push("min-width: 0");
+  return declarations.length > 0 ? `${declarations.join("; ")};` : "";
+}
+
+function imageHtml(src: string, alt: string, style: string): string {
+  return `<img src="${escapeAttribute(src)}" alt="${escapeAttribute(alt)}" class="fmd-img-uploaded"${style ? ` style="${escapeAttribute(style)}"` : ""}>`;
+}
+
+/**
+ * Server-safe counterpart to the editor's image replacement helper. It uses
+ * deterministic string transforms because DOMParser is not available in the
+ * server runtime that executes actions.
+ */
+export function insertImageIntoSlideHtml(
+  content: string,
+  src: string,
+  options: InsertSlideImageOptions = {},
+): string {
+  const openingTags = /<([a-z][\w:-]*)([^>]*)>/gi;
+  for (const match of content.matchAll(openingTags)) {
+    const className = attribute(match[2], "class") || "";
+    if (!/(?:^|\s)fmd-img-placeholder(?:\s|$)/.test(className)) continue;
+
+    const closingTag = new RegExp(`</${match[1]}\\s*>`, "gi");
+    closingTag.lastIndex = (match.index ?? 0) + match[0].length;
+    const closing = closingTag.exec(content);
+    if (!closing || match.index === undefined) continue;
+
+    const style = appendImageStyle(
+      attribute(match[2], "style") ||
+        "width: 100%; height: 100%; border-radius: 8px; object-fit: cover;",
+    );
+    const replacement = imageHtml(
+      src,
+      cleanAlt(
+        options.alt ||
+          textContent(
+            content.slice(match.index + match[0].length, closing.index),
+          ) ||
+          "Uploaded image",
+      ),
+      style,
+    );
+    return `${content.slice(0, match.index)}${replacement}${content.slice(closing.index + closing[0].length)}`;
+  }
+
+  const fullBleed = imageHtml(
+    src,
+    cleanAlt(options.alt),
+    "position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;",
+  );
+  const slideRoot =
+    /<([a-z][\w:-]*)([^>]*\bclass\s*=\s*(["'])[^"']*\bfmd-slide\b[^"']*\3[^>]*)>/i.exec(
+      content,
+    );
+  if (!slideRoot || slideRoot.index === undefined)
+    return `${fullBleed}${content}`;
+
+  let openingTag = slideRoot[0];
+  const style = attribute(slideRoot[2], "style") || "";
+  if (!hasStyleProperty(style, "position")) {
+    const nextStyle =
+      `${style.trim().replace(/;+\s*$/, "")}; position: relative;`.replace(
+        /^;\s*/,
+        "",
+      );
+    if (/\bstyle\s*=\s*(["'])/i.test(openingTag)) {
+      openingTag = openingTag.replace(
+        /\bstyle\s*=\s*(["'])[^"']*\1/i,
+        `style="${escapeAttribute(nextStyle)}"`,
+      );
+    } else {
+      openingTag = openingTag.replace(
+        />$/,
+        ` style="${escapeAttribute(nextStyle)}">`,
+      );
+    }
+  }
+  return `${content.slice(0, slideRoot.index)}${openingTag}${fullBleed}${content.slice(slideRoot.index + slideRoot[0].length)}`;
+}
+
+export function slideHtmlContainsImageSource(
+  html: string,
+  src: string,
+): boolean {
+  const images = /<img\b([^>]*)>/gi;
+  for (const match of html.matchAll(images)) {
+    if (decodeHtml(attribute(match[1], "src") || "") === src) return true;
+  }
+  return false;
+}

package/corpus/templates/slides/server/plugins/agent-chat.ts

@@ -62,6 +62,8 @@ Layout-fit workflow is strict. When the user asks to fix overflow, first call vi
 
 Fit means the main content fits the native content area. A small outer-wrapper spill is tolerated by the measurement, but cards, text, columns, and other visible content must fit. Never use zoom, transform: scale(), overflow: hidden/scroll, clipping, or a smaller-than-16px body font to hide overflow. Preserve manually positioned freeform objects and their data-slide-object-id values; repair normal-flow structure, copy, gaps, or slide padding instead. A successful action result must include the affected slide IDs; if it does not, report that no verified write occurred.
 
+Image workflow is strict. For direct insertion, call generate-image-api with insertIntoSlide: true plus deckId and slideId. Claim that an image was added only when that action returns inserted: true; a preview URL or completed generation alone is not a slide edit. For preview-only variations, call generate-image-api without insertIntoSlide, then use update-slide to place the chosen URL and re-read the target with get-deck to confirm its persisted HTML contains that image source before claiming success.
+
 Provider-specific Slides actions are shortcuts, not limits. If a first-class action cannot express the exact Google Drive endpoint, file metadata field, export format, query, request body, pagination mode, payload shape, or API version needed, call provider-api-catalog and provider-api-docs as needed, then call provider-api-request against the real provider API. Use the raw provider API escape hatch instead of weakening the answer or claiming Slides cannot do something the underlying Google Drive API can do.
 
 Slides' Google Drive provider API uses the user's connected Google Docs OAuth account. The drive.file scope is intentionally limited to files the user selected or the app created. For large Drive file lists or metadata sweeps, pass stageAs and pagination options to provider-api-request, then use query-staged-dataset to count, filter, group, or project the staged rows.

package/corpus/templates/slides/server/plugins/db.ts

@@ -230,6 +230,11 @@ const runSlidesMigrations = runMigrations(
   );
   CREATE INDEX IF NOT EXISTS uploaded_assets_owner_created_idx ON uploaded_assets (owner_email, created_at)`,
     },
+    {
+      version: 21,
+      name: "slides-share-design-system-snapshot",
+      sql: `ALTER TABLE deck_share_links ADD COLUMN IF NOT EXISTS design_system_data TEXT`,
+    },
   ],
   { table: "slides_migrations" },
 );

package/corpus/templates/slides/shared/api.ts

@@ -82,6 +82,8 @@ export interface SharedDeckResponse {
   title: string;
   slides: SharedDeckSlide[];
   aspectRatio?: import("./aspect-ratios").AspectRatio;
+  /** Resolved at share creation so public links keep the deck's styling. */
+  designSystem?: DesignSystemData;
 }
 
 export type SharedSlideTransition =