@designcrowd/library.brand-page 5.17.13 → 5.17.14-ai-25

package/lib/src/{CreatedOnBrandCrowd-de-de-Bca5lK0D.js → CreatedOnBrandCrowd-de-de-DkGTldc-.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-DsSv9Yb3.js → CreatedOnBrandCrowd-en-us-wgwqydJU.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-bmyh0Hhu.js → CreatedOnBrandCrowd-es-es-BTDT65kO.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-CEY5Vwyl.js → CreatedOnBrandCrowd-fr-ca-TWVdI9Nt.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-CEY5Vwyl.js → CreatedOnBrandCrowd-fr-fr-TWVdI9Nt.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-B0qQyIQj.js → CreatedOnBrandCrowd-pt-br-ebVyarx-.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-B0qQyIQj.js → CreatedOnBrandCrowd-pt-pt-ebVyarx-.js}

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

package/lib/src/{CreatedOnDcom-de-de-Bge8ajmJ.js → CreatedOnDcom-de-de-CXYKC-pc.js}

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

package/lib/src/{CreatedOnDcom-en-us-DEPPhuhr.js → CreatedOnDcom-en-us-DOjUSjgi.js}

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

package/lib/src/{CreatedOnDcom-es-es-DPj_Ew87.js → CreatedOnDcom-es-es-yEPtGijb.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-Cpq5wFjs.js → CreatedOnDcom-fr-ca-CBSzc6PH.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CBQ2WuX-.js → CreatedOnDcom-fr-fr-CI2mcMeh.js}

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

package/lib/src/{CreatedOnDcom-pt-br-erHhjco0.js → CreatedOnDcom-pt-br-jjk32xcB.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-mQnDH1e3.js → CreatedOnDcom-pt-pt-CtKCvM0k.js}

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

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

@@ -26,7 +26,7 @@ const AB_TEST_KEYS = {
     BP_3926_FREEMIUM_WATERMARK: 'bc-bp-3926-freemium-cta-in-website-editor',
     BP_4572_AI_TEXT_GENERATION_POST_PURCHASE: 'bc-bp-4572-ai-text-generation-post-purchase',
     BP_4964_AI_TEXT_GENERATION_IMPROVEMENT: 'bc-bp-4964-ai-text-improvement-post-purchase-on-website',
-    BP_5245_AI_WEBSITE_ASSISTANT: 'bc-bp-5245-ai-website-assistant',
+    BP_5245_AI_WEBSITE_ASSISTANT: 'bc-bp-5245-ai-website-assistant-postpurchase',
 };
 export const MEDIA_SIZES = {
     size1x: 'size1x',

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

@@ -3,6 +3,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     isSaving: import("vue").ComputedRef<boolean>;
     isPublished: import("vue").ComputedRef<boolean>;
     isPublishButtonEnabled: import("vue").ComputedRef<boolean>;
+    isBrandContact: import("vue").ComputedRef<boolean>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
             emailAddress?: string | undefined;
@@ -17,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         contentErrorCount(): number;
         brandPageBaseUrl(): string;
         brandPageContentTypes(): string[];
-        brandPageData(): import("../../../brand-page").BrandPageModel;
+        brandPageData(): import("@brand-page/models").BrandPageModel;
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
@@ -112,22 +113,22 @@ declare const _default: import("vue").DefineComponent<{}, {
         onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
-        updateContent<TContent extends import("../../../brand-page").Content, P extends {
+        updateContent<TContent extends import("@brand-page/models").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        export(): import("../../../brand-page").BrandPageModel;
+        export(): import("@brand-page/models").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
+        initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page/models").BrandPageModel): Promise<void>;
         initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
-            pages: import("../../../brand-page").PageModel[];
+            pages: import("@brand-page/models").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
         }): void;
         initialisePagesForCurrentPage({ pages, sections, }: {
-            pages: import("../../../brand-page").PageModel[];
+            pages: import("@brand-page/models").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
         }): void;
         initialiseAdminMaker(payload: {
@@ -146,7 +147,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         validateContentItems(): Promise<void>;
         validateBrandPageData(): Promise<void>;
         setViewport(payload: {
-            viewport: import("../../../brand-page").ViewportsType;
+            viewport: import("@brand-page/models").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
         selectInitialCategories(payload: import("../../../shared/template-settings/models").InitialCategories): void;
@@ -154,5 +155,6 @@ declare const _default: import("vue").DefineComponent<{}, {
 }, {}, {}, {
     saveBrandPage(): void;
     saveAndPublishBrandPage(isActionBar: boolean): void;
+    createTeamCards(isTopNav: boolean): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -2,6 +2,7 @@ import { EVENTS } from '../../../constants/brand-page-maker';
 import { useBrandPageMakerUserStore, useBrandPageMakerStore, } from '@brand-page-maker/stores';
 import { computed, defineComponent } from 'vue';
 import { UPGRADE_CTA_LOCATIONS } from './../../composables/useEventTracker';
+import { BRAND_PAGE_TYPES } from '@brand-page/models';
 export default defineComponent({
     setup() {
         const userStore = useBrandPageMakerUserStore();
@@ -11,6 +12,7 @@ export default defineComponent({
             isSaving: computed(() => brandPageMakerStore.isSaving),
             isPublished: computed(() => brandPageMakerStore.isPublished),
             isPublishButtonEnabled: computed(() => brandPageMakerStore.isPublishButtonEnabled),
+            isBrandContact: computed(() => brandPageMakerStore.brandPageType === BRAND_PAGE_TYPES.brandContact),
             userStore,
             brandPageMakerStore,
         };
@@ -29,5 +31,12 @@ export default defineComponent({
                     : UPGRADE_CTA_LOCATIONS.EDITOR_PUBLISH_TOP,
             });
         },
+        createTeamCards(isTopNav) {
+            this.$emit('create-team-cards', {
+                cta_location: isTopNav
+                    ? UPGRADE_CTA_LOCATIONS.NAV_TOP
+                    : UPGRADE_CTA_LOCATIONS.NAV_BOTTOM,
+            });
+        },
     },
 });

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

@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     commonTr: (key: any) => any;
     currentNotificationMessage: import("vue").ComputedRef<false | {
-        type: "success" | "warning" | "error";
+        type: "error" | "success" | "warning";
         label: string;
         description: string | false;
     }>;
@@ -1328,6 +1328,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onChangeTemplateConfirmModalCancel(): void;
     onChangeTemplateConfirmModalConfirm(): void;
     onVideoPlayToggle(): void;
+    onCreateTeamCards(payload: {
+        cta_location: string;
+    }): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<BrandPageMakerViewModel>;

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

@@ -312,5 +312,8 @@ export default defineComponent({
         onVideoPlayToggle() {
             this.videoStore.toggleShouldPlayVideo();
         },
+        onCreateTeamCards(payload) {
+            this.$emit('create-team-cards', payload);
+        },
     },
 });

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

@@ -38,6 +38,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     saveBrandPage(): void;
     saveAndPublishBrandPage(): void;
     handleBackClick(): void;
+    onCreateTeamCards(payload: {
+        cta_location: string;
+    }): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     isAdmin: {
         type: BooleanConstructor;

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

@@ -51,5 +51,8 @@ export default defineComponent({
                 this.$emit(EVENTS.Back);
             }
         },
+        onCreateTeamCards(payload) {
+            this.$emit('create-team-cards', payload);
+        },
     },
 });

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

@@ -1,4 +1,5 @@
 import { type ComputedRef, type Ref } from 'vue';
+import { type PlanItem } from '../../../clients/websocket-gateway-client';
 export interface BaseThreadMessage {
     id: string;
     role: 'user' | 'agent';
@@ -10,7 +11,11 @@ export interface BaseThreadMessage {
 export interface TextThreadMessage extends BaseThreadMessage {
     type: 'text';
     text: string;
+    initialMessage?: string;
+    planItems?: PlanItem[];
+    completedItemIds?: string[];
 }
+export { type PlanItem };
 export interface ImageThreadMessage extends BaseThreadMessage {
     type: 'image';
     images: {

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

@@ -1,5 +1,6 @@
 import { ref, computed, watch, nextTick, } from 'vue';
 import { getInstance as getAiAssistantClient, AI_ASSISTANT_AGENT_TYPES, buildWebsiteTextElementMessage, } from '../../../clients/ai-assistant-client';
+import {} from '../../../clients/websocket-gateway-client';
 import { getCurrentLocale } from '../../../composables/useTranslate';
 import { storeToRefs } from 'pinia';
 import { useSnapshotStore, useAiThreadStore } from '../../stores';
@@ -7,6 +8,7 @@ import { useBrandPageMakerStore } from '../../stores';
 import { useUiPageSettingsStore } from '../../../shared/page-settings/store';
 import { useAiMetadataBuilder } from '../ai-chat/useAiMetadataBuilder';
 import { Logger } from '../../../metadata-builder/logger';
+export {};
 const MAX_TOOL_CALL_ITERATIONS = 5;
 const TEXT_DISPLAY_LIMIT = 150;
 const truncateText = (text) => {
@@ -186,10 +188,15 @@ export function useAiChat(options) {
                 await submitCancelledToolCallsAsync();
                 return { aiMessage: '' };
             }
-            const nextResponse = await submitToolResults(toolResults);
+            // Only submit failed tool results — skip submission entirely if all succeeded
+            const failedResults = toolResults.filter((tr) => tr.success !== 'success');
+            if (failedResults.length === 0) {
+                break;
+            }
+            const nextResponse = await submitToolResults(failedResults);
             pendingToolCalls.value = []; // Cleared after successful submission
             aiLogger.log('handleToolResponseAsync submitToolResults', {
-                toolResults,
+                toolResults: failedResults,
                 nextResponse,
             });
             if (!nextResponse)

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

@@ -4,16 +4,17 @@ import { WebSocketGatewayClient, } from '../../../clients/websocket-gateway-clie
 import { minifyBrandPageMetadata } from '../../../utils/minify-brand-page-metadata';
 import { useSnapshotStore, useAiWebsiteBuilderThreadStore } from '../../stores';
 import { useBrandPageMakerStore } from '../../stores';
+import { useBrandPageMakerUserStore } from '../../stores/user/user-store';
 import { useAiMetadataBuilder } from './useAiMetadataBuilder';
 import { Logger } from '../../../metadata-builder/logger';
 const BUILD_TIMEOUT_MS = 600000;
 const aiLogger = new Logger();
 let activeBuildWsClient = null;
-const MAX_TOOL_CALL_ITERATIONS = 5;
 export function useAiWebsiteBuilderChat() {
     const aiThreadStore = useAiWebsiteBuilderThreadStore();
     const snapshotStore = useSnapshotStore();
     const brandPageMakerStore = useBrandPageMakerStore();
+    const userStore = useBrandPageMakerUserStore();
     const aiMetadataBuilder = useAiMetadataBuilder(aiLogger);
     const hasStoredMessages = aiThreadStore.messages.length > 0;
     const threadItems = ref(aiThreadStore.messages.length > 0
@@ -77,10 +78,12 @@ export function useAiWebsiteBuilderChat() {
         let aiMessage = response.message || '';
         const modelToUpdate = brandPageMakerStore.brandPageData;
         const updateResult = await aiMetadataBuilder.applyAiToolCallsAsync(modelToUpdate, response.toolCalls || []);
-        const toolResults = updateResult.results.map((x) => {
+        const toolResults = updateResult.results.map((x, i) => {
             return {
                 toolId: x.toolId,
                 success: x.errors && x.errors.length > 0 ? 'failed' : 'success',
+                name: (response.toolCalls || [])[i]?.function,
+                errorMessage: x.errors?.length ? x.errors.join('; ') : undefined,
             };
         });
         updateResult.parsedToolCalls.forEach((toolCall) => {
@@ -89,7 +92,6 @@ export function useAiWebsiteBuilderChat() {
                 aiMessage = aiMessage ? `${aiMessage} ${args.message}` : args.message;
             }
         });
-        console.log('updateResult.model', JSON.parse(JSON.stringify(updateResult.model)));
         await brandPageMakerStore.initialiseStoresByBrandPageModelAsync(updateResult.model);
         await nextTick();
         // Re-capture snapshot so subsequent messages reflect the updated page
@@ -106,13 +108,16 @@ export function useAiWebsiteBuilderChat() {
         try {
             const client = getAiAssistantClient();
             const message = buildMessage(userPrompt);
-            wsClient.sendHeartbeat();
+            const userPlan = userStore.hasPremiumSubscription
+                ? 'premium'
+                : 'free';
             let buildResponse;
             if (!aiThreadStore.threadId) {
                 buildResponse = await client.createWebsiteThreadBuildAsync({
                     message,
                     websiteSnapshot: snapshotStore.snapshotBase64 || undefined,
                     agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER,
+                    userPlan,
                     connectionId,
                 });
             }
@@ -121,6 +126,7 @@ export function useAiWebsiteBuilderChat() {
                     message,
                     websiteSnapshot: snapshotStore.snapshotBase64 || undefined,
                     agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER,
+                    userPlan,
                     connectionId,
                 });
             }
@@ -131,8 +137,18 @@ export function useAiWebsiteBuilderChat() {
             const langChainUrl = buildResponse.langChainUrl;
             wsClient.setBuildActive(true);
             wsClient.startResponseHeartbeat();
+            const withTypingMessage = (fn) => {
+                const typingId = currentTypingMessageId.value;
+                if (!typingId)
+                    return;
+                const idx = threadItems.value.findIndex((m) => m.id === typingId);
+                if (idx !== -1)
+                    fn(threadItems.value[idx]);
+            };
             return new Promise((resolve, reject) => {
                 let settled = false;
+                let retryCount = 0;
+                let lastAiMessage = null;
                 let handler = null;
                 const finishBuild = () => {
                     aiThreadStore.isBuildInProgress = false;
@@ -151,53 +167,132 @@ export function useAiWebsiteBuilderChat() {
                 handler = (msg) => {
                     if (settled)
                         return;
-                    if (msg.buildId !== aiThreadStore.buildId)
-                        return;
-                    if (isStopped.value) {
-                        settled = true;
-                        clearTimeout(timeout);
-                        finishBuild();
-                        resolve({ text: null });
-                        return;
-                    }
-                    if (msg.type === 'build_complete') {
-                        settled = true;
-                        clearTimeout(timeout);
-                        const toolCalls = (msg.toolCalls || []);
-                        const aiResponse = {
-                            threadId: aiThreadStore.threadId || '',
-                            toolCalls,
-                            message: msg.message || null,
-                            type: 'tool_calls',
-                            totalPaidToolCalls: 0,
-                            timestamp: Date.now(),
-                        };
-                        (async () => {
-                            try {
-                                if (toolCalls.length > 0) {
-                                    await applyToolCallsAsync(aiResponse);
+                    try {
+                        if (msg.buildId !== aiThreadStore.buildId)
+                            return;
+                        if (isStopped.value) {
+                            settled = true;
+                            clearTimeout(timeout);
+                            finishBuild();
+                            resolve({ text: null });
+                            return;
+                        }
+                        if (msg.type === 'chat_started' && msg.message) {
+                            withTypingMessage((m) => {
+                                m.initialMessage = msg.message;
+                            });
+                            return;
+                        }
+                        if (msg.type === 'plan_announced' && msg.items) {
+                            withTypingMessage((m) => {
+                                if (!m.planItems)
+                                    m.planItems = msg.items;
+                            });
+                            return;
+                        }
+                        if (msg.type === 'item_complete' && msg.itemId) {
+                            const itemId = msg.itemId;
+                            withTypingMessage((m) => {
+                                if (!m.completedItemIds?.includes(itemId)) {
+                                    m.completedItemIds = [
+                                        ...(m.completedItemIds ?? []),
+                                        itemId,
+                                    ];
+                                }
+                            });
+                            return;
+                        }
+                        if (msg.type === 'server_response') {
+                            const toolCalls = (msg.toolCalls ||
+                                []);
+                            const aiResponse = {
+                                threadId: aiThreadStore.threadId || '',
+                                toolCalls,
+                                message: msg.message || null,
+                                type: 'tool_calls',
+                                totalPaidToolCalls: 0,
+                                timestamp: Date.now(),
+                            };
+                            (async () => {
+                                try {
+                                    // No tool calls = build cycle complete (success, max retries, or no retryable sections)
+                                    if (toolCalls.length === 0) {
+                                        settled = true;
+                                        clearTimeout(timeout);
+                                        finishBuild();
+                                        await snapshotStore.refreshSnapshotAsync();
+                                        resolve({
+                                            text: aiResponse.message ||
+                                                lastAiMessage ||
+                                                'Your website has been updated.',
+                                            langChainUrl,
+                                        });
+                                        return;
+                                    }
+                                    // Tool calls present — apply locally and submit results back
+                                    const { toolResults, aiMessage } = await applyToolCallsAsync(aiResponse);
+                                    lastAiMessage = aiMessage;
+                                    // Only submit failed tool results — the server retries only failed sections.
+                                    const failedResults = toolResults.filter((tr) => tr.success !== 'success');
+                                    if (failedResults.length === 0) {
+                                        settled = true;
+                                        clearTimeout(timeout);
+                                        finishBuild();
+                                        resolve({
+                                            text: aiMessage || 'Your website has been updated.',
+                                            langChainUrl,
+                                        });
+                                        return;
+                                    }
+                                    aiLogger.log('tool submission for failed results', {
+                                        failedResults,
+                                        retryCount,
+                                    });
+                                    const submitResult = await client.submitToolResultsBuildAsync(aiThreadStore.threadId, {
+                                        toolCalls: failedResults,
+                                        agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER,
+                                        connectionId,
+                                        retryCount,
+                                        userPlan,
+                                    });
+                                    // Update buildId so the handler matches subsequent WS messages
+                                    if (submitResult.buildId) {
+                                        aiThreadStore.buildId = submitResult.buildId;
+                                    }
+                                    // eslint-disable-next-line no-plusplus
+                                    retryCount++;
+                                }
+                                catch (err) {
+                                    aiLogger.log('server_response apply error', { err });
+                                    settled = true;
+                                    clearTimeout(timeout);
+                                    finishBuild();
+                                    resolve({ text: 'An error occurred applying changes.' });
                                 }
-                                finishBuild();
-                                await snapshotStore.refreshSnapshotAsync();
-                                resolve({
-                                    text: aiResponse.message || 'Your website has been updated.',
-                                    langChainUrl,
-                                });
-                            }
-                            catch (err) {
-                                aiLogger.log('build_complete apply error', { err });
-                                finishBuild();
-                                resolve({ text: 'An error occurred applying changes.' });
-                            }
-                        })();
+                            })();
+                            return;
+                        }
+                        if (msg.type === 'server_error' || msg.type === 'build_error') {
+                            settled = true;
+                            clearTimeout(timeout);
+                            finishBuild();
+                            resolve({
+                                text: msg.error || 'An error occurred during the build.',
+                            });
+                            return;
+                        }
                     }
-                    if (msg.type === 'build_error') {
-                        settled = true;
-                        clearTimeout(timeout);
-                        finishBuild();
-                        resolve({
-                            text: msg.error || 'An error occurred during the build.',
+                    catch (err) {
+                        aiLogger.log('Unexpected error in WS message handler', {
+                            err,
+                            type: msg.type,
                         });
+                        if (!settled) {
+                            settled = true;
+                            clearTimeout(timeout);
+                            finishBuild();
+                            resolve({ text: 'An error occurred during the build.' });
+                        }
                     }
                 };
                 wsClient.onMessage(handler);
@@ -287,7 +382,6 @@ export function useAiWebsiteBuilderChat() {
             // was destroyed (tab switch) and the writable computed setter is inert.
             aiThreadStore.isProcessing = false;
         }
-        console.log('aiLogger', aiLogger);
     };
     const deleteMessage = (messageId) => {
         const index = threadItems.value.findIndex((msg) => msg.id === messageId);
@@ -331,6 +425,12 @@ export function useAiWebsiteBuilderChat() {
                 isResponse: index >= 1,
                 disableAnimation: index < initialMessageCount,
                 langChainUrl: msg.langChainUrl,
+                ...(msg.type === 'text' &&
+                    msg.isTyping && {
+                    initialMessage: msg.initialMessage,
+                    planItems: msg.planItems ?? [],
+                    completedItemIds: msg.completedItemIds ?? [],
+                }),
             },
         }));
     });

package/lib/src/brand-page-maker/composables/useEventTracker.d.ts

@@ -79,6 +79,8 @@ export declare const UPGRADE_CTA_LOCATIONS: {
     GOOGLE_ADSENSE: string;
     QUICK_LINKS: string;
     SAVE_CONTACT_SETTINGS: string;
+    NAV_TOP: string;
+    NAV_BOTTOM: string;
 };
 export declare const GENERATE_AI_TEXT_CTA_LOCATIONS: {
     BANNER_DESCRIPTION: string;

package/lib/src/brand-page-maker/composables/useEventTracker.js

@@ -60,6 +60,8 @@ export const UPGRADE_CTA_LOCATIONS = {
     GOOGLE_ADSENSE: 'google_adsense',
     QUICK_LINKS: 'quick_links',
     SAVE_CONTACT_SETTINGS: 'save_contact_settings',
+    NAV_TOP: 'nav_top',
+    NAV_BOTTOM: 'nav_bottom',
 };
 export const GENERATE_AI_TEXT_CTA_LOCATIONS = {
     BANNER_DESCRIPTION: 'banner_description',