@designcrowd/library.brand-page 5.17.28 → 5.18.0

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

@@ -48,17 +48,11 @@ export interface AbTestResult {
 
 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 interface AbTest {
   bp_3926_freemium_watermark?: AbTestResult;
-  bp_4572_ai_text_generation_post_purchase?: AbTestResult;
-  bp_4964_ai_text_generation_improvement?: AbTestResult;
   bp_5245_ai_website_assistant?: AbTestResult;
 }
 
@@ -133,24 +127,6 @@ export const getAbTestResults = (abtestKeyValues: AbTest): AbTest => {
     );
   }
 
-  // AB Test for BP-4572 - AI Text Generation Post Purchase
-
-  if (abtestKeyValues[AB_TEST_KEYS.BP_4572_AI_TEXT_GENERATION_POST_PURCHASE]) {
-    abTests.bp_4572_ai_text_generation_post_purchase = getValueType(
-      AB_TEST_KEYS.BP_4572_AI_TEXT_GENERATION_POST_PURCHASE,
-      abtestKeyValues[AB_TEST_KEYS.BP_4572_AI_TEXT_GENERATION_POST_PURCHASE],
-    );
-  }
-
-  // AB Test for BP-4572 - AI Text Generation Improvement
-
-  if (abtestKeyValues[AB_TEST_KEYS.BP_4964_AI_TEXT_GENERATION_IMPROVEMENT]) {
-    abTests.bp_4964_ai_text_generation_improvement = getValueType(
-      AB_TEST_KEYS.BP_4964_AI_TEXT_GENERATION_IMPROVEMENT,
-      abtestKeyValues[AB_TEST_KEYS.BP_4964_AI_TEXT_GENERATION_IMPROVEMENT],
-    );
-  }
-
   // AB Test for BP-5245 - AI Website Assistant
 
   if (abtestKeyValues[AB_TEST_KEYS.BP_5245_AI_WEBSITE_ASSISTANT]) {

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

@@ -211,6 +211,7 @@ export type TiktokContent = ButtonContent;
 
 export const ASPECT_RATIOS = {
   Default: '',
+  original: '',
   '1:1': '1/1',
   '16:9': '16/9',
   '9:16': '9/16',

package/src/brand-page/utils/color.util.test.ts

@@ -45,3 +45,51 @@ describe('color.util - getNewColorBasedOnTargetColorTheme', () => {
     });
   });
 });
+
+describe('color.util - getNewColorBasedOnTargetColorTheme near-grayscale snap', () => {
+  // Reproducer for LangSmith trace 4e116ea3 (the "orangy drum"). The trio's
+  // secondary was #fffcfa — perceptually white but HSL(24°, 100%, 99%). Without
+  // the snap, multi-fill SVGs got their dark layers recolored to a saturated
+  // burnt-orange tint of that residual hue.
+  test('off-white target on a dark fill snaps to neutral grey (no orange tint)', () => {
+    // #231f20 grayscale lightness ≈ 12.5%. With the snap, the result is a
+    // near-black neutral grey, not a saturated rust.
+    const newColor = getNewColorBasedOnTargetColorTheme('#231f20', '#fffcfa');
+    const [r, g, b] = newColor!.rgb().array();
+
+    expect(Math.abs(r - g)).toBeLessThan(2);
+    expect(Math.abs(g - b)).toBeLessThan(2);
+    expect(r).toBeLessThan(40); // near-black, not bright orange
+  });
+
+  test('near-black target on a light fill snaps to neutral grey (no green tint)', () => {
+    // #020503 is HSL(140°, ~51%, 1.5%) — practically black, but with hue. A
+    // light original fill would otherwise become a saturated green.
+    const newColor = getNewColorBasedOnTargetColorTheme('#d4d4d4', '#020503');
+    const [r, g, b] = newColor!.rgb().array();
+
+    expect(Math.abs(r - g)).toBeLessThan(2);
+    expect(Math.abs(g - b)).toBeLessThan(2);
+    expect(r).toBeGreaterThan(200); // stays light grey
+  });
+
+  test('genuine pastel target still produces hue-shifted output', () => {
+    // #ffcc99 (peach) has chroma 102/255 ≈ 40% — well above the threshold. The
+    // hue should still come through (red channel dominates).
+    const newColor = getNewColorBasedOnTargetColorTheme('#333333', '#ffcc99');
+    const [r, g, b] = newColor!.rgb().array();
+
+    expect(r).toBeGreaterThan(b);
+    expect(r).toBeGreaterThan(g);
+  });
+
+  test('genuine cool navy target still produces hue-shifted output', () => {
+    // The trace's primary #0c1824 has chroma 24/255 ≈ 9.4% — above the
+    // threshold. When used as a target it should still imprint its cool hue
+    // onto the recoloured fills.
+    const newColor = getNewColorBasedOnTargetColorTheme('#cccccc', '#0c1824');
+    const [r, , b] = newColor!.rgb().array();
+
+    expect(b).toBeGreaterThan(r); // blue channel dominates, hue preserved
+  });
+});

package/src/brand-page/utils/color.util.ts

@@ -97,16 +97,41 @@ export const getThemeByTextStyleAndLogoTheme = (
   };
 };
 
+// RGB chroma threshold (0..1) below which a colour is treated as perceptually
+// grayscale even when its HSL saturation is non-zero. Off-whites like #fffcfa
+// report 100% HSL saturation but have ~2% chroma; applying that hue+saturation
+// on top of a dark original fill in `getNewColorBasedOnTargetColorTheme`
+// produces a saturated tint of the residual hue (e.g. #fffcfa → burnt-orange
+// at low lightness) rather than the perceived "white".
+const NEAR_GRAYSCALE_CHROMA_THRESHOLD = 0.05;
+
+const isNearGrayscale = (color: ColorInstance): boolean => {
+  const [r, g, b] = color.rgb().array();
+
+  return (
+    (Math.max(r, g, b) - Math.min(r, g, b)) / 255 <
+    NEAR_GRAYSCALE_CHROMA_THRESHOLD
+  );
+};
+
 export const getNewColorBasedOnTargetColorTheme = (
   originalColor: string,
   targetColor: string,
 ): ColorInstance | undefined => {
   try {
     const originalColorGrayScaled = Color(originalColor).grayscale().hsl();
-
-    const targetHslColor = Color(targetColor)
-      .hsl()
-      .lightness(originalColorGrayScaled.lightness());
+    const targetColorObj = Color(targetColor);
+
+    // Snap saturation to 0 when the target is perceptually grayscale. Without
+    // this, multi-fill SVG recolour (callers in `shape-color-utils.ts`)
+    // injects the target's residual hue into the original's lightness layer,
+    // producing visible hue where the user "meant" white/black.
+    const targetHslColor = isNearGrayscale(targetColorObj)
+      ? targetColorObj
+          .hsl()
+          .saturationl(0)
+          .lightness(originalColorGrayScaled.lightness())
+      : targetColorObj.hsl().lightness(originalColorGrayScaled.lightness());
 
     return targetHslColor.rgb();
   } catch (e) {

package/src/brand-page/utils/raygun.util.ts

@@ -6,14 +6,23 @@ declare global {
   }
 }
 
+interface RaygunOptions {
+  tags?: string[];
+  customData?: Record<string, unknown>;
+}
+
 export default {
-  safeSendRaygunError: (err: Error) => {
+  safeSendRaygunError: (err: Error, options?: RaygunOptions) => {
     if (typeof window?.Raygun?.send !== 'function') {
       return;
     }
 
     try {
-      window.Raygun.send(err);
+      if (options) {
+        window.Raygun.send(err, options.customData, options.tags);
+      } else {
+        window.Raygun.send(err);
+      }
     } catch (e) {
       console.error(e);
     }

package/src/brand-page/utils/svg-color.util.ts

@@ -157,13 +157,11 @@ export const applyColorReplacementsToSvgString = (
 ): string => {
   const scopeId = `id-${uuid.v4()}`;
 
-  const newSvg = modifySvgMetadata({
+  return modifySvgMetadata({
     svgString: svgString,
     replacementColors: colorReplacements,
     scopeId: scopeId,
   });
-
-  return newSvg;
 };
 
 export const applyColorToSvgString = (

package/src/brand-page/utils/view-model.util.ts

@@ -1237,10 +1237,7 @@ export const mapToPageFooterViewModel = (
     copyrightText: pageFooter.copyrightText,
     copyrightStyle,
     displayStyle: pageFooter.displayStyle,
-    iconStyle: Object.assign(
-      { fill: pageStyles.textStyles?.style.color },
-      pageFooter.iconStyle,
-    ),
+    iconStyle: { ...pageFooter.iconStyle },
     logo: mapToLogoViewModel(logoContent, logoStyles, useOldLogoRenderSize),
     socialLinks: pageFooter.socialLinks,
     textFontFamily: pageFooter.textFontFamily,

package/src/brand-page-maker/components/ai-text-edit/AiChatbox.vue

@@ -26,10 +26,10 @@
         v-model="inputText"
         :placeholder="placeholder"
         rows="3"
-        class="chatbox-textarea tw-font-sans tw-box-border tw-w-full tw-py-3 tw-pr-14 tw-text-base lg:tw-text-sm tw-px-4 tw-rounded-xl tw-border tw-border-solid tw-border-grayscale-200 tw-bg-grayscale-100 tw-transition-all tw-duration-300 tw-ease-out tw-resize-none tw-overflow-y-auto tw-outline-none"
+        class="chatbox-textarea tw-font-sans tw-box-border tw-w-full tw-py-3 tw-pr-14 lg:tw-pr-16 tw-text-base lg:tw-text-sm tw-px-4 tw-rounded-xl tw-border tw-border-solid tw-border-grayscale-200 tw-bg-grayscale-100 tw-transition-all tw-duration-300 tw-ease-out tw-resize-none tw-overflow-y-auto tw-outline-none"
         @keydown.enter.exact.prevent="onSend"
       />
-      <div class="tw-absolute tw-bottom-2 tw-right-2 tw-mb-2">
+      <div class="tw-absolute tw-bottom-2 tw-right-2 md:tw-right-5 tw-mb-2">
         <Button
           icon="arrow-up"
           icon-size="sm"

package/src/brand-page-maker/components/ai-text-edit/AiProgressFeed.vue

@@ -0,0 +1,162 @@
+<template>
+  <div data-component="ai-progress-feed">
+    <!-- Phase 1: Personalized acknowledgment -->
+    <p v-if="initialMessage" class="shimmer-text tw-text-sm tw-mb-2">
+      {{ initialMessage }}
+    </p>
+    <!-- Phase 1.5: Planning indicator (while planner runs, before plan_announced) -->
+    <div
+      v-if="initialMessage && !planItems.length && isTyping"
+      class="tw-flex tw-items-center tw-gap-2 tw-text-sm tw-animate-fade-in tw-mt-2"
+    >
+      <span class="step-spinner tw-flex-shrink-0" />
+      <span class="tw-text-grayscale-700">Working out the details...</span>
+    </div>
+    <!-- Phase 2: Dynamic checklist -->
+    <div v-if="planItems.length" class="tw-flex tw-flex-col tw-gap-3">
+      <div
+        v-for="item in sortedPlanItems"
+        :key="item.id"
+        class="tw-flex tw-items-center tw-gap-2 tw-text-sm tw-animate-fade-in"
+      >
+        <!-- Complete -->
+        <template v-if="isItemComplete(item)">
+          <svg
+            class="tw-text-success-500 tw-flex-shrink-0"
+            width="16"
+            height="16"
+            viewBox="0 0 16 16"
+            fill="none"
+          >
+            <path
+              d="M3 8.5L6.5 12L13 5"
+              stroke="currentColor"
+              stroke-width="2.2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          </svg>
+          <span class="tw-text-grayscale-600">{{ item.completeLabel }}</span>
+        </template>
+
+        <!-- Active (first incomplete item) -->
+        <template v-else-if="item.id === firstIncompleteId">
+          <span class="step-spinner tw-flex-shrink-0" />
+          <span class="tw-text-grayscale-700">
+            {{ item.pendingLabel }}
+            <span v-if="item.subIds?.length" class="tw-text-grayscale-500">
+              ({{ completedSubCount(item) }}/{{ item.subIds.length }})
+            </span>
+          </span>
+        </template>
+
+        <!-- Pending (not yet started) -->
+        <template v-else>
+          <span class="tw-text-grayscale-500 tw-flex-shrink-0">&#9675;</span>
+          <span class="tw-text-grayscale-600">{{ item.pendingLabel }}</span>
+        </template>
+      </div>
+      <div
+        v-if="allItemsComplete && isTyping"
+        class="tw-flex tw-items-center tw-gap-2 tw-text-sm tw-animate-fade-in"
+      >
+        <span class="step-spinner tw-flex-shrink-0" />
+        <span class="tw-text-grayscale-700">Consolidating your website...</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { type PlanItem } from '../../../clients/websocket-gateway-client';
+
+interface Props {
+  planItems: PlanItem[];
+  completedItemIds: string[];
+  initialMessage?: string;
+  isTyping: boolean;
+}
+
+const props = defineProps<Props>();
+
+const isItemComplete = (item: PlanItem) =>
+  item.subIds?.length
+    ? item.subIds.every((id) => props.completedItemIds.includes(id))
+    : props.completedItemIds.includes(item.id);
+
+const completedSubCount = (item: PlanItem) =>
+  item.subIds?.filter((id) => props.completedItemIds.includes(id)).length ?? 0;
+
+const allItemsComplete = computed(
+  () => props.planItems.length > 0 && props.planItems.every(isItemComplete),
+);
+
+const sortedPlanItems = computed(() => {
+  const completed = props.planItems.filter(isItemComplete);
+  const pending = props.planItems.filter((item) => !isItemComplete(item));
+  return [...completed, ...pending];
+});
+
+const firstIncompleteId = computed(
+  () => props.planItems.find((item) => !isItemComplete(item))?.id ?? null,
+);
+</script>
+
+<style scoped>
+.shimmer-text {
+  background: linear-gradient(
+    90deg,
+    #9ca3af 0%,
+    #9ca3af 35%,
+    #e5e7eb 50%,
+    #9ca3af 65%,
+    #9ca3af 100%
+  );
+  background-size: 250% 100%;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  animation: shimmer-slide 4s linear infinite;
+}
+
+@keyframes shimmer-slide {
+  from {
+    background-position: 200% center;
+  }
+  to {
+    background-position: -200% center;
+  }
+}
+
+.step-spinner {
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  border: 2px solid transparent;
+  border-top-color: #798bf9;
+  animation: spin 0.7s linear infinite;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.tw-animate-fade-in {
+  animation: fade-in 0.3s ease-in;
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+</style>

package/src/brand-page-maker/components/ai-text-edit/TextBubble.vue

@@ -2,20 +2,27 @@
   <div class="tw-mb-4" :class="containerClass">
     <div class="tw-flex" :class="containerClass">
       <div
-        class="tw-p-4 tw-px-2 tw-rounded-lg tw-flex tw-items-start tw-max-w-md"
+        class="tw-p-5 tw-rounded-lg tw-flex tw-items-start tw-max-w-md"
         :class="bubbleClass"
       >
         <SparkleIcon
-          v-if="isAi || isTyping"
+          v-if="isAi && !isTyping"
           color-class="tw-text-primary-500"
-          :animated="isTyping"
+          :animated="false"
           class="tw-mr-2 tw-flex tw-flex-shrink-0 tw-mt-0.5"
         />
         <div class="tw-flex-1">
           <div class="tw-text-sm tw-whitespace-pre-wrap" :class="textClass">
             <slot>
               <span v-if="!isTyping || displayedText" v-html="displayedText" />
-              <span v-else class="tw-text-grayscale-600 tw-italic">
+              <AiProgressFeed
+                v-else-if="initialMessage || planItems.length"
+                :plan-items="planItems"
+                :completed-item-ids="completedItemIds"
+                :initial-message="initialMessage"
+                :is-typing="isTyping"
+              />
+              <span v-else class="shimmer-text">
                 {{ generateAiModalTr('thinkingResponse') }}
               </span>
             </slot>
@@ -49,7 +56,9 @@
 import { computed, ref, watch } from 'vue';
 import { SparkleIcon } from '@designcrowd/fe-shared-lib';
 import AiActionButtons from './AiActionButtons.vue';
+import AiProgressFeed from './AiProgressFeed.vue';
 import { generateAiModalTr } from '../../../composables/useTranslate';
+import { type PlanItem } from '../../../clients/websocket-gateway-client';
 
 interface Props {
   text?: string;
@@ -63,6 +72,9 @@ interface Props {
   disableAnimation?: boolean; // Flag to disable typing animation (for restored messages)
   isDesignCom?: boolean;
   langChainUrl?: string;
+  initialMessage?: string;
+  planItems?: PlanItem[];
+  completedItemIds?: string[];
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -77,6 +89,9 @@ const props = withDefaults(defineProps<Props>(), {
   disableAnimation: false,
   isDesignCom: false,
   langChainUrl: undefined,
+  initialMessage: undefined,
+  planItems: () => [],
+  completedItemIds: () => [],
 });
 
 defineEmits<{
@@ -86,6 +101,7 @@ defineEmits<{
 }>();
 
 const copiedFeedback = ref(false);
+let copiedResetTimeout: ReturnType<typeof setTimeout> | null = null;
 
 const langChainUrlLabel = computed(() =>
   copiedFeedback.value ? 'Copied!' : 'Thread URL',
@@ -94,10 +110,21 @@ const langChainUrlLabel = computed(() =>
 const copyLangChainUrl = async () => {
   if (!props.langChainUrl) return;
 
+  if (copiedFeedback.value) {
+    if (copiedResetTimeout) {
+      clearTimeout(copiedResetTimeout);
+      copiedResetTimeout = null;
+    }
+    copiedFeedback.value = false;
+    window.open(props.langChainUrl, '_blank', 'noopener,noreferrer');
+    return;
+  }
+
   await navigator.clipboard.writeText(props.langChainUrl);
   copiedFeedback.value = true;
-  setTimeout(() => {
+  copiedResetTimeout = setTimeout(() => {
     copiedFeedback.value = false;
+    copiedResetTimeout = null;
   }, 2000);
 };
 
@@ -219,4 +246,29 @@ const showActions = computed(() => {
     opacity: 0;
   }
 }
+
+.shimmer-text {
+  background: linear-gradient(
+    90deg,
+    #9ca3af 0%,
+    #9ca3af 35%,
+    #e5e7eb 50%,
+    #9ca3af 65%,
+    #9ca3af 100%
+  );
+  background-size: 250% 100%;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  animation: shimmer-slide 4s linear infinite;
+}
+
+@keyframes shimmer-slide {
+  from {
+    background-position: 200% center;
+  }
+  to {
+    background-position: -200% center;
+  }
+}
 </style>

package/src/brand-page-maker/components/ai-text-edit/i18n/generate-ai.de-DE.json

@@ -1,25 +1,5 @@
 {
   "aiModal": {
-    "generateTitle": "Text mit KI generieren",
-    "generateDescription": "Der Inhalt wurde von einer KI generiert und muss möglicherweise zur Verbesserung der Genauigkeit bearbeitet werden",
-    "generatePlaceholder": "Beschreiben Sie Ihren Text.",
-    "generationStopped": "Die Textgenerierung wurde gestoppt. Starten Sie eine neue Eingabeaufforderung, um fortzufahren.",
-    "generateInputPlaceholder": "Geben Sie Ihre Eingabeaufforderung ein, um den Text zu beschreiben ...",
-    "stopGeneration": "Generierung anhalten",
-    "useText": "Text verwenden",
-    "promptTooLong": "Der Prompt darf maximal {{maxLength}} Zeichen lang sein ({{currentLength}})",
-    "generateText": "Erstellen Sie {{ location }}",
-    "improveText": "Meinen Text verbessern",
-    "spellCheck": "Rechtschreibprüfung",
-    "generateTextPrompt": "Schreiben Sie ein einprägsames {{fieldName}} für {{businessName}}, ein {{industry}} Unternehmen. Gestalten Sie es freundlich und einladend.",
-    "generateTextPromptWithIndustry": "Ein einprägsames {{fieldName}} schreiben für ein Unternehmen in der folgenden Branche: {{industry}}. Freundlich und einladend gestalten.",
-    "generateTextPromptWithBusinessName": "Ein einprägsames {{fieldName}} schreiben für {{businessName}}. Freundlich und einladend gestalten.",
-    "generateTextPromptSimple": "Ein einprägsames {{fieldName}} schreiben. Freundlich und einladend gestalten.",
-    "improveTextPrompt": "Diesen Text für {{businessName}} verbessern, ein Unternehmen in der folgenden Branche: {{industry}}. Natürlicher, klarer und professioneller formulieren.",
-    "improveTextPromptWithIndustry": "Diesen Text für {{industry}} verbessern. Natürlicher, klarer und professioneller formulieren.",
-    "improveTextPromptWithBusinessName": "Diesen Text für {{businessName}} verbessern. Natürlicher, klarer und professioneller formulieren.",
-    "improveTextPromptSimple": "Diesen Text verbessern. Natürlicher, klarer und professioneller formulieren.",
-    "spellCheckPrompt": "Prüfen Sie diesen Text auf Rechtschreibung und Grammatik.",
     "stop": "Stopp",
     "thinkingResponse": "Ich überlege mir eine Antwort …"
   }

package/src/brand-page-maker/components/ai-text-edit/i18n/generate-ai.es-ES.json

@@ -1,25 +1,5 @@
 {
   "aiModal": {
-    "generateTitle": "Generar texto con IA",
-    "generateDescription": "El contenido se genera mediante IA y podría necesitar una revisión para garantizar su precisión",
-    "generatePlaceholder": "Describe tu texto.",
-    "generationStopped": "El proceso de generación se ha detenido. Envía un nuevo mensaje para continuar.",
-    "generateInputPlaceholder": "Introduce tu mensaje para describir el texto...",
-    "stopGeneration": "Detén la generación",
-    "useText": "Usa texto",
-    "promptTooLong": "El mensaje debe tener {{maxLength}} caracteres como máximo ({{currentLength}})",
-    "generateText": "Genera {{ location }}",
-    "improveText": "Mejora mi texto",
-    "spellCheck": "Comprueba la ortografía",
-    "generateTextPrompt": "Escribe un {{fieldName}} pegadizo para {{businessName}}, un negocio {{industry}}. Hazlo amigable y acogedor.",
-    "generateTextPromptWithIndustry": "Escribe una {{fieldName}} que llame la atención para un negocio en el sector de {{industry}}. Haz que resulte cordial y agradable.",
-    "generateTextPromptWithBusinessName": "Escribe una {{fieldName}} que llame la atención para {{businessName}}. Haz que resulte cordial y agradable.",
-    "generateTextPromptSimple": "Escribe una {{fieldName}} que llame la atención. Haz que resulte cordial y agradable.",
-    "improveTextPrompt": "Mejora este texto para {{businessName}}, un negocio de {{industry}}. Haz que suene más natural, claro y profesional.",
-    "improveTextPromptWithIndustry": "Mejora este texto para un negocio de {{industry}}. Haz que suene más natural, claro y profesional.",
-    "improveTextPromptWithBusinessName": "Mejora este texto para {{businessName}}. Haz que suene más natural, claro y profesional.",
-    "improveTextPromptSimple": "Mejora este texto. Haz que suene más natural, claro y profesional.",
-    "spellCheckPrompt": "Verificar la ortografía y la gramática de este texto.",
     "stop": "Detener",
     "thinkingResponse": "Pensando una respuesta..."
   }

package/src/brand-page-maker/components/ai-text-edit/i18n/generate-ai.fr-CA.json

@@ -1,25 +1,5 @@
 {
   "aiModal": {
-    "generateTitle": "Générer du texte avec l'IA",
-    "generateDescription": "Le contenu est généré par l'IA et peut nécessiter des modifications pour plus de précision.",
-    "generatePlaceholder": "Décrivez votre texte.",
-    "generationStopped": "La génération de texte s'est arrêtée. Lancez une nouvelle requête pour continuer.",
-    "generateInputPlaceholder": "Entrez votre requête pour décrire le contenu...",
-    "stopGeneration": "Arrêter la génération",
-    "useText": "Utiliser le texte",
-    "promptTooLong": "La requête doit comporter {{maxLength}} caractères ou moins ({{currentLength}})",
-    "generateText": "Générer {{ location }}",
-    "improveText": "Améliorez votre texte",
-    "spellCheck": "Vérification orthographique",
-    "generateTextPrompt": "Rédigez un(e) {{fieldName}} accrocheur(-se) pour {{businessName}}, une entreprise de {{industry}}. Votre création devrait être chaleureuse et accueillante.",
-    "generateTextPromptWithIndustry": "Rédigez un(e) {{fieldName}} pour une entreprise de ce secteur : {{industry}}. Votre création devrait être chaleureuse et accueillante.",
-    "generateTextPromptWithBusinessName": "Rédigez un(e) {{fieldName}} accrocheur(-se) pour {{businessName}}. Votre création devrait être chaleureuse et accueillante.",
-    "generateTextPromptSimple": "Rédigez un(e) {{fieldName}} accrocheur(-se). Votre création devrait être chaleureuse et accueillante.",
-    "improveTextPrompt": "Améliorez ce texte pour {{businessName}}, une entreprise de {{industry}}. Rendez-le plus naturel, clair et professionnel.",
-    "improveTextPromptWithIndustry": "Améliorez ce texte pour une entreprise de {{industry}}. Rendez-le plus naturel, clair et professionnel.",
-    "improveTextPromptWithBusinessName": "Améliorez ce texte pour {{businessName}}. Rendez-le plus naturel, clair et professionnel.",
-    "improveTextPromptSimple": "Améliorez ce texte. Rendez-le plus naturel, clair et professionnel.",
-    "spellCheckPrompt": "Vérifiez l'orthographe et la grammaire de ce texte.",
     "stop": "Arrêtez",
     "thinkingResponse": "Je réfléchis à une réponse…"
   }

package/src/brand-page-maker/components/ai-text-edit/i18n/generate-ai.fr-FR.json

@@ -1,25 +1,5 @@
 {
   "aiModal": {
-    "generateTitle": "Générer du texte avec l'IA",
-    "generateDescription": "Le contenu est généré par l'IA et peut nécessiter des modifications pour plus de précision.",
-    "generatePlaceholder": "Décrivez votre texte.",
-    "generationStopped": "La génération de texte s'est arrêtée. Démarrez une nouvelle invite pour continuer.",
-    "generateInputPlaceholder": "Entrez votre prompt pour décrire le contenu...",
-    "stopGeneration": "Arrêter la génération",
-    "useText": "Utiliser le texte",
-    "promptTooLong": "L'invite doit comporter {{maxLength}} caractères ou moins ({{currentLength}})",
-    "generateText": "Générer {{ location }}",
-    "improveText": "Améliorez mon texte",
-    "spellCheck": "Vérification orthographique",
-    "generateTextPrompt": "Rédigez un {{fieldName}} accrocheur pour {{businessName}}, une entreprise de {{industry}}. Rendez-le chaleureux et accueillant.",
-    "generateTextPromptWithIndustry": "Rédigez un {{fieldName}} accrocheur pour une entreprise de ce secteur : {{industry}}. Rendez-le chaleureux et accueillant.",
-    "generateTextPromptWithBusinessName": "Rédigez un {{fieldName}} accrocheur pour {{businessName}}. Rendez-le chaleureux et accueillant.",
-    "generateTextPromptSimple": "Rédigez un {{fieldName}} accrocheur. Rendez-le chaleureux et accueillant.",
-    "improveTextPrompt": "Améliorez ce texte pour {{businessName}}, une entreprise de {{industry}}. Donnez-lui un ton plus naturel, plus clair et plus professionnel.",
-    "improveTextPromptWithIndustry": "Améliorez ce texte pour une entreprise de {{industry}}. Donnez-lui un ton plus naturel, plus clair et plus professionnel.",
-    "improveTextPromptWithBusinessName": "Améliorez ce texte pour {{businessName}}. Donnez-lui un ton plus naturel, plus clair et plus professionnel.",
-    "improveTextPromptSimple": "Améliorez ce texte. Donnez-lui un ton plus naturel, plus clair et plus professionnel.",
-    "spellCheckPrompt": "Vérifiez l'orthographe et la grammaire de ce texte.",
     "stop": "Arrêtez",
     "thinkingResponse": "Je réfléchis à une réponse…"
   }

package/src/brand-page-maker/components/ai-text-edit/i18n/generate-ai.json

@@ -1,25 +1,5 @@
 {
   "aiModal": {
-    "generateTitle": "Generate Text with AI",
-    "generateDescription": "Content is AI-generated and may require editing for accuracy",
-    "generatePlaceholder": "Describe your text.",
-    "generationStopped": "Text generation stopped. Start a new prompt to continue.",
-    "generateInputPlaceholder": "Enter your prompt to describe the text...",
-    "stopGeneration": "Stop generation",
-    "useText": "Use text",
-    "promptTooLong": "Prompt must be {{maxLength}} characters or less ({{currentLength}})",
-    "generateText": "Generate {{ location }}",
-    "improveText": "Improve my text",
-    "spellCheck": "Spell Check",
-    "generateTextPrompt": "Write a catchy {{fieldName}} for {{businessName}}, a {{industry}} business. Make it friendly and inviting.",
-    "generateTextPromptWithIndustry": "Write a catchy {{fieldName}} for a business in the {{industry}} industry. Make it friendly and inviting.",
-    "generateTextPromptWithBusinessName": "Write a catchy {{fieldName}} for {{businessName}}. Make it friendly and inviting.",
-    "generateTextPromptSimple": "Write a catchy {{fieldName}}. Make it friendly and inviting.",
-    "improveTextPrompt": "Improve this text for {{businessName}}, a {{industry}} business. Make it sound more natural, clear, and professional.",
-    "improveTextPromptWithIndustry": "Improve this text for a {{industry}} business. Make it sound more natural, clear, and professional.",
-    "improveTextPromptWithBusinessName": "Improve this text for {{businessName}}. Make it sound more natural, clear, and professional.",
-    "improveTextPromptSimple": "Improve this text. Make it sound more natural, clear, and professional.",
-    "spellCheckPrompt": "Check this text for spelling and grammar.",
     "stop": "Stop",
     "thinkingResponse": "Thinking of a response..."
   }