@morphika/andami 0.5.3 → 0.5.4

package/components/ui/NavContentLightbox.tsx

@@ -1,8 +1,11 @@
 "use client";
 
-import { useEffect, useCallback } from "react";
+import { useEffect, useCallback, useRef } from "react";
 import { assetUrl } from "../../lib/assets";
 
+const FOCUSABLE_SELECTOR =
+  'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), iframe, [tabindex]:not([tabindex="-1"])';
+
 // ============================================
 // Helpers
 // ============================================
@@ -42,22 +45,51 @@ export default function NavContentLightbox({
   contentUrl,
   onClose,
 }: NavContentLightboxProps) {
-  // Close on Escape
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const closeButtonRef = useRef<HTMLButtonElement | null>(null);
+
+  // Focus trap: cycle Tab between focusable children, close on Escape
   const handleKey = useCallback(
     (e: KeyboardEvent) => {
-      if (e.key === "Escape") onClose();
+      if (e.key === "Escape") {
+        onClose();
+        return;
+      }
+      if (e.key !== "Tab" || !containerRef.current) return;
+
+      const focusables = containerRef.current.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR);
+      if (focusables.length === 0) return;
+
+      const first = focusables[0];
+      const last = focusables[focusables.length - 1];
+      const active = document.activeElement as HTMLElement | null;
+
+      if (e.shiftKey && active === first) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && active === last) {
+        e.preventDefault();
+        first.focus();
+      }
     },
     [onClose]
   );
 
   useEffect(() => {
+    // Remember where focus came from so we can restore it on close
+    const previouslyFocused = document.activeElement as HTMLElement | null;
+
     window.addEventListener("keydown", handleKey);
-    // Lock body scroll
     const prev = document.body.style.overflow;
     document.body.style.overflow = "hidden";
+
+    // Move focus into the lightbox (close button is always present)
+    closeButtonRef.current?.focus();
+
     return () => {
       window.removeEventListener("keydown", handleKey);
       document.body.style.overflow = prev;
+      previouslyFocused?.focus?.();
     };
   }, [handleKey]);
 
@@ -78,11 +110,16 @@ export default function NavContentLightbox({
 
   return (
     <div
+      ref={containerRef}
+      role="dialog"
+      aria-modal="true"
+      aria-label="Media lightbox"
       className="fixed inset-0 z-[100] flex items-center justify-center bg-black/90 backdrop-blur-sm"
       onClick={onClose}
     >
       {/* Close button */}
       <button
+        ref={closeButtonRef}
         onClick={onClose}
         className="absolute top-5 right-5 w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 flex items-center justify-center transition-colors z-10"
         aria-label="Close lightbox"

package/lib/builder/store-blocks.ts

@@ -60,7 +60,6 @@ export function createBlockActions(set: StoreSet, get: StoreGet): BlockSliceActi
     },
 
     deleteBlock: (blockKey: string): void => {
-      get()._pushSnapshot();
       const filterBlocks = (cols: import("../../lib/sanity/types").SectionColumn[]) =>
         cols.map((c) => ({ ...c, blocks: c.blocks.filter((b) => b._key !== blockKey) }));
 
@@ -88,12 +87,13 @@ export function createBlockActions(set: StoreSet, get: StoreGet): BlockSliceActi
           rows: finalRows,
           selectedBlockKey: state.selectedBlockKey === blockKey ? null : state.selectedBlockKey,
           isDirty: true,
+          _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+          _future: [],
         };
       });
     },
 
     duplicateBlock: (blockKey: string): void => {
-      get()._pushSnapshot();
       set((state) => {
         const newKey = generateKey();
         const dupInColumns = (cols: import("../../lib/sanity/types").SectionColumn[]) =>
@@ -125,7 +125,13 @@ export function createBlockActions(set: StoreSet, get: StoreGet): BlockSliceActi
           }
           return item;
         });
-        return { rows, selectedBlockKey: newKey, isDirty: true };
+        return {
+          rows,
+          selectedBlockKey: newKey,
+          isDirty: true,
+          _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+          _future: [],
+        };
       });
     },
 
@@ -148,7 +154,6 @@ export function createBlockActions(set: StoreSet, get: StoreGet): BlockSliceActi
     },
 
     reorderBlocks: (sectionKey: string, columnKey: string, fromIndex: number, toIndex: number): void => {
-      get()._pushSnapshot();
       set((state) => {
         const path = findSectionPath(state.rows, sectionKey);
         if (!path) return state;
@@ -162,7 +167,12 @@ export function createBlockActions(set: StoreSet, get: StoreGet): BlockSliceActi
             return { ...c, blocks };
           }),
         }));
-        return { rows, isDirty: true };
+        return {
+          rows,
+          isDirty: true,
+          _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+          _future: [],
+        };
       });
     },
 

package/lib/builder/store-cover.ts

@@ -19,6 +19,7 @@ import type {
 import { isCoverSection } from "../../lib/sanity/types";
 import { generateKey } from "./utils";
 import { createDefaultCoverSection, createDefaultCoverRow } from "./defaults";
+import { pushSnapshot } from "./history";
 
 type StoreSet = (
   partial: Partial<BuilderState> | ((state: BuilderState) => Partial<BuilderState>)
@@ -82,7 +83,6 @@ function updateCoverInRows(
 export function createCoverActions(set: StoreSet, get: StoreGet): CoverSliceActions {
   return {
     addCoverSection: (afterRowKey?: string | null): void => {
-      get()._pushSnapshot();
       const section = createDefaultCoverSection();
       set((state) => {
         const rows = [...state.rows];
@@ -96,12 +96,17 @@ export function createCoverActions(set: StoreSet, get: StoreGet): CoverSliceActi
         } else {
           rows.push(section);
         }
-        return { rows, isDirty: true, selectedRowKey: section._key };
+        return {
+          rows,
+          isDirty: true,
+          selectedRowKey: section._key,
+          _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+          _future: [],
+        };
       });
     },
 
     addCoverRow: (sectionKey: string): void => {
-      get()._pushSnapshot();
       set((state) => ({
         rows: updateCoverInRows(state.rows, sectionKey, (section) => {
           if (section.cover_rows.length >= 5) return section;
@@ -137,11 +142,12 @@ export function createCoverActions(set: StoreSet, get: StoreGet): CoverSliceActi
           return { ...section, cover_rows: newRows };
         }),
         isDirty: true,
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
       }));
     },
 
     removeCoverRow: (sectionKey: string, rowKey: string): void => {
-      get()._pushSnapshot();
       set((state) => ({
         rows: updateCoverInRows(state.rows, sectionKey, (section) => {
           if (section.cover_rows.length <= 1) return section;
@@ -183,6 +189,8 @@ export function createCoverActions(set: StoreSet, get: StoreGet): CoverSliceActi
           };
         }),
         isDirty: true,
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
       }));
     },
 
@@ -248,13 +256,14 @@ export function createCoverActions(set: StoreSet, get: StoreGet): CoverSliceActi
         "nav_color"
       >>
     ): void => {
-      get()._pushSnapshot();
       set((state) => ({
         rows: updateCoverInRows(state.rows, sectionKey, (section) => ({
           ...section,
           ...fields,
         })),
         isDirty: true,
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
       }));
     },
 
@@ -275,13 +284,14 @@ export function createCoverActions(set: StoreSet, get: StoreGet): CoverSliceActi
       sectionKey: string,
       height: CoverSection["height"]
     ): void => {
-      get()._pushSnapshot();
       set((state) => ({
         rows: updateCoverInRows(state.rows, sectionKey, (section) => ({
           ...section,
           height,
         })),
         isDirty: true,
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
       }));
     },
   };

package/lib/builder/store-sections.ts

@@ -41,6 +41,7 @@ import {
   moveColumnBetweenSectionsInState,
   swapColumnsBetweenSectionsInState,
 } from "./store-helpers";
+import { pushSnapshot } from "./history";
 
 type StoreSet = (
   partial: Partial<BuilderState> | ((state: BuilderState) => Partial<BuilderState>)
@@ -60,7 +61,6 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
      * the data migration in Session 165.
      */
     addSection: (blockType: SectionBlockType, afterRowKey?: string | null): void => {
-      get()._pushSnapshot();
       const block = createDefaultBlock(blockType);
       const gridColumns = 12;
 
@@ -99,22 +99,31 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
         } else {
           rows.push(newSection);
         }
-        return { rows, isDirty: true, selectedRowKey: newSection._key };
+        return {
+          rows,
+          isDirty: true,
+          selectedRowKey: newSection._key,
+          _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+          _future: [],
+        };
       });
     },
 
     reorderRows: (fromIndex: number, toIndex: number): void => {
-      get()._pushSnapshot();
       set((state) => {
         const rows = [...state.rows];
         const [moved] = rows.splice(fromIndex, 1);
         rows.splice(toIndex, 0, moved);
-        return { rows, isDirty: true };
+        return {
+          rows,
+          isDirty: true,
+          _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+          _future: [],
+        };
       });
     },
 
     deleteSection: (sectionKey: string): void => {
-      get()._pushSnapshot();
       set((state) => ({
         rows: state.rows.filter((item) => item._key !== sectionKey),
         selectedRowKey:
@@ -124,11 +133,12 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
         selectedBlockKey:
           state.selectedRowKey === sectionKey ? null : state.selectedBlockKey,
         isDirty: true,
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
       }));
     },
 
     duplicateSection: (sectionKey: string): void => {
-      get()._pushSnapshot();
       set((state) => {
         const idx = state.rows.findIndex((item) => item._key === sectionKey);
         if (idx === -1) return state;
@@ -173,6 +183,8 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
           selectedColumnKey: null,
           selectedBlockKey: null,
           isDirty: true,
+          _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+          _future: [],
         };
       });
     },
@@ -180,15 +192,19 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
     // ---- V2 Section operations ----
 
     addSectionV2: (preset: SectionV2Preset, afterRowKey?: string | null): void => {
-      get()._pushSnapshot();
-
-      const result = addSectionV2InState(get().rows, preset, afterRowKey);
-      set({ rows: result.rows, isDirty: true, selectedRowKey: result.newSectionKey });
+      set((state) => {
+        const result = addSectionV2InState(state.rows, preset, afterRowKey);
+        return {
+          rows: result.rows,
+          isDirty: true,
+          selectedRowKey: result.newSectionKey,
+          _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+          _future: [],
+        };
+      });
     },
 
     addColumnV2: (sectionKey: string, gridRow: number, gridColumn: number, span: number): void => {
-      get()._pushSnapshot();
-
       set((state) => {
         const path = findSectionPath(state.rows, sectionKey);
         if (!path) return state;
@@ -216,13 +232,16 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
             settings: { ...section.settings, preset: newPreset },
           };
         });
-        return { rows, isDirty: true };
+        return {
+          rows,
+          isDirty: true,
+          _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+          _future: [],
+        };
       });
     },
 
     deleteColumnV2: (sectionKey: string, columnKey: string): void => {
-      get()._pushSnapshot();
-
       set((state) => {
         const path = findSectionPath(state.rows, sectionKey);
         if (!path) return state;
@@ -251,13 +270,13 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
           selectedColumnKey:
             state.selectedColumnKey === columnKey ? null : state.selectedColumnKey,
           isDirty: true,
+          _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+          _future: [],
         };
       });
     },
 
     resizeColumnV2: (sectionKey: string, columnKey: string, newSpan: number): void => {
-      get()._pushSnapshot();
-
       set((state) => {
         const path = findSectionPath(state.rows, sectionKey);
         if (!path) return state;
@@ -282,7 +301,12 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
             settings: { ...section.settings, preset: newPreset },
           };
         });
-        return { rows, isDirty: true };
+        return {
+          rows,
+          isDirty: true,
+          _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+          _future: [],
+        };
       });
     },
 
@@ -295,8 +319,12 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
       );
       if (!result) return; // Blocked by cascade or section not found
 
-      get()._pushSnapshot();
-      set({ rows: result.rows, isDirty: true });
+      set((state) => ({
+        rows: result.rows,
+        isDirty: true,
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
+      }));
     },
 
     moveColumnV2: (sectionKey: string, columnKey: string, targetRow: number, targetColumn: number): void => {
@@ -309,8 +337,12 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
       );
       if (!result) return;
 
-      get()._pushSnapshot();
-      set({ rows: result.rows, isDirty: true });
+      set((state) => ({
+        rows: result.rows,
+        isDirty: true,
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
+      }));
     },
 
     swapColumnV2: (sectionKey: string, draggedKey: string, targetKey: string): void => {
@@ -322,8 +354,12 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
       );
       if (!result) return;
 
-      get()._pushSnapshot();
-      set({ rows: result.rows, isDirty: true });
+      set((state) => ({
+        rows: result.rows,
+        isDirty: true,
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
+      }));
     },
 
     moveColumnToGapV2: (sectionKey: string, columnKey: string, targetRow: number, targetColumn: number, targetSpan: number): void => {
@@ -337,8 +373,12 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
       );
       if (!result) return;
 
-      get()._pushSnapshot();
-      set({ rows: result.rows, isDirty: true });
+      set((state) => ({
+        rows: result.rows,
+        isDirty: true,
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
+      }));
     },
 
     moveColumnBetweenSections: (
@@ -360,16 +400,17 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
       );
       if (!result) return;
 
-      get()._pushSnapshot();
       // Clear any selection referencing the moved column in its old section —
       // the column key remains but the "selected section" context has changed.
-      set({
+      set((state) => ({
         rows: result.rows,
         isDirty: true,
         selectedColumnKey: columnKey,
         selectedRowKey: targetSectionKey,
         selectedBlockKey: null,
-      });
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
+      }));
     },
 
     swapColumnsBetweenSections: (
@@ -387,23 +428,22 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
       );
       if (!result) return;
 
-      get()._pushSnapshot();
       // After swap: the dragged column now lives in the target section.
       // Select it there (match mental model: "I just put this column here").
-      set({
+      set((state) => ({
         rows: result.rows,
         isDirty: true,
         selectedColumnKey: sourceColumnKey,
         selectedRowKey: targetSectionKey,
         selectedBlockKey: null,
-      });
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
+      }));
     },
 
     applyPresetV2: (sectionKey: string, preset: SectionV2Preset): void => {
       if (preset === "custom") return;
 
-      get()._pushSnapshot();
-
       set((state) => {
         const path = findSectionPath(state.rows, sectionKey);
         if (!path) return state;
@@ -424,7 +464,12 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
             settings: { ...section.settings, preset },
           };
         });
-        return { rows, isDirty: true };
+        return {
+          rows,
+          isDirty: true,
+          _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+          _future: [],
+        };
       });
     },
 
@@ -492,7 +537,6 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
     },
 
     addBlockV2: (sectionKey: string, columnKey: string, blockType: BlockType, insertIndex?: number): void => {
-      get()._pushSnapshot();
       const newBlock = createDefaultBlock(blockType);
 
       set((state) => {
@@ -514,7 +558,13 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
             return { ...col, blocks: [...col.blocks, newBlock] };
           }),
         }));
-        return { rows, selectedBlockKey: newBlock._key, isDirty: true };
+        return {
+          rows,
+          selectedBlockKey: newBlock._key,
+          isDirty: true,
+          _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+          _future: [],
+        };
       });
     },
 
@@ -570,7 +620,6 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
       title: string,
       afterRowKey?: string | null
     ) => {
-      get()._pushSnapshot();
       const instance: CustomSectionInstance = {
         _type: "customSectionInstance",
         _key: generateKey(),
@@ -591,7 +640,13 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
         } else {
           rows.push(instance);
         }
-        return { rows, isDirty: true, selectedRowKey: instance._key };
+        return {
+          rows,
+          isDirty: true,
+          selectedRowKey: instance._key,
+          _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+          _future: [],
+        };
       });
     },
 
@@ -599,7 +654,6 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
       instanceKey: string,
       sectionData: PageSectionV2
     ) => {
-      get()._pushSnapshot();
       set((state) => ({
         rows: state.rows.map((item) =>
           item._key === instanceKey
@@ -607,6 +661,8 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
             : item
         ),
         isDirty: true,
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
       }));
     },
 
@@ -632,7 +688,6 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
       instanceKey: string,
       updates: Partial<SectionV2Settings>
     ) => {
-      get()._pushSnapshot();
       set((state) => ({
         rows: state.rows.map((item) =>
           item._key === instanceKey && isCustomSectionInstance(item)
@@ -646,6 +701,8 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
             : item
         ),
         isDirty: true,
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
       }));
     },
 
@@ -661,13 +718,19 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
     // ---- Parallax Group operations (Session 123) ----
 
     addParallaxGroup: (afterRowKey?: string | null): void => {
-      get()._pushSnapshot();
-      const result = addParallaxGroupInState(get().rows, afterRowKey);
-      set({ rows: result.rows, isDirty: true, selectedRowKey: result.newGroupKey });
+      set((state) => {
+        const result = addParallaxGroupInState(state.rows, afterRowKey);
+        return {
+          rows: result.rows,
+          isDirty: true,
+          selectedRowKey: result.newGroupKey,
+          _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+          _future: [],
+        };
+      });
     },
 
     addParallaxSlide: (groupKey: string): void => {
-      get()._pushSnapshot();
       set((state) => ({
         rows: state.rows.map((item) => {
           if (item._key !== groupKey || !isParallaxGroup(item)) return item;
@@ -676,11 +739,12 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
           return { ...group, slides: [...group.slides, newSlide] } as ContentItem;
         }),
         isDirty: true,
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
       }));
     },
 
     removeParallaxSlide: (groupKey: string, slideKey: string): void => {
-      get()._pushSnapshot();
       set((state) => {
         let changed = false;
         const rows = state.rows.map((item) => {
@@ -694,7 +758,14 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
             slides: group.slides.filter((s) => s._key !== slideKey),
           } as ContentItem;
         });
-        return changed ? { rows, isDirty: true } : {};
+        return changed
+          ? {
+              rows,
+              isDirty: true,
+              _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+              _future: [],
+            }
+          : {};
       });
     },
 
@@ -703,7 +774,6 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
       slideKey: string,
       direction: "up" | "down"
     ) => {
-      get()._pushSnapshot();
       set((state) => {
         let changed = false;
         const rows = state.rows.map((item) => {
@@ -718,7 +788,14 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
           changed = true;
           return { ...group, slides } as ContentItem;
         });
-        return changed ? { rows, isDirty: true } : {};
+        return changed
+          ? {
+              rows,
+              isDirty: true,
+              _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+              _future: [],
+            }
+          : {};
       });
     },
 
@@ -727,7 +804,6 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
       slideKey: string,
       fields: Partial<ParallaxSlideV2>
     ) => {
-      get()._pushSnapshot();
       set((state) => ({
         rows: state.rows.map((item) => {
           if (item._key !== groupKey || !isParallaxGroup(item)) return item;
@@ -740,6 +816,8 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
           } as ContentItem;
         }),
         isDirty: true,
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
       }));
     },
 
@@ -749,13 +827,14 @@ export function createSectionActions(set: StoreSet, get: StoreGet): SectionSlice
         Pick<ParallaxGroup, "transition_effect" | "snap_enabled" | "parallax_intensity">
       >
     ) => {
-      get()._pushSnapshot();
       set((state) => ({
         rows: state.rows.map((item) => {
           if (item._key !== groupKey || !isParallaxGroup(item)) return item;
           return { ...item, ...fields } as ContentItem;
         }),
         isDirty: true,
+        _history: pushSnapshot(state._history, { rows: state.rows, pageSettings: state.pageSettings }),
+        _future: [],
       }));
     },
   };

package/lib/version.ts

@@ -6,4 +6,4 @@
  * Exposed as a plain constant so it can be imported without reading
  * package.json at runtime.
  */
-export const ANDAMI_VERSION = "0.5.3";
+export const ANDAMI_VERSION = "0.5.4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morphika/andami",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "Visual Page Builder — core library. A reusable website builder with visual editing, CMS integration, and asset management.",
   "type": "module",
   "license": "MIT",