@agent-native/core 0.141.5 → 0.141.7

package/corpus/templates/design/app/routes/extensions._index.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function ExtensionsRoute() {
-  return <Navigate to="/settings#extensions" replace />;
+  return <Navigate to="/settings/extensions" replace />;
 }

package/corpus/templates/design/app/routes/settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./settings.js";

package/corpus/templates/design/app/routes/team.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  return <Navigate to="/settings#organization" replace />;
+  return <Navigate to="/settings/organization" replace />;
 }

package/corpus/templates/design/changelog/2026-08-05-missing-design-systems-now-return-a-clear-not-found-response.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-05
+---
+
+Missing design systems now return a clear not-found response.

package/corpus/templates/design/changelog/2026-08-05-website-url-imports-now-capture-hydrated-browser-computed-de.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-05
+---
+
+Website URL imports now capture hydrated browser-computed design systems for more faithful reuse.

package/corpus/templates/design/e2e/global-setup.ts

@@ -176,7 +176,7 @@ export default async function globalSetup(config: FullConfig) {
   const page = await context.newPage();
 
   try {
-    await page.goto(`${baseURL}/_agent-native/sign-in`, {
+    await page.goto(`${baseURL}/sign-in`, {
       waitUntil: "domcontentloaded",
     });
 

package/corpus/templates/dispatch/app/hooks/use-navigation-state.ts

@@ -231,7 +231,7 @@ function resolvePath(
     case "threads":
       return "/thread-debug";
     case "team":
-      return "/settings#organization";
+      return "/settings/organization";
     case "extensions":
       return command?.extensionId
         ? `/extensions/${encodeURIComponent(command.extensionId)}`

package/corpus/templates/dispatch/app/routes/settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./settings.js";

package/corpus/templates/dispatch/app/routes/team.tsx

@@ -1,5 +1,5 @@
 import { Navigate } from "react-router";
 
 export default function TeamRoute() {
-  return <Navigate to="/settings#organization" replace />;
+  return <Navigate to="/settings/organization" replace />;
 }

package/corpus/templates/factory/app/hooks/use-navigation-state.ts

@@ -91,7 +91,7 @@ function pathForView(view?: string): string {
     case "settings":
       return "/settings";
     case "team":
-      return "/settings#organization";
+      return "/settings/organization";
     default:
       return "/";
   }

package/corpus/templates/factory/app/routes/extensions._index.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function ExtensionsRoute() {
-  return <Navigate to="/settings#extensions" replace />;
+  return <Navigate to="/settings/extensions" replace />;
 }

package/corpus/templates/factory/app/routes/settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./settings.js";

package/corpus/templates/factory/app/routes/team.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  return <Navigate to="/settings#organization" replace />;
+  return <Navigate to="/settings/organization" replace />;
 }

package/corpus/templates/forms/app/routes/_app.extensions._index.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function ExtensionsRoute() {
-  return <Navigate to="/settings#extensions" replace />;
+  return <Navigate to="/settings/extensions" replace />;
 }

package/corpus/templates/forms/app/routes/_app.settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./_app.settings.js";

package/corpus/templates/forms/app/routes/_app.team.tsx

@@ -5,5 +5,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  return <Navigate to="/settings#organization" replace />;
+  return <Navigate to="/settings/organization" replace />;
 }

package/corpus/templates/forms/shared/navigation.ts

@@ -73,7 +73,7 @@ export function formsRoutePath(target: FormsNavigationTarget): string | null {
         ? `/response-insights?formId=${encodeURIComponent(formId)}`
         : "/response-insights";
     case "team":
-      return "/settings#organization";
+      return "/settings/organization";
     case "extensions":
       return "/extensions";
     case "form-preview":

package/corpus/templates/macros/app/routes/extensions._index.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function ExtensionsRoute() {
-  return <Navigate to="/settings#extensions" replace />;
+  return <Navigate to="/settings/extensions" replace />;
 }

package/corpus/templates/macros/app/routes/settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./settings.js";

package/corpus/templates/macros/app/routes/team.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  return <Navigate to="/settings#organization" replace />;
+  return <Navigate to="/settings/organization" replace />;
 }

package/corpus/templates/mail/app/routes/extensions._index.tsx

@@ -1,5 +1,5 @@
 import { Navigate } from "react-router";
 
 export default function ExtensionsRoute() {
-  return <Navigate to="/settings#extensions" replace />;
+  return <Navigate to="/settings/extensions" replace />;
 }

package/corpus/templates/mail/app/routes/settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./settings.js";

package/corpus/templates/plan/app/hooks/use-navigation-state.ts

@@ -196,7 +196,7 @@ function pathForView(view?: string): string {
     case "settings":
       return "/settings";
     case "team":
-      return "/settings#organization";
+      return "/settings/organization";
     default:
       return "/";
   }

package/corpus/templates/plan/app/routes/extensions._index.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function ExtensionsRoute() {
-  return <Navigate to="/settings#extensions" replace />;
+  return <Navigate to="/settings/extensions" replace />;
 }

package/corpus/templates/plan/app/routes/settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./settings.js";

package/corpus/templates/plan/app/routes/team.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  return <Navigate to="/settings#organization" replace />;
+  return <Navigate to="/settings/organization" replace />;
 }

package/corpus/templates/slides/.agents/skills/design-systems/SKILL.md

@@ -19,7 +19,9 @@ Design systems are stored in the `design_systems` SQL table. Each has a `data` c
 ## Creating a Design System
 
 1. User provides brand context (company name, website, assets, notes)
-2. `analyze-brand-assets` gathers raw data (extracts CSS, fonts, colors from website)
+2. `analyze-brand-assets` renders a website in a real browser and gathers the
+   computed visual system (colors, fonts, spacing, radii, shadows, components,
+   CSS variables, logos, and design.md-style guidance)
 3. Agent analyzes the data and calls `create-design-system` with extracted tokens
 4. The design system is published and becomes available for deck creation
 

package/corpus/templates/slides/actions/analyze-brand-assets.ts

@@ -1,9 +1,7 @@
 import { defineAction } from "@agent-native/core";
-import {
-  normalizeBrandWebsiteUrl,
-  fetchBrandWebsiteSignals,
-} from "@agent-native/core/brand-kit";
+import { normalizeBrandWebsiteUrl } from "@agent-native/core/brand-kit";
 import { resolveAccess } from "@agent-native/core/sharing";
+import { extractRenderedDesignSystemFromUrl } from "@agent-native/creative-context/server";
 import { z } from "zod";
 
 import "../server/db/index.js"; // ensure registerShareableResource runs
@@ -14,8 +12,9 @@ export { normalizeBrandWebsiteUrl };
 export default defineAction({
   description:
     "Gather brand data from various sources for agent analysis. " +
-    "If a websiteUrl is provided, fetches the page HTML and extracts: " +
-    "meta theme-color, CSS custom properties, font-face declarations. " +
+    "If a websiteUrl is provided, renders the page in a real browser and extracts " +
+    "computed colors, typography, spacing, radii, shadows, component styles, " +
+    "CSS custom properties, logo references, and a design.md-style summary. " +
     "If a designSystemId is provided, includes its existing data. " +
     "Returns structured data the agent can use to build or refine a design system.",
   schema: z.object({
@@ -61,7 +60,8 @@ export default defineAction({
 
     // Fetch and analyze website if URL provided
     if (websiteUrl) {
-      result.websiteAnalysis = await fetchBrandWebsiteSignals(websiteUrl);
+      result.websiteAnalysis =
+        await extractRenderedDesignSystemFromUrl(websiteUrl);
     }
 
     return result;

package/corpus/templates/slides/actions/import-from-url.ts

@@ -1,19 +1,19 @@
 import { defineAction } from "@agent-native/core";
-import { extractDesignTokensFromUrl } from "@agent-native/core/server/design-token-utils";
+import { extractRenderedDesignSystemFromUrl } from "@agent-native/creative-context/server";
 import { z } from "zod";
 
 export default defineAction({
   description:
-    "Analyze a website URL to extract design tokens (colors, fonts, metadata) " +
-    "for use in creating or updating a design project. " +
-    "Follows bounded, SSRF-safe linked stylesheets and reports any stylesheet failures. " +
-    "Returns extracted CSS variables, font faces, colors, and meta information.",
+    "Analyze a website URL in a real browser and return a bounded design.md-style " +
+    "visual system: computed colors, typography, spacing, radii, shadows, " +
+    "component styles, CSS variables, logo references, and reusable Brand Kit data. " +
+    "Uses a static SSRF-safe fallback only when a browser is unavailable.",
   schema: z.object({
     url: z.string().describe("Website URL to analyze"),
   }),
   readOnly: true,
   http: { method: "GET" },
   run: async ({ url }) => {
-    return extractDesignTokensFromUrl(url);
+    return extractRenderedDesignSystemFromUrl(url);
   },
 });

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

@@ -190,7 +190,7 @@ export default function DeckCard({
             {deck.starred ? (
               <IconStarFilled className="h-3.5 w-3.5 text-[#F5C451]" />
             ) : (
-              <IconStar className="h-3.5 w-3.5 text-foreground/70" />
+              <IconStar className="h-3.5 w-3.5 text-white/70" />
             )}
           </button>
         )}
@@ -208,7 +208,7 @@ export default function DeckCard({
               }`}
               aria-label={t("raw.deckOptions")}
             >
-              <IconDots className="w-3.5 h-3.5 text-foreground/70" />
+              <IconDots className="w-3.5 h-3.5 text-white/70" />
             </button>
           </DropdownMenuTrigger>
           <DropdownMenuContent

package/corpus/templates/slides/app/components/design-system/DesignSystemSetup.tsx

@@ -479,7 +479,7 @@ export function DesignSystemSetup({
 
     if (websiteUrls.length > 0) {
       parts.push(
-        `\n## Website URLs\nAnalyze these websites for design tokens. Call \`import-from-url\` for each:\n${websiteUrls.map((u) => `- ${u}`).join("\n")}`,
+        `\n## Website URLs\nAnalyze these websites for design tokens. Call \`import-from-url\` for each:\n${websiteUrls.map((u) => `- ${u}`).join("\n")}\n\nThe shared action uses the layered real-browser renderer so hydrated React, CSS-in-JS, Tailwind, SPA content, loaded fonts, computed colors, component styles, CSS variables, and desktop/mobile screenshot evidence are captured consistently. It falls back explicitly to SSRF-safe static extraction only when a browser is unavailable. Use its design.md-style result as the source of truth for the deck style.`,
       );
     }
 

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

@@ -1,5 +1,6 @@
 import { appBasePath } from "@agent-native/core/client/api-path";
 import { PromptComposer } from "@agent-native/core/client/composer";
+import { ensureEmbedAuthFetchInterceptor } from "@agent-native/core/client/host";
 import { useT } from "@agent-native/core/client/i18n";
 import { useState, useEffect, useCallback, useRef } from "react";
 import { createPortal } from "react-dom";
@@ -22,9 +23,11 @@ export async function uploadPromptFiles(
   if (files.length === 0) return [];
   const formData = new FormData();
   files.forEach((file) => formData.append("files", file));
+  ensureEmbedAuthFetchInterceptor();
   const response = await fetch(`${appBasePath()}/api/uploads`, {
     method: "POST",
     body: formData,
+    credentials: "include",
   });
   if (!response.ok) {
     let message = "Upload failed";

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

@@ -4112,7 +4112,7 @@ export default function SlideEditor({
   // to stay mounted or that background becomes uneditable.
   const contextToolbar = !readOnly ? (
     <div
-      className="hidden shrink-0 lg:block"
+      className="shrink-0"
       // Snapshotting the range is only half the job: without this marker the
       // click-outside handler exits the edit and clears the snapshot before
       // the button's onClick runs, so partial-text formatting would silently

package/corpus/templates/slides/app/components/onboarding/FirstDeckOnboardingFlow.tsx

@@ -15,7 +15,10 @@ import {
   uploadPromptFiles,
   type UploadedFile,
 } from "@/components/editor/PromptDialog";
-import { useDecks } from "@/context/DeckContext";
+import {
+  describeDeckPersistenceFailure,
+  useDecks,
+} from "@/context/DeckContext";
 import { useAgentGenerating } from "@/hooks/use-agent-generating";
 import { useDesignSystems } from "@/hooks/use-design-systems";
 import { useWorkspaceDefaults } from "@/hooks/use-workspace-defaults";
@@ -141,12 +144,15 @@ export function FirstDeckOnboardingFlow({
         onUnauthenticated: () => {
           toast.error(t("home.signInTitle"));
         },
-        onPersistenceFailure: (failedPrompt) => {
+        onPersistenceFailure: (failedPrompt, _failedFiles, failure) => {
           setPromptInitialText(failedPrompt);
           setPromptInitialTextKey(Date.now());
           setStep("prompt");
           toast.error(t("home.generationStartFailed"), {
-            description: t("home.generationStartFailedDescription"),
+            description: describeDeckPersistenceFailure(
+              failure,
+              t("home.generationStartFailedDescription"),
+            ),
           });
         },
       });

package/corpus/templates/slides/app/context/DeckContext.tsx

@@ -138,6 +138,25 @@ export interface Deck {
   aspectRatio?: AspectRatio;
 }
 
+export type DeckPersistenceResult =
+  | { persisted: true }
+  | { persisted: false; reason: "request-failed"; error: unknown }
+  | { persisted: false; reason: "not-found" };
+
+export function describeDeckPersistenceFailure(
+  result: DeckPersistenceResult,
+  fallback: string,
+): string {
+  if (result.persisted || result.reason === "not-found") return fallback;
+  if (result.error instanceof Error && result.error.message.trim()) {
+    return result.error.message;
+  }
+  if (typeof result.error === "string" && result.error.trim()) {
+    return result.error;
+  }
+  return fallback;
+}
+
 interface DeckContextType {
   decks: Deck[];
   loading: boolean;
@@ -146,7 +165,7 @@ interface DeckContextType {
     title?: string,
     options?: { noDefaultSlides?: boolean; designSystemId?: string | null },
   ) => Deck;
-  ensureDeckPersisted: (id: string) => Promise<boolean>;
+  ensureDeckPersisted: (id: string) => Promise<DeckPersistenceResult>;
   /**
    * Optimistically duplicate a deck. Inserts a copy into local state with the
    * supplied `newId` immediately so the UI can navigate without awaiting the
@@ -167,6 +186,7 @@ interface DeckContextType {
   ) => void;
   reloadDecks: () => Promise<void>;
   reloadDecksWithStatus: () => Promise<DeckReloadStatus>;
+  refreshOpenDeck: (deckId: string) => Promise<Deck | null>;
   getDeck: (id: string) => Deck | undefined;
   addSlide: (
     deckId: string,
@@ -885,7 +905,22 @@ async function fetchDecksForCurrentRoute(): Promise<Deck[] | null> {
 }
 
 async function deleteDeckFromAPI(id: string): Promise<void> {
-  await callAction("delete-deck", { id }, { method: "DELETE" });
+  try {
+    await callAction("delete-deck", { id }, { method: "DELETE" });
+  } catch (error) {
+    // Deleting an optimistic deck is intentionally idempotent. A create can
+    // fail after the server committed the row, or before it created one.
+    if (
+      !(
+        error &&
+        typeof error === "object" &&
+        "status" in error &&
+        (error as { status?: unknown }).status === 404
+      )
+    ) {
+      throw error;
+    }
+  }
 }
 
 async function createDeckOnAPI(deck: Deck): Promise<void> {
@@ -1081,7 +1116,7 @@ export function DeckProvider({ children }: { children: ReactNode }) {
       const deletion = pendingCreate
         ? pendingCreate.then(
             () => deleteDeckFromAPI(deckId),
-            () => undefined,
+            () => deleteDeckFromAPI(deckId),
           )
         : deleteDeckFromAPI(deckId);
       void deletion.catch((err) => {
@@ -1267,11 +1302,11 @@ export function DeckProvider({ children }: { children: ReactNode }) {
   //   - Dirty deck / unsaved local create → additive merge only: surface
   //     agent-added slides without ever overwriting or dropping local slides.
   const refetchOpenDeckIfChanged = useCallback(
-    async (currentOpenId: string) => {
+    async (currentOpenId: string): Promise<Deck | null> => {
       const serverDeck = await fetchDeckFromAPI(currentOpenId);
       // Null means 404 (row not created yet), a transient failure, or a
       // still-pending create — nothing authoritative to reconcile.
-      if (!serverDeck) return;
+      if (!serverDeck) return null;
       const clientDeck = decksRef.current.find((d) => d.id === currentOpenId);
 
       const hasLocalEdits =
@@ -1281,7 +1316,7 @@ export function DeckProvider({ children }: { children: ReactNode }) {
       if (hasLocalEdits && clientDeck) {
         // Content-preserving: only ADD server slides missing locally.
         const merged = mergeServerAddedSlides(clientDeck, serverDeck);
-        if (merged === clientDeck) return; // nothing new to surface
+        if (merged === clientDeck) return serverDeck; // nothing new to surface
         lastExternalUpdateRef.current = Date.now();
         setDecks((prev) => {
           const idx = prev.findIndex((d) => d.id === currentOpenId);
@@ -1290,16 +1325,17 @@ export function DeckProvider({ children }: { children: ReactNode }) {
           next[idx] = merged;
           return next;
         });
-        return;
+        return serverDeck;
       }
 
       const changed =
         !clientDeck ||
         clientDeck.updatedAt !== serverDeck.updatedAt ||
-        clientDeck.slides.length !== serverDeck.slides.length;
-      if (!changed) return;
+        deckContentSignature(clientDeck) !== deckContentSignature(serverDeck);
+      if (!changed) return serverDeck;
       lastExternalUpdateRef.current = Date.now();
       applyRemoteDeckUpdate(serverDeck);
+      return serverDeck;
     },
     [applyRemoteDeckUpdate],
   );
@@ -1728,19 +1764,33 @@ export function DeckProvider({ children }: { children: ReactNode }) {
     [noteLocalCreate, setDecksLocal],
   );
 
-  const ensureDeckPersisted = useCallback(async (id: string) => {
-    const pendingCreate = pendingCreatePromisesRef.current.get(id);
-    if (pendingCreate) {
-      try {
-        await pendingCreate;
-        return true;
-      } catch {
-        return false;
+  const ensureDeckPersisted = useCallback(
+    async (id: string): Promise<DeckPersistenceResult> => {
+      const pendingCreate = pendingCreatePromisesRef.current.get(id);
+      if (pendingCreate) {
+        try {
+          await pendingCreate;
+          return { persisted: true };
+        } catch (error) {
+          return { persisted: false, reason: "request-failed", error };
+        }
       }
-    }
 
-    return (await fetchDeckFromAPI(id)) !== null;
-  }, []);
+      try {
+        const result = await callAction<unknown>(
+          "get-deck",
+          { id },
+          { method: "GET" },
+        );
+        return normalizeActionDeck(result)
+          ? { persisted: true }
+          : { persisted: false, reason: "not-found" };
+      } catch (error) {
+        return { persisted: false, reason: "request-failed", error };
+      }
+    },
+    [],
+  );
 
   const duplicateDeck = useCallback(
     (sourceDeckId: string, newId: string, title?: string): Deck | null => {
@@ -2150,6 +2200,7 @@ export function DeckProvider({ children }: { children: ReactNode }) {
         updateDeck,
         reloadDecks,
         reloadDecksWithStatus,
+        refreshOpenDeck: refetchOpenDeckIfChanged,
         getDeck,
         addSlide,
         updateSlide,

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

@@ -14,6 +14,12 @@
 
 @source "./**/*.{ts,tsx}";
 
+/* Keep the editable agent prompt readable even if the generated text utility
+   is missing or loses a cascade tie during the hosted build. */
+.agent-composer-root [data-agent-composer-slot="editor-input"] {
+  color: hsl(var(--foreground));
+}
+
 /* Hide the sidebar's built-in collapsed tab strip — AgentToggleButton in the
    toolbar serves this purpose instead, so we don't want a redundant bar. */
 button[title="Open agent sidebar"] {

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

@@ -654,17 +654,17 @@ const messages = {
     mine: "Mine",
     deckCount_one: "deck",
     deckCount_other: "decks",
-    createDeckOrVisual: "Create a deck or visual",
+    createDeckOrVisual: "Create a presentation",
     noMineDecks: "No decks created by you yet.",
     deleteDeckTitle: "Delete Deck?",
     deleteDeckDescription:
       "This will permanently delete this deck and all its slides. This action cannot be undone.",
     cancel: "Cancel",
     delete: "Delete",
-    newDeckPromptTitle: "New deck",
-    newDeckPlaceholder: "Describe your deck, visual, or diagram...",
+    newDeckPromptTitle: "New presentation",
+    newDeckPlaceholder: "Describe the presentation you want to generate...",
     skipPrompt: "Skip prompt",
-    firstDeckPromptTitle: "What do you want to make?",
+    firstDeckPromptTitle: "What kind of presentation should we generate?",
     firstDeckSkip: "Skip",
     chooseReferences: "Choose references",
     addDesignSystem: "+ Design system",
@@ -716,7 +716,7 @@ const messages = {
     emptyTitle: "No decks yet",
     createFirstDeck: "Create your first deck",
     emptyDescription:
-      "Build beautiful presentations, standalone visuals, diagrams, and image-rich stories with AI-powered generation.",
+      "Build beautiful presentations with AI-powered generation.",
   },
 };
 

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

@@ -4,7 +4,7 @@ import { flushSync } from "react-dom";
 
 import type { NewDeckReferenceSelection } from "@/components/editor/NewDeckReferenceStep";
 import type { UploadedFile } from "@/components/editor/PromptDialog";
-import type { Deck } from "@/context/DeckContext";
+import type { Deck, DeckPersistenceResult } from "@/context/DeckContext";
 import { createDeckAgentMessage } from "@/lib/agent-visible-message";
 
 interface DesignSystemGenerationContextResult {
@@ -150,13 +150,17 @@ export interface StartDeckGenerationOptions {
   selectedReferenceDeckId?: string | null;
   designSystems: Array<{ id: string; title: string }>;
   createDeck: CreateDeck;
-  ensureDeckPersisted: (id: string) => Promise<boolean>;
+  ensureDeckPersisted: (id: string) => Promise<DeckPersistenceResult>;
   deleteDeck: (id: string) => void;
   navigate: Navigate;
   agentSubmit: SubmitAgent;
   onPromptClosed: () => void;
   onUnauthenticated: (prompt: string, hadFiles: boolean) => void;
-  onPersistenceFailure: (prompt: string, files: UploadedFile[]) => void;
+  onPersistenceFailure: (
+    prompt: string,
+    files: UploadedFile[],
+    failure: DeckPersistenceResult,
+  ) => void;
 }
 
 /** Create the optimistic deck, hydrate references, and start the agent run. */
@@ -214,8 +218,8 @@ export async function startDeckGeneration({
   onPromptClosed();
 
   const persisted = await ensureDeckPersisted(deck.id);
-  if (!persisted) {
-    onPersistenceFailure(prompt, filesForGeneration);
+  if (!persisted.persisted) {
+    onPersistenceFailure(prompt, filesForGeneration, persisted);
     deleteDeck(deckId);
     return "failed";
   }

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

@@ -155,6 +155,7 @@ export default function DeckEditor() {
     getDeck,
     reloadDecks,
     reloadDecksWithStatus,
+    refreshOpenDeck,
     updateDeck,
     updateSlide,
     deleteSlide,
@@ -396,6 +397,22 @@ export default function DeckEditor() {
     }
   }, [refetchOrg, reloadDecks]);
 
+  // The final generation write can race the last sync event. Pull the
+  // authoritative open deck when the run settles so a stale canvas does not
+  // require a browser refresh to reveal completed slides.
+  useEffect(() => {
+    if (
+      !id ||
+      !shouldClearNewDeckGeneratingState({
+        generating,
+        generationStarted: newDeckGenerationStarted.current,
+      })
+    ) {
+      return;
+    }
+    void refreshOpenDeck(id);
+  }, [generating, id, refreshOpenDeck]);
+
   // Clean up the generating URL param/ref when generation completes or when
   // the first slide lands, so partial progress is visible during long decks.
   useEffect(() => {