@designcrowd/library.brand-page 6.2.11-builder-v2-1 → 6.2.12

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

@@ -94,6 +94,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -169,6 +176,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -244,6 +258,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -413,6 +434,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setHideBranding(payload: {
             hideBranding: boolean;
         }): void;
+        setSaveContactButtonTextStyle(payload: {
+            buttonTextStyle: import("../../../brand-page").SaveContactOptions["buttonTextStyle"];
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;
@@ -475,7 +499,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: import("../../../brand-page").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _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: _shopConfigData, isServerRenderOverride, isBlankSite, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

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

@@ -99,6 +99,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -174,6 +181,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -249,6 +263,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -414,6 +435,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setHideBranding(payload: {
             hideBranding: boolean;
         }): void;
+        setSaveContactButtonTextStyle(payload: {
+            buttonTextStyle: import("../../../brand-page").SaveContactOptions["buttonTextStyle"];
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;
@@ -476,7 +500,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: import("../../../brand-page").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _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: _shopConfigData, isServerRenderOverride, isBlankSite, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

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

@@ -80,6 +80,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -155,6 +162,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -230,6 +244,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;

package/lib/src/brand-page-maker/components/social-share/SocialShare.mixin.d.ts

@@ -71,6 +71,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setHideBranding(payload: {
             hideBranding: boolean;
         }): void;
+        setSaveContactButtonTextStyle(payload: {
+            buttonTextStyle: import("../../../brand-page").SaveContactOptions["buttonTextStyle"];
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;
@@ -133,7 +136,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: import("../../../brand-page").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _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: _shopConfigData, isServerRenderOverride, isBlankSite, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

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

@@ -148,6 +148,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -223,6 +230,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -298,6 +312,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -463,6 +484,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setHideBranding(payload: {
             hideBranding: boolean;
         }): void;
+        setSaveContactButtonTextStyle(payload: {
+            buttonTextStyle: import("@brand-page").SaveContactOptions["buttonTextStyle"];
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;
@@ -525,7 +549,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: import("@brand-page").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _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: _shopConfigData, isServerRenderOverride, isBlankSite, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

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

@@ -75,6 +75,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -150,6 +157,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -225,6 +239,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;

package/lib/src/brand-page-maker/composables/ai-chat/ai-builder-experiment.d.ts

@@ -0,0 +1,10 @@
+import type { AbTestResult } from '../../../brand-page/models/brand-page-context.model';
+import { type AiAssistantAgentType } from '../../../clients/ai-assistant-client';
+/**
+ * A/B test: control keeps the V1 AI website builder, variation-1 gets V2.
+ *
+ * bc-net (WebsiteMakerInteractor) buckets post-purchase users who get the AI tab at
+ * editor load and sends the arm in `abTests`. No arm, control and excluded all stay
+ * on V1, so a missing value is today's production behaviour.
+ */
+export declare const aiBuilderAgentTypeForArm: (arm: AbTestResult | undefined) => AiAssistantAgentType;

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

@@ -0,0 +1,11 @@
+import { AI_ASSISTANT_AGENT_TYPES, } from '../../../clients/ai-assistant-client';
+/**
+ * A/B test: control keeps the V1 AI website builder, variation-1 gets V2.
+ *
+ * bc-net (WebsiteMakerInteractor) buckets post-purchase users who get the AI tab at
+ * editor load and sends the arm in `abTests`. No arm, control and excluded all stay
+ * on V1, so a missing value is today's production behaviour.
+ */
+export const aiBuilderAgentTypeForArm = (arm) => arm?.isVariation
+    ? AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER_V2
+    : AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER;

package/lib/src/brand-page-maker/composables/ai-chat/useAiMetadataBuilder.d.ts

@@ -9,6 +9,7 @@ export interface AiMetadataBuilderResult {
     results: {
         toolId: string;
         errors?: string[];
+        warnings?: string[];
         /**
          * The frontend-assigned content id of the section this tool call
          * created/updated, when the builder produced one. Used by the AI chat

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

@@ -17,6 +17,7 @@ export function useAiMetadataBuilder(logger) {
                     return {
                         toolId: x.request.id,
                         errors: x.errors,
+                        warnings: x.warnings,
                         contentId: x.contentId,
                     };
                 }),

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

@@ -19,6 +19,7 @@ import { useHistoryStore } from '../../stores/history/history-store';
 import { useUndoRedoFlag } from '../useUndoRedoFlag';
 import { useBrandPageMakerUserStore } from '../../stores/user/user-store';
 import { useAiMetadataBuilder } from './useAiMetadataBuilder';
+import { aiBuilderAgentTypeForArm } from './ai-builder-experiment';
 import { pickErrorMessage, pickWsErrorMessage, buildSubmitErrorReport, } from './aiErrorCopy';
 import raygunUtil from '../../../brand-page/utils/raygun.util';
 import { useEventTracker, AI_CTA_LOCATIONS } from '../useEventTracker';
@@ -287,6 +288,7 @@ export function useAiWebsiteBuilderChat() {
                 success: x.errors && x.errors.length > 0 ? 'failed' : 'success',
                 name: enrichedToolCalls[i]?.function,
                 errorMessage: x.errors?.length ? x.errors.join('; ') : undefined,
+                warningMessage: x.warnings?.join('; '),
             };
         });
         // POST-PASS: walk this batch's create-mode results in plan order.
@@ -361,12 +363,18 @@ export function useAiWebsiteBuilderChat() {
             const userPlan = userStore.hasPremiumSubscription
                 ? 'premium'
                 : 'free';
+            if (!aiThreadStore.threadId) {
+                // The A/B arm bc-net bucketed at editor load decides which builder owns the
+                // new thread; the message and tool-result calls below reuse it.
+                aiThreadStore.setAgentType(aiBuilderAgentTypeForArm(containerStore.abTests.bp_6136_v2_ai_builder));
+            }
             let buildResponse;
             if (!aiThreadStore.threadId) {
                 buildResponse = await client.createWebsiteThreadBuildAsync({
                     message,
                     websiteContext,
                     websiteSnapshot: snapshotStore.snapshotBase64 || undefined,
+                    agentType: aiThreadStore.agentType,
                     userPlan,
                     connectionId,
                     ...buildAttributionFields(),
@@ -377,6 +385,7 @@ export function useAiWebsiteBuilderChat() {
                     message,
                     websiteContext,
                     websiteSnapshot: snapshotStore.snapshotBase64 || undefined,
+                    agentType: aiThreadStore.agentType,
                     userPlan,
                     connectionId,
                     ...buildAttributionFields(),
@@ -522,8 +531,13 @@ export function useAiWebsiteBuilderChat() {
                             failedResults,
                             retryCount,
                         });
+                        // Tool submissions must go to the SAME agent that ran the thread
+                        // (AI QA 2026-07-05 T19: a mismatched agentType routes tool results
+                        // to a service with no state for the thread and fails the build).
+                        // The thread store holds this thread's agent (A/B arm: V1 control, V2 variation-1).
                         const submitResult = await client.submitToolResultsBuildAsync(aiThreadStore.threadId, {
                             toolCalls: toolResults,
+                            agentType: aiThreadStore.agentType,
                             connectionId,
                             retryCount,
                             userPlan,

package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/RoleTypographyFill.d.ts

@@ -0,0 +1,16 @@
+import { Extension } from '@tiptap/core';
+import { type RoleVarMarkAttr } from '@shared/text-role-typography.util';
+type Typography = Partial<Record<RoleVarMarkAttr, string>>;
+export interface RoleTypographyFillOptions {
+    getFillSource: () => {
+        role: Typography;
+        block?: Typography;
+    } | undefined;
+}
+/**
+ * Draws the editor box the way the canvas does: a run with no weight / style / decoration of its
+ * own shows the value `fillRteRunTypography` would fill. Decorations are view-only, so the stored
+ * doc is untouched.
+ */
+export declare const RoleTypographyFill: Extension<RoleTypographyFillOptions, any>;
+export {};

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

@@ -0,0 +1,61 @@
+import { Extension } from '@tiptap/core';
+import { Plugin, PluginKey } from 'prosemirror-state';
+import { Decoration, DecorationSet } from 'prosemirror-view';
+import { runTypography } from '@brand-page-maker/utils/rich-text-editor.util';
+import { roleVarRef, runTypographyFillValue, composeTextDecoration, } from '@shared/text-role-typography.util';
+// The box's CSS pins family, size, spacing and line height, so only these show through.
+const FILLED_ATTRS = [
+    ['fontWeight', 'font-weight'],
+    ['fontStyle', 'font-style'],
+    ['textDecoration', 'text-decoration'],
+];
+/**
+ * Draws the editor box the way the canvas does: a run with no weight / style / decoration of its
+ * own shows the value `fillRteRunTypography` would fill. Decorations are view-only, so the stored
+ * doc is untouched.
+ */
+export const RoleTypographyFill = Extension.create({
+    name: 'roleTypographyFill',
+    addOptions() {
+        return { getFillSource: () => undefined };
+    },
+    addProseMirrorPlugins() {
+        const { getFillSource } = this.options;
+        return [
+            new Plugin({
+                key: new PluginKey('roleTypographyFill'),
+                props: {
+                    decorations(state) {
+                        const source = getFillSource();
+                        if (!source)
+                            return DecorationSet.empty;
+                        const decorations = [];
+                        state.doc.descendants((node, pos) => {
+                            if (!node.isText)
+                                return;
+                            const run = runTypography(node);
+                            const style = FILLED_ATTRS.flatMap(([attr, cssProp]) => {
+                                if (attr === 'textDecoration') {
+                                    const blockValue = runTypographyFillValue(attr, source.role, source.block);
+                                    const localValue = run.textDecoration === roleVarRef(attr) &&
+                                        blockValue !== roleVarRef(attr)
+                                        ? blockValue
+                                        : (run.textDecoration ?? blockValue);
+                                    const value = composeTextDecoration(source.role.textDecoration ?? 'none', localValue);
+                                    return value ? [`${cssProp}: ${value}`] : [];
+                                }
+                                if (run[attr] !== undefined)
+                                    return [];
+                                const value = runTypographyFillValue(attr, source.role, source.block);
+                                return value ? [`${cssProp}: ${value}`] : [];
+                            }).join('; ');
+                            if (style)
+                                decorations.push(Decoration.inline(pos, pos + node.nodeSize, { style }));
+                        });
+                        return DecorationSet.create(state.doc, decorations);
+                    },
+                },
+            }),
+        ];
+    },
+});

package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/RteClipboard.d.ts

@@ -0,0 +1,11 @@
+import { Extension } from '@tiptap/core';
+import type { EditorState } from 'prosemirror-state';
+import { type Mark } from 'prosemirror-model';
+import { type RteClipboardContext } from '@brand-page-maker/utils/rte-clipboard.util';
+export interface RteClipboardOptions {
+    /** The field's role, style object and site palette, read at event time. */
+    getContext: () => RteClipboardContext;
+    /** The first-type seed a text-only paste into an empty field takes, same as typing. */
+    getFirstInputMarks: (state: EditorState) => Mark[];
+}
+export declare const RteClipboard: Extension<RteClipboardOptions, any>;