@designcrowd/library.brand-page 5.18.1-undo-29 → 5.18.1-undo-32

package/lib/src/{CreatedOnBrandCrowd-de-de-BxL6mTJW.js → CreatedOnBrandCrowd-de-de-DUgkmx89.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-BPbjqfkj.js → CreatedOnBrandCrowd-en-us-C5dQGLuA.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DDsoe143.js → CreatedOnBrandCrowd-es-es-CjPcnNlq.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Dak7ppy_.js → CreatedOnBrandCrowd-fr-ca-D2wnZOOE.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-Dak7ppy_.js → CreatedOnBrandCrowd-fr-fr-D2wnZOOE.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BUAneEVD.js → CreatedOnBrandCrowd-pt-br-OQj-IBh_.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-BUAneEVD.js → CreatedOnBrandCrowd-pt-pt-OQj-IBh_.js}

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

package/lib/src/{CreatedOnDcom-de-de-BJ00bTz_.js → CreatedOnDcom-de-de-DLijuIaL.js}

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

package/lib/src/{CreatedOnDcom-en-us-B0V1M9Hs.js → CreatedOnDcom-en-us-D9M_heGE.js}

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

package/lib/src/{CreatedOnDcom-es-es-YDMLB7u6.js → CreatedOnDcom-es-es-PgWwbBLA.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-DppQ26s1.js → CreatedOnDcom-fr-ca-BXiB-abj.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-0Xi-3slB.js → CreatedOnDcom-fr-fr-BXhTmu7F.js}

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

package/lib/src/{CreatedOnDcom-pt-br-De-wHqSu.js → CreatedOnDcom-pt-br-3e6y567w.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-CQGAsn5D.js → CreatedOnDcom-pt-pt-GojOtHmO.js}

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

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

@@ -119,7 +119,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
         applyHistorySnapshot(snapshot: import("@brand-page/models").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page/models").BrandPageModel, logoEditsStr?: string | undefined): void;
+        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page/models").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
         _navigateToActivePage(activePageId?: string | undefined): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page/models").BrandPageModel): void;
         export(): import("@brand-page/models").BrandPageModel;

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

@@ -164,7 +164,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
         applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): void;
+        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
         _navigateToActivePage(activePageId?: string | undefined): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;

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

@@ -108,7 +108,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
         applyHistorySnapshot(snapshot: import("../../../lib").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../lib").BrandPageModel, logoEditsStr?: string | undefined): void;
+        _syncLogoSettingsFromSnapshot(snapshot: import("../../../lib").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
         _navigateToActivePage(activePageId?: string | undefined): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../lib").BrandPageModel): void;
         export(): import("../../../lib").BrandPageModel;

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

@@ -614,7 +614,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
         applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): void;
+        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
         _navigateToActivePage(activePageId?: string | undefined): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;

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

@@ -114,7 +114,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
         applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): void;
+        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
         _navigateToActivePage(activePageId?: string | undefined): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
         export(): import("../../../brand-page").BrandPageModel;

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

@@ -392,7 +392,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
         applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): void;
+        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
         _navigateToActivePage(activePageId?: string | undefined): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
         export(): import("../../../brand-page").BrandPageModel;

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

@@ -393,7 +393,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
         applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): void;
+        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
         _navigateToActivePage(activePageId?: string | undefined): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
         export(): import("../../../brand-page").BrandPageModel;

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

@@ -124,7 +124,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
         applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): void;
+        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
         _navigateToActivePage(activePageId?: string | undefined): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
         export(): import("../../../brand-page").BrandPageModel;

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

@@ -444,7 +444,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
         applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): void;
+        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
         _navigateToActivePage(activePageId?: string | undefined): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;

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

@@ -210,7 +210,7 @@ export declare const useBrandPageMakerStore: import("pinia").StoreDefinition<"br
      */
     _captureTemplateSwitchIfEnabled(): void;
     applyHistorySnapshot(snapshot: BrandPageModel, activePageId?: string, logoEditsStr?: string): Promise<void>;
-    _syncLogoSettingsFromSnapshot(snapshot: BrandPageModel, logoEditsStr?: string): void;
+    _syncLogoSettingsFromSnapshot(snapshot: BrandPageModel, logoEditsStr?: string): Promise<void>;
     /**
      * Restore the active page after a history apply. The id passed in is
      * already validated against the restored nav by the history store; if

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

@@ -2,6 +2,7 @@ import { EMPTY_LOGO_IMAGE_MODEL, SENSITIVE_CONTENT_TYPES, TEXT_STYLE_TYPES, VIEW
 import { BackgroundStyles, BRAND_PAGE_TYPES, BrandPageModel, CONTENT_TYPES, NavigationDesktop, NavigationMobile, NavModel, } from '@brand-page';
 import { useBrandPageMakerUserStore } from '../user';
 import { defineStore } from 'pinia';
+import { toRaw } from 'vue';
 import { useUiStore } from '../ui';
 import { useUiLogoSettingsStore, useUiEditableLogoStore, } from '@shared/logo-settings/store';
 import { useUiStyleSettingsStore } from '@shared/style-settings/store';
@@ -584,7 +585,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             //    text, support text, logo colors, fonts), `editableLogoStore.logoEdits`
             //    is restored from that string so the sidebar form fields and the
             //    save-time fabric-render POST both pick up the pre-edit state.
-            this._syncLogoSettingsFromSnapshot(snapshot, logoEditsStr);
+            await this._syncLogoSettingsFromSnapshot(snapshot, logoEditsStr);
             // 9. If the sidebar is editing a content item that no longer exists in
             //    the restored page, fall back to the Content tab so the user doesn't
             //    stare at a blank settings panel.
@@ -601,11 +602,17 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             //     sidebar's `currentPage` getter silently falls back to page 0.
             this._navigateToActivePage(activePageId);
         },
-        _syncLogoSettingsFromSnapshot(snapshot, logoEditsStr) {
+        async _syncLogoSettingsFromSnapshot(snapshot, logoEditsStr) {
             const logoSettingsStore = useUiLogoSettingsStore();
             const editableLogoStore = useUiEditableLogoStore();
             const logoStore = useLogoStore();
             const containerStore = useBrandPageContainerStore();
+            // Snapshot the pre-restore logo identity BEFORE we $patch logoEdits.
+            // Used below to short-circuit the fabric-render call when the entry
+            // we're restoring has the same logoEdits + draft token as the live
+            // state — i.e. only non-logo state changed between the two entries.
+            const prevLogoEditsStr = JSON.stringify(toRaw(editableLogoStore.logoEdits));
+            const prevDraftToken = editableLogoStore.logoDraftToken;
             // Restore `editableLogoStore.logoEdits` first — sidecar to `brandPageData`,
             // captured per-entry. Wholesale-replace via `$patch` so a previous
             // entry's textObjects/colors don't leak through (e.g. switching
@@ -648,40 +655,57 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 }
             }
             editableLogoStore.setLogoDraftToken(draftToken);
+            // Did the logo identity actually change between the two entries?
+            // If both `logoEdits` and the draft token match what was already
+            // live, the cached `editableLogoVariations` is still the right
+            // render and we just need to stamp it back into `brandPageData`
+            // (history-store strips `logoImageBase64Url` from snapshots, so
+            // the page-level base64 fields are now empty).
+            const logoUnchanged = prevDraftToken === draftToken &&
+                (logoEditsStr === undefined || logoEditsStr === prevLogoEditsStr);
+            if (logoUnchanged) {
+                editableLogoStore.stampLogoBase64IntoBrandPageData();
+                return;
+            }
             const isByo = !!draft?.isByo;
             if (isByo) {
                 // BYO uploads register a fresh `logoDraftToken` per upload, so
                 // `variationsByDraftToken` keyed off that token always matches the
                 // base64 the user saw at capture. No re-render — the uploaded
                 // image bytes are the source of truth and there's nothing for
-                // fabric-render to derive.
-                editableLogoStore.restoreVariationsForDraftToken(draftToken);
+                // fabric-render to derive. After restoring the variations cache,
+                // stamp the base64 back across header/footer/per-page logo
+                // content; the snapshot itself doesn't carry `logoImageBase64Url`.
+                if (editableLogoStore.restoreVariationsForDraftToken(draftToken)) {
+                    editableLogoStore.stampLogoBase64IntoBrandPageData();
+                }
                 return;
             }
-            // Designed (non-BYO) logo. The draft token is reused across every
-            // form-field edit, so any per-token cache only ever holds the latest
-            // render — undoing past it would leave `editableLogoVariations` (and
-            // every consumer that reads from it: the sidebar preview, the
-            // canvas, post-undo save metadata, recalculateLogoSizes) showing
-            // the post-edit base64 while the form fields show pre-edit state.
-            //
-            // Fire-and-forget the same render the live edit path runs:
+            // Designed (non-BYO) logo whose form state actually differs from
+            // the live state. The draft token is reused across every form-field
+            // edit, so the per-token cache only holds the latest render —
+            // re-issue the same fabric-render call the live edit path runs.
             // `updateEditableLogoImageUrlAsync` POSTs the freshly-restored
-            // `logoEdits` to fabric-render and writes the returned base64 across
-            // every header/footer + per-page logo content + `editableLogoVariations`.
-            // The undo/redo apply itself stays synchronous; the canvas updates
-            // a moment later when fabric-render responds.
+            // `logoEdits`, writes the returned base64 across every header/footer
+            // + per-page logo content + `editableLogoVariations`.
             //
-            // Arm `mergeNextMutation` so the watcher folds the post-render
-            // mutation back into the entry we just restored instead of pushing
-            // a phantom entry.
+            // Awaited (not fire-and-forget): two undos in quick succession would
+            // otherwise kick off two parallel render bursts whose `Promise.all`
+            // tasks interleave, leaving each variation showing whichever request
+            // happened to win the race rather than the variation that belongs
+            // to the snapshot the user landed on. Awaiting also keeps the call
+            // inside the `applyHistorySnapshot`/`isApplyingSnapshot` window, so
+            // the post-render writeback is naturally suppressed by the existing
+            // watcher guard — no `mergeNextMutation()` needed.
             if (containerStore.isPrePurchase &&
                 logoEditsStr &&
                 logoStore.logoTemplateAsset) {
-                useHistoryStore().mergeNextMutation();
-                editableLogoStore.updateEditableLogoImageUrlAsync().catch((error) => {
+                try {
+                    await editableLogoStore.updateEditableLogoImageUrlAsync();
+                }
+                catch (error) {
                     console.error('brandpage-maker-store: failed to re-render logo on history apply', error);
-                });
+                }
             }
         },
         /**

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

@@ -1,12 +1,11 @@
 import { defineStore } from 'pinia';
-import { computed, nextTick, ref, shallowRef, toRaw, watch } from 'vue';
+import { computed, ref, shallowRef, toRaw, watch } from 'vue';
 import { useBrandPageMakerStore } from '../brandpage-maker/brandpage-maker-store';
+import { useBrandPageContainerStore } from '../brandpage-container';
 import { useAiWebsiteBuilderThreadStore } from '../ai-thread/ai-website-builder-thread-store';
 import { useEventTracker } from '../../composables/useEventTracker';
 import { usePageNavigationStore } from '@shared/page-navigation/store/page-navigation-store';
 import { useUiEditableLogoStore } from '@shared/logo-settings/store/editable-logo-store';
-import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
-import { useUiPageSettingsStore } from '@shared/page-settings/store';
 /**
  * Single-stack history model with a pointer instead of two stacks.
  *
@@ -49,22 +48,6 @@ const MAX_ENTRY_BYTES = 25 * 1024 * 1024;
 // reactive cascades (template loadPageNo, router afterEach, layout settle)
 // that would otherwise make undo light up before the user has done anything.
 const BASELINE_SETTLE_MS = 2000;
-// Content-level wrapper keys whose `paymentConfig` child is a denormalised
-// cache of `shopConfigStore.paymentConfig` (the user's Stripe Connect
-// linkage). Stripe Connect linkage state is backend-confirmed (per
-// `project-guardrails.md`) and must NEVER ride along on the undo/redo stack.
-//
-// paymentConfig is kept invariant under undo/redo by re-stamping every live
-// wrapper from `shopConfigStore.paymentConfig` after every restore — see
-// `restorePaymentConfigsOnLivePages`. The shop store itself is never
-// touched by undo/redo (see `applyHistorySnapshot` step 6), so the live
-// wrapper always equals the live shop store regardless of what's in the
-// snapshot bytes.
-const PAYMENT_CONFIG_WRAPPER_KEYS = [
-    'supportMeConfig',
-    'requestPaymentConfig',
-    'shopPaymentConfig',
-];
 export const useHistoryStore = defineStore('history', () => {
     const eventTracker = useEventTracker();
     // --- State ---
@@ -89,6 +72,53 @@ export const useHistoryStore = defineStore('history', () => {
      * the capture hot path is synchronous.
      */
     let cachedMakerStore = null;
+    /**
+     * Walk `brandPageData` and null `logoImageBase64Url` on every logo
+     * placement (header/footer × desktop/mobile + per-page logo content).
+     * Pre-purchase only — the same gate the save path uses
+     * (see `brand-page-container-store.ts:805`).
+     *
+     * Each rendered base64 is ~2-4 MB and the brand-site templates put the
+     * same logo in 6-8 places, so unstripped pre-purchase snapshots run
+     * 18-24 MB and bump the 25 MB per-entry cap, which silently drops the
+     * entry. The base64 is repopulated on undo by `_syncLogoSettingsFromSnapshot`
+     * (designed: re-issue fabric-render; BYO: stamp from per-token cache),
+     * so the snapshot doesn't need to carry it.
+     */
+    function stripLogoBase64IfPrePurchase(data) {
+        try {
+            if (!useBrandPageContainerStore().isPrePurchase)
+                return;
+        }
+        catch {
+            return;
+        }
+        if (data.pageHeaderDesktop) {
+            data.pageHeaderDesktop.logoImageBase64Url = undefined;
+        }
+        if (data.pageHeaderMobile) {
+            data.pageHeaderMobile.logoImageBase64Url = undefined;
+        }
+        if (data.pageFooterDesktop) {
+            data.pageFooterDesktop.logoImageBase64Url = undefined;
+        }
+        if (data.pageFooterMobile) {
+            data.pageFooterMobile.logoImageBase64Url = undefined;
+        }
+        if (Array.isArray(data.pages)) {
+            for (const page of data.pages) {
+                if (!Array.isArray(page?.contents))
+                    continue;
+                for (const content of page.contents) {
+                    if (content &&
+                        typeof content === 'object' &&
+                        'logoImageBase64Url' in content) {
+                        content.logoImageBase64Url = undefined;
+                    }
+                }
+            }
+        }
+    }
     /**
      * Serialize the current `brandPageData` into a detached JSON string.
      * Synchronous — safe to call inside a microtask without racing a follow-up
@@ -98,7 +128,9 @@ export const useHistoryStore = defineStore('history', () => {
         if (!cachedMakerStore)
             return null;
         try {
-            return JSON.stringify(toRaw(cachedMakerStore.brandPageData));
+            const cloned = JSON.parse(JSON.stringify(toRaw(cachedMakerStore.brandPageData)));
+            stripLogoBase64IfPrePurchase(cloned);
+            return JSON.stringify(cloned);
         }
         catch (error) {
             console.error('history-store: failed to serialize snapshot', error);
@@ -180,8 +212,18 @@ export const useHistoryStore = defineStore('history', () => {
      */
     function commitEntry(args) {
         const current = entries.value[currentIndex.value];
-        if (current && current.snapshot === args.snapshot)
+        // Compare both the snapshot bytes AND the logoEdits sidecar.
+        // Pre-purchase logo-tab edits (text/color/font) live in the
+        // `editableLogoStore.logoEdits` sidecar, NOT in `brandPageData`.
+        // The accompanying base64 writeback is also stripped from the
+        // snapshot (size cap), so a pure logo edit would produce a
+        // byte-identical snapshot to the previous entry — without the
+        // sidecar comparison every logo edit would dedup as a no-op.
+        if (current &&
+            current.snapshot === args.snapshot &&
+            current.logoEdits === args.logoEdits) {
             return 'noop';
+        }
         if (args.snapshot.length > MAX_ENTRY_BYTES) {
             eventTracker.sendHistoryOversizedEvent({
                 attempted_bytes: args.snapshot.length,
@@ -425,9 +467,9 @@ export const useHistoryStore = defineStore('history', () => {
      * dedicated `applyHistorySnapshot` action, which rehydrates every Pinia
      * source store + own-store scalar fields that `brandPageData` reads from.
      *
-     * Holds `isApplyingSnapshot` through `nextTick` so Vue's reactive queue
-     * drains while the watcher guard is still set, preventing the restore from
-     * being re-captured as a spurious duplicate entry.
+     * Holds `isApplyingSnapshot` for the duration of the apply so the
+     * watcher guard suppresses the cascade of mutations from being
+     * re-captured as a spurious duplicate entry.
      *
      * Active-page resolution priority:
      *   1. Diff against `cameFromIndex` — any page present in the target
@@ -505,53 +547,11 @@ export const useHistoryStore = defineStore('history', () => {
         cancelPendingAutoCapture();
         try {
             await brandPageMakerStore.applyHistorySnapshot(snapshot, resolvedActivePageId, targetEntry?.logoEdits);
-            await nextTick();
-            // Re-stamp `wrapper.paymentConfig` on every payment-config wrapper in
-            // the freshly-restored content tree from the live shop store. Stripe
-            // Connect linkage is backend-confirmed (per `project-guardrails.md`)
-            // and must NEVER come from the snapshot — the captured value can be
-            // arbitrarily stale (an entry captured before
-            // `PaymentConfigField.mixin.ts:created()` lazily filled in the
-            // wrapper carries `paymentConfig: undefined`) and using it would
-            // re-surface the "Please enable a payment provider" warning on
-            // undo. The shop store's value is itself never undoable (see
-            // `applyHistorySnapshot` step 6).
-            restorePaymentConfigsOnLivePages();
         }
         finally {
             isApplyingSnapshot.value = false;
         }
     }
-    /**
-     * Walk the live `pageSettingsStore.pages` and stamp
-     * `wrapper.paymentConfig = shopConfigStore.paymentConfig` on every
-     * payment-config wrapper. Called from `applySnapshotString` after
-     * `applyHistorySnapshot` rebuilds page contents.
-     */
-    function restorePaymentConfigsOnLivePages() {
-        try {
-            const shopStore = useShopConfigStore();
-            const pageSettingsStore = useUiPageSettingsStore();
-            const livePaymentConfig = shopStore.paymentConfig;
-            for (const page of pageSettingsStore.pages) {
-                for (const item of page.contents) {
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    const content = item.settings.content;
-                    for (const key of PAYMENT_CONFIG_WRAPPER_KEYS) {
-                        const wrapper = content?.[key];
-                        if (wrapper &&
-                            typeof wrapper === 'object' &&
-                            !Array.isArray(wrapper)) {
-                            wrapper.paymentConfig = livePaymentConfig;
-                        }
-                    }
-                }
-            }
-        }
-        catch (error) {
-            console.error('history-store: failed to restore paymentConfig on live pages', error);
-        }
-    }
     /** Move the pointer back one step and apply the entry at the new position. */
     async function undo() {
         if (!canUndo.value)

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-YRlMax_i.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-DVs3jUit.js";
 import { createPinia as wE, setActivePinia as ZE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,