@designcrowd/library.brand-page 6.0.25 → 6.0.26

package/lib/src/shared/content-settings/components/GenericTextInput.mixin.d.ts

@@ -185,12 +185,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     index: number;
     settings: ContentItemFieldSettings;
-    role: string;
+    value: string | false | undefined;
     styles: Record<string, any>;
+    role: string;
     placeholder: string;
     minLength: number;
     maxLength: number;
-    value: string | false | undefined;
     attrs: Record<string, any>;
     isRequired: boolean;
     isToggled: boolean;

package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts

@@ -6,7 +6,7 @@ interface CategoryTab {
     label: string;
 }
 declare const _default: import("vue").DefineComponent<{}, {
-    mode: import("vue").ComputedRef<"images" | "pages" | "add" | "edit" | "focusedContentItem">;
+    mode: import("vue").ComputedRef<"images" | "add" | "pages" | "edit" | "focusedContentItem">;
     pages: import("vue").ComputedRef<{
         id: string;
         title: string;

package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     selectedItemIndex: import("vue").ComputedRef<number | null>;
     selectedItemValue: import("vue").ComputedRef<string | null>;
     contentType: import("vue").ComputedRef<"website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section" | undefined>;
-    mode: import("vue").ComputedRef<"images" | "pages" | "add" | "edit" | "focusedContentItem">;
+    mode: import("vue").ComputedRef<"images" | "add" | "pages" | "edit" | "focusedContentItem">;
     isAdmin: import("vue").ComputedRef<boolean>;
     contentSettingsStore: import("pinia").Store<"uiContentSettings", import("../../store").ContentSettingsState, {
         contentErrorCount(): number;

package/lib/src/shared/content-settings/components/email-field/EmailField.mixin.d.ts

@@ -182,12 +182,12 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
 }>, {
     index: number;
     settings: import("../../models").ContentItemFieldSettings;
-    role: string;
+    value: string | false | undefined;
     styles: Record<string, any>;
+    role: string;
     placeholder: string;
     minLength: number;
     maxLength: number;
-    value: string | false | undefined;
     attrs: Record<string, any>;
     isRequired: boolean;
     isToggled: boolean;

package/lib/src/shared/content-settings/components/radio-field/RadioField.mixin.d.ts

@@ -107,9 +107,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     fields: Record<string, MultiFieldOption>;
+    value: string | boolean | Record<string, any>;
     placeholder: string;
     variant: string;
-    value: string | boolean | Record<string, any>;
     multiple: boolean;
     optionsConvertor: OptionsConvertor<unknown>;
     isRequired: boolean;

package/lib/src/shared/content-settings/components/slider-field/SliderField.mixin.d.ts

@@ -69,9 +69,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    value: string;
     minLength: number;
     maxLength: number;
     valueConvertor: ValueConvertor<BrandPageCssStyle, number, BrandPageCssStyle>;
-    value: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/shared/content-settings/components/tel-field/TelField.mixin.d.ts

@@ -182,12 +182,12 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
 }>, {
     index: number;
     settings: import("../../models").ContentItemFieldSettings;
-    role: string;
+    value: string | false | undefined;
     styles: Record<string, any>;
+    role: string;
     placeholder: string;
     minLength: number;
     maxLength: number;
-    value: string | false | undefined;
     attrs: Record<string, any>;
     isRequired: boolean;
     isToggled: boolean;

package/lib/src/shared/content-settings/components/text-field/TextField.mixin.d.ts

@@ -182,12 +182,12 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
 }>, {
     index: number;
     settings: import("../../models").ContentItemFieldSettings;
-    role: string;
+    value: string | false | undefined;
     styles: Record<string, any>;
+    role: string;
     placeholder: string;
     minLength: number;
     maxLength: number;
-    value: string | false | undefined;
     attrs: Record<string, any>;
     isRequired: boolean;
     isToggled: boolean;

package/lib/src/shared/content-settings/components/textarea-field/TextareaField.mixin.d.ts

@@ -196,12 +196,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     index: number;
     settings: import("../../models").ContentItemFieldSettings;
-    role: string;
+    value: string | false | undefined;
     styles: Record<string, any>;
+    role: string;
     placeholder: string;
     minLength: number;
     maxLength: number;
-    value: string | false | undefined;
     attrs: Record<string, any>;
     isRequired: boolean;
     isToggled: boolean;

package/lib/src/shared/content-settings/components/url-field/UrlField.mixin.d.ts

@@ -189,12 +189,12 @@ declare const _default: import("vue").DefineComponent<{}, {}, Record<string, any
 }>, {
     index: number;
     settings: import("../../models").ContentItemFieldSettings;
-    role: string;
+    value: string | false | undefined;
     styles: Record<string, any>;
+    role: string;
     placeholder: string;
     minLength: number;
     maxLength: number;
-    value: string | false | undefined;
     attrs: Record<string, any>;
     isRequired: boolean;
     isToggled: boolean;

package/lib/src/shared/content-settings/components/youtube-video-field/YoutubeVideoField.mixin.d.ts

@@ -185,12 +185,12 @@ declare const _default: import("vue").DefineComponent<{}, {}, Record<string, any
 }>, {
     index: number;
     settings: import("../../models").ContentItemFieldSettings;
-    role: string;
+    value: string | false | undefined;
     styles: Record<string, any>;
+    role: string;
     placeholder: string;
     minLength: number;
     maxLength: number;
-    value: string | false | undefined;
     attrs: Record<string, any>;
     isRequired: boolean;
     isToggled: boolean;

package/lib/src/shared/side-bar/components/SideBar.mixin.d.ts

@@ -286,7 +286,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }[]>;
     selectedTabName: import("vue").ComputedRef<string>;
     isAdmin: import("vue").ComputedRef<boolean>;
-    contentSettingsMode: import("vue").ComputedRef<"images" | "pages" | "add" | "edit" | "focusedContentItem">;
+    contentSettingsMode: import("vue").ComputedRef<"images" | "add" | "pages" | "edit" | "focusedContentItem">;
     contentSettingsSelectedItemId: import("vue").ComputedRef<string | null>;
     sideBarStore: import("pinia").Store<"uiSideBar", import("../store").SideBarState, {}, {
         setBrandPageSettingsTabVisibility(payload: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "6.0.25",
+  "version": "6.0.26",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

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

@@ -70,19 +70,20 @@ export function useAiWebsiteBuilderChat(): UseAiChatResult {
   const checkpointStore = useAiCheckpointStore();
   const eventTracker = useEventTracker();
 
+  const createWelcomeMessage = (): TextThreadMessage =>
+    ({
+      id: '1',
+      type: 'text',
+      role: 'agent',
+      text: 'What changes would you like to make to your website?',
+      timestamp: new Date(),
+    }) as TextThreadMessage;
+
   const hasStoredMessages = aiThreadStore.messages.length > 0;
   const threadItems = ref<ThreadMessage[]>(
     aiThreadStore.messages.length > 0
       ? aiThreadStore.messages
-      : [
-          {
-            id: '1',
-            type: 'text',
-            role: 'agent',
-            text: 'What changes would you like to make to your website?',
-            timestamp: new Date(),
-          } as TextThreadMessage,
-        ],
+      : [createWelcomeMessage()],
   );
 
   // ---------------------------------------------------------------------------
@@ -148,6 +149,24 @@ export function useAiWebsiteBuilderChat(): UseAiChatResult {
   const generatedText = ref<string | null>(null);
   const generatedStyle = ref<BrandPageCssStyle | null>(null);
 
+  // External reset (e.g. template switch, BP-5896): tear down the build WS
+  // client so a late push can't repopulate the fresh thread, then re-seed
+  // the welcome bubble. Keyed off `resetToken` — NOT `messages` — to avoid
+  // looping with the deep `threadItems` → `messages` watch above.
+  watch(
+    () => aiThreadStore.resetToken,
+    () => {
+      if (activeBuildWsClient) {
+        activeBuildWsClient.disconnect();
+        activeBuildWsClient = null;
+      }
+
+      currentTypingMessageId.value = null;
+      isStopped.value = false;
+      threadItems.value = [createWelcomeMessage()];
+    },
+  );
+
   const SERVICE_UNAVAILABLE_MESSAGE =
     'This service is not available right now. Please try again later.';
 

package/src/brand-page-maker/stores/ai-thread/ai-website-builder-thread-store.ts

@@ -14,6 +14,27 @@ export const useAiWebsiteBuilderThreadStore = defineStore(
     const promptText = ref<string>('');
     const stopGeneration = ref<(() => void) | null>(null);
 
+    // Bumped on every reset so consumers (useAiWebsiteBuilderChat) can react
+    // without watching `messages`, which would loop with its own deep watch.
+    const resetToken = ref<number>(0);
+
+    const reset = () => {
+      if (isProcessing.value || isBuildInProgress.value) {
+        stopGeneration.value?.();
+      }
+
+      threadId.value = null;
+      runId.value = null;
+      messages.value = [];
+      isProcessing.value = false;
+      buildId.value = null;
+      isBuildInProgress.value = false;
+      buildSectionsCompleted.value = 0;
+      promptText.value = '';
+      stopGeneration.value = null;
+      resetToken.value += 1;
+    };
+
     return {
       threadId,
       runId,
@@ -24,6 +45,8 @@ export const useAiWebsiteBuilderThreadStore = defineStore(
       buildSectionsCompleted,
       promptText,
       stopGeneration,
+      resetToken,
+      reset,
     };
   },
 );

package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts

@@ -30,6 +30,8 @@ import type {
   TemplateCategory,
 } from '@shared/template-settings/models';
 import { useBrandPageMakerUserStore } from '../user';
+import { useAiWebsiteBuilderThreadStore } from '../ai-thread/ai-website-builder-thread-store';
+import { useAiCheckpointStore } from '../ai-checkpoint/ai-checkpoint-store';
 import { defineStore } from 'pinia';
 import { toRaw } from 'vue';
 import { useUiStore } from '../ui';
@@ -620,6 +622,12 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
 
       await this.recalculateLogoSizes(true);
 
+      // A template switch invalidates the AI conversation — the server-side
+      // thread's history still describes the previous template (BP-5896).
+      // reset() also stops any in-flight generation before clearing.
+      useAiWebsiteBuilderThreadStore().reset();
+      useAiCheckpointStore().clearAll();
+
       this.setIsModifiedAfterTemplateApplied({
         isModified: false,
       });