@designcrowd/library.brand-page 6.1.11 → 6.1.13-ast-opacity

package/lib/src/{CreatedOnBrandCrowd-de-de-DToCz9Tp.js → CreatedOnBrandCrowd-de-de-B8j4uryC.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-CrjiEGmM.js → CreatedOnBrandCrowd-en-us-BsI2J4TR.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DgVVM-Df.js → CreatedOnBrandCrowd-es-es-CYxTGgvK.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-C_oKH8iu.js → CreatedOnBrandCrowd-fr-ca-V6_P_kVa.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-C_oKH8iu.js → CreatedOnBrandCrowd-fr-fr-V6_P_kVa.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DRvHblvI.js → CreatedOnBrandCrowd-pt-br-DSbvq-jt.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-DRvHblvI.js → CreatedOnBrandCrowd-pt-pt-DSbvq-jt.js}

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

package/lib/src/{CreatedOnDcom-de-de-uCIRFQYA.js → CreatedOnDcom-de-de-6LMPXiBe.js}

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

package/lib/src/{CreatedOnDcom-en-us-DfbhIoId.js → CreatedOnDcom-en-us-LJWKUu3G.js}

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

package/lib/src/{CreatedOnDcom-es-es-CipmOU1-.js → CreatedOnDcom-es-es-BcJkodUE.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-B5Cq9iJK.js → CreatedOnDcom-fr-ca-DDBXmhmV.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-DIvycPcx.js → CreatedOnDcom-fr-fr-D0jyOtYU.js}

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

package/lib/src/{CreatedOnDcom-pt-br-BQ3EajZC.js → CreatedOnDcom-pt-br-DzwvL7Me.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-DchaL_tP.js → CreatedOnDcom-pt-pt-B-6e1n0b.js}

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

package/lib/src/brand-page/models/brand-page-context.model.d.ts

@@ -36,7 +36,6 @@ export interface AbTestResult {
 }
 export interface AbTest {
     bp_3926_freemium_watermark?: AbTestResult;
-    bp_5245_ai_website_assistant?: AbTestResult;
     bp_5873_live_preview_prepurchase?: AbTestResult;
     bp_5873_live_preview_postpurchase?: AbTestResult;
 }

package/lib/src/brand-page/models/brand-page-context.model.js

@@ -24,7 +24,6 @@ export const AB_TEST_FLAG = {
 };
 const AB_TEST_KEYS = {
     BP_3926_FREEMIUM_WATERMARK: 'bc-bp-3926-freemium-cta-in-website-editor',
-    BP_5245_AI_WEBSITE_ASSISTANT: 'bc-bp-5245-ai-website-assistant-postpurchase',
     // Two separate live-preview experiments — bc-net sends only the one for the
     // current purchase state, and a user's value on each side is independent
     // (BP-5873). Keys must match `CampaignNames.LivePreview*Test` in bc-net.
@@ -51,10 +50,6 @@ export const getAbTestResults = (abtestKeyValues) => {
     if (abtestKeyValues[AB_TEST_KEYS.BP_3926_FREEMIUM_WATERMARK]) {
         abTests.bp_3926_freemium_watermark = getValueType(AB_TEST_KEYS.BP_3926_FREEMIUM_WATERMARK, abtestKeyValues[AB_TEST_KEYS.BP_3926_FREEMIUM_WATERMARK]);
     }
-    // AB Test for BP-5245 - AI Website Assistant
-    if (abtestKeyValues[AB_TEST_KEYS.BP_5245_AI_WEBSITE_ASSISTANT]) {
-        abTests.bp_5245_ai_website_assistant = getValueType(AB_TEST_KEYS.BP_5245_AI_WEBSITE_ASSISTANT, abtestKeyValues[AB_TEST_KEYS.BP_5245_AI_WEBSITE_ASSISTANT]);
-    }
     // AB Test for BP-5873 - Live preview (pre- and post-purchase run separately)
     if (abtestKeyValues[AB_TEST_KEYS.BP_5873_LIVE_PREVIEW_PREPURCHASE]) {
         abTests.bp_5873_live_preview_prepurchase = getValueType(AB_TEST_KEYS.BP_5873_LIVE_PREVIEW_PREPURCHASE, abtestKeyValues[AB_TEST_KEYS.BP_5873_LIVE_PREVIEW_PREPURCHASE]);

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

@@ -34,6 +34,9 @@ export declare class BackgroundShape {
     constructor(option?: Partial<BackgroundShape>);
 }
 export type BackgroundStyle = Partial<Omit<BrandPageCssStyle, 'backgroundColor'>>;
+export interface BackgroundColorStyle extends BrandPageCssStyle {
+    backgroundOpacity?: number;
+}
 /**
  * The complete default for a page's background media overlay. Seeded into
  * metadata (constructor for new models, migration-20.5 for persisted partials) so
@@ -519,7 +522,7 @@ export declare abstract class AbstractPageHeaderStyles {
     logoImage: LogoImageModel;
     logoTemplateImage: LogoTemplateImageModel | undefined;
     logoImageBase64Url?: string;
-    backgroundStyle: BrandPageCssStyle;
+    backgroundStyle: BackgroundColorStyle;
     style: BrandPageCssStyle;
     viewport: ViewportsType;
     protected constructor(options?: AbstractPageHeaderStylesType);

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

@@ -253,7 +253,10 @@ export class AbstractPageHeaderStyles {
         this.logoDraftToken = options.logoDraftToken || '';
         this.logoVariation = options.logoVariation || 0;
         this.style = options.style || {};
-        this.backgroundStyle = options.backgroundStyle || {};
+        this.backgroundStyle = {
+            ...(options.backgroundStyle || {}),
+            backgroundOpacity: options.backgroundStyle?.backgroundOpacity ?? 100,
+        };
     }
 }
 export class PageHeaderDesktop extends AbstractPageHeaderStyles {

package/lib/src/brand-page/utils/view-model.util.js

@@ -2,7 +2,7 @@ import { reactive } from 'vue';
 import { assertUnreachable } from '../../helpers/ts.helper';
 import { ButtonStyles, VIEWPORTS } from '../models';
 import { NavigationMobile, NavigationDesktop, BRAND_PAGE_TYPES, BUTTON_LINK_TYPE, NavigationMenuStyles, } from '../models';
-import { isTransparentColour, mutedTextForBackground, backgroundColorFromStyle, } from './color.util';
+import { backgroundColorFromStyle, isTransparentColour, mutedTextForBackground, withColorOpacity, } from './color.util';
 import { resolveColorReference } from './color-palette.util';
 import { containerTextColorDefaults, containerSurfaceForContent, } from './container-text-color.util';
 import { CONTENT_TEXT_STYLE_PROPERTY_KEYS, FALLBACK_DEFAULT_LINK_COLOR, FONT_SIZE_BODY, LINE_HEIGHT_BODY, DEFAULT_LOGO_HEIGHT, DEFAULT_LOGO_WIDTH, ALIGN_LEFT_ALIGNED, ALIGN_RIGHT_ALIGNED, MAX_IMAGES_SECTION_ALIGNMENT_ITEMS_LENGTH, FONT_FAMILY_CONFIGS, isGoogleType, LINE_HEIGHT_HEADINGS, FONT_SIZE_HEADINGS, DEFAULT_TEXT_ALIGN, IMAGE_RESOLUTION_PRESETS, BIG_IMAGE, ALIGN_LEFT_BIG_IMAGE, ALIGN_CARD_CENTER, ALIGN_CARD_CENTER_IMAGE, ALIGN_CARD_LEFT_IMAGE, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_FULL_IMAGE, } from '../constants';
@@ -737,7 +737,23 @@ export const mapToPageHeaderViewModel = (pageHeader, pageStyles, pages, useOldLo
                 hamburgerMenuStyle,
             }),
         style: pageHeader.style,
-        backgroundStyle: pageHeader.backgroundStyle,
+        backgroundStyle: getHeaderBackgroundStyleWithOpacity(pageHeader),
+    };
+};
+// Folds backgroundOpacity into backgroundColor's alpha so only the container's paint fades, not its children.
+const getHeaderBackgroundStyleWithOpacity = (pageHeader) => {
+    // Real defaults: an un-constructed maker header, or metadata older than migration-11's backfill, can lack these entirely.
+    const { backgroundOpacity = 100, ...backgroundStyle } = pageHeader.backgroundStyle ?? {};
+    const { backgroundColor } = backgroundStyle;
+    if (backgroundOpacity >= 100 ||
+        !backgroundColor ||
+        isTransparentColour(backgroundColor)) {
+        return backgroundStyle;
+    }
+    // withColorOpacity, not setRgbAlpha: fades a var(--palette-n) reference too.
+    return {
+        ...backgroundStyle,
+        backgroundColor: withColorOpacity(backgroundColor, backgroundOpacity / 100),
     };
 };
 export const mapToPageFooterViewModel = (pageFooter, pageStyles, useOldLogoRenderSize = false) => {

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

@@ -132,9 +132,10 @@ export interface BookingSectionViewModel extends ContentViewModel, Omit<BookingS
     buttonViewModel: ButtonViewModel;
     isFullWidth: boolean;
 }
-export interface PageHeaderViewModel extends Omit<PageHeaderDesktop | PageHeaderMobile, 'logoImage' | 'logoImageStyle' | 'isLogoOptional' | 'viewport' | 'isLogoVisible' | 'logoTemplateImage' | 'logoImageHeight' | 'logoImageWidth'> {
+export interface PageHeaderViewModel extends Omit<PageHeaderDesktop | PageHeaderMobile, 'logoImage' | 'logoImageStyle' | 'isLogoOptional' | 'viewport' | 'isLogoVisible' | 'logoTemplateImage' | 'logoImageHeight' | 'logoImageWidth' | 'backgroundStyle'> {
     logo: LogoViewModel;
     pages: PageViewModel[];
+    backgroundStyle: BrandPageCssStyle;
 }
 export interface PageFooterViewModel extends Omit<PageFooterDesktop | PageFooterMobile, 'logoImage' | 'logoImageStyle' | 'isLogoOptional' | 'viewport' | 'isLogoVisible' | 'logoTemplateImage' | 'logoImageHeight' | 'logoImageWidth'> {
     logo: LogoViewModel;

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

@@ -292,13 +292,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -388,13 +381,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -484,13 +470,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;

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

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

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

@@ -706,13 +706,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -802,13 +795,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -898,13 +884,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;

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

@@ -41,13 +41,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isVariation: boolean;
             isExcluded: boolean;
         } | undefined;
-        bp_5245_ai_website_assistant?: {
-            key: string;
-            value: string;
-            isControl: boolean;
-            isVariation: boolean;
-            isExcluded: boolean;
-        } | undefined;
         bp_5873_live_preview_prepurchase?: {
             key: string;
             value: string;

package/lib/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.d.ts

@@ -78,13 +78,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -174,13 +167,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -270,13 +256,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;

package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts

@@ -94,13 +94,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -190,13 +183,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -286,13 +272,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;

package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts

@@ -99,13 +99,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -195,13 +188,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -291,13 +277,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;

package/lib/src/brand-page-maker/components/seo-settings/UseExistingDomainModal.mixin.d.ts

@@ -80,13 +80,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -176,13 +169,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -272,13 +258,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;

package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts

@@ -148,13 +148,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -244,13 +237,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -340,13 +326,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;

package/lib/src/brand-page-maker/components/upgrade-to-premium-button/UpgradeToPremiumButton.mixin.d.ts

@@ -75,13 +75,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -171,13 +164,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;
@@ -267,13 +253,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5245_ai_website_assistant?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5873_live_preview_prepurchase?: {
                     key: string;
                     value: string;

package/lib/src/brand-page-maker/composables/ai-chat/useAiWebsiteBuilderChat.js

@@ -1,4 +1,5 @@
 import { ref, computed, watch, nextTick } from 'vue';
+import { getCurrentLocale } from '../../../composables/useTranslate';
 import { getInstance as getAiAssistantClient, AI_ASSISTANT_AGENT_TYPES, } from '../../../clients/ai-assistant-client';
 import { FabricRenderClient } from '../../../clients/fabric-render-client';
 import { parseLogoThemeToCssStyles } from '../../../brand-page/utils/style.util';
@@ -228,6 +229,10 @@ export function useAiWebsiteBuilderChat() {
         };
         return { message: userPrompt, websiteContext };
     };
+    // TCI-1349: dedicated top-level LLM-gateway locale attribution (cost tag only).
+    const buildAttributionFields = () => ({
+        locale: getCurrentLocale(),
+    });
     const applyToolCallsAsync = async (response, userMessageId, vacantSlots) => {
         let aiMessage = response.message || '';
         const modelToUpdate = brandPageMakerStore.brandPageData;
@@ -365,6 +370,7 @@ export function useAiWebsiteBuilderChat() {
                     agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER,
                     userPlan,
                     connectionId,
+                    ...buildAttributionFields(),
                 });
             }
             else {
@@ -375,6 +381,7 @@ export function useAiWebsiteBuilderChat() {
                     agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER,
                     userPlan,
                     connectionId,
+                    ...buildAttributionFields(),
                 });
             }
             aiThreadStore.threadId = buildResponse.threadId;
@@ -523,6 +530,7 @@ export function useAiWebsiteBuilderChat() {
                             connectionId,
                             retryCount,
                             userPlan,
+                            ...buildAttributionFields(),
                         });
                         if (failedResults.length === 0) {
                             settle({