@agent-native/core 0.149.1 → 0.149.3

package/corpus/templates/slides/app/hooks/use-generating-slide-preview.ts

@@ -21,6 +21,11 @@ export function useGeneratingSlidePreview({
   const [content, setContent] = useState<string | null>(null);
   const activeCallIdRef = useRef<string | null>(null);
   const previousSlideCountRef = useRef(slideCount);
+  // Latest parsed value awaiting a flush; setContent fires at most once per frame
+  // and always reads this ref, so a burst of deltas within one frame collapses
+  // to a single render carrying the newest value instead of the stale one.
+  const pendingContentRef = useRef<string | null>(null);
+  const rafIdRef = useRef<number | null>(null);
 
   useEffect(() => {
     if (slideCount !== previousSlideCountRef.current) {
@@ -37,6 +42,18 @@ export function useGeneratingSlidePreview({
       return;
     }
 
+    const flush = () => {
+      rafIdRef.current = null;
+      setContent(pendingContentRef.current);
+    };
+
+    const scheduleFlush = (value: string | null) => {
+      pendingContentRef.current = value;
+      if (rafIdRef.current === null) {
+        rafIdRef.current = requestAnimationFrame(flush);
+      }
+    };
+
     const handleToolInput = (event: Event) => {
       const detail = (event as CustomEvent<ToolInputEventDetail>).detail;
       if (detail?.tool !== "add-slide") return;
@@ -47,7 +64,7 @@ export function useGeneratingSlidePreview({
       if (detail.phase === "start") {
         if (detail.id && activeCallIdRef.current === detail.id) return;
         activeCallIdRef.current = detail.id ?? null;
-        setContent(null);
+        scheduleFlush(null);
         return;
       }
 
@@ -60,13 +77,18 @@ export function useGeneratingSlidePreview({
       }
       if (detail.id) activeCallIdRef.current = detail.id;
       if (parsed.content !== undefined) {
-        setContent(parsed.content || null);
+        scheduleFlush(parsed.content || null);
       }
     };
 
     window.addEventListener("agent-native:tool-input", handleToolInput);
-    return () =>
+    return () => {
       window.removeEventListener("agent-native:tool-input", handleToolInput);
+      if (rafIdRef.current !== null) {
+        cancelAnimationFrame(rafIdRef.current);
+        rafIdRef.current = null;
+      }
+    };
   }, [deckId, generating]);
 
   return content;

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

@@ -659,6 +659,7 @@ const messages = {
     deckCount_other: "decks",
     createDeckOrVisual: "Create a presentation",
     noMineDecks: "No decks created by you yet.",
+    noDecksMatchSearch: "No decks match your search.",
     deleteDeckTitle: "Delete Deck?",
     deleteDeckDescription:
       "This will permanently delete this deck and all its slides. This action cannot be undone.",
@@ -689,6 +690,7 @@ const messages = {
       "Keep the default design system and reference deck unless you remove them. Search for another deck, import a file, or continue when you're ready.",
     chooseAnotherDeck: "Choose another deck",
     noMatchingDecks: "No matching decks found.",
+    googleSlidesImportLabel: "Slides",
     googleSlidesReferenceTitle: "Google Slides",
     googleSlidesReferenceConnect:
       "Connect Google Drive to import a Slides deck.",

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

@@ -91,6 +91,30 @@ async function loadReferenceDeckGenerationContext(
   ].join("\n");
 }
 
+export function isSourceImprovementRequest(
+  prompt: string,
+  files: UploadedFile[],
+): boolean {
+  const hasSourceDeck = files.some((file) =>
+    /\.(pptx|pdf)$/i.test(file.originalName),
+  );
+  if (!hasSourceDeck) return false;
+
+  const normalized = prompt.toLowerCase();
+  const asksToImprove =
+    /\b(restyl\w*|redesign\w*|rebrand\w*|revamp\w*|rework\w*|moderni[sz]\w*|refresh\w*|polish\w*|improv\w*|updat\w*|revis\w*|edit\w*)\b/.test(
+      normalized,
+    ) ||
+    /\bmake\b[\s\S]{0,40}\b(better|modern|professional|polished|prett\w*)\b/.test(
+      normalized,
+    );
+  // A source deck attachment is the object being improved even when the
+  // prompt uses an implicit phrase such as "make this prettier". Requiring a
+  // source noun here silently falls back to reference-only generation and can
+  // discard the uploaded deck's slide IDs and content.
+  return asksToImprove;
+}
+
 function describeUploadedFilesForAgent(
   files: UploadedFile[],
   deckId: string,
@@ -103,25 +127,26 @@ function describeUploadedFilesForAgent(
         `- ${file.originalName} (${file.type}, ${(file.size / 1024).toFixed(1)}KB) at path: ${file.path}${file.url ? `; embeddable URL: ${file.url}` : ""}`,
     )
     .join("\n");
-  const sourceFile = importedSourceDeck?.file;
   return [
     "",
     importedSourceDeck
-      ? `The user uploaded ${files.length} file(s). The ${sourceFile?.originalName ?? importedSourceDeck.format.toUpperCase()} source deck has already been imported into target deck ${deckId} with ${importedSourceDeck.slideCount} source slide(s); do not import it again.`
-      : `The user uploaded ${files.length} file(s). These are mandatory source material, not optional references — process every one of them with the matching import action BEFORE adding the first slide:`,
+      ? `The user uploaded ${files.length} file(s). The ${importedSourceDeck.file.originalName} source deck has already been imported into target deck ${deckId} with ${importedSourceDeck.slideCount} source slide(s); do not import it again.`
+      : `The user attached ${files.length} file(s) as reference material for this new deck. Attachments are context for the agent by default; do not import or append their slides to target deck ${deckId} merely because they were attached.`,
     fileList,
     "",
     "File handling rules:",
     importedSourceDeck
-      ? "- The imported source deck is the canonical source. Preserve its slide count, order, IDs, factual copy, notes, imagery, charts, tables, diagrams, and freeform objects while improving styling. Use update-slide on existing slide IDs; do not rebuild it with add-slide."
-      : `- PPTX files: call \`import-pptx --filePath \"<path>\" --deckId ${deckId}\` before adding or editing slides.`,
+      ? "- The imported source deck is canonical. Preserve its slide count, order, IDs, factual copy, notes, imagery, charts, tables, diagrams, and freeform objects while improving styling. For a deck-wide restyle, use one patch-deck call with requireAllSourceSlides=true; use update-slide only for a targeted one-slide edit. Do not rebuild it with add-slide."
+      : `- PDF, PPTX, and DOCX files: call \`import-file --filePath \"<path>\" --format auto\` (without \`importIntoDeck\`) when you need their text or structure. Use the returned material as reference while creating new slides with \`add-slide\`.`,
     importedSourceDeck
       ? "- For a PDF source, keep the original full-page image in every slide and add restrained design-system chrome around it without obscuring source content. Never OCR-reconstruct a source-faithful page from extracted text."
-      : `- 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. For a visual PDF whose original layout should be preserved, pass \`--importIntoDeck true\` instead of rebuilding the pages from extracted text. Do not proceed to add-slide until this call has returned for every PDF/DOCX in the list above.`,
+      : "- Do not pass `importIntoDeck: true` for an attached file unless the user explicitly asks to import or preserve the source pages in the current deck. An attached reference is not an instruction to replace or seed the deck.",
     "- 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 are mandatory assets: if the user specified where to use one (e.g. "on the first and last slide"), embed it there with `<img src="...">` exactly as requested. Do not omit a requested image and continue silently — if it truly cannot be placed, say why in your final chat response.',
     "- 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.",
-    "- Before your final response, verify every uploaded file above was either imported (PPTX/PDF/DOCX) or placed as requested (images). If any file's content or requested placement is missing from the deck, say so explicitly instead of reporting success.",
+    importedSourceDeck
+      ? "- Before your final response, verify the same source slide IDs and count with get-deck after the restyle. If source fidelity is partial or images were skipped, report the exact warning instead of claiming success."
+      : "- Before your final response, verify every uploaded file above was either used as reference or placed as explicitly requested. If any file's content or requested placement is missing from the deck, say so explicitly instead of reporting success.",
   ].join("\n");
 }
 
@@ -179,7 +204,7 @@ export interface StartDeckGenerationOptions {
     files: UploadedFile[],
     failure: DeckPersistenceResult,
   ) => void;
-  onSetupFailure: (
+  onSetupFailure?: (
     prompt: string,
     files: UploadedFile[],
     failure: unknown,
@@ -248,15 +273,17 @@ export async function startDeckGeneration({
   }
 
   let importedSourceDeck: ImportedSourceDeck | null = null;
-  try {
-    importedSourceDeck = await importUploadedDeckIntoDeck(
-      filesForGeneration,
-      deckId,
-    );
-  } catch (error) {
-    deleteDeck(deckId);
-    onSetupFailure(prompt, filesForGeneration, error);
-    return "failed";
+  if (isSourceImprovementRequest(prompt, filesForGeneration)) {
+    try {
+      importedSourceDeck = await importUploadedDeckIntoDeck(
+        filesForGeneration,
+        deckId,
+      );
+    } catch (error) {
+      deleteDeck(deckId);
+      onSetupFailure?.(prompt, filesForGeneration, error);
+      return "failed";
+    }
   }
 
   onPromptClosed();
@@ -324,19 +351,21 @@ export async function startDeckGeneration({
         "Source-preserving improvement mode:",
         `- The target deck already contains ${importedSourceDeck.slideCount} imported source slides. Treat those slides as the user's complete source, not as inspiration for a new deck.`,
         "- Keep the exact source slide count, order, IDs, factual meaning, notes, images, charts, tables, diagrams, and freeform objects unless the user explicitly asks to change one of them.",
-        "- Read `get-deck` before editing, load the linked design system with `get-design-system`, then use one `update-slide` call per existing slide ID for bounded visual improvements. Keep every original `<img>` source and enough original factual copy for each slide; for PDF slides, use restrained design-system chrome around the page without obscuring it.",
-        "- Do not call `add-slide`, delete slides, reorder slides, or replace source images with generic cards. Do not claim success until `get-deck` verifies the same slide IDs and count after the edits.",
-        "- If `get-deck` reports partial source fidelity or skipped images, stop and report the exact warning instead of claiming a reliable restyle.",
+        "- Read get-deck once before editing to obtain every existing slide ID and source HTML, load the linked design system with get-design-system, then make a deck-wide restyle with one patch-deck call using requireAllSourceSlides=true and one patch-slide operation with fields.content for every source slide ID. Do not split a full-deck restyle into arbitrary batches or fall back to one-by-one update-slide calls; use update-slide only for a targeted one-slide edit. Keep every original image source and enough original factual copy for each slide; for PDF slides, use restrained design-system chrome around the page without obscuring it.",
+        "- Do not call add-slide, delete slides, reorder slides, or replace source images with generic cards. Do not claim success until get-deck verifies the same slide IDs and count after the edits.",
+        '- After the patch succeeds, verify with get-deck using compact: "true" so only slide IDs, count, and previews are returned. Do not report an initial or partial pass, and do not leave any source slides for a later run.',
+        "- If get-deck reports partial source fidelity or skipped images, stop and report the exact warning instead of claiming a reliable restyle.",
       ].join("\n")
     : "";
   const sourceModeInstructions = importedSourceDeck
     ? [
         "The request is an in-place visual improvement of an imported source deck. Make a coherent style pass across every existing slide while preserving all source content and media.",
-        "Do not use the new-deck add-slide workflow for this source-preserving request.",
-      ]
+        "Do not use the new-deck add-slide workflow for this source-preserving request. Finish every source slide in this run; if patch-deck rejects incomplete coverage, continue with the returned missing IDs instead of reporting success with a partial deck.",
+      ].join("\n")
     : [
+        "This is a new deck. Keep it empty until generation begins; attached reference files must not seed it with imported slides.",
         "Start a `manage-progress` run so progress appears in the app header. Add the first slide as soon as it is ready, then continue one slide at a time so the editor visibly fills in.",
-        `After reading any requested or imported source material, but before adding the first slide, choose a concise, specific deck title from the user's request and source material. Call \`patch-deck\` with \`deckId: \"${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.`,
+        `After reading any requested or attached reference material, but before adding the first slide, choose a concise, specific deck title from the user's request and source material. Never use the deck id, run id, file id, or another opaque alphanumeric token as the title. Call \`patch-deck\` with \`deckId: \"${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.`,

package/corpus/templates/slides/app/lib/recent-references.ts

@@ -48,7 +48,10 @@ export function readRecentReferences(
     const parsed: unknown = JSON.parse(raw);
     if (!Array.isArray(parsed)) return { items: [], readable: false };
     return {
-      items: parsed.filter(isRecentReference).slice(0, MAX_RECENT_REFERENCES),
+      items: parsed
+        .filter(isRecentReference)
+        .sort((first, second) => second.lastUsedAt - first.lastUsedAt)
+        .slice(0, MAX_RECENT_REFERENCES),
       readable: true,
     };
   } catch {
@@ -56,6 +59,25 @@ export function readRecentReferences(
   }
 }
 
+export function forgetRecentReference(
+  kind: RecentReferenceKind,
+  storage:
+    | Pick<Storage, "getItem" | "setItem">
+    | null
+    | undefined = typeof window === "undefined" ? null : window.localStorage,
+): RecentReferencesResult {
+  const current = readRecentReferences(storage);
+  if (!storage || !current.readable) return current;
+
+  const next = current.items.filter((item) => item.kind !== kind);
+  try {
+    storage.setItem(RECENT_REFERENCES_STORAGE_KEY, JSON.stringify(next));
+    return { items: next, readable: true };
+  } catch {
+    return { items: current.items, readable: false };
+  }
+}
+
 export function rememberRecentReference(
   reference: Omit<RecentReference, "lastUsedAt">,
   storage:

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

@@ -9,6 +9,35 @@ export interface AnimationTarget {
   elementPath?: number[];
 }
 
+export interface ResolvedAnimationTarget<
+  T extends AnimationTarget = AnimationTarget,
+> {
+  target: T;
+  element: Element;
+  key: string;
+}
+
+export type AnimationTargetResolutionIssueCode =
+  | "missing-target"
+  | "duplicate-target";
+
+export interface AnimationTargetResolutionIssue<
+  T extends AnimationTarget = AnimationTarget,
+> {
+  animationIndex: number;
+  code: AnimationTargetResolutionIssueCode;
+  target: T;
+  key?: string;
+  preview?: string;
+}
+
+export interface AnimationTargetResolution<
+  T extends AnimationTarget = AnimationTarget,
+> {
+  resolved: ResolvedAnimationTarget<T>[] | null;
+  issue: AnimationTargetResolutionIssue<T> | null;
+}
+
 const INLINE_TAGS = new Set([
   "a",
   "abbr",
@@ -192,15 +221,87 @@ export function resolveSlideAnimationElement(
   root: Element,
   target: AnimationTarget,
 ): Element | null {
-  if (Array.isArray(target.elementPath) && target.elementPath.length > 0) {
-    const pathTarget = resolveElementPath(root, target.elementPath);
-    if (pathTarget) return pathTarget;
+  if (Array.isArray(target.elementPath)) {
+    // A supplied path is the identity of the target. Falling back to a
+    // legacy index after it goes stale can animate a different element while
+    // leaving the intended element visible.
+    return target.elementPath.length > 0
+      ? resolveElementPath(root, target.elementPath)
+      : null;
   }
 
   const legacyContainer = findLegacyAnimationContainer(root);
   return legacyContainer?.children.item(target.elementIndex) ?? null;
 }
 
+/**
+ * Resolve an ordered animation list as one validated unit. A null result
+ * means the list cannot be rendered faithfully - a missing or duplicate
+ * target must not become a phantom click step in the presentation player.
+ */
+export function resolveSlideAnimationTargets<T extends AnimationTarget>(
+  root: Element,
+  targets: readonly T[],
+): ResolvedAnimationTarget<T>[] | null {
+  return resolveSlideAnimationTargetsWithDiagnostics(root, targets).resolved;
+}
+
+export function resolveSlideAnimationTargetsWithDiagnostics<
+  T extends AnimationTarget,
+>(root: Element, targets: readonly T[]): AnimationTargetResolution<T> {
+  const seen = new Set<string>();
+  const resolved: ResolvedAnimationTarget<T>[] = [];
+
+  for (const [animationIndex, target] of targets.entries()) {
+    const element = resolveSlideAnimationElement(root, target);
+    if (!element) {
+      return {
+        resolved: null,
+        issue: {
+          animationIndex,
+          code: "missing-target",
+          target,
+        },
+      };
+    }
+    const path = getElementPath(root, element);
+    if (!path) {
+      return {
+        resolved: null,
+        issue: {
+          animationIndex,
+          code: "missing-target",
+          target,
+          preview: getElementPreview(
+            element,
+            `Element ${target.elementIndex + 1}`,
+          ),
+        },
+      };
+    }
+    const key = animationElementKey(path);
+    if (seen.has(key)) {
+      return {
+        resolved: null,
+        issue: {
+          animationIndex,
+          code: "duplicate-target",
+          target,
+          key,
+          preview: getElementPreview(
+            element,
+            `Element ${target.elementIndex + 1}`,
+          ),
+        },
+      };
+    }
+    seen.add(key);
+    resolved.push({ target, element, key });
+  }
+
+  return { resolved, issue: null };
+}
+
 export function getSlideAnimationTargetKey(
   html: string,
   target: AnimationTarget,

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

@@ -5,7 +5,7 @@ import {
   emailToColor,
   emailToName,
 } from "@agent-native/core/client/collab";
-import { useSession, callAction } from "@agent-native/core/client/hooks";
+import { useSession } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import { useOrg } from "@agent-native/core/client/org";
 import {
@@ -54,7 +54,7 @@ import {
   useSlideComments,
   type CommentThread,
 } from "@/hooks/use-slide-comments";
-import { getAspectRatioDims, type AspectRatio } from "@/lib/aspect-ratios";
+import { getAspectRatioDims } from "@/lib/aspect-ratios";
 import {
   deckAccessCheckKey,
   shouldShowDeckEditorSkeleton,
@@ -187,6 +187,8 @@ export default function DeckEditor() {
   );
   const [contextToolbarSlot, setContextToolbarSlot] =
     useState<HTMLDivElement | null>(null);
+  const [wideContextToolbarSlot, setWideContextToolbarSlot] =
+    useState<HTMLDivElement | null>(null);
   const [retryingMissingDeck, setRetryingMissingDeck] = useState(false);
   const [checkedDeckAccessKey, setCheckedDeckAccessKey] = useState<
     string | null
@@ -238,9 +240,6 @@ export default function DeckEditor() {
   const [pendingComment, setPendingComment] = useState<{
     quotedText: string;
   } | null>(null);
-  const imageGenButtonRef = useRef<HTMLButtonElement>(null);
-  const assetsButtonRef = useRef<HTMLButtonElement>(null);
-
   // Track which image src to replace
   const [replaceImageSrc, setReplaceImageSrc] = useState<string | null>(null);
 
@@ -1016,7 +1015,7 @@ export default function DeckEditor() {
 
   return (
     <div
-      className="flex h-full min-h-0 flex-1 flex-col overflow-hidden bg-background"
+      className="deck-editor-shell flex h-full min-h-0 flex-1 flex-col overflow-hidden rounded-l-lg bg-background"
       onDragOver={editorDragOver}
       onDrop={editorDrop}
     >
@@ -1035,16 +1034,10 @@ export default function DeckEditor() {
           setReplaceImageSrc(null);
           setAssetLibraryOpen(true);
         }}
-        imageGenButtonRef={imageGenButtonRef}
-        assetsButtonRef={assetsButtonRef}
-        historyOpen={historyOpen}
         onShowHistory={() => setHistoryOpen(!historyOpen)}
         historyButtonRef={historyButtonRef}
         currentSlide={currentSlide}
-        onUpdateSlide={(updates, slideIdOverride) => {
-          const targetId = slideIdOverride ?? currentSlide?.id;
-          if (targetId) updateSlide(id, targetId, updates);
-        }}
+        onWideContextToolbarSlotChange={setWideContextToolbarSlot}
         activeUsers={slideActiveUsers.filter((u) => u.email !== session?.email)}
         agentPresent={agentPresent}
         agentActive={agentActive}
@@ -1118,19 +1111,6 @@ export default function DeckEditor() {
           }
           return exportDeckToGoogleSlides(deck.title, slides, deck.aspectRatio);
         }}
-        aspectRatio={deck.aspectRatio}
-        onSetAspectRatio={(ratio: AspectRatio) => {
-          const previous = deck.aspectRatio;
-          // Optimistic UI: update local cache immediately so canvas resizes.
-          updateDeck(id, { aspectRatio: ratio });
-          callAction("update-deck-aspect-ratio", {
-            deckId: id,
-            aspectRatio: ratio,
-          }).catch((err) => {
-            console.error("Failed to set aspect ratio:", err);
-            updateDeck(id, { aspectRatio: previous });
-          });
-        }}
         currentSlideId={currentSlide?.id}
         addSlideGenerating={addSlideGenerating}
         onAddSlideGeneratingChange={setAddSlideGenerating}
@@ -1142,9 +1122,13 @@ export default function DeckEditor() {
 
       {/* Full-width host for the slide's contextual style toolbar: it spans the
        * slide rail as well as the canvas, matching the deck toolbar above it. */}
-      <div ref={setContextToolbarSlot} className="shrink-0" />
+      <div
+        ref={setContextToolbarSlot}
+        data-context-toolbar-host="narrow"
+        className="deck-editor-context-toolbar-host deck-editor-context-toolbar-host--narrow shrink-0"
+      />
 
-      <div className="relative flex min-h-0 flex-1 overflow-hidden">
+      <div className="deck-editor-workspace relative flex min-h-0 flex-1 overflow-hidden rounded-l-lg bg-background">
         {sidebarOpen && (
           <>
             <div
@@ -1204,7 +1188,7 @@ export default function DeckEditor() {
         )}
 
         {generatingSlideSelected && generatingSlideVisible && (
-          <div className="flex min-h-0 flex-1 overflow-auto bg-background p-4 md:p-8">
+          <div className="flex min-h-0 flex-1 overflow-auto bg-[var(--slides-editor-surface)] p-4 md:p-8">
             <div className="m-auto w-full max-w-6xl">
               <GeneratingSlidePreview
                 content={streamedGeneratingSlideContent}
@@ -1220,7 +1204,7 @@ export default function DeckEditor() {
           generatingSlideVisible &&
           deck.slides.length === 0 &&
           !showQuestionFlow && (
-            <div className="flex min-h-0 flex-1 overflow-auto bg-background p-4 md:p-8">
+            <div className="flex min-h-0 flex-1 overflow-auto bg-[var(--slides-editor-surface)] p-4 md:p-8">
               <div className="m-auto w-full max-w-6xl">
                 <GeneratingSlidePreview
                   content={streamedGeneratingSlideContent}
@@ -1238,6 +1222,7 @@ export default function DeckEditor() {
             deckId={id}
             readOnly={!canEdit}
             contextToolbarSlot={contextToolbarSlot}
+            wideContextToolbarSlot={wideContextToolbarSlot}
             contextToolbarLeading={
               canEdit ? (
                 <EditorActionCluster
@@ -1287,7 +1272,6 @@ export default function DeckEditor() {
             onDropImageUrl={dropImageUrlOnSlide}
             onToggleObjectFit={toggleObjectFit}
             slideIndex={currentIndex >= 0 ? currentIndex : 0}
-            slideCount={deck.slides.length}
             designSystem={designSystem}
             aspectRatio={deck.aspectRatio}
             collabUser={
@@ -1376,7 +1360,7 @@ export default function DeckEditor() {
       <ImageGenPanel
         open={imageGenOpen}
         onOpenChange={setImageGenOpen}
-        anchorRef={imageGenButtonRef}
+        anchorRef={historyButtonRef}
         referenceImageUrls={imageStyleReferenceUrls}
         slideContext={
           currentSlide
@@ -1394,7 +1378,7 @@ export default function DeckEditor() {
       <AssetLibraryPanel
         open={assetLibraryOpen}
         onOpenChange={setAssetLibraryOpen}
-        anchorRef={assetsButtonRef}
+        anchorRef={historyButtonRef}
         onSelectAsset={
           replaceImageSrc
             ? (newUrl) => {

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

@@ -6,7 +6,7 @@ import {
 } from "@agent-native/toolkit/app-shell";
 import {
   IconAlertTriangle,
-  IconPalette,
+  IconComponents,
   IconPlus,
   IconRefresh,
 } from "@tabler/icons-react";
@@ -349,7 +349,7 @@ function EmptyState({ onCreateNew }: { onCreateNew: () => void }) {
   return (
     <div className="flex flex-col items-center justify-center min-h-[60vh] text-center">
       <div className="w-16 h-16 rounded-2xl bg-gradient-to-br from-[#609FF8]/20 to-[#4080E0]/20 border border-[#609FF8]/20 flex items-center justify-center mb-6">
-        <IconPalette className="w-7 h-7 text-[#609FF8]" />
+        <IconComponents className="w-7 h-7 text-primary" />
       </div>
       <h2 className="text-xl font-semibold text-foreground mb-2">
         {t("designSystems.emptyTitle")}