@designcrowd/library.brand-page 5.18.1-undo-31 → 5.18.1-undo-33

package/lib/src/{CreatedOnBrandCrowd-de-de-o_EZLLMS.js → CreatedOnBrandCrowd-de-de-986OpXvU.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-BD9czE0V.js → CreatedOnBrandCrowd-en-us-CTZuZ366.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-BymhYJ3W.js → CreatedOnBrandCrowd-es-es-CHrTgX9-.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-CUAEgyAJ.js → CreatedOnBrandCrowd-fr-ca-xJAvxQ-x.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-CUAEgyAJ.js → CreatedOnBrandCrowd-fr-fr-xJAvxQ-x.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt--zSZt-Xl.js → CreatedOnBrandCrowd-pt-br-lpRIGIcs.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br--zSZt-Xl.js → CreatedOnBrandCrowd-pt-pt-lpRIGIcs.js}

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

package/lib/src/{CreatedOnDcom-de-de-BDLX7HCP.js → CreatedOnDcom-de-de-CZuim3ee.js}

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

package/lib/src/{CreatedOnDcom-en-us-BqM2Nkb9.js → CreatedOnDcom-en-us-DG4I5f4s.js}

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

package/lib/src/{CreatedOnDcom-es-es-DJ1TGVBd.js → CreatedOnDcom-es-es-Hpieh1wX.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-Bsml5qLX.js → CreatedOnDcom-fr-ca-DWr5P-df.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-a_Kmgb0N.js → CreatedOnDcom-fr-fr-CHfOyS6V.js}

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

package/lib/src/{CreatedOnDcom-pt-br-c6WK8bRr.js → CreatedOnDcom-pt-br-bQwCCDDI.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-BacuWl6v.js → CreatedOnDcom-pt-pt-bo-i_h0N.js}

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

package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.js

@@ -74,17 +74,8 @@ export const useExternalRichTextEditor = () => {
 };
 export const useRichTextEditor = (model, props, emit, fontSettings, fontStyleDropdownRef, selectedGlobalTextStyles, onSelectTextStyleType, updateRichTextEditor, textStyleTypeOptions, markedText, isHyperlinkPopupOpen, selectedLinkTypeValue) => {
     const historyStore = useHistoryStore();
-    // TipTap rehydrates `model.value` on first mount and writes the
-    // canonical HTML back via `editor.on('update', ...)` — even when the
-    // user-visible text is unchanged (it normalises whitespace, wraps plain
-    // text in `<p>`, expands `%0A` to `<br>`, mirrors the resolved textStyle
-    // as inline `<strong>`/`<span style="...">`/`<mark>` tags, etc). Each of
-    // those rehydration writes mutates `brandPageData` and would otherwise
-    // surface as a phantom undo entry the first time the user opens a
-    // sidebar or clicks into a section. Arming the merge flag folds the
-    // resulting watcher flush into the current head instead of pushing.
-    // Idempotent — every editor on the page mounting at once collapses
-    // into the same merge.
+    // TipTap rehydrates and writes back canonical HTML on mount — fold
+    // that into the current head instead of pushing a phantom entry.
     historyStore.mergeNextMutation();
     const editor = new Editor({
         content: model.value ?? '',

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

@@ -607,20 +607,12 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const editableLogoStore = useUiEditableLogoStore();
             const logoStore = useLogoStore();
             const containerStore = useBrandPageContainerStore();
-            // Snapshot the pre-restore logo identity BEFORE we $patch logoEdits.
-            // Used below to short-circuit the fabric-render call when the entry
-            // we're restoring has the same logoEdits + draft token as the live
-            // state — i.e. only non-logo state changed between the two entries.
+            // Pre-restore logo identity, used to short-circuit the
+            // fabric-render call when only non-logo state changed.
             const prevLogoEditsStr = JSON.stringify(toRaw(editableLogoStore.logoEdits));
             const prevDraftToken = editableLogoStore.logoDraftToken;
-            // Restore `editableLogoStore.logoEdits` first — sidecar to `brandPageData`,
-            // captured per-entry. Wholesale-replace via `$patch` so a previous
-            // entry's textObjects/colors don't leak through (e.g. switching
-            // 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.
+            // Wholesale-replace via $patch so prior textObjects/colors don't
+            // leak across template switches.
             if (logoEditsStr) {
                 try {
                     const parsed = JSON.parse(logoEditsStr);
@@ -641,12 +633,8 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             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.
+            // Re-derive enableEditMode + templateAsset from the draft registry
+            // (append-only for the session) instead of stashing on every entry.
             const draft = logoStore.getLogoDraftAssetByToken(draftToken);
             if (draft) {
                 editableLogoStore.setEnableEditMode(!draft.isByo);
@@ -655,12 +643,8 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 }
             }
             editableLogoStore.setLogoDraftToken(draftToken);
-            // Did the logo identity actually change between the two entries?
-            // If both `logoEdits` and the draft token match what was already
-            // live, the cached `editableLogoVariations` is still the right
-            // render and we just need to stamp it back into `brandPageData`
-            // (history-store strips `logoImageBase64Url` from snapshots, so
-            // the page-level base64 fields are now empty).
+            // No logo change → cache is still correct; just stamp base64 back
+            // (snapshot doesn't carry logoImageBase64Url).
             const logoUnchanged = prevDraftToken === draftToken &&
                 (logoEditsStr === undefined || logoEditsStr === prevLogoEditsStr);
             if (logoUnchanged) {
@@ -669,34 +653,18 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             }
             const isByo = !!draft?.isByo;
             if (isByo) {
-                // BYO uploads register a fresh `logoDraftToken` per upload, so
-                // `variationsByDraftToken` keyed off that token always matches the
-                // base64 the user saw at capture. No re-render — the uploaded
-                // image bytes are the source of truth and there's nothing for
-                // fabric-render to derive. After restoring the variations cache,
-                // stamp the base64 back across header/footer/per-page logo
-                // content; the snapshot itself doesn't carry `logoImageBase64Url`.
+                // BYO mints a fresh draftToken per upload so the per-token
+                // cache always matches; no re-render needed.
                 if (editableLogoStore.restoreVariationsForDraftToken(draftToken)) {
                     editableLogoStore.stampLogoBase64IntoBrandPageData();
                 }
                 return;
             }
-            // Designed (non-BYO) logo whose form state actually differs from
-            // the live state. The draft token is reused across every form-field
-            // edit, so the per-token cache only holds the latest render —
-            // re-issue the same fabric-render call the live edit path runs.
-            // `updateEditableLogoImageUrlAsync` POSTs the freshly-restored
-            // `logoEdits`, writes the returned base64 across every header/footer
-            // + per-page logo content + `editableLogoVariations`.
-            //
-            // Awaited (not fire-and-forget): two undos in quick succession would
-            // otherwise kick off two parallel render bursts whose `Promise.all`
-            // tasks interleave, leaving each variation showing whichever request
-            // happened to win the race rather than the variation that belongs
-            // to the snapshot the user landed on. Awaiting also keeps the call
-            // inside the `applyHistorySnapshot`/`isApplyingSnapshot` window, so
-            // the post-render writeback is naturally suppressed by the existing
-            // watcher guard — no `mergeNextMutation()` needed.
+            // Designed: draft token is reused across edits, so the cache
+            // only holds the latest render. Re-issue fabric-render — same
+            // call as the live edit path. Awaited so concurrent undos
+            // serialize and the call sits inside the isApplyingSnapshot
+            // window (watcher guard suppresses the writeback).
             if (containerStore.isPrePurchase &&
                 logoEditsStr &&
                 logoStore.logoTemplateAsset) {

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

@@ -1,60 +1,20 @@
 /**
- * A single history entry.
- *
- * `snapshot` is a **JSON-stringified** `BrandPageModel`, not a plain object.
- * Stringifying up-front has two benefits:
- *   1. Pinia's reactive proxy treats the string as a primitive — no traversal,
- *      no per-field getters/setters on our entries, no accidental shared refs
- *      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. 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.
+ * A single history entry. `snapshot` is JSON-stringified up-front so Pinia
+ * treats it as opaque (no per-field reactivity) and `sizeBytes` is exact.
+ * Sidecar state not in `brandPageData` rides along on this entry —
+ * `activePageId` for page-tab restore, `logoEdits` for pre-purchase logo
+ * form state.
  */
 export interface HistoryEntry {
-    /** JSON.stringify(BrandPageModel) at the moment of capture. */
     snapshot: string;
-    /** ISO-8601 timestamp of when the entry was captured. */
     timestamp: string;
-    /** What kind of change produced this entry. */
     source: 'manual_edit' | 'template_switch' | 'ai_changeset' | 'rich_text';
-    /** Who authored the change. */
     actor: 'user' | 'ai_builder';
-    /** Optional human-readable short description. Reserved for V2 UI / debugging. */
     label?: string;
-    /** Serialized size in bytes (= snapshot.length in JS string semantics). */
     sizeBytes: number;
-    /**
-     * The page the user was viewing when this entry was captured. Sidecar to the
-     * `BrandPageModel` snapshot — page-tab "selected" styling and the sidebar's
-     * `currentPage` getter both key off this id (via the route URL → routeStore →
-     * `pageNavigation.activePageId`). Snapshots only contain the document model,
-     * so without this we can't restore the URL/active-page on undo and the
-     * carousel highlight bleeds through to the page that no longer exists.
-     *
-     * Empty string when no page is active yet (e.g. earliest baseline before
-     * first router push). Always a real id once the editor has settled.
-     */
+    /** Active page id at capture time. Empty before first router push. */
     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.
-     */
+    /** JSON-stringified `editableLogoStore.logoEdits`. Undefined if logo tab never opened. */
     logoEdits?: string;
 }
 export declare const useHistoryStore: import("pinia").StoreDefinition<"history", Pick<{