@designcrowd/library.brand-page 5.18.1-undo-22 → 5.18.1-undo-24

package/lib/src/{CreatedOnBrandCrowd-de-de-Q1oYxhFA.js → CreatedOnBrandCrowd-de-de-DKlq-FhR.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-QDl7ywkQ.js → CreatedOnBrandCrowd-en-us-CKuJf1eN.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DcbldLR8.js → CreatedOnBrandCrowd-es-es-CDgHdsZn.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-CtKg-kmK.js → CreatedOnBrandCrowd-fr-ca-DKkek1Qq.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-CtKg-kmK.js → CreatedOnBrandCrowd-fr-fr-DKkek1Qq.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-B8LdULlM.js → CreatedOnBrandCrowd-pt-br-DtiYMB85.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-B8LdULlM.js → CreatedOnBrandCrowd-pt-pt-DtiYMB85.js}

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

package/lib/src/{CreatedOnDcom-de-de-B8a5JB3V.js → CreatedOnDcom-de-de-DcipMp9e.js}

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

package/lib/src/{CreatedOnDcom-en-us-BxJb4VxH.js → CreatedOnDcom-en-us-DUtpfMxY.js}

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

package/lib/src/{CreatedOnDcom-es-es-_YCAGVL0.js → CreatedOnDcom-es-es-3sfbICpP.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-DV5JKmY0.js → CreatedOnDcom-fr-ca-Dot_vGyn.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CjGeFt2Y.js → CreatedOnDcom-fr-fr-BFu2DRry.js}

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

package/lib/src/{CreatedOnDcom-pt-br-fPa9wQ6j.js → CreatedOnDcom-pt-br-CZD58a0R.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-BEC57JU6.js → CreatedOnDcom-pt-pt-DRMoU43s.js}

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

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

@@ -118,8 +118,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("@brand-page/models").BrandPageModel, activePageId?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page/models").BrandPageModel): 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;
         _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

@@ -163,8 +163,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel): 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;
         _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

@@ -107,8 +107,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("../../../lib").BrandPageModel, activePageId?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../lib").BrandPageModel): void;
+        applyHistorySnapshot(snapshot: import("../../../lib").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
+        _syncLogoSettingsFromSnapshot(snapshot: import("../../../lib").BrandPageModel, logoEditsStr?: string | undefined): 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

@@ -613,8 +613,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel): 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;
         _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

@@ -113,8 +113,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel): 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;
         _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

@@ -391,8 +391,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel): 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;
         _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

@@ -392,8 +392,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel): 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;
         _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

@@ -123,8 +123,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel): 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;
         _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

@@ -443,8 +443,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel): 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;
         _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

@@ -209,8 +209,8 @@ export declare const useBrandPageMakerStore: import("pinia").StoreDefinition<"br
      * feature flag is on — see `BrandPageMaker.mixin.ts`).
      */
     _captureTemplateSwitchIfEnabled(): void;
-    applyHistorySnapshot(snapshot: BrandPageModel, activePageId?: string): Promise<void>;
-    _syncLogoSettingsFromSnapshot(snapshot: BrandPageModel): void;
+    applyHistorySnapshot(snapshot: BrandPageModel, activePageId?: string, logoEditsStr?: string): Promise<void>;
+    _syncLogoSettingsFromSnapshot(snapshot: BrandPageModel, logoEditsStr?: string): 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

@@ -493,7 +493,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 return;
             historyStore.captureTemplateSwitch();
         },
-        async applyHistorySnapshot(snapshot, activePageId) {
+        async applyHistorySnapshot(snapshot, activePageId, logoEditsStr) {
             const styleSettingsStore = useUiStyleSettingsStore();
             const navigationStyleSettingsStore = useUiNavigationStyleSettingsStore();
             const backgroundSettingsStore = useUiBackgroundSettingsStore();
@@ -579,8 +579,12 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             //    "current logo" state — same pattern as `initialiseStoresByBrandPageModelAsync`.
             //    Also restores the variations grid + template asset for the
             //    snapshot's draft token (both are sidecars to `brandPageData` —
-            //    BYO upload mutates them out of band).
-            this._syncLogoSettingsFromSnapshot(snapshot);
+            //    BYO upload mutates them out of band). When the captured entry
+            //    carries a `logoEdits` sidecar (pre-purchase logo-tab edits —
+            //    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);
             // 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.
@@ -597,10 +601,27 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             //     sidebar's `currentPage` getter silently falls back to page 0.
             this._navigateToActivePage(activePageId);
         },
-        _syncLogoSettingsFromSnapshot(snapshot) {
+        _syncLogoSettingsFromSnapshot(snapshot, logoEditsStr) {
             const logoSettingsStore = useUiLogoSettingsStore();
             const editableLogoStore = useUiEditableLogoStore();
             const logoStore = useLogoStore();
+            // 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
+            // template A→B then undoing A's restored object set must NOT contain
+            // B's textObject ids). Failing parse is non-fatal; the logo tab will
+            // just keep showing whatever logoEdits state was already loaded —
+            // canvas + saved metadata still come from `brandPageData` + the
+            // save-time `updateMetadataAsync` round-trip.
+            if (logoEditsStr) {
+                try {
+                    const parsed = JSON.parse(logoEditsStr);
+                    editableLogoStore.$patch({ logoEdits: parsed });
+                }
+                catch (error) {
+                    console.error('brandpage-maker-store: failed to restore logoEdits', error);
+                }
+            }
             const logoImage = snapshot.brandPageType === BRAND_PAGE_TYPES.default
                 ? snapshot.pages?.[0]?.contents?.find((c) => c.type === 'logo')?.logoImage
                 : snapshot.pageHeaderDesktop?.logoImage;
@@ -654,6 +675,14 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             }
             if (!targetPageId)
                 return;
+            // Skip both the Pinia write and the router push when the target page
+            // is already active. The router push fires `router.afterEach` even
+            // for same-page navigation, and BrandPageMaker.mixin's afterEach hook
+            // resets the content-settings modeStack — which would snap the
+            // sidebar back to the default Content tab on every undo/redo,
+            // regardless of whether the user was deep-editing a content item.
+            if (pageNavigationStore.activePageId === targetPageId)
+                return;
             pageNavigationStore.setCurrentActivePage({ pageId: targetPageId });
             navigateToPageByPageId(targetPageId);
         },

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

@@ -13,7 +13,10 @@
  * the Logo sidebar, the active `logoTemplateAsset`, the active
  * `logoDraftToken`) is restored on undo by `_syncLogoSettingsFromSnapshot`
  * via per-draft-token caches on the logo / editable-logo stores — keyed off
- * `logoImage.logoDraftToken` which IS in the snapshot.
+ * `logoImage.logoDraftToken` which IS in the snapshot. Pre-purchase logo-tab
+ * property edits (text, support text, logo colors, font, outline, shadow)
+ * live on `editableLogoStore.logoEdits` and ride along on the `logoEdits`
+ * sidecar below.
  */
 export interface HistoryEntry {
     /** JSON.stringify(BrandPageModel) at the moment of capture. */
@@ -40,6 +43,19 @@ export interface HistoryEntry {
      * first router push). Always a real id once the editor has settled.
      */
     activePageId: string;
+    /**
+     * `JSON.stringify(editableLogoStore.logoEdits)` at the moment of capture.
+     * Sidecar — `logoEdits` is NOT part of `brandPageData` but its state
+     * (logo text, support text, logo colors, fonts, outlines, shadows) drives
+     * what the pre-purchase save path POSTs to fabric-render to regenerate
+     * the persisted draft metadata. Without restoring it on undo, save after
+     * an undo would re-derive metadata from the post-edit `logoEdits` and
+     * silently reapply the change the user just undid.
+     *
+     * Undefined for sessions where the editable-logo store has never been
+     * touched (no logo tab interaction yet) — restore is a no-op in that case.
+     */
+    logoEdits?: string;
 }
 export declare const useHistoryStore: import("pinia").StoreDefinition<"history", Pick<{
     entries: import("vue").ShallowRef<HistoryEntry[], HistoryEntry[]>;

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

@@ -4,6 +4,8 @@ import { useBrandPageMakerStore } from '../brandpage-maker/brandpage-maker-store
 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 { ESCAPED_NEWLINE_CHARACTER } from '@src/constants/ui';
 /**
  * Single-stack history model with a pointer instead of two stacks.
  *
@@ -94,6 +96,21 @@ export const useHistoryStore = defineStore('history', () => {
     function getCurrentActivePageId() {
         return usePageNavigationStore().activePageId ?? '';
     }
+    /**
+     * Serialize the current `editableLogoStore.logoEdits` as a sidecar to the
+     * snapshot — see `HistoryEntry.logoEdits`. Returns undefined when the
+     * editable-logo store hasn't initialized yet (no logo tab interaction).
+     */
+    function serializeCurrentLogoEdits() {
+        try {
+            const editableLogoStore = useUiEditableLogoStore();
+            return JSON.stringify(toRaw(editableLogoStore.logoEdits));
+        }
+        catch (error) {
+            console.error('history-store: failed to serialize logoEdits', error);
+            return undefined;
+        }
+    }
     /**
      * Normalize a snapshot for the dedup byte-compare. Strips/canonicalizes
      * fields that get mutated by sidebar-open reactive cascades but aren't
@@ -109,6 +126,11 @@ export const useHistoryStore = defineStore('history', () => {
      *     to mirror the resolved `textStyle.fontWeight / fontStyle /
      *     textDecoration` (e.g. plain `"text"` →
      *     `<p>...<span>...<strong>text</strong></span></p>`).
+     *   - TipTap rendering the codebase's URL-encoded newline
+     *     (`ESCAPED_NEWLINE_CHARACTER` = `%0A`) as `<br>` on first hydration
+     *     (e.g. plain `"A%0AB"` → `<p><span>A<br>B</span></p>`). Plain-side
+     *     `%0A` is decoded to `\n` and attributeless `<br>` is collapsed to
+     *     `\n` in `extractCanonicalText`, so the two sides converge.
      *   - Lazy hydration of `*Style` objects when a content settings panel —
      *     or section selection on the canvas — resolves `textStyleType` and
      *     writes the full resolved style (fontFamily, fontSize, color,
@@ -116,12 +138,16 @@ export const useHistoryStore = defineStore('history', () => {
      *     onto the model. The `textStyleType` itself is the authoring
      *     intent; the resolved keys are just cached values.
      *   - `isModifiedAfterTemplateApplied` flipping on first edit gesture.
-     *   - `logoImageBase64Url` — the rendered logo PNG. Per-property logo
-     *     edits author through `editableLogoStore.logoEdits` (not in
-     *     `brandPageData`), so an undo would revert the canvas image but
-     *     leave the sidebar fields showing the user's typed value. Logo
-     *     property edits are excluded from V1 undo scope; BYO-upload undo
-     *     still works because that diff lives in `logoImage.logoDraftToken`.
+     *
+     * Note: `logoImageBase64Url` (the rendered logo PNG) is NOT stripped here.
+     * Pre-purchase logo-tab edits (text, support text, logo colors, fonts)
+     * land in `editableLogoStore.logoEdits` (sidecar — see
+     * `HistoryEntry.logoEdits`) AND trigger a fabric-render that writes the
+     * new base64 into `pageHeaderDesktop.logoImageBase64Url` + per-page
+     * logo content. The base64 IS the canonical signal that a logo edit
+     * happened; stripping it would dedup real logo edits as no-ops. The
+     * 2-second `BASELINE_SETTLE_MS` window already collapses initial-load
+     * base64 churn into the baseline.
      *
      * RTE strings are canonicalized by parsing the HTML with DOMParser and
      * walking the tree; only attributeless format wrappers (and a tightly
@@ -243,6 +269,13 @@ export const useHistoryStore = defineStore('history', () => {
             return null;
         }
         const el = node;
+        // Attributeless <br> is TipTap's deterministic emission of a hard break.
+        // Treated as `\n` so a hydrated `<p><span>A<br>B</span></p>` canonicalizes
+        // to `"A\nB"` and matches the plain-side `"A%0AB"` after newline decoding.
+        // <br> with any attribute (e.g. `<br data-x>`) bails as before.
+        if (el.tagName === 'BR') {
+            return el.attributes.length === 0 ? '\n' : null;
+        }
         const isStructural = STRUCTURAL_HYDRATION_TAGS.has(el.tagName);
         const isFormat = FORMAT_HYDRATION_TAGS.has(el.tagName);
         if (!isStructural && !isFormat)
@@ -279,35 +312,60 @@ export const useHistoryStore = defineStore('history', () => {
      * once and writes back wrapped HTML with no user-visible delta.
      */
     function canonicalizeRteString(value) {
-        // Cheap exit: no tags at all.
+        // Decode the codebase's URL-encoded newline (`%0A` — see
+        // `ESCAPED_NEWLINE_CHARACTER`) on the plain-text side. The hydrated side
+        // emits `<br>` for the same logical newline, and `extractCanonicalText`
+        // collapses attributeless `<br>` to `\n`, so the two converge.
+        // `split`/`join` rather than `decodeURIComponent` keeps this narrow —
+        // we don't want to decode `%20`, `%3C`, etc., which would change real
+        // user content.
+        const decodeNewlines = (s) => s.split(ESCAPED_NEWLINE_CHARACTER).join('\n');
+        // Cheap exit: no tags at all. Still decode `%0A` so a plain-text entry
+        // matches a hydrated entry whose only diff is `<br>`-vs-newline.
         if (!value.includes('<'))
-            return value;
+            return decodeNewlines(value);
         if (isEmptyRteHtml(value))
             return '';
         // DOMParser is unavailable in some non-browser test environments;
         // fall back to leaving the value as-is so the caller produces a
         // real diff (i.e. fail open — never falsely collapse).
         if (typeof DOMParser === 'undefined')
-            return value;
+            return decodeNewlines(value);
         let doc;
         try {
             doc = new DOMParser().parseFromString(`<div id="__rte_root__">${value}</div>`, 'text/html');
         }
         catch {
-            return value;
+            return decodeNewlines(value);
         }
         const root = doc.getElementById('__rte_root__');
         if (!root)
-            return value;
-        let out = '';
+            return decodeNewlines(value);
+        // Join top-level blocks with `\n`. TipTap renders an Enter keypress as
+        // a new top-level `<p>` sibling — without the join, `<p>Hello</p>` and
+        // `<p>Hello</p><p></p>` (or `<p>Hello</p><p>World</p>`) collapse to the
+        // same canonical text and the Enter is invisible to dedup. The join
+        // also matches plain-side `%0A` between paragraphs (e.g. stored
+        // `Hello%0AWorld` ↔ hydrated `<p>Hello</p><p>World</p>`).
+        const parts = [];
         for (const child of Array.from(root.childNodes)) {
             const part = extractCanonicalText(child);
             if (part === null)
-                return value;
-            out += part;
+                return decodeNewlines(value);
+            parts.push(part);
         }
-        return out;
+        return parts.join('\n');
     }
+    // Wrapper keys whose `paymentConfig` child is a denormalised cache of
+    // `shopConfigStore.paymentConfig` (the user's Stripe Connect linkage).
+    // The cache is hydrated lazily by `PaymentConfigField.mixin.ts:created()`
+    // when the user clicks into one of these sections — that hydration is
+    // not user authoring intent and must not produce a phantom undo entry.
+    const PAYMENT_CONFIG_WRAPPER_KEYS = new Set([
+        'supportMeConfig',
+        'requestPaymentConfig',
+        'shopPaymentConfig',
+    ]);
     function normalizeNode(node) {
         if (Array.isArray(node))
             return node.map(normalizeNode);
@@ -321,17 +379,23 @@ export const useHistoryStore = defineStore('history', () => {
             // represent a user-visible change.
             if (key === 'isModifiedAfterTemplateApplied')
                 continue;
-            // Strip the rendered logo PNG. Logo property edits (text, color,
-            // font, outline, shadow) authored via the Logo sidebar live in
-            // `editableLogoStore.logoEdits` — which is NOT in `brandPageData`,
-            // so an undo would revert this base64 image on the canvas without
-            // touching the sidebar fields. Per V1 scope, logo property edits
-            // are non-undoable (parallels the PRD's admin-logo exclusion);
-            // BYO-upload undo still works because that change shows up in
-            // `logoImage.logoDraftToken`, not here. Stripping the field keeps
-            // those isolated render-output diffs out of the stack entirely.
-            if (key === 'logoImageBase64Url')
-                continue;
+            // Strip lazily-hydrated `paymentConfig` from payment-config wrappers
+            // (`supportMeConfig` / `requestPaymentConfig` / `shopPaymentConfig`)
+            // for the dedup compare. See `PAYMENT_CONFIG_WRAPPER_KEYS` above.
+            if (PAYMENT_CONFIG_WRAPPER_KEYS.has(key) &&
+                v !== null &&
+                typeof v === 'object' &&
+                !Array.isArray(v) &&
+                'paymentConfig' in v) {
+                const wrapper = v;
+                const stripped = {};
+                for (const k of Object.keys(wrapper)) {
+                    if (k === 'paymentConfig')
+                        continue;
+                    stripped[k] = wrapper[k];
+                }
+                v = stripped;
+            }
             // Collapse RTE default-hydration wrappers down to the plain text
             // they wrap. Plain "X" and `<p style="..."><span ...><mark ...>X
             // </mark></span></p>` share the same canonical "X" so a sidebar
@@ -457,6 +521,7 @@ export const useHistoryStore = defineStore('history', () => {
             label: args.label,
             sizeBytes: args.snapshot.length,
             activePageId: args.activePageId,
+            logoEdits: args.logoEdits,
         };
         // FR-11: truncate redo tail, then append.
         const next = entries.value.slice(0, currentIndex.value + 1);
@@ -534,6 +599,7 @@ export const useHistoryStore = defineStore('history', () => {
             if (!snapshot)
                 return;
             const activePageId = getCurrentActivePageId();
+            const logoEdits = serializeCurrentLogoEdits();
             // During the post-init settle window, fold any captured mutation back
             // into the baseline (entry 0). Async cascades like template
             // `loadPageNo`, the router's `afterEach`, and layout settling all
@@ -553,6 +619,7 @@ export const useHistoryStore = defineStore('history', () => {
                         timestamp: new Date().toISOString(),
                         sizeBytes: snapshot.length,
                         activePageId,
+                        logoEdits,
                     },
                 ];
                 return;
@@ -562,6 +629,7 @@ export const useHistoryStore = defineStore('history', () => {
                 source: 'manual_edit',
                 actor: 'user',
                 activePageId,
+                logoEdits,
             });
         };
         // Monotonic burst arming. `isApplyingSnapshot` is gated here so an
@@ -606,6 +674,7 @@ export const useHistoryStore = defineStore('history', () => {
                 label: 'baseline',
                 sizeBytes: snapshot.length,
                 activePageId: getCurrentActivePageId(),
+                logoEdits: serializeCurrentLogoEdits(),
             },
         ];
         currentIndex.value = 0;
@@ -630,6 +699,7 @@ export const useHistoryStore = defineStore('history', () => {
         return commitEntry({
             snapshot,
             activePageId: getCurrentActivePageId(),
+            logoEdits: serializeCurrentLogoEdits(),
             ...args,
         });
     }
@@ -725,9 +795,10 @@ export const useHistoryStore = defineStore('history', () => {
                 }
             }
         }
+        const targetEntry = entries.value[targetIndex];
         isApplyingSnapshot.value = true;
         try {
-            await brandPageMakerStore.applyHistorySnapshot(snapshot, resolvedActivePageId);
+            await brandPageMakerStore.applyHistorySnapshot(snapshot, resolvedActivePageId, targetEntry?.logoEdits);
             await nextTick();
         }
         finally {

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