@designcrowd/library.brand-page 5.18.6 → 5.18.7-ast-ai-tab-2

package/lib/src/{CreatedOnBrandCrowd-de-de-DlYq1LAT.js → CreatedOnBrandCrowd-de-de-DckAzXwS.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-BssRIQqn.js → CreatedOnBrandCrowd-en-us-DZtkkOuW.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-BGF9pptH.js → CreatedOnBrandCrowd-es-es-D-cTvYkn.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Caupqu2Z.js → CreatedOnBrandCrowd-fr-ca-Bu-gxn7L.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-Caupqu2Z.js → CreatedOnBrandCrowd-fr-fr-Bu-gxn7L.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-s9q4uJ4u.js → CreatedOnBrandCrowd-pt-br-Crq_UfGO.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-s9q4uJ4u.js → CreatedOnBrandCrowd-pt-pt-Crq_UfGO.js}

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

package/lib/src/{CreatedOnDcom-de-de-UnYnZbA7.js → CreatedOnDcom-de-de-Cvqe8_oh.js}

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

package/lib/src/{CreatedOnDcom-en-us-rDv6H12L.js → CreatedOnDcom-en-us-FPobbwat.js}

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

package/lib/src/{CreatedOnDcom-es-es-DKPLaT6o.js → CreatedOnDcom-es-es-DKsGlrMf.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-DAv34bG7.js → CreatedOnDcom-fr-ca-By218_c_.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-DsOHnS8q.js → CreatedOnDcom-fr-fr-BFjfB-ra.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DpjDBCLj.js → CreatedOnDcom-pt-br-B7Dibff5.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-rFG0unf1.js → CreatedOnDcom-pt-pt-AYHMrLEG.js}

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

package/lib/src/brand-page/models/index.d.ts

@@ -547,6 +547,7 @@ export interface SaveContactOptions {
 }
 export declare class BrandPageModel {
     v: number;
+    userPromptContentKey?: string;
     styles: PageStyles;
     /** @deprecated */
     headerStyles?: AbstractPageHeaderStyles;

package/lib/src/brand-page/models/index.js

@@ -400,6 +400,10 @@ export class PageFooterMobile extends AbstractPageFooterStyles {
 export class BrandPageModel {
     // Model version
     v;
+    // Pre-purchase AI personalisation content key, persisted with the draft so the
+    // personalised AI template previews survive login / checkout-back / refresh - the
+    // content is retrieved by this token (user-agnostic), not regenerated (bp-5742).
+    userPromptContentKey;
     styles;
     /** @deprecated */
     headerStyles;

package/lib/src/brand-page/utils/personalisation.util.js

@@ -206,15 +206,61 @@ const getPersonalisationValueAsync = async (section, property) => {
     }
     return { value: propertyValue, section };
 };
+// The userPrompt AI content generation only populates these content-bearing sections
+// (see GenerateAiDesignMakerContentService / GenerateWebsiteContentService - About,
+// Information, Profile, Media). Sections like email/website/phone are never generated, so
+// blocks whose role points at an ungenerated section fall back to this pool.
+const PERSONALISATION_FALLBACK_ROLES = [
+    'profile',
+    'about',
+    'information',
+    'media',
+];
+// A section is "effectively empty" when it carries no renderable content. The userPrompt
+// AI content leaves ungenerated sections (e.g. email/website/phone) as empty objects (null
+// sections are normalised to `{ ...indices }` upstream), and those are what we fall back
+// from. A section that has data but lacks one specific property (e.g. no items, or an
+// invalid shape) is NOT empty - those intentionally keep the original content.
+const isSectionEffectivelyEmpty = (section) => {
+    if (!section) {
+        return true;
+    }
+    return (!section.title &&
+        !section.name &&
+        !section.url &&
+        !section.description &&
+        !section.descriptionShort &&
+        !section.ctaTitle &&
+        !section.imageUrls?.length &&
+        !section.shapes?.length &&
+        !section.items?.length &&
+        !section.mainShapesCollection?.tall?.length &&
+        !section.mainShapesCollection?.square?.length &&
+        !section.mainShapesCollection?.wide?.length);
+};
+// Resolve a property from a specific role's section. Returns null when that section is
+// ungenerated (effectively empty) or cannot supply the property, so the caller can try the
+// next role.
+const resolvePersonalisationValueForRoleAsync = async (role, property, personalisation) => {
+    const key = `${role}Section`;
+    const section = personalisation[key];
+    if (isSectionEffectivelyEmpty(section)) {
+        return null;
+    }
+    const { value, section: updatedSection, valuesToUpdate, } = await getPersonalisationValueAsync(section, property);
+    if (value === undefined || value === null) {
+        return null;
+    }
+    return {
+        value,
+        personalisation: { ...personalisation, [key]: updatedSection },
+        valuesToUpdate,
+    };
+};
 const getPersonalisationValueFromPropertyAsync = async (propertyKey, propertyValue, personalisationRole, personalisationOverride, personalisation, contentType) => {
     if (!personalisationRole || personalisationOverride === 'none') {
         return { value: undefined, personalisation };
     }
-    const matchingValue = Object.entries(personalisation).find(([key]) => key === `${personalisationRole}Section`);
-    if (!matchingValue) {
-        return { value: undefined, personalisation };
-    }
-    const section = matchingValue[1];
     const mapping = getPersonalisationMappingForContentType(contentType);
     const matchingProperty = Object.entries(mapping).find(([, value]) => value.includes(propertyKey));
     if (!matchingProperty) {
@@ -225,15 +271,31 @@ const getPersonalisationValueFromPropertyAsync = async (propertyKey, propertyVal
         brandPageType: personalisation.type,
         isSvgShape: typeof propertyValue === 'string' && propertyValue.endsWith('.svg'),
     });
-    const { value, section: updatedSection, valuesToUpdate, } = await getPersonalisationValueAsync(section, property);
-    return {
-        value,
-        personalisation: {
-            ...personalisation,
-            [`${personalisationRole}Section`]: updatedSection,
-        },
-        valuesToUpdate,
-    };
+    const primaryKey = `${personalisationRole}Section`;
+    const primarySection = personalisation[primaryKey];
+    // When the block's own section has content, use it as-is - this preserves existing
+    // behaviour, including legitimately keeping the original when that section lacks a
+    // specific property (e.g. no items, or an invalid shape).
+    if (!isSectionEffectivelyEmpty(primarySection)) {
+        const { value, section: updatedSection, valuesToUpdate, } = await getPersonalisationValueAsync(primarySection, property);
+        return {
+            value,
+            personalisation: { ...personalisation, [primaryKey]: updatedSection },
+            valuesToUpdate,
+        };
+    }
+    // The block's section was never generated (e.g. email/website/phone in the userPrompt
+    // content). Fall back to the first populated content section that can supply this
+    // property, so the block doesn't render the designer's "should be AI generated"
+    // placeholder. When the section exists (handled above) or every section is populated
+    // (e.g. the AI Website Builder), this fallback is never reached.
+    for (const role of PERSONALISATION_FALLBACK_ROLES) {
+        const resolved = await resolvePersonalisationValueForRoleAsync(role, property, personalisation);
+        if (resolved) {
+            return resolved;
+        }
+    }
+    return { value: undefined, personalisation };
 };
 const applyPersonalisationToBrandPageContentsRecursiveAsync = async (personalisation, mappingType, content, personalisationRole) => {
     let isApplied = false;

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

@@ -107,22 +107,27 @@ declare const _default: import("vue").DefineComponent<{}, {
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
         onChangeTemplateConfirmModalCancel(): void;
-        onChangeTemplateConfirmModalConfirm(): void;
+        onChangeTemplateConfirmModalConfirm(): Promise<void>;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("@brand-page/models").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
+        _captureTemplateSwitchIfEnabled(): void;
+        applyHistorySnapshot(snapshot: import("@brand-page/models").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
+        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page/models").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
+        _navigateToActivePage(activePageId?: string | undefined): void;
+        _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page/models").BrandPageModel): void;
         export(): import("@brand-page/models").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page/models").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page/models").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

package/lib/src/brand-page-maker/components/admin-background-settings/AdminBackgroundSettings.mixin.d.ts

@@ -251,6 +251,12 @@ declare const _default: import("vue").DefineComponent<{}, {
         setUserPersonalisationData({ personalisationData, }: {
             personalisationData: import("../../../brand-page").UserPersonalisationContent[];
         }): void;
+        setUserPromptContentKey({ userPromptContentKey, }: {
+            userPromptContentKey: string | undefined;
+        }): void;
+        setShowAiTemplatesTab({ showAiTemplatesTab, }: {
+            showAiTemplatesTab: boolean;
+        }): void;
         onBackgroundChanged(): void;
         onContentChanged(): void;
         onStyleChanged(): void;

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

@@ -20,6 +20,8 @@ export interface BrandPageMakerViewModel {
     initialCategories: InitialCategories;
     personalisation?: UserPersonalisationContent[];
     isPersonalisationEnabled?: boolean;
+    userPromptContentKey?: string;
+    showAiTemplatesTab?: boolean;
     brandPageType?: BrandPageType;
     businessName?: string;
     industry?: string;
@@ -152,22 +154,27 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
         onChangeTemplateConfirmModalCancel(): void;
-        onChangeTemplateConfirmModalConfirm(): void;
+        onChangeTemplateConfirmModalConfirm(): Promise<void>;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("@brand-page").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
+        _captureTemplateSwitchIfEnabled(): void;
+        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
+        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
+        _navigateToActivePage(activePageId?: string | undefined): void;
+        _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page").PageModel[];
             sections: import("@shared/page-settings/store").PageSettingsStateSections;
@@ -936,6 +943,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setUserPersonalisationData({ personalisationData, }: {
             personalisationData: UserPersonalisationContent[];
         }): void;
+        setUserPromptContentKey({ userPromptContentKey, }: {
+            userPromptContentKey: string | undefined;
+        }): void;
+        setShowAiTemplatesTab({ showAiTemplatesTab, }: {
+            showAiTemplatesTab: boolean;
+        }): void;
         onBackgroundChanged(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
@@ -1082,6 +1095,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             initialSearchTerm: string;
             onSearchTermChanged?: import("@shared/template-settings/store").OnSearchTermChangedCallback | undefined;
         }): void;
+        setAiTemplateKeywords(payload: {
+            aiTemplateKeywords: string;
+        }): void;
         notifySearchTermChanged(searchTerm: string | undefined): void;
         clearTemplates(): void;
         getTemplateByTemplateId(id: string): import("@shared/template-settings/models").TemplateSettingsTemplate | undefined;

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

@@ -11,6 +11,8 @@ import { navigateToPageByPageId } from '../../routing';
 import { useBrandPageContainerStore } from '@brand-page-maker/stores';
 import { UI_DEVICE_MODES, UI_SCREENSIZE_MODES, } from '@shared/models';
 import { useBrandPageMakerStore, useBrandPageMakerUserStore, useLocalisedRouteStore, useUiStore, useSnapshotStore, useVideoStore, } from '@brand-page-maker/stores';
+import { useHistoryStore } from '@brand-page-maker/stores/history/history-store';
+import { useUndoRedoFlag } from '@brand-page-maker/composables/useUndoRedoFlag';
 import { useUiContentSettingsStore } from '@shared/content-settings/store';
 import { useUiTemplateSettingsStore } from '@shared/template-settings/store';
 import { useUiPageSettingsStore } from '@shared/page-settings/store';
@@ -148,6 +150,8 @@ export default defineComponent({
             templateCategories: this.viewModel.templateCategories,
             personalisationData: this.viewModel.personalisation,
             isPersonalisationEnabled: this.viewModel.isPersonalisationEnabled || false,
+            userPromptContentKey: this.viewModel.userPromptContentKey,
+            showAiTemplatesTab: this.viewModel.showAiTemplatesTab || false,
             brandPageType: this.viewModel.brandPageType,
             businessName: this.viewModel.businessName,
             industry: this.viewModel.industry,
@@ -189,6 +193,12 @@ export default defineComponent({
         }
         // Mark brand page as fully loaded
         this.brandPageMakerStore.setIsBrandPageLoaded(true);
+        // Capture baseline for undo/redo when the feature is active for this
+        // session — see useUndoRedoFlag.ts for the gate (LaunchDarkly flag +
+        // brand-site + non-admin maker).
+        if (useUndoRedoFlag().value) {
+            useHistoryStore().captureBaseline();
+        }
         this.$emit(EVENTS.Initialised);
     },
     mounted() {

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js

@@ -179,6 +179,7 @@ const InitialiseMakerStores = (options) => {
         isContextualUpgradeModalVisible: false,
         gettyVideos: [],
         templateSearchTerm: undefined,
+        aiTemplateKeywords: undefined,
     });
     userStore.setUserState({
         isAdmin: options.isAdmin,

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

@@ -96,22 +96,27 @@ declare const _default: import("vue").DefineComponent<{}, {
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
         onChangeTemplateConfirmModalCancel(): void;
-        onChangeTemplateConfirmModalConfirm(): void;
+        onChangeTemplateConfirmModalConfirm(): Promise<void>;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
+        onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): Promise<void>;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../lib").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
+        _captureTemplateSwitchIfEnabled(): void;
+        applyHistorySnapshot(snapshot: import("../../../lib").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
+        _syncLogoSettingsFromSnapshot(snapshot: import("../../../lib").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
+        _navigateToActivePage(activePageId?: string | undefined): void;
+        _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../lib").BrandPageModel): void;
         export(): import("../../../lib").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../lib").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../lib").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js

@@ -53,6 +53,7 @@ export const userFeatures = {
     canUseGettyVideos: false,
     canUseGoogleAdsense: false,
     googleAdsenseEnabled: false,
+    canUseUndoRedo: false,
 };
 export const BRAND_PAGE = {
     styles: {

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

@@ -602,22 +602,27 @@ declare const _default: import("vue").DefineComponent<{}, {
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
         onChangeTemplateConfirmModalCancel(): void;
-        onChangeTemplateConfirmModalConfirm(): void;
+        onChangeTemplateConfirmModalConfirm(): Promise<void>;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
+        _captureTemplateSwitchIfEnabled(): void;
+        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
+        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
+        _navigateToActivePage(activePageId?: string | undefined): void;
+        _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page").PageModel[];
             sections: import("@shared/page-settings/store").PageSettingsStateSections;
@@ -1046,6 +1051,22 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     eventTracker: {
         sendShippingToggleEvent: (isEnabled: boolean) => void;
+        sendUndoEvent: (props: {
+            entries_count: number;
+            actor: string | undefined;
+        }) => void;
+        sendRedoEvent: (props: {
+            entries_count: number;
+            actor: string | undefined;
+        }) => void;
+        sendHistoryCappedEvent: (props: {
+            entries_count: number;
+            size_bytes: number;
+        }) => void;
+        sendHistoryOversizedEvent: (props: {
+            attempted_bytes: number;
+            source: string;
+        }) => void;
         sendSaveContactEvent: () => void;
         sendStartForFreeEvent: () => void;
         sendFooterLinkClickEvent: (linkType: "watermark_logo" | "create_your_website") => void;
@@ -1150,6 +1171,73 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): Promise<void>;
         toggleLogoBackground(): Promise<any>;
     }>;
+    historyStore: import("pinia").Store<"history", Pick<{
+        entries: import("vue").ShallowRef<import("@brand-page-maker/stores/history/history-store").HistoryEntry[], import("@brand-page-maker/stores/history/history-store").HistoryEntry[]>;
+        currentIndex: import("vue").Ref<number, number>;
+        isApplyingSnapshot: import("vue").Ref<boolean, boolean>;
+        snapshotAppliedToken: import("vue").Ref<number, number>;
+        baselineCaptured: import("vue").Ref<boolean, boolean>;
+        canUndo: import("vue").ComputedRef<boolean>;
+        canRedo: import("vue").ComputedRef<boolean>;
+        captureBaseline: () => void;
+        capture: (args: {
+            source: "manual_edit" | "template_switch" | "ai_changeset" | "rich_text";
+            actor: "user" | "ai_builder";
+            label?: string | undefined;
+        }) => "committed" | "oversized" | "noop" | "skipped";
+        captureTemplateSwitch: (label?: string | undefined) => "committed" | "oversized" | "noop" | "skipped";
+        captureAiChangeset: (label?: string | undefined) => "committed" | "oversized" | "noop" | "skipped";
+        mergeNextMutation: () => void;
+        undo: () => Promise<void>;
+        redo: () => Promise<void>;
+        reset: () => void;
+        getCurrentSizeBytes: () => number;
+        getCurrentEntryCount: () => number;
+    }, "entries" | "currentIndex" | "isApplyingSnapshot" | "snapshotAppliedToken" | "baselineCaptured">, Pick<{
+        entries: import("vue").ShallowRef<import("@brand-page-maker/stores/history/history-store").HistoryEntry[], import("@brand-page-maker/stores/history/history-store").HistoryEntry[]>;
+        currentIndex: import("vue").Ref<number, number>;
+        isApplyingSnapshot: import("vue").Ref<boolean, boolean>;
+        snapshotAppliedToken: import("vue").Ref<number, number>;
+        baselineCaptured: import("vue").Ref<boolean, boolean>;
+        canUndo: import("vue").ComputedRef<boolean>;
+        canRedo: import("vue").ComputedRef<boolean>;
+        captureBaseline: () => void;
+        capture: (args: {
+            source: "manual_edit" | "template_switch" | "ai_changeset" | "rich_text";
+            actor: "user" | "ai_builder";
+            label?: string | undefined;
+        }) => "committed" | "oversized" | "noop" | "skipped";
+        captureTemplateSwitch: (label?: string | undefined) => "committed" | "oversized" | "noop" | "skipped";
+        captureAiChangeset: (label?: string | undefined) => "committed" | "oversized" | "noop" | "skipped";
+        mergeNextMutation: () => void;
+        undo: () => Promise<void>;
+        redo: () => Promise<void>;
+        reset: () => void;
+        getCurrentSizeBytes: () => number;
+        getCurrentEntryCount: () => number;
+    }, "canUndo" | "canRedo">, Pick<{
+        entries: import("vue").ShallowRef<import("@brand-page-maker/stores/history/history-store").HistoryEntry[], import("@brand-page-maker/stores/history/history-store").HistoryEntry[]>;
+        currentIndex: import("vue").Ref<number, number>;
+        isApplyingSnapshot: import("vue").Ref<boolean, boolean>;
+        snapshotAppliedToken: import("vue").Ref<number, number>;
+        baselineCaptured: import("vue").Ref<boolean, boolean>;
+        canUndo: import("vue").ComputedRef<boolean>;
+        canRedo: import("vue").ComputedRef<boolean>;
+        captureBaseline: () => void;
+        capture: (args: {
+            source: "manual_edit" | "template_switch" | "ai_changeset" | "rich_text";
+            actor: "user" | "ai_builder";
+            label?: string | undefined;
+        }) => "committed" | "oversized" | "noop" | "skipped";
+        captureTemplateSwitch: (label?: string | undefined) => "committed" | "oversized" | "noop" | "skipped";
+        captureAiChangeset: (label?: string | undefined) => "committed" | "oversized" | "noop" | "skipped";
+        mergeNextMutation: () => void;
+        undo: () => Promise<void>;
+        redo: () => Promise<void>;
+        reset: () => void;
+        getCurrentSizeBytes: () => number;
+        getCurrentEntryCount: () => number;
+    }, "reset" | "undo" | "redo" | "captureBaseline" | "capture" | "captureTemplateSwitch" | "captureAiChangeset" | "mergeNextMutation" | "getCurrentSizeBytes" | "getCurrentEntryCount">>;
 }, {
     isDraggingContent: boolean;
     isContentSelected: boolean;

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

@@ -15,6 +15,7 @@ import { transformToRTE, RTE_ALLOWED_SECTION_TYPES, } from '@brand-page-maker/ut
 import { useExternalRichTextEditor } from '@brand-page-maker/composables/rich-text-editor/useRichTextEditor';
 import { useUiStyleSettingsStore } from '@shared/style-settings/store';
 import { STYLE_THEME_KEYS } from '@brand-page/constants';
+import { useHistoryStore } from '@brand-page-maker/stores/history/history-store';
 export default defineComponent({
     mixins: [PageMixin],
     setup() {
@@ -29,6 +30,7 @@ export default defineComponent({
         const eventTracker = useEventTracker();
         const { externalEditor } = useExternalRichTextEditor();
         const styleSettingsStore = useUiStyleSettingsStore();
+        const historyStore = useHistoryStore();
         return {
             items: computed(() => contentSettingsStore.items),
             selectedItemId: computed(() => contentSettingsStore.selectedItemId),
@@ -51,6 +53,7 @@ export default defineComponent({
             eventTracker,
             externalEditor,
             styleSettingsStore,
+            historyStore,
         };
     },
     data() {
@@ -214,6 +217,8 @@ export default defineComponent({
                         selectedItem = currentItem.settings.content;
                     }
                 }
+                // RTE rewrap on section selection — fold into current head.
+                this.historyStore.mergeNextMutation();
                 transformToRTE(this.pageSettingsStore, this.externalEditor, this.styleSettingsStore, selectedItem);
             }
             if (this.selectEventDebounceHandler) {