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

package/lib/src/{CreatedOnBrandCrowd-de-de-4mxqeHPP.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-DaFVTyb9.js";
+import { _ as t } from "./lib-3NPiNYNp.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-DQN_hGjC.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-DaFVTyb9.js";
+import { _ as t } from "./lib-3NPiNYNp.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-gijtJMPK.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-DaFVTyb9.js";
+import { _ as t } from "./lib-3NPiNYNp.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-BcOADD0V.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-DaFVTyb9.js";
+import { _ as t } from "./lib-3NPiNYNp.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-BcOADD0V.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-DaFVTyb9.js";
+import { _ as t } from "./lib-3NPiNYNp.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-B5eEyjAo.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-DaFVTyb9.js";
+import { _ as t } from "./lib-3NPiNYNp.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-B5eEyjAo.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-DaFVTyb9.js";
+import { _ as t } from "./lib-3NPiNYNp.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-DSGP6AAT.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-DaFVTyb9.js";
+import { _ as e } from "./lib-3NPiNYNp.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-BOuoJM_x.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-DaFVTyb9.js";
+import { _ as e } from "./lib-3NPiNYNp.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-kbiGFyBV.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-DaFVTyb9.js";
+import { _ as e } from "./lib-3NPiNYNp.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-BVFxrE6-.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-DaFVTyb9.js";
+import { _ as e } from "./lib-3NPiNYNp.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-92xJGi0w.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-DaFVTyb9.js";
+import { _ as e } from "./lib-3NPiNYNp.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-C40X9FAV.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-DaFVTyb9.js";
+import { _ as M } from "./lib-3NPiNYNp.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-CXxJUTUx.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-DaFVTyb9.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,15 +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);
+                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

@@ -32,8 +32,10 @@ const CAPTURE_MAX_WAIT_MS = 10000;
 // 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 100 MB total budget still evicts
+// 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;
@@ -72,15 +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);
-            return JSON.stringify(raw);
+            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;
         }
     }
@@ -519,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
@@ -571,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.
@@ -601,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-DaFVTyb9.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,

package/lib/src/{lib-DaFVTyb9.js → lib-3NPiNYNp.js}

@@ -60964,10 +60964,9 @@ const Kn = /* @__PURE__ */ Z6(GB1), WB1 = (e, t, n) => {
   function c() {
     if (!d) return null;
     try {
-      const U = vD(d.brandPageData);
-      return JSON.stringify(U);
+      return JSON.stringify(vD(d.brandPageData));
     } catch (U) {
-      return console.error("history-store: failed to serialize brandPageData", U), null;
+      return console.error("history-store: failed to serialize snapshot", U), null;
     }
   }
   const u = /* @__PURE__ */ new Set(["P", "SPAN", "MARK"]), p = /* @__PURE__ */ new Set(["STRONG", "EM", "U", "S"]), g = /* @__PURE__ */ new Set([
@@ -62190,10 +62189,10 @@ const Kn = /* @__PURE__ */ Z6(GB1), WB1 = (e, t, n) => {
     R2(() => n.context.isDesignCom, async () => {
       const M = P6().toLowerCase(), _ = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
       try {
-        const { default: V } = await yk(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-4mxqeHPP.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-DQN_hGjC.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-gijtJMPK.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-BcOADD0V.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-BcOADD0V.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-B5eEyjAo.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-B5eEyjAo.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-DSGP6AAT.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-BOuoJM_x.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-kbiGFyBV.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-BVFxrE6-.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-92xJGi0w.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-C40X9FAV.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-CXxJUTUx.js") }), `./watermark/CreatedOn${_}-${M}.vue`, 3);
+        const { default: V } = await yk(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-D0AQ4h1Y.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-Bz9D9FcQ.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-B6EKNEDx.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-DvC5JIAW.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-DvC5JIAW.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-tckhI2rl.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-tckhI2rl.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-BJAmW8nU.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-0IxL5rtr.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-j1tEaAuh.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-BHD4nfCD.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-D4b447yE.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-6WIaKLxK.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-DSvzJLxn.js") }), `./watermark/CreatedOn${_}-${M}.vue`, 3);
         i.value = V;
       } catch {
-        const { default: H } = await yk(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-DQN_hGjC.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-BOuoJM_x.js") }), `./watermark/CreatedOn${_}-en-us.vue`, 3);
+        const { default: H } = await yk(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-Bz9D9FcQ.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-0IxL5rtr.js") }), `./watermark/CreatedOn${_}-en-us.vue`, 3);
         i.value = H;
       }
     }, {
@@ -75717,7 +75716,8 @@ const _3 = ne("uiContentSettings", {
       textObjects: []
     },
     makerFonts: [],
-    isLogoDraftSaved: !1
+    isLogoDraftSaved: !1,
+    variationsByDraftToken: {}
   }),
   actions: {
     async setStateAsync(e) {
@@ -75854,7 +75854,16 @@ const _3 = ne("uiContentSettings", {
             a.logoImageBase64Url = this.getEditableLogoVariationByVariationId(l).base64;
           }
         });
-      });
+      }), this.logoDraftToken && (this.variationsByDraftToken[this.logoDraftToken] = this.editableLogoVariations.map((s) => ({ ...s })));
+    },
+    /**
+     * Restore the variations grid for `logoDraftToken` from the per-token
+     * cache. Called by `_syncLogoSettingsFromSnapshot` during undo/redo.
+     * Returns true on cache hit.
+     */
+    restoreVariationsForDraftToken(e) {
+      const t = this.variationsByDraftToken[e];
+      return t ? (this.editableLogoVariations = t.map((n) => ({ ...n })), !0) : !1;
     },
     async updateMetadataAsync(e, t = !1, n) {
       const i = await this.postEditableLogoRequestAsync({
@@ -75881,12 +75890,13 @@ const _3 = ne("uiContentSettings", {
     upsertDraftMetadata(e) {
       var i;
       const t = S4(), n = t.getLogoDraftAssetByToken(this.logoDraftToken);
-      n ? n.metadata = e : t.addLogoDraftAsset({
+      n ? (n.metadata = e, t.logoTemplateAsset && (n.templateAsset = { ...t.logoTemplateAsset })) : t.addLogoDraftAsset({
         logoDraftAsset: {
           token: this.logoDraftToken,
           metadata: e,
           tick: Date.now(),
-          isByo: ((i = t.logoTemplateAsset) == null ? void 0 : i.isByo) || !1
+          isByo: ((i = t.logoTemplateAsset) == null ? void 0 : i.isByo) || !1,
+          templateAsset: t.logoTemplateAsset ? { ...t.logoTemplateAsset } : void 0
         }
       });
     },
@@ -76622,18 +76632,18 @@ const _3 = ne("uiContentSettings", {
       }), e.isModifiedAfterTemplateApplied !== void 0 && (this.isModifiedAfterTemplateApplied = e.isModifiedAfterTemplateApplied), e.brandPageType && this.setBrandPageType({ brandPageType: e.brandPageType }), this.faviconUrl = e.faviconUrl, this.ogImageUrl = e.ogImageUrl, this.measurementID = e.measurementID, this.adsenseID = e.adsenseID, this.ogTitle = e.ogTitle, this.ogDescription = e.ogDescription, this.cookieOptions = e.cookieOptions, this.saveContactSettings = e.saveContactSettings, this._syncLogoSettingsFromSnapshot(e), this._fallbackSidebarIfSelectedContentMissing(e);
     },
     _syncLogoSettingsFromSnapshot(e) {
-      var r, a, l, d, c;
-      const t = De(), n = K4(), i = S4(), o = e.brandPageType === d1.default ? (d = (l = (a = (r = e.pages) == null ? void 0 : r[0]) == null ? void 0 : a.contents) == null ? void 0 : l.find(
-        (u) => u.type === "logo"
-      )) == null ? void 0 : d.logoImage : (c = e.pageHeaderDesktop) == null ? void 0 : c.logoImage;
+      var a, l, d, c, u;
+      const t = De(), n = K4(), i = S4(), o = e.brandPageType === d1.default ? (c = (d = (l = (a = e.pages) == null ? void 0 : a[0]) == null ? void 0 : l.contents) == null ? void 0 : d.find(
+        (p) => p.type === "logo"
+      )) == null ? void 0 : c.logoImage : (u = e.pageHeaderDesktop) == null ? void 0 : u.logoImage;
       if (!o) return;
       t.setState({
         newState: { selectedLogoImage: o }
       });
-      const s = i.getLogoDraftAssetByToken(
-        o.logoDraftToken
-      );
-      s && n.setEnableEditMode(!s.isByo);
+      const s = o.logoDraftToken;
+      if (!s) return;
+      const r = i.getLogoDraftAssetByToken(s);
+      r && (n.setEnableEditMode(!r.isByo), r.templateAsset && i.setLogoTemplateAsset(r.templateAsset)), n.setLogoDraftToken(s), n.restoreVariationsForDraftToken(s);
     },
     _fallbackSidebarIfSelectedContentMissing(e) {
       var s;

package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts

@@ -93,6 +93,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             logoTemplateMetadata: string;
             isLogoDraftSaved: boolean;
             isTextOnlyLogo: boolean;
+            variationsByDraftToken: Record<string, import("../store/editable-logo-store").EditableLogoVariation[]>;
         } & import("pinia").PiniaCustomStateProperties<import("../store/editable-logo-store").EditableLogoState>) => () => string | undefined;
     }, {
         setStateAsync(payload: {
@@ -110,6 +111,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         getEditableLogoVariationByVariationId(id: number): any;
         getEditableLogoVariationByBase64(base64: string): any;
         updateEditableLogoImageUrlAsync(defaultPrimaryText?: string | undefined, overrideLogoVariation?: number | undefined, layout?: string | undefined): Promise<void>;
+        restoreVariationsForDraftToken(logoDraftToken: string): boolean;
         updateMetadataAsync(defaultPrimaryText?: string | undefined, resetLogoTemplateMetadata?: boolean, layout?: string | undefined): Promise<void>;
         updateEditableLogoImageByVariationAsync(editableLogoVariation: import("../store/editable-logo-store").EditableLogoVariation, defaultPrimaryText?: string | undefined, layout?: string | undefined): Promise<import("../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
         getDraftMetadata(logoDraftToken: string): string | undefined;

package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts

@@ -281,6 +281,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             logoTemplateMetadata: string;
             isLogoDraftSaved: boolean;
             isTextOnlyLogo: boolean;
+            variationsByDraftToken: Record<string, import("../store").EditableLogoVariation[]>;
         } & import("pinia").PiniaCustomStateProperties<import("../store").EditableLogoState>) => () => string | undefined;
     }, {
         setStateAsync(payload: {
@@ -298,6 +299,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         getEditableLogoVariationByVariationId(id: number): any;
         getEditableLogoVariationByBase64(base64: string): any;
         updateEditableLogoImageUrlAsync(defaultPrimaryText?: string | undefined, overrideLogoVariation?: number | undefined, layout?: string | undefined): Promise<void>;
+        restoreVariationsForDraftToken(logoDraftToken: string): boolean;
         updateMetadataAsync(defaultPrimaryText?: string | undefined, resetLogoTemplateMetadata?: boolean, layout?: string | undefined): Promise<void>;
         updateEditableLogoImageByVariationAsync(editableLogoVariation: import("../store").EditableLogoVariation, defaultPrimaryText?: string | undefined, layout?: string | undefined): Promise<import("../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
         getDraftMetadata(logoDraftToken: string): string | undefined;

package/lib/src/shared/logo-settings/store/editable-logo-store.d.ts

@@ -74,8 +74,9 @@ export interface EditableLogoState {
     logoTemplateMetadata: string;
     isLogoDraftSaved: boolean;
     isTextOnlyLogo: boolean;
+    variationsByDraftToken: Record<string, EditableLogoVariation[]>;
 }
-export type SetStateAsyncPayload = Omit<EditableLogoState, 'enableEditMode' | 'editableLogoVariations'>;
+export type SetStateAsyncPayload = Omit<EditableLogoState, 'enableEditMode' | 'editableLogoVariations' | 'variationsByDraftToken'>;
 export declare const useUiEditableLogoStore: import("pinia").StoreDefinition<"uiEditableLogo", EditableLogoState, {
     getLogoPrimaryText: (state: {
         enableEditMode: boolean;
@@ -167,6 +168,7 @@ export declare const useUiEditableLogoStore: import("pinia").StoreDefinition<"ui
         logoTemplateMetadata: string;
         isLogoDraftSaved: boolean;
         isTextOnlyLogo: boolean;
+        variationsByDraftToken: Record<string, EditableLogoVariation[]>;
     } & import("pinia").PiniaCustomStateProperties<EditableLogoState>) => () => string | undefined;
 }, {
     setStateAsync(payload: {
@@ -184,6 +186,12 @@ export declare const useUiEditableLogoStore: import("pinia").StoreDefinition<"ui
     getEditableLogoVariationByVariationId(id: number): any;
     getEditableLogoVariationByBase64(base64: string): any;
     updateEditableLogoImageUrlAsync(defaultPrimaryText?: string, overrideLogoVariation?: number | undefined, layout?: string): Promise<void>;
+    /**
+     * Restore the variations grid for `logoDraftToken` from the per-token
+     * cache. Called by `_syncLogoSettingsFromSnapshot` during undo/redo.
+     * Returns true on cache hit.
+     */
+    restoreVariationsForDraftToken(logoDraftToken: string): boolean;
     updateMetadataAsync(defaultPrimaryText?: string, resetLogoTemplateMetadata?: boolean, layout?: string): Promise<void>;
     updateEditableLogoImageByVariationAsync(editableLogoVariation: EditableLogoVariation, defaultPrimaryText?: string, layout?: string): Promise<ModifyLogoDataResponse | null>;
     getDraftMetadata(logoDraftToken: string): string | undefined;

package/lib/src/shared/logo-settings/store/editable-logo-store.js

@@ -74,6 +74,7 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
         },
         makerFonts: [],
         isLogoDraftSaved: false,
+        variationsByDraftToken: {},
     }),
     actions: {
         async setStateAsync(payload) {
@@ -242,6 +243,28 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
                     }
                 });
             });
+            // Stash the freshly rendered variation set under the active draft
+            // token so undo can restore it later without re-rendering. This is
+            // the only place in production that meaningfully populates
+            // `editableLogoVariations` (BYO upload + designed-logo setStateAsync
+            // both funnel here), so caching here keeps every distinct draft's
+            // grid available for the lifetime of the session.
+            if (this.logoDraftToken) {
+                this.variationsByDraftToken[this.logoDraftToken] =
+                    this.editableLogoVariations.map((v) => ({ ...v }));
+            }
+        },
+        /**
+         * Restore the variations grid for `logoDraftToken` from the per-token
+         * cache. Called by `_syncLogoSettingsFromSnapshot` during undo/redo.
+         * Returns true on cache hit.
+         */
+        restoreVariationsForDraftToken(logoDraftToken) {
+            const cached = this.variationsByDraftToken[logoDraftToken];
+            if (!cached)
+                return false;
+            this.editableLogoVariations = cached.map((v) => ({ ...v }));
+            return true;
         },
         async updateMetadataAsync(defaultPrimaryText, resetLogoTemplateMetadata = false, layout) {
             const result = await this.postEditableLogoRequestAsync({
@@ -285,6 +308,13 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
             const logoDraft = logoStore.getLogoDraftAssetByToken(this.logoDraftToken);
             if (logoDraft) {
                 logoDraft.metadata = metadata;
+                // Refresh the template-asset stamp in case the active asset has
+                // changed since this draft was first registered (e.g. successive
+                // BYO uploads that share an existing draft token would otherwise
+                // keep pointing at an older template).
+                if (logoStore.logoTemplateAsset) {
+                    logoDraft.templateAsset = { ...logoStore.logoTemplateAsset };
+                }
             }
             else {
                 logoStore.addLogoDraftAsset({
@@ -293,6 +323,9 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
                         metadata,
                         tick: Date.now(),
                         isByo: logoStore.logoTemplateAsset?.isByo || false,
+                        templateAsset: logoStore.logoTemplateAsset
+                            ? { ...logoStore.logoTemplateAsset }
+                            : undefined,
                     },
                 });
             }

package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts

@@ -4274,6 +4274,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             logoTemplateMetadata: string;
             isLogoDraftSaved: boolean;
             isTextOnlyLogo: boolean;
+            variationsByDraftToken: Record<string, import("@shared/logo-settings/store").EditableLogoVariation[]>;
         } & import("pinia").PiniaCustomStateProperties<import("@shared/logo-settings/store").EditableLogoState>) => () => string | undefined;
     }, {
         setStateAsync(payload: {
@@ -4291,6 +4292,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         getEditableLogoVariationByVariationId(id: number): any;
         getEditableLogoVariationByBase64(base64: string): any;
         updateEditableLogoImageUrlAsync(defaultPrimaryText?: string | undefined, overrideLogoVariation?: number | undefined, layout?: string | undefined): Promise<void>;
+        restoreVariationsForDraftToken(logoDraftToken: string): boolean;
         updateMetadataAsync(defaultPrimaryText?: string | undefined, resetLogoTemplateMetadata?: boolean, layout?: string | undefined): Promise<void>;
         updateEditableLogoImageByVariationAsync(editableLogoVariation: import("@shared/logo-settings/store").EditableLogoVariation, defaultPrimaryText?: string | undefined, layout?: string | undefined): Promise<import("../../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
         getDraftMetadata(logoDraftToken: string): string | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "5.17.25-undo-12",
+  "version": "5.17.25-undo-14",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

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

@@ -869,6 +869,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
@@ -897,17 +900,30 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
         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,
-      );
+      const draftToken: string | undefined = 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);
+
+        if (draft.templateAsset) {
+          logoStore.setLogoTemplateAsset(draft.templateAsset);
+        }
+      }
 
-      if (draft) editableLogoStore.setEnableEditMode(!draft.isByo);
+      editableLogoStore.setLogoDraftToken(draftToken);
+      editableLogoStore.restoreVariationsForDraftToken(draftToken);
     },
 
     _fallbackSidebarIfSelectedContentMissing(snapshot: BrandPageModel): void {

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

@@ -82,7 +82,7 @@ describe('history-store (single stack + JSON-string snapshots)', () => {
     const entry = store.entries[0];
 
     expect(typeof entry.snapshot).toBe('string');
-    // Round-trips to the same model via JSON.parse
+    // Round-trips to the same model via JSON.parse.
     expect(JSON.parse(entry.snapshot)).toMatchObject(
       mockMakerStore.brandPageData,
     );
@@ -743,7 +743,7 @@ describe('history-store (single stack + JSON-string snapshots)', () => {
     const store = useHistoryStore();
 
     await store.captureBaseline();
-    const baselineSnapshot = JSON.parse(store.entries[0].snapshot);
+    const baselineBrandPageData = JSON.parse(store.entries[0].snapshot);
 
     captureMutated(store);
 
@@ -755,10 +755,10 @@ describe('history-store (single stack + JSON-string snapshots)', () => {
     expect(store.currentIndex).toBe(0);
     expect(store.entries.length).toBe(2); // stack is unchanged, pointer moved
     expect(mockMakerStore.applyHistorySnapshot).toHaveBeenCalledTimes(1);
-    // Undo restores the baseline snapshot — the parsed object passed to
-    // applyHistorySnapshot must round-trip to the captured baseline.
+    // Undo restores the baseline snapshot — the parsed BrandPageModel must
+    // round-trip back through applyHistorySnapshot.
     expect(mockMakerStore.applyHistorySnapshot).toHaveBeenCalledWith(
-      expect.objectContaining(baselineSnapshot),
+      expect.objectContaining(baselineBrandPageData),
     );
   });
 

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

@@ -15,6 +15,12 @@ import { useEventTracker } from '../../composables/useEventTracker';
  *      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. */
@@ -66,8 +72,10 @@ const CAPTURE_MAX_WAIT_MS = 10000;
 // 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 100 MB total budget still evicts
+// 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;
@@ -118,15 +126,13 @@ export const useHistoryStore = defineStore('history', () => {
    * Synchronous — safe to call inside a microtask without racing a follow-up
    * mutation.
    */
-  function serializeCurrentBrandPageData(): string | null {
+  function serializeCurrentSnapshot(): string | null {
     if (!cachedMakerStore) return null;
 
     try {
-      const raw = toRaw(cachedMakerStore.brandPageData);
-
-      return JSON.stringify(raw);
+      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;
     }
@@ -632,7 +638,7 @@ export const useHistoryStore = defineStore('history', () => {
 
       if (!baselineCaptured.value) return;
 
-      const snapshot = serializeCurrentBrandPageData();
+      const snapshot = serializeCurrentSnapshot();
 
       if (!snapshot) return;
 
@@ -695,7 +701,7 @@ export const useHistoryStore = defineStore('history', () => {
 
     installWatcher();
 
-    const snapshot = serializeCurrentBrandPageData();
+    const snapshot = serializeCurrentSnapshot();
 
     if (!snapshot) return;
 
@@ -731,7 +737,7 @@ export const useHistoryStore = defineStore('history', () => {
 
     if (!baselineCaptured.value) return 'skipped';
 
-    const snapshot = serializeCurrentBrandPageData();
+    const snapshot = serializeCurrentSnapshot();
 
     if (!snapshot) return 'skipped';
 

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

@@ -14,6 +14,11 @@ export interface LogoDraftAsset {
   tick: number;
   isByo: boolean;
   logoEditUrl?: string;
+  // The `logoTemplateAsset` active when this draft was created. Stamped at
+  // upload/setState time so undo/redo can restore the right template token
+  // + isByo flag from a snapshot's `logoDraftToken` alone — without us
+  // bloating each history entry with a copy of the asset.
+  templateAsset?: LogoTemplateAsset;
 }
 
 export interface LogoStoreState {

package/src/shared/logo-settings/store/editable-logo-store.ts

@@ -116,11 +116,17 @@ export interface EditableLogoState {
   logoTemplateMetadata: string;
   isLogoDraftSaved: boolean;
   isTextOnlyLogo: boolean;
+  // Per-draft-token snapshot of `editableLogoVariations`. Repopulated each
+  // time `updateEditableLogoImageUrlAsync` finishes rendering for the active
+  // draft. Undo/redo reads from this map to restore the variations grid for
+  // the snapshot's `logoDraftToken` instead of re-rendering through fabric-
+  // render or stuffing 4 base64 PNGs into every history entry.
+  variationsByDraftToken: Record<string, EditableLogoVariation[]>;
 }
 
 export type SetStateAsyncPayload = Omit<
   EditableLogoState,
-  'enableEditMode' | 'editableLogoVariations'
+  'enableEditMode' | 'editableLogoVariations' | 'variationsByDraftToken'
 >;
 
 export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
@@ -192,6 +198,7 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
     },
     makerFonts: [],
     isLogoDraftSaved: false,
+    variationsByDraftToken: {},
   }),
   actions: {
     async setStateAsync(payload: {
@@ -442,6 +449,32 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
           }
         });
       });
+
+      // Stash the freshly rendered variation set under the active draft
+      // token so undo can restore it later without re-rendering. This is
+      // the only place in production that meaningfully populates
+      // `editableLogoVariations` (BYO upload + designed-logo setStateAsync
+      // both funnel here), so caching here keeps every distinct draft's
+      // grid available for the lifetime of the session.
+      if (this.logoDraftToken) {
+        this.variationsByDraftToken[this.logoDraftToken] =
+          this.editableLogoVariations.map((v) => ({ ...v }));
+      }
+    },
+
+    /**
+     * Restore the variations grid for `logoDraftToken` from the per-token
+     * cache. Called by `_syncLogoSettingsFromSnapshot` during undo/redo.
+     * Returns true on cache hit.
+     */
+    restoreVariationsForDraftToken(logoDraftToken: string): boolean {
+      const cached = this.variationsByDraftToken[logoDraftToken];
+
+      if (!cached) return false;
+
+      this.editableLogoVariations = cached.map((v) => ({ ...v }));
+
+      return true;
     },
 
     async updateMetadataAsync(
@@ -506,6 +539,14 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
 
       if (logoDraft) {
         logoDraft.metadata = metadata;
+
+        // Refresh the template-asset stamp in case the active asset has
+        // changed since this draft was first registered (e.g. successive
+        // BYO uploads that share an existing draft token would otherwise
+        // keep pointing at an older template).
+        if (logoStore.logoTemplateAsset) {
+          logoDraft.templateAsset = { ...logoStore.logoTemplateAsset };
+        }
       } else {
         logoStore.addLogoDraftAsset({
           logoDraftAsset: {
@@ -513,6 +554,9 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
             metadata,
             tick: Date.now(),
             isByo: logoStore.logoTemplateAsset?.isByo || false,
+            templateAsset: logoStore.logoTemplateAsset
+              ? { ...logoStore.logoTemplateAsset }
+              : undefined,
           },
         });
       }