@designcrowd/library.brand-page 5.17.25-undo-10 → 5.17.25-undo-14

package/lib/src/{CreatedOnBrandCrowd-de-de-C2CJCAQ1.js → CreatedOnBrandCrowd-de-de-D0AQ4h1Y.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-Bg5k7y_D.js → CreatedOnBrandCrowd-en-us-Bz9D9FcQ.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DAaAXvzy.js → CreatedOnBrandCrowd-es-es-B6EKNEDx.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-B7C0ERbi.js → CreatedOnBrandCrowd-fr-ca-DvC5JIAW.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-B7C0ERbi.js → CreatedOnBrandCrowd-fr-fr-DvC5JIAW.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-1pvCqQK1.js → CreatedOnBrandCrowd-pt-br-tckhI2rl.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-1pvCqQK1.js → CreatedOnBrandCrowd-pt-pt-tckhI2rl.js}

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

package/lib/src/{CreatedOnDcom-de-de-hbcr-qW0.js → CreatedOnDcom-de-de-BJAmW8nU.js}

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

package/lib/src/{CreatedOnDcom-en-us-BToix_74.js → CreatedOnDcom-en-us-0IxL5rtr.js}

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

package/lib/src/{CreatedOnDcom-es-es-DOCxN0tr.js → CreatedOnDcom-es-es-j1tEaAuh.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-Q3ZYgCxp.js → CreatedOnDcom-fr-ca-BHD4nfCD.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-C1-dUWKB.js → CreatedOnDcom-fr-fr-D4b447yE.js}

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

package/lib/src/{CreatedOnDcom-pt-br-KWKgld1I.js → CreatedOnDcom-pt-br-6WIaKLxK.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-CRR3Hfej.js → CreatedOnDcom-pt-pt-DSvzJLxn.js}

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

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

@@ -567,6 +567,9 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             //    restored header logo. The preview rehydrates via the page contents,
             //    but `uiLogoSettings` holds its own copy that drives the sidebar
             //    "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);
             // 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
@@ -585,37 +588,26 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             logoSettingsStore.setState({
                 newState: { selectedLogoImage: logoImage },
             });
-            // Re-derive `enableEditMode` so the sidebar's design/upload tabs
-            // reflect the restored logo. BYO logos can't be edited in the design
-            // surface, so `enableEditMode` must flip false on undo back to a BYO
-            // upload and true on redo back to a designed logo. Logo drafts are
-            // append-only during a session, so a token in the snapshot always
-            // resolves here.
-            const draft = logoStore.getLogoDraftAssetByToken(logoImage.logoDraftToken);
-            if (draft)
+            const draftToken = logoImage.logoDraftToken;
+            if (!draftToken)
+                return;
+            // Re-derive `enableEditMode` and the active template asset from the
+            // logo-store's draft registry. Drafts are append-only for the session,
+            // and BYO upload stamps `templateAsset` onto the registered draft when
+            // it lands — so the registered draft is enough to fully restore the
+            // sidebar's design/upload chooser without storing anything inside
+            // each history entry. The variations grid is restored from the
+            // editable-logo store's per-token cache (populated by every
+            // `updateEditableLogoImageUrlAsync` render).
+            const draft = logoStore.getLogoDraftAssetByToken(draftToken);
+            if (draft) {
                 editableLogoStore.setEnableEditMode(!draft.isByo);
-            // Repaint the canvas logo when the restored draft token differs
-            // from the editable logo store's current token. History snapshots
-            // intentionally drop the rendered `logoImageBase64Url` (a high-res
-            // BYO upload renders ~10 MB across the four viewports, which would
-            // blow the 5 MB per-entry cap and freeze history). On undo back to
-            // a different draft, the page-settings logo fields now have an
-            // empty base64, so the canvas would show no logo until something
-            // re-renders. Pointing the editable logo store at the restored
-            // draft and asking it to re-render fans out fabric-render requests
-            // for the four variations and writes fresh base64 onto every page
-            // section + logo content block — same path as the original BYO
-            // upload. Fire-and-forget: the restore returns immediately and the
-            // canvas updates as the renders complete, just like the upload UX.
-            const tokenChanged = editableLogoStore.logoDraftToken !== logoImage.logoDraftToken;
-            if (tokenChanged && logoImage.logoDraftToken) {
-                editableLogoStore.setLogoDraftToken(logoImage.logoDraftToken);
-                editableLogoStore
-                    .updateEditableLogoImageUrlAsync()
-                    .catch((err) => {
-                    console.error('history-store: failed to repaint logo on restore', err);
-                });
+                if (draft.templateAsset) {
+                    logoStore.setLogoTemplateAsset(draft.templateAsset);
+                }
             }
+            editableLogoStore.setLogoDraftToken(draftToken);
+            editableLogoStore.restoreVariationsForDraftToken(draftToken);
         },
         _fallbackSidebarIfSelectedContentMissing(snapshot) {
             const contentSettingsStore = useUiContentSettingsStore();

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

@@ -8,6 +8,12 @@
  *      with the live store.
  *   2. `sizeBytes === snapshot.length` is automatic and accurate for the V2
  *      memory-budget instrumentation.
+ *
+ * Sidecar state that doesn't live on `brandPageData` (the variations grid in
+ * 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.
  */
 export interface HistoryEntry {
     /** JSON.stringify(BrandPageModel) at the moment of capture. */

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

@@ -29,11 +29,17 @@ import { useEventTracker } from '../../composables/useEventTracker';
 // so a user holding down a key for 15 s still gets periodic snapshots.
 const CAPTURE_DEBOUNCE_MS = 1700;
 const CAPTURE_MAX_WAIT_MS = 10000;
-// FR-12: 40-entry cap. FR-13: 100 MB memory budget. FR-13c: 5 MB per-entry
+// FR-12: 40-entry cap. FR-13: 100 MB memory budget. FR-13c: per-entry
 // oversize threshold — entries above this are skipped + emit telemetry.
+// 25 MB accommodates a high-res BYO logo upload, which renders ~2.5 MB
+// of base64 PNG into each of four viewport sections (~10 MB) plus per-page
+// logo content blocks. The variations grid (~10 MB) does NOT live in the
+// snapshot — it sits on the editable-logo store keyed by draft token, and
+// is restored on undo from there. The 100 MB total budget still evicts
+// oldest non-baseline entries to keep memory bounded.
 const MAX_ENTRIES = 40;
 const MAX_MEMORY_BYTES = 100 * 1024 * 1024;
-const MAX_ENTRY_BYTES = 5 * 1024 * 1024;
+const MAX_ENTRY_BYTES = 25 * 1024 * 1024;
 // Window after baseline-capture during which any auto-captured snapshot
 // REPLACES the baseline rather than pushing a new entry. Covers post-init
 // reactive cascades (template loadPageNo, router afterEach, layout settle)
@@ -68,34 +74,14 @@ export const useHistoryStore = defineStore('history', () => {
      * Synchronous — safe to call inside a microtask without racing a follow-up
      * mutation.
      */
-    function serializeCurrentBrandPageData() {
+    function serializeCurrentSnapshot() {
         if (!cachedMakerStore)
             return null;
         try {
-            const raw = toRaw(cachedMakerStore.brandPageData);
-            // Drop `logoImageBase64Url` from the serialized form. A high-res
-            // BYO upload renders a ~2.5 MB base64 PNG into each of the four
-            // viewport sections (~10 MB raw), which is well past the 5 MB
-            // per-entry cap and would otherwise stick every BYO capture — and
-            // every follow-up edit while the upload is on the page — into the
-            // `oversized` path, freezing history. Stripping the field at
-            // serialize time keeps entries small and is safe for restore:
-            //   - BYO upload IS undoable. The undo-relevant signal is
-            //     `logoImage.logoDraftToken`, which is preserved.
-            //   - On undo `LogoRender` watches `viewModel` and falls back to
-            //     fetching the SVG by `logoDraftToken` when `logoImageBase64Url`
-            //     is undefined (LogoRender.vue:97-102, 139-161), so the canvas
-            //     repaints the previous logo without the cached PNG.
-            //   - Per-property logo edits (text, color, font) author via
-            //     `editableLogoStore.logoEdits` — not `brandPageData` — so
-            //     they're already out of V1 undo scope. Same key is also
-            //     stripped in the dedup normalizer; that strip is now
-            //     redundant for the watcher path but kept as belt-and-braces
-            //     in case a snapshot string lands there from another origin.
-            return JSON.stringify(raw, (key, value) => key === 'logoImageBase64Url' ? undefined : value);
+            return JSON.stringify(toRaw(cachedMakerStore.brandPageData));
         }
         catch (error) {
-            console.error('history-store: failed to serialize brandPageData', error);
+            console.error('history-store: failed to serialize snapshot', error);
             return null;
         }
     }
@@ -534,7 +520,7 @@ export const useHistoryStore = defineStore('history', () => {
                 return;
             if (!baselineCaptured.value)
                 return;
-            const snapshot = serializeCurrentBrandPageData();
+            const snapshot = serializeCurrentSnapshot();
             if (!snapshot)
                 return;
             // During the post-init settle window, fold any captured mutation back
@@ -586,7 +572,7 @@ export const useHistoryStore = defineStore('history', () => {
         if (baselineCaptured.value)
             return;
         installWatcher();
-        const snapshot = serializeCurrentBrandPageData();
+        const snapshot = serializeCurrentSnapshot();
         if (!snapshot)
             return;
         // Baseline starts a fresh stack of exactly 1 entry with pointer at 0.
@@ -616,7 +602,7 @@ export const useHistoryStore = defineStore('history', () => {
             return 'skipped';
         if (!baselineCaptured.value)
             return 'skipped';
-        const snapshot = serializeCurrentBrandPageData();
+        const snapshot = serializeCurrentSnapshot();
         if (!snapshot)
             return 'skipped';
         return commitEntry({ snapshot, ...args });

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

@@ -10,6 +10,7 @@ export interface LogoDraftAsset {
     tick: number;
     isByo: boolean;
     logoEditUrl?: string;
+    templateAsset?: LogoTemplateAsset;
 }
 export interface LogoStoreState {
     logoTemplateAsset?: LogoTemplateAsset;

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