@agent-native/core 0.132.2 → 0.133.0

package/corpus/templates/macros/app/components/layout/AppLayout.tsx

@@ -254,13 +254,17 @@ function SidebarContent({
               src={appPath("/agent-native-icon-light.svg")}
               alt=""
               aria-hidden="true"
-              className="block h-4 w-auto shrink-0 dark:hidden"
+              width={28}
+              height={16}
+              className="block h-4 w-7 shrink-0 object-contain object-center dark:hidden"
             />
             <img
               src={appPath("/agent-native-icon-dark.svg")}
               alt=""
               aria-hidden="true"
-              className="hidden h-4 w-auto shrink-0 dark:block"
+              width={28}
+              height={16}
+              className="hidden h-4 w-7 shrink-0 object-contain object-center dark:block"
             />
             <span className="font-logo truncate text-sm font-bold tracking-tight text-foreground">
               {t("navigation.brand")}

package/corpus/templates/plan/app/components/layout/Sidebar.tsx

@@ -606,30 +606,45 @@ export function Sidebar({
           collapsed ? "justify-center px-0" : "gap-2 px-3",
         )}
       >
-        <div
+        <button
+          type="button"
+          onClick={() => onCollapsedChange?.(!collapsed)}
           className={cn(
-            "flex min-w-0 items-center gap-2",
-            collapsed ? "justify-center" : "flex-1",
+            "flex min-w-0 items-center gap-2 rounded outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            collapsed ? "justify-center" : "flex-1 text-start",
           )}
+          aria-label={
+            collapsible
+              ? collapsed
+                ? t("sidebar.expandSidebar")
+                : t("sidebar.collapseSidebar")
+              : undefined
+          }
+          disabled={!collapsible || !onCollapsedChange}
+          data-sidebar-brand-toggle
         >
           <img
             src={appPath("/agent-native-icon-light.svg")}
             alt=""
             aria-hidden="true"
-            className="block h-4 w-auto max-w-7 shrink-0 dark:hidden"
+            width={28}
+            height={16}
+            className="block h-4 w-7 shrink-0 object-contain object-center dark:hidden"
           />
           <img
             src={appPath("/agent-native-icon-dark.svg")}
             alt=""
             aria-hidden="true"
-            className="hidden h-4 w-auto max-w-7 shrink-0 dark:block"
+            width={28}
+            height={16}
+            className="hidden h-4 w-7 shrink-0 object-contain object-center dark:block"
           />
           {!collapsed && (
             <span className="truncate text-sm font-semibold tracking-tight">
               {APP_TITLE}
             </span>
           )}
-        </div>
+        </button>
         {!collapsed && <BrandingCustomizePopover />}
       </div>
 

package/corpus/templates/plan/changelog/2026-07-31-clicking-the-agent-native-logo-now-toggles-the-app-sidebar.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-31
+---
+
+Clicking the Agent Native logo now toggles the app sidebar.

package/corpus/templates/slides/.agents/skills/create-deck/SKILL.md

@@ -127,6 +127,18 @@ Every slide's `content` must use this exact outer div:
 </div>
 ```
 
+## Fit budget
+
+The canvas is fixed at its aspect-ratio dimensions. With the standard 16:9
+canvas (960x540) and `padding: 80px 110px`, the usable content area is only
+740x380px. Treat that as a hard budget for the main flow: use at most two title
+lines, three short bullets or cards, and two or three short items per column.
+Split dense source material across slides instead of shrinking it into a dense
+stack. Keep body text at or above 16px. Never hide overflow with zoom,
+`transform: scale()`, clipping, or scroll overflow. A later structural repair
+may reduce the slide's explicit padding, and that padding must remain intact
+when the saved HTML is rendered.
+
 Background is pure black (`bg-[#000000]`) — set by the renderer, not the slide HTML.
 
 ## Ready-to-Use Templates

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

@@ -14,6 +14,7 @@ Design systems are stored in the `design_systems` SQL table. Each has a `data` c
 - `logos`: array of { url, name, variant }
 - `imageStyle`: referenceUrls, styleDescription
 - `customCSS`: optional custom CSS
+- `visibility`: organization-scoped systems default to `org`; local systems default to `private`
 
 ## Creating a Design System
 
@@ -22,6 +23,10 @@ Design systems are stored in the `design_systems` SQL table. Each has a `data` c
 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
 
+When an organization is active, newly created systems are shared with that
+organization by default. Builder-indexed local proxy systems follow the same
+visibility rule.
+
 ### Source: Figma `.fig` file
 
 When the user uploads a raw Figma local copy (`.fig`), start Builder
@@ -60,6 +65,10 @@ members who have not set their own. `create-deck` resolves it server-side, so
 call `get-workspace-defaults` only to name it or answer what the default is.
 See the `create-deck` skill.
 
+The personal default is separate from the workspace default. Use
+`set-default-design-system` with `isDefault: false` to clear a personal star;
+setting another system clears the previous star in the same organization.
+
 ## Deleting a Design System
 
 `delete-design-system` requires admin access or higher (owner or admin share

package/corpus/templates/slides/.agents/skills/slide-editing/SKILL.md

@@ -37,6 +37,17 @@ All generated slides follow these conventions:
 | Bold terms | `<strong style="font-weight: 800; color: #fff;">Term</strong>` + description in rgba(255,255,255,0.55) |
 | Accent color | `#00E5FF` (cyan) for section labels, emphasis, highlights |
 
+## Fit and Density
+
+Fit the main content to the native content area, not merely to the outer
+wrapper. For the default 16:9 canvas, the standard `80px 110px` padding leaves
+740x380px. Keep titles to two lines, content slides to three short bullets or
+three compact cards, and two-column slides to two or three short items per
+column. If the source is denser, split it across slides. Never use zoom,
+`transform: scale()`, clipping, or scroll overflow to hide a fit issue; body
+text must remain at least 16px. Explicitly reduced slide padding is allowed when
+the content still needs the space.
+
 ## Updating a Slide
 
 To edit a slide's content:

package/corpus/templates/slides/AGENTS.md

@@ -30,17 +30,16 @@ ladder.
 - Preserve freeform objects and their `data-slide-object-id` values. They are
   absolutely positioned `.fmd-slide` children; keep generated flex/grid in
   normal flow and mint ids only for duplicates. Use styled HTML, not inline SVG.
-- Follow linked design-system tokens and custom instructions.
+- Read `slide-editing` before creating slides; it covers fit, density, and overflow.
+- Follow linked design-system tokens; read `design-systems` for per-source actions.
 - Build reusable design systems from Figma, code, GitHub, or `design.md` via
-  Builder-backed DSI indexing, never a duplicate local copy. Read
-  `design-systems` for the per-source actions.
+  Builder-backed DSI indexing, never a duplicate local copy.
 - Import/export actions are shortcuts, not capability limits. For exact Google
   Drive API needs, use `provider-api-catalog`, `provider-api-docs`, and
   `provider-api-request`; auth comes from the user's Google Docs OAuth. Stage
   large scans with `stageAs` and analyze them via `query-staged-dataset`.
-- Use image-generation and image-selection actions only when the deck genuinely
-  needs imagery; keep citations/asset provenance when available.
-- Use framework sharing actions for deck visibility and grants.
+- Use image actions only when needed; preserve asset provenance.
+- Use sharing actions for visibility and grants.
 - Ask a sibling app's agent with a natural-language `call-agent` message by
   default. Let that specialist use its own instructions, skills, sources, and
   tools. Direct action invocation is only for an exact bounded read with a

package/corpus/templates/slides/actions/_await-fit-check.ts

@@ -1,14 +1,17 @@
 import { readAppStateForCurrentTab } from "./_tab-state.js";
 
 /** A measurement record written by the editor after rendering a slide.
- * `verticalOverflow === 0` means the slide fits the canvas;
- * `verticalOverflow > 0` means the rendered content was too tall. */
+ * Both overflow fields must be zero for the slide to fit the canvas. */
 export interface SlideFitMeasurement {
   slideId: string;
   deckId?: string;
   contentHeight: number;
+  contentWidth?: number;
   viewportHeight: number;
+  viewportWidth?: number;
   verticalOverflow: number;
+  horizontalOverflow?: number;
+  contentHash?: string;
   measuredAt: number;
 }
 
@@ -45,6 +48,7 @@ export async function awaitLayoutFitCheck(
   slideId: string,
   since: number,
   timeoutMs: number = DEFAULT_TIMEOUT_MS,
+  expectedContentHash?: string,
 ): Promise<SlideFitResult> {
   const deadline = Date.now() + timeoutMs;
   while (Date.now() < deadline) {
@@ -63,11 +67,17 @@ export async function awaitLayoutFitCheck(
     if (
       m &&
       m.slideId === slideId &&
-      typeof m.measuredAt === "number" &&
+      (expectedContentHash === undefined ||
+        m.contentHash === expectedContentHash) &&
+      Number.isFinite(m.measuredAt) &&
       m.measuredAt >= since &&
-      typeof m.verticalOverflow === "number"
+      Number.isFinite(m.verticalOverflow) &&
+      Number.isFinite(m.contentHeight) &&
+      Number.isFinite(m.viewportHeight) &&
+      (m.horizontalOverflow === undefined ||
+        Number.isFinite(m.horizontalOverflow))
     ) {
-      return m.verticalOverflow > 0
+      return m.verticalOverflow > 0 || (m.horizontalOverflow ?? 0) > 0
         ? { status: "overflows", measurement: m }
         : { status: "fits", measurement: m };
     }
@@ -78,22 +88,22 @@ export async function awaitLayoutFitCheck(
 
 /** Format an overflow result into a short tool-result block that the agent
  * will see and act on. Includes the slide id, the exact overflow, and a
- * prioritized fix list. The wording is deliberately direct so the agent
- * follows up with a surgical `update-slide` patch rather than a full regen. */
+ * prioritized fix list. The wording is deliberately bounded so the agent
+ * makes one structural repair and verifies it instead of looping. */
 export function formatOverflowForTool(
   deckId: string,
   m: SlideFitMeasurement,
 ): string {
   return [
     ``,
-    `⚠ Layout overflows the canvas vertically — this slide rendered ${m.contentHeight}px tall but the canvas content area is only ${m.viewportHeight}px (overflow: ${m.verticalOverflow}px).`,
+    `⚠ Layout overflows the canvas${m.verticalOverflow > 0 ? ` vertically by ${m.verticalOverflow}px` : ""}${(m.horizontalOverflow ?? 0) > 0 ? ` and horizontally by ${m.horizontalOverflow}px` : ""} — natural content is ${m.contentWidth ?? "unknown"}x${m.contentHeight}px inside a ${m.viewportWidth ?? "unknown"}x${m.viewportHeight}px content area.`,
     ``,
-    `**Auto-fix this now** with another \`update-slide --deckId ${deckId} --slideId ${m.slideId}\` call. Prefer small surgical patches (--find / --replace) over a full rewrite:`,
+    `Make one structural repair now with \`update-slide --deckId ${deckId} --slideId ${m.slideId}\`. Prefer small surgical patches (--find / --replace) over a full rewrite:`,
     `1. Tighten copy — shorter headings/bullets, drop low-value lines.`,
     `2. Reduce vertical density — fewer stacked cards, smaller gaps, body font no smaller than 16px.`,
     `3. Reduce slide padding (e.g. 40px top/bottom instead of 60-80px).`,
     `4. Split across two slides only if the content cannot be compressed.`,
     ``,
-    `Do **not** use \`transform: scale\`, \`overflow: scroll\`, or absolute positioning — the renderer no longer auto-shrinks, so only the HTML shape can fix it. After your patch the editor will re-measure; if the slide still overflows you'll see this message again and can iterate.`,
+    `Do **not** use zoom, \`transform: scale\`, clipping, \`overflow: scroll\`, or a smaller-than-16px body font. Preserve existing absolute text boxes and fix the normal-flow HTML. Verify the action result and then use \`view-screen\`; do not spin through another repair loop.`,
   ].join("\n");
 }

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

@@ -17,6 +17,7 @@ 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 { createDeckVersionSnapshot } from "../server/lib/deck-versions.js";
+import { hashSlideContent } from "../shared/slide-fit.js";
 import { slideLabelFor, touchAgentSlidePresence } from "./_agent-presence.js";
 import {
   awaitLayoutFitCheck,
@@ -350,6 +351,11 @@ export default defineAction({
         );
       });
 
+      // Start the freshness window immediately after the SQL write and before
+      // notifying the editor. A render can happen during presence/navigation;
+      // capturing the timestamp later can discard that valid measurement.
+      const fitSince = Date.now();
+
       // Best-effort agent presence: light the agent up on the newly-added slide
       // in open editors and drop a lingering "AI edited" highlight for it. Uses
       // the NEW slide's id. Never blocks or fails the write.
@@ -388,11 +394,15 @@ export default defineAction({
 
       // Wait briefly for the editor to render the new slide and report its
       // measured fit. If we get an "overflows" signal, append the auto-fix
-      // hint so the agent can call update-slide right away and patch the
-      // slide HTML until it fits. Timeout = no editor measurement available
+      // hint so the agent can make one bounded structural repair. Timeout = no
+      // editor measurement available
       // (e.g. headless server) — return success without a fit hint.
-      const fitSince = Date.now();
-      const fit = await awaitLayoutFitCheck(newSlideId, fitSince, 5000);
+      const fit = await awaitLayoutFitCheck(
+        newSlideId,
+        fitSince,
+        5000,
+        hashSlideContent(newSlide.content),
+      );
 
       const base = {
         deckId,
@@ -411,7 +421,10 @@ export default defineAction({
           ...base,
           layoutOverflow: {
             verticalOverflow: fit.measurement.verticalOverflow,
+            horizontalOverflow: fit.measurement.horizontalOverflow ?? 0,
+            contentWidth: fit.measurement.contentWidth,
             contentHeight: fit.measurement.contentHeight,
+            viewportWidth: fit.measurement.viewportWidth,
             viewportHeight: fit.measurement.viewportHeight,
           },
           message: formatOverflowForTool(deckId, fit.measurement),

package/corpus/templates/slides/actions/create-design-system.ts

@@ -3,7 +3,7 @@ import {
   getRequestUserEmail,
   getRequestOrgId,
 } from "@agent-native/core/server/request-context";
-import { eq } from "drizzle-orm";
+import { and, eq, isNull } from "drizzle-orm";
 import { nanoid } from "nanoid";
 import { z } from "zod";
 
@@ -65,12 +65,23 @@ export default defineAction({
     if (!ownerEmail) throw new Error("no authenticated user");
     const orgId = getRequestOrgId();
 
-    // Check only this user's owned systems. Shared systems should not prevent
-    // the first system a user creates from becoming their default.
+    // Check only this user's owned systems in the active organization. Shared
+    // systems should not prevent the first system a user creates from becoming
+    // their default, and another organization must not affect this one.
     const existing = await db
       .select({ id: schema.designSystems.id })
       .from(schema.designSystems)
-      .where(eq(schema.designSystems.ownerEmail, ownerEmail))
+      .where(
+        orgId
+          ? and(
+              eq(schema.designSystems.ownerEmail, ownerEmail),
+              eq(schema.designSystems.orgId, orgId),
+            )
+          : and(
+              eq(schema.designSystems.ownerEmail, ownerEmail),
+              isNull(schema.designSystems.orgId),
+            ),
+      )
       .limit(1);
 
     const isDefault = existing.length === 0;
@@ -85,6 +96,7 @@ export default defineAction({
       isDefault,
       ownerEmail,
       orgId,
+      visibility: orgId ? "org" : "private",
       createdAt: now,
       updatedAt: now,
     });

package/corpus/templates/slides/actions/delete-design-system.ts

@@ -1,10 +1,11 @@
 import { defineAction } from "@agent-native/core";
+import { getRequestOrgId } from "@agent-native/core/server/request-context";
 import {
   assertAccess,
   resolveAccess,
   type ShareRole,
 } from "@agent-native/core/sharing";
-import { desc, eq } from "drizzle-orm";
+import { and, desc, eq, isNull } from "drizzle-orm";
 import { z } from "zod";
 
 import { getDb, schema } from "../server/db/index.js";
@@ -73,6 +74,7 @@ export default defineAction({
     const access = await assertAccess("design-system", id, "admin");
 
     const db = getDb();
+    const orgId = getRequestOrgId();
 
     const linkedDeckIds = (
       await db
@@ -103,7 +105,21 @@ export default defineAction({
           .select({ id: schema.designSystems.id })
           .from(schema.designSystems)
           .where(
-            eq(schema.designSystems.ownerEmail, access.resource.ownerEmail),
+            orgId
+              ? and(
+                  eq(
+                    schema.designSystems.ownerEmail,
+                    access.resource.ownerEmail,
+                  ),
+                  eq(schema.designSystems.orgId, orgId),
+                )
+              : and(
+                  eq(
+                    schema.designSystems.ownerEmail,
+                    access.resource.ownerEmail,
+                  ),
+                  isNull(schema.designSystems.orgId),
+                ),
           )
           .orderBy(desc(schema.designSystems.updatedAt))
           .limit(1);

package/corpus/templates/slides/actions/get-layout-overflows.ts

@@ -0,0 +1,88 @@
+import { defineAction } from "@agent-native/core";
+import { resolveAccess } from "@agent-native/core/sharing";
+import { z } from "zod";
+
+import { hashSlideContent, type DeckFitState } from "../shared/slide-fit.js";
+import { readAppStateForCurrentTab } from "./_tab-state.js";
+
+export default defineAction({
+  description:
+    "Read the latest browser measurements for every slide in a deck. Returns status unknown until every slide has a finite measurement matching its current HTML, so never use a partial result to claim the deck fits.",
+  schema: z.object({
+    deckId: z.string().describe("Deck ID"),
+  }),
+  http: false,
+  run: async ({ deckId }) => {
+    const access = await resolveAccess("deck", deckId);
+    if (!access)
+      throw Object.assign(new Error("Deck not found"), { statusCode: 404 });
+
+    const deck = JSON.parse(access.resource.data) as {
+      aspectRatio?: string | null;
+      slides?: Array<{ id: string; content?: string }>;
+    };
+    const slides = Array.isArray(deck.slides) ? deck.slides : [];
+    const state = (await readAppStateForCurrentTab("deck-fit-checks", {
+      fallbackToGlobal: false,
+    })) as DeckFitState | null;
+
+    const unknownSlideIds: string[] = [];
+    const overflows: Array<{
+      slideId: string;
+      slideNumber: number;
+      verticalOverflow: number;
+      horizontalOverflow: number;
+      contentHeight: number;
+      contentWidth: number;
+      viewportHeight: number;
+      viewportWidth: number;
+    }> = [];
+
+    slides.forEach((slide, index) => {
+      const measurement =
+        state?.deckId === deckId &&
+        state.aspectRatio === (deck.aspectRatio ?? "16:9")
+          ? state.slides?.[slide.id]
+          : undefined;
+      if (
+        !measurement ||
+        measurement.contentHash !== hashSlideContent(slide.content ?? "") ||
+        !Number.isFinite(measurement.verticalOverflow) ||
+        !Number.isFinite(measurement.horizontalOverflow) ||
+        !Number.isFinite(measurement.contentHeight) ||
+        !Number.isFinite(measurement.contentWidth) ||
+        !Number.isFinite(measurement.viewportHeight) ||
+        !Number.isFinite(measurement.viewportWidth) ||
+        !Number.isFinite(measurement.measuredAt)
+      ) {
+        unknownSlideIds.push(slide.id);
+        return;
+      }
+      if (
+        measurement.verticalOverflow > 0 ||
+        measurement.horizontalOverflow > 0
+      ) {
+        overflows.push({
+          slideId: slide.id,
+          slideNumber: index + 1,
+          verticalOverflow: measurement.verticalOverflow,
+          horizontalOverflow: measurement.horizontalOverflow,
+          contentHeight: measurement.contentHeight,
+          contentWidth: measurement.contentWidth,
+          viewportHeight: measurement.viewportHeight,
+          viewportWidth: measurement.viewportWidth,
+        });
+      }
+    });
+
+    return {
+      deckId,
+      status: unknownSlideIds.length > 0 ? "unknown" : "measured",
+      measuredSlideCount: slides.length - unknownSlideIds.length,
+      slideCount: slides.length,
+      unknownSlideIds,
+      overflows,
+      canClaimDeckFits: unknownSlideIds.length === 0 && overflows.length === 0,
+    };
+  },
+});

package/corpus/templates/slides/actions/import-file.ts

@@ -110,6 +110,7 @@ export default defineAction({
         ownerEmail,
         orgId: getRequestOrgId(),
         projectName: title,
+        sourceKind: "figma",
       });
       return {
         format: "fig",

package/corpus/templates/slides/actions/index-design-system-with-builder.ts

@@ -93,6 +93,14 @@ export default defineAction({
       orgId: getRequestOrgId(),
       projectName,
       description,
+      sourceKind:
+        githubRepoUrl && (codeFiles?.length || designMd)
+          ? "mixed"
+          : githubRepoUrl
+            ? "github"
+            : codeFiles?.length || designMd
+              ? "code"
+              : undefined,
     });
 
     return {

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

@@ -141,25 +141,29 @@ export const OperationSchema = z.discriminatedUnion("op", [
 
 export type Operation = z.infer<typeof OperationSchema>;
 
-// The browser uses the full operation union above, but the agent only needs
-// this action to rename the empty deck created by the UI. Keeping the
-// advertised schema sparse prevents the model from filling editor-only
-// metadata fields with empty defaults that the runtime correctly rejects.
+// 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.
 const AgentPatchDeckInputSchema = z.object({
   deckId: z.string().describe("Deck ID"),
   operations: z
     .array(
-      z.object({
-        op: z.literal("patch-deck-fields"),
-        fields: z.object({
-          title: z
-            .string()
-            .describe("The concise, specific title to apply to the deck"),
+      z.union([
+        PatchSlideOp,
+        z.object({
+          op: z.literal("patch-deck-fields"),
+          fields: z.object({
+            title: z
+              .string()
+              .describe("The concise, specific title to apply to the deck"),
+          }),
         }),
-      }),
+      ]),
     )
     .min(1)
-    .describe("Rename the pre-created deck before adding its first slide"),
+    .describe(
+      "One patch-slide operation per slide that needs a structural HTML repair. Use patch-deck-fields only for a deck title change.",
+    ),
 });
 
 const CreativeContextReuseLabelSchema = z.object({
@@ -344,9 +348,9 @@ export default defineAction({
   description:
     "Granular deck patch used by the browser editor for concurrent-safe writes. " +
     "Each operation touches only the target slide or field — concurrent writers " +
-    "on different slides never overwrite each other's work. When called by the " +
-    "agent, use it only to set the generated deck title and include no other " +
-    "fields.",
+    "on different slides never overwrite each other's work. For a deck-wide " +
+    "layout repair, send one patch-slide operation per affected slide in one " +
+    "call, then call get-deck to verify the persisted HTML before reporting success.",
   schema: z.object({
     deckId: z.string().describe("Deck ID"),
     operations: z
@@ -385,6 +389,21 @@ export default defineAction({
       const deck: any = JSON.parse(row.data);
       const existingContext = storedCreativeContext(deck.creativeContext);
 
+      const existingSlideIds = new Set(
+        (Array.isArray(deck.slides) ? deck.slides : []).map(
+          (slide: { id?: unknown }) => slide.id,
+        ),
+      );
+      const missingSlideIds = operations
+        .filter((operation) => operation.op === "patch-slide")
+        .map((operation) => operation.slideId)
+        .filter((slideId) => !existingSlideIds.has(slideId));
+      if (missingSlideIds.length > 0) {
+        throw new Error(
+          `Cannot patch missing slide(s): ${[...new Set(missingSlideIds)].join(", ")}`,
+        );
+      }
+
       for (const op of operations) {
         applyOperation(deck, op);
       }
@@ -542,7 +561,20 @@ export default defineAction({
 
       notifyClients(deckId);
 
-      return { ok: true, deckId, updatedAt: now };
+      return {
+        ok: true,
+        deckId,
+        updatedAt: now,
+        updatedSlideIds: [
+          ...new Set(
+            operations.flatMap((operation) =>
+              operation.op === "patch-slide" || operation.op === "add-slide"
+                ? [operation.slideId]
+                : [],
+            ),
+          ),
+        ],
+      };
     });
   },
 });