@designcrowd/library.brand-page 5.17.25-undo-16 → 5.17.25-undo-18

package/lib/src/{CreatedOnBrandCrowd-de-de-DoZrycKx.js → CreatedOnBrandCrowd-de-de-CBDi9mm7.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-BgiRnWCM.js";
+import { _ as t } from "./lib-BquHX4Ed.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-DmxNkDLu.js → CreatedOnBrandCrowd-en-us-DmYTrPGS.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-BgiRnWCM.js";
+import { _ as t } from "./lib-BquHX4Ed.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-H-sFjCV8.js → CreatedOnBrandCrowd-es-es-CTS46dMT.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-BgiRnWCM.js";
+import { _ as t } from "./lib-BquHX4Ed.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-B5DkiLEB.js → CreatedOnBrandCrowd-fr-ca-CR5a9MI7.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-BgiRnWCM.js";
+import { _ as t } from "./lib-BquHX4Ed.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-B5DkiLEB.js → CreatedOnBrandCrowd-fr-fr-CR5a9MI7.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-BgiRnWCM.js";
+import { _ as t } from "./lib-BquHX4Ed.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-ChETDqmY.js → CreatedOnBrandCrowd-pt-br-rYxhXB9n.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-BgiRnWCM.js";
+import { _ as t } from "./lib-BquHX4Ed.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-ChETDqmY.js → CreatedOnBrandCrowd-pt-pt-rYxhXB9n.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-BgiRnWCM.js";
+import { _ as t } from "./lib-BquHX4Ed.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-CTkJ8L32.js → CreatedOnDcom-de-de-D7ux7LvX.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-BgiRnWCM.js";
+import { _ as e } from "./lib-BquHX4Ed.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-CysCo5GG.js → CreatedOnDcom-en-us-CgxnIdbw.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-BgiRnWCM.js";
+import { _ as e } from "./lib-BquHX4Ed.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-MMQzRb1p.js → CreatedOnDcom-es-es-CrmM6DV3.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-BgiRnWCM.js";
+import { _ as e } from "./lib-BquHX4Ed.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-DuYHuEkT.js → CreatedOnDcom-fr-ca-C7THZHWN.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-BgiRnWCM.js";
+import { _ as e } from "./lib-BquHX4Ed.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-DaxFqnuU.js → CreatedOnDcom-fr-fr-BfngdllS.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-BgiRnWCM.js";
+import { _ as e } from "./lib-BquHX4Ed.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-BsGlw26o.js → CreatedOnDcom-pt-br-Chk85LOQ.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-BgiRnWCM.js";
+import { _ as M } from "./lib-BquHX4Ed.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-_-XMVOfR.js → CreatedOnDcom-pt-pt-D-OsPtCB.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-BgiRnWCM.js";
+import { _ as M } from "./lib-BquHX4Ed.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.d.ts

@@ -103,6 +103,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             description?: string | undefined;
             isPublished?: boolean | undefined;
             noDescription?: boolean | undefined;
+            resetHistory?: boolean | undefined;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts

@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     selectedTabName: import("vue").ComputedRef<string>;
     isAdmin: import("vue").ComputedRef<boolean>;
     contentErrorCount: import("vue").ComputedRef<number>;
-    mode: import("vue").ComputedRef<"images" | "add" | "pages" | "edit" | "focusedContentItem">;
+    mode: import("vue").ComputedRef<"images" | "pages" | "add" | "edit" | "focusedContentItem">;
     brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("@brand-page-maker/stores").BrandPageMakerState, {
         contentErrorCount(): number;
         brandPageBaseUrl(): string;
@@ -148,6 +148,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             description?: string | undefined;
             isPublished?: boolean | undefined;
             noDescription?: boolean | undefined;
+            resetHistory?: boolean | undefined;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
@@ -549,7 +550,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }[];
             itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
@@ -598,7 +599,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }[];
             itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
@@ -647,7 +648,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }[];
             itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
@@ -696,7 +697,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }[];
             itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
@@ -745,7 +746,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }[];
             itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
@@ -794,7 +795,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }[];
             itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
@@ -806,7 +807,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemIndex: number | null;
             activeCategoryTab: string;
         } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string, groupId: string) => import("@shared/content-settings/models").ContentSettingsItemGroupState;
-        mode(): "images" | "add" | "pages" | "edit" | "focusedContentItem";
+        mode(): "images" | "pages" | "add" | "edit" | "focusedContentItem";
         selectedItem(): import("@shared/content-settings/models").ContentItem<any> | undefined;
         selectedItemTemplate(): import("@brand-page-maker/models").ContentSettingsConfig<any, {}> | undefined;
     }, {

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.d.ts

@@ -92,6 +92,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             description?: string | undefined;
             isPublished?: boolean | undefined;
             noDescription?: boolean | undefined;
+            resetHistory?: boolean | undefined;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;

package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts

@@ -108,7 +108,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
@@ -157,7 +157,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
@@ -206,7 +206,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
@@ -255,7 +255,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
@@ -304,7 +304,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
@@ -353,7 +353,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
@@ -365,7 +365,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemIndex: number | null;
             activeCategoryTab: string;
         } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string, groupId: string) => import("@shared/content-settings/models").ContentSettingsItemGroupState;
-        mode(): "images" | "add" | "pages" | "edit" | "focusedContentItem";
+        mode(): "images" | "pages" | "add" | "edit" | "focusedContentItem";
         selectedItem(): ContentItem<any> | undefined;
         selectedItemTemplate(): import("../../models").ContentSettingsConfig<any, {}> | undefined;
     }, {
@@ -598,6 +598,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             description?: string | undefined;
             isPublished?: boolean | undefined;
             noDescription?: boolean | undefined;
+            resetHistory?: boolean | undefined;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;

package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.d.ts

@@ -98,6 +98,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             description?: string | undefined;
             isPublished?: boolean | undefined;
             noDescription?: boolean | undefined;
+            resetHistory?: boolean | undefined;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;

package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts

@@ -404,6 +404,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             description?: string | undefined;
             isPublished?: boolean | undefined;
             noDescription?: boolean | undefined;
+            resetHistory?: boolean | undefined;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
@@ -507,8 +508,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     pageTitle: string;
-    designDraftToken: string;
     brandPageType: string;
+    designDraftToken: string;
     pageDescription: string;
     isMaker: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts

@@ -405,6 +405,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             description?: string | undefined;
             isPublished?: boolean | undefined;
             noDescription?: boolean | undefined;
+            resetHistory?: boolean | undefined;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;

package/lib/src/brand-page-maker/components/social-share/SocialShare.mixin.d.ts

@@ -108,6 +108,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             description?: string | undefined;
             isPublished?: boolean | undefined;
             noDescription?: boolean | undefined;
+            resetHistory?: boolean | undefined;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;

package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts

@@ -456,6 +456,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             description?: string | undefined;
             isPublished?: boolean | undefined;
             noDescription?: boolean | undefined;
+            resetHistory?: boolean | undefined;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;

package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.js

@@ -1,7 +1,6 @@
 import { defineStore } from 'pinia';
 import brandPageClient, {} from '../../../clients/brand-page-client';
 import { useBrandPageMakerStore, useBrandPageMakerUserStore, useLocalisedRouteStore, useLogoStore, useUiStore, useVideoStore, } from '@brand-page-maker/stores';
-import { useHistoryStore } from '@brand-page-maker/stores/history/history-store';
 import { SIDE_BAR_TAB_NAMES } from '@brand-page-maker/constants';
 import { BRAND_PAGE_TYPES, SENSITIVE_CONTENT_TYPES, getAbTestResults, getValueType, } from '@brand-page';
 import { isLogoContent } from '@brand-page/utils';
@@ -625,25 +624,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
                 this.setTriggerSaveSuccessMessage({
                     triggerSaveSuccessMessage: true,
                 });
-                // PRD §3 Non-Goals: undo history resets on save/publish so the
-                // saved state becomes the new clean baseline. Reset BEFORE
-                // awaiting the notification toast — the post-save reactive
-                // cascade (designDraftToken update + replaceState URL rewrite
-                // → router afterEach → pageNavigation writes) starts firing
-                // immediately and would otherwise be picked up by the watcher
-                // as a fresh undoable entry, leaving the user able to undo
-                // back across the save. Gate on `baselineCaptured` so
-                // non-undo-redo sessions are no-ops (the baseline is only
-                // captured when the feature flag is on — see
-                // BrandPageMaker.mixin.ts). Both Save Progress and Publish
-                // funnel here (publish via `saveAndPublishBrandPage` →
-                // `saveBrandPage`). reset() re-baselines synchronously so the
-                // post-save cascade folds into the new baseline's settle
-                // window instead of producing extra entries.
-                const historyStore = useHistoryStore();
-                if (historyStore.baselineCaptured) {
-                    historyStore.reset();
-                }
                 if (brandPageMakerStore.contentErrorCount > 0) {
                     await brandPageMakerStore.setSelectedTabName({
                         tabName: SIDE_BAR_TAB_NAMES.CONTENT_SETTINGS,
@@ -815,6 +795,12 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             try {
                 await brandPageMakerStore.enqueueSaveSuccessMessage({
                     isPublished: this.isPublished,
+                    // Top-level Save Progress / Publish flow → re-baseline undo
+                    // history per PRD §3. Settings-only callers of
+                    // enqueueSaveSuccessMessage (updateBrandPage,
+                    // updateSensitiveContent, saveTemplate) don't set this flag
+                    // and so leave the user's undo stack alone.
+                    resetHistory: true,
                 });
             }
             finally {

package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.d.ts

@@ -173,6 +173,7 @@ export declare const useBrandPageMakerStore: import("pinia").StoreDefinition<"br
         description?: string;
         isPublished?: boolean;
         noDescription?: boolean;
+        resetHistory?: boolean;
     }): Promise<void>;
     hideChangeTemplateConfirmModal(): void;
     onBackgroundChanged(): void;

package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js

@@ -387,6 +387,20 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                     description: payload.noDescription ? '' : description,
                 },
             });
+            // PRD §3 Non-Goals: undo history resets on save/publish so the
+            // saved state becomes the new clean baseline. Scoped to top-level
+            // Save Progress / Publish presses via the explicit `resetHistory`
+            // opt-in — the prepurchase flow (BrandCrowd.Net's
+            // /brand-sites/prepurchase/upsert handler) and the post-purchase
+            // flow (containerStore.saveBrandPage) both pass it. Settings-only
+            // saves (updateBrandPage / updateSensitiveContent) and admin
+            // saveTemplate funnel through here too but DON'T set the flag,
+            // so their success toasts don't disturb the user's undo stack.
+            // reset() no-ops in non-undo-redo sessions (no baseline = nothing
+            // to clear).
+            if (payload.resetHistory) {
+                useHistoryStore().reset();
+            }
         },
         hideChangeTemplateConfirmModal() {
             this.setIsChangeTemplateConfirmModalVisible({

package/lib/src/brand-page-maker/stores/history/history-store.js

@@ -659,16 +659,22 @@ export const useHistoryStore = defineStore('history', () => {
      * drains while the watcher guard is still set, preventing the restore from
      * being re-captured as a spurious duplicate entry.
      *
-     * `targetIndex` is where we are AFTER the pointer-move — the entry we are
-     * about to apply. The `activePageId` we want to restore lives on that
-     * entry. If the captured page no longer exists in the restored nav (e.g.
-     * undoing the add of the page that was active when we captured), we walk
-     * BACK through earlier entries to find the closest activePageId that does
-     * exist. That gives "land on the page the user was on before the edit"
-     * for free — the entry that captured the edit-target's parent state has
-     * the parent page id already.
+     * Active-page resolution priority:
+     *   1. Diff against `cameFromIndex` — any page present in the target
+     *      snapshot but absent from the source snapshot is being "restored"
+     *      by this transition. Navigate there. Covers undo-of-delete (lands
+     *      on the deleted page) and redo-of-add (lands on the newly-added
+     *      page) — both of which the user expects to "follow" the change.
+     *      Without this, undo of a page-delete would resolve via walk-back
+     *      to whatever page the user was on at the previous baseline, not
+     *      the page they just un-deleted.
+     *   2. Walk back from `targetIndex` to find the closest entry whose
+     *      captured `activePageId` still exists in the restored snapshot.
+     *      Covers undo-of-add (falls back to the page the user was on
+     *      before they added the new one) and any non-page-structural
+     *      edits.
      */
-    async function applySnapshotString(snapshotStr, targetIndex) {
+    async function applySnapshotString(snapshotStr, targetIndex, cameFromIndex) {
         const brandPageMakerStore = useBrandPageMakerStore();
         let snapshot;
         try {
@@ -684,11 +690,39 @@ export const useHistoryStore = defineStore('history', () => {
                 restoredPageIds.add(p.id);
         });
         let resolvedActivePageId;
-        for (let i = targetIndex; i >= 0; i--) {
-            const candidate = entries.value[i]?.activePageId;
-            if (candidate && restoredPageIds.has(candidate)) {
-                resolvedActivePageId = candidate;
-                break;
+        // Step 1: diff against the source-of-transition. The first page in
+        // the target snapshot whose id is absent from the source is the page
+        // being restored/added by this apply.
+        const sourceEntry = entries.value[cameFromIndex];
+        if (sourceEntry) {
+            const sourcePageIds = new Set();
+            try {
+                const sourceSnap = JSON.parse(sourceEntry.snapshot);
+                sourceSnap.pages?.forEach((p) => {
+                    if (p?.id)
+                        sourcePageIds.add(p.id);
+                });
+                for (const p of snapshot.pages ?? []) {
+                    if (p?.id && !sourcePageIds.has(p.id)) {
+                        resolvedActivePageId = p.id;
+                        break;
+                    }
+                }
+            }
+            catch {
+                // Source snapshot unparseable — fall through to walk-back.
+            }
+        }
+        // Step 2: walk-back fallback. Used when no page-structural diff
+        // applies (style/content edits) or when the diff produced nothing
+        // viable.
+        if (!resolvedActivePageId) {
+            for (let i = targetIndex; i >= 0; i--) {
+                const candidate = entries.value[i]?.activePageId;
+                if (candidate && restoredPageIds.has(candidate)) {
+                    resolvedActivePageId = candidate;
+                    break;
+                }
             }
         }
         isApplyingSnapshot.value = true;
@@ -709,10 +743,11 @@ export const useHistoryStore = defineStore('history', () => {
             return;
         // Capture the actor of the entry we're leaving — that's the change being undone.
         const undoneActor = entries.value[currentIndex.value]?.actor;
+        const cameFromIndex = currentIndex.value;
         currentIndex.value -= 1;
         const target = entries.value[currentIndex.value];
         if (target) {
-            await applySnapshotString(target.snapshot, currentIndex.value);
+            await applySnapshotString(target.snapshot, currentIndex.value, cameFromIndex);
         }
         eventTracker.sendUndoEvent({
             entries_count: entries.value.length,
@@ -726,10 +761,11 @@ export const useHistoryStore = defineStore('history', () => {
         const aiThreadStore = useAiWebsiteBuilderThreadStore();
         if (aiThreadStore.isProcessing)
             return;
+        const cameFromIndex = currentIndex.value;
         currentIndex.value += 1;
         const target = entries.value[currentIndex.value];
         if (target) {
-            await applySnapshotString(target.snapshot, currentIndex.value);
+            await applySnapshotString(target.snapshot, currentIndex.value, cameFromIndex);
         }
         // Actor of the entry we're moving onto — that's the change being re-applied.
         eventTracker.sendRedoEvent({
@@ -746,12 +782,21 @@ export const useHistoryStore = defineStore('history', () => {
      * successful save (covers both Save Progress and Publish, since publish
      * routes through `saveBrandPage`).
      *
+     * No-ops when no baseline has ever been captured — the undo/redo feature
+     * is gated by `userStore.features.canUseUndoRedo` (see
+     * BrandPageMaker.mixin.ts), and only flagged sessions install the watcher
+     * + capture a baseline. Without this guard, calling reset() in an
+     * unflagged session would install the watcher and start eating memory
+     * for snapshots the user can never see.
+     *
      * Re-runs `captureBaseline` synchronously so the next mutation lands as
      * an actual undoable edit rather than disappearing into a fresh settle
      * window. The watcher stays installed; `installWatcher` early-returns
      * if `watcherInstalled` is already true.
      */
     function reset() {
+        if (!baselineCaptured.value)
+            return;
         cancelPendingAutoCapture();
         entries.value = [];
         currentIndex.value = -1;

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-BgiRnWCM.js";
+import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-BquHX4Ed.js";
 import { createPinia as wE, setActivePinia as ZE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,