@designcrowd/library.brand-page 6.0.26-json-prereq-2 → 6.0.27-websitev2-dev-1

package/lib/src/metadata-builder/models.js

@@ -1,5 +1,7 @@
 import {} from '../brand-page/models';
 export const BUILDER_TYPES = {
+    UPDATE_CONTENT_TEXT: 'update-content-text',
+    UPDATE_CONTENT_TEXT_STYLE: 'update-content-text-style',
     // Per-section builder types (create)
     CREATE_BANNER_SECTION: 'create-banner-section',
     CREATE_ABOUT_SECTION: 'create-about-section',
@@ -26,6 +28,7 @@ export const BUILDER_TYPES = {
     CREATE_TWITCH: 'create-twitch',
     CREATE_TIKTOK: 'create-tiktok',
     CREATE_BOOKING_SECTION: 'create-booking-section',
+    CREATE_SUPPORT_ME: 'create-support-me',
     // Per-section builder types (update)
     UPDATE_BANNER_SECTION: 'update-banner-section',
     UPDATE_ABOUT_SECTION: 'update-about-section',
@@ -52,6 +55,7 @@ export const BUILDER_TYPES = {
     UPDATE_TWITCH: 'update-twitch',
     UPDATE_TIKTOK: 'update-tiktok',
     UPDATE_BOOKING_SECTION: 'update-booking-section',
+    UPDATE_SUPPORT_ME: 'update-support-me',
     // Section-level operations
     DELETE_SECTION: 'delete-section',
     MOVE_SECTION: 'move-section',

package/lib/src/metadata-builder/parsers/ai-toolcall-parser.d.ts

@@ -2,6 +2,8 @@ import type { AiAssistantToolCall } from '../../clients/ai-assistant-client';
 import type { FooterDisplayStyle, HeaderDisplayStyle, NavigationDisplayType } from '../../brand-page/constants';
 import type { SectionType, TextStyleArguments } from './section-tool-arguments';
 export declare const AI_ASSISTANT_TOOL_NAMES: {
+    readonly UPDATE_TEXT: "updateText";
+    readonly UPDATE_STYLE: "updateStyle";
     readonly BUILD_PROFILE_SECTION: "build_profile_section";
     readonly BUILD_TEXT_SECTION: "build_text_section";
     readonly BUILD_IMAGE_SECTION: "build_image_section";
@@ -28,6 +30,7 @@ export declare const AI_ASSISTANT_TOOL_NAMES: {
     readonly BUILD_TESTIMONIAL_SECTION: "build_testimonial-section_section";
     readonly BUILD_DIVIDER_SECTION: "build_divider-section_section";
     readonly BUILD_BOOKING_SECTION: "build_booking-section_section";
+    readonly BUILD_SUPPORT_ME_SECTION: "build_support-me_section";
     readonly DELETE_SECTION: "delete_section";
     readonly MOVE_SECTION: "move_section";
     readonly ADD_PAGE: "add_page";
@@ -47,6 +50,23 @@ export interface ParsedToolCall {
     arguments: Record<string, unknown>;
     usage_type?: 'free' | 'paid';
 }
+export interface BaseArguments {
+    message?: string;
+}
+export interface UpdateTextToolArguments extends BaseArguments {
+    contentId: string;
+    fieldName: string;
+    metadata: {
+        text: string;
+    };
+}
+export interface UpdateStyleToolArguments extends BaseArguments {
+    contentId: string;
+    fieldName: string;
+    metadata: {
+        style: BrandPageCssStyle;
+    };
+}
 export declare const SECTION_TOOL_MAP: Record<string, {
     sectionType: SectionType;
 }>;

package/lib/src/metadata-builder/parsers/ai-toolcall-parser.js

@@ -1,8 +1,12 @@
 // Tool names — must match the function names generated by the AI pipeline.
+// Text element tools use camelCase names.
 // Section tools follow the pattern: build_{sectionType}_section
 // where sectionType matches the ContentType value (e.g. 'banner-section', 'profile').
 // The mode ('create' | 'update') is a field in the tool arguments, not the tool name.
 export const AI_ASSISTANT_TOOL_NAMES = {
+    // Text element agent tools
+    UPDATE_TEXT: 'updateText',
+    UPDATE_STYLE: 'updateStyle',
     // Website builder agent tools — unified build
     BUILD_PROFILE_SECTION: 'build_profile_section',
     BUILD_TEXT_SECTION: 'build_text_section',
@@ -30,6 +34,7 @@ export const AI_ASSISTANT_TOOL_NAMES = {
     BUILD_TESTIMONIAL_SECTION: 'build_testimonial-section_section',
     BUILD_DIVIDER_SECTION: 'build_divider-section_section',
     BUILD_BOOKING_SECTION: 'build_booking-section_section',
+    BUILD_SUPPORT_ME_SECTION: 'build_support-me_section',
     // Section-level operation tools
     DELETE_SECTION: 'delete_section',
     MOVE_SECTION: 'move_section',
@@ -109,6 +114,9 @@ export const SECTION_TOOL_MAP = {
     [AI_ASSISTANT_TOOL_NAMES.BUILD_BOOKING_SECTION]: {
         sectionType: 'booking-section',
     },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_SUPPORT_ME_SECTION]: {
+        sectionType: 'support-me',
+    },
 };
 export const parseToolCalls = (toolCalls) => {
     if (!toolCalls || toolCalls.length === 0) {

package/lib/src/metadata-builder/parsers/section-tool-arguments.d.ts

@@ -6,7 +6,7 @@
  */
 import type { ContentType } from '../../brand-page/models';
 /** Content types not supported by the AI builder. */
-type UnsupportedContentType = 'logo' | 'video' | 'map' | 'request-payment' | 'support-me' | 'shop-section';
+type UnsupportedContentType = 'logo' | 'video' | 'map' | 'request-payment' | 'shop-section';
 export type SectionType = Exclude<ContentType, UnsupportedContentType>;
 export interface TiptapMark {
     type: 'bold' | 'italic' | 'underline' | 'strike' | 'link' | 'textStyle' | 'highlight';
@@ -407,13 +407,25 @@ export interface BookingSectionArguments {
     padding_top?: number;
     padding_bottom?: number;
 }
+export interface SupportMeArguments {
+    title?: string;
+    description?: string;
+    success_message?: string;
+    /** Matches DISPLAY_STYLE_PREVIEW / DISPLAY_STYLE_COLLAPSED. */
+    display_style?: 'preview' | 'collapsed';
+    title_style?: TextStyleArguments;
+    heading_style?: TextStyleArguments;
+    description_style?: TextStyleArguments;
+    item_text_style?: TextStyleArguments;
+    button_text_style?: ButtonTextStyleArguments;
+}
 export interface DividerSectionArguments {
     divider_style?: 'none' | 'thin' | 'thick';
     divider_color?: string | null;
     background_color?: string | null;
     padding?: number;
 }
-export type SectionToolArguments = ProfileSectionArguments | TextSectionArguments | ImageSectionArguments | ImageGallerySectionArguments | GeneralLinkSectionArguments | WebsiteSectionArguments | EmailSectionArguments | PhoneSectionArguments | FacebookSectionArguments | XSectionArguments | InstagramSectionArguments | YoutubeSectionArguments | LinkedinSectionArguments | PinterestSectionArguments | TwitchSectionArguments | TiktokSectionArguments | SocialLinksSectionArguments | MailingListSectionArguments | ContactFormSectionArguments | BannerSectionArguments | AboutSectionArguments | ImagesSectionArguments | TestimonialSectionArguments | ShapesSectionArguments | BookingSectionArguments | DividerSectionArguments;
+export type SectionToolArguments = ProfileSectionArguments | TextSectionArguments | ImageSectionArguments | ImageGallerySectionArguments | GeneralLinkSectionArguments | WebsiteSectionArguments | EmailSectionArguments | PhoneSectionArguments | FacebookSectionArguments | XSectionArguments | InstagramSectionArguments | YoutubeSectionArguments | LinkedinSectionArguments | PinterestSectionArguments | TwitchSectionArguments | TiktokSectionArguments | SocialLinksSectionArguments | MailingListSectionArguments | ContactFormSectionArguments | BannerSectionArguments | AboutSectionArguments | ImagesSectionArguments | TestimonialSectionArguments | ShapesSectionArguments | BookingSectionArguments | SupportMeArguments | DividerSectionArguments;
 export interface SectionToolCallShape {
     mode: 'create' | 'update';
     type: string;

package/lib/src/metadata-builder/sanitizers/rte-schema-check.d.ts

@@ -1,13 +1,14 @@
 import { type SectionCheck } from './section-args-validator';
 /**
- * Validates a Tiptap doc against the real ProseMirror schema
- * (`schema.nodeFromJSON`). Catches malformed AI input — stray non-node children
- * in `content`, unknown node types, malformed attrs — before the builder runs
- * and the renderer's silent `setContent` drops the doc to `<p></p>` (BP-5669).
+ * Validates a Tiptap doc against the headless editor's real ProseMirror
+ * schema (`schema.nodeFromJSON`). Catches malformed AI input — stray
+ * non-node children in `content`, unknown node types, malformed attrs —
+ * before the builder runs and the renderer's silent `setContent` drops
+ * the doc to `<p></p>` (BP-5669).
  *
- * Returns the field-prefixed error string so the AI's tool-call retry loop reads
- * it via `BuilderResult.errors` → `tool_result.errorMessage` and re-emits a
- * corrected payload.
+ * Returns the field-prefixed error string so the AI's tool-call retry
+ * loop reads it via `BuilderResult.errors` → `tool_result.errorMessage`
+ * and re-emits a corrected payload.
  */
 export declare const rteSchemaCheck: (field: string) => SectionCheck;
 /**

package/lib/src/metadata-builder/sanitizers/rte-schema-check.js

@@ -1,42 +1,73 @@
-import { getSchema } from '@tiptap/core';
-import { getRteExtensions } from '../../brand-page-maker/composables/rich-text-editor/getRteExtensions';
+import { Editor } from '@tiptap/vue-3';
+import StarterKit from '@tiptap/starter-kit';
+import Underline from '@tiptap/extension-underline';
+import TextStyle from '@tiptap/extension-text-style';
+import TextAlign from '@tiptap/extension-text-align';
+import FontFamily from '@tiptap/extension-font-family';
+import ColorExtension from '@tiptap/extension-color';
+import Highlight from '@tiptap/extension-highlight';
+import Link from '@tiptap/extension-link';
+import { FontSize } from '../../brand-page-maker/composables/rich-text-editor/extensions/FontSize';
+import { LetterSpacing } from '../../brand-page-maker/composables/rich-text-editor/extensions/LetterSpacing';
+import { LineHeight } from '../../brand-page-maker/composables/rich-text-editor/extensions/LineHeight';
+import { AutoLink } from '../../brand-page-maker/composables/rich-text-editor/extensions/AutoLink';
 import { isTiptapDocument } from '../parsers/section-tool-arguments';
 import { rteStyleCheck, textCheck, } from './section-args-validator';
 /**
- * The ProseMirror schema built from the SAME extension set the editor and
- * renderer use (`getRteExtensions`), so validation matches real editor output.
- * `getSchema` is DOM-less (no Editor instance) and the schema is pure, so it is
- * built once and cached.
- *
- * We import `getRteExtensions` (a leaf module — @tiptap + prosemirror only), not
- * the maker composable (`useExternalRichTextEditor`), which would pull in the
- * AI executor → section-builders → section-rules graph and re-enter this file
- * before its exports are bound.
+ * Constructs a headless Tiptap Editor with the same extension set as
+ * `useExternalRichTextEditor` in the maker. We import the Tiptap extension
+ * files directly (they are leaf modules) instead of going through the maker
+ * composable, which would pull in the AI executor → section-builders →
+ * section-rules graph and re-enter this file before its exports are bound.
  */
-let cachedSchema;
-const getRteSchema = () => (cachedSchema ??= getSchema(getRteExtensions({ includeLinkRel: true })));
+const buildHeadlessEditor = () => new Editor({
+    editable: false,
+    extensions: [
+        StarterKit,
+        Underline,
+        TextStyle.configure({ mergeNestedSpanStyles: true }),
+        TextAlign.configure({ types: ['heading', 'paragraph'] }),
+        FontFamily.configure({ types: ['textStyle'] }),
+        FontSize,
+        LetterSpacing,
+        LineHeight,
+        ColorExtension.configure({ types: ['textStyle'] }),
+        Highlight.configure({ multicolor: true }),
+        Link.configure({
+            openOnClick: false,
+            defaultProtocol: 'https',
+            autolink: true,
+        }),
+        AutoLink,
+    ],
+});
 /**
- * Validates a Tiptap doc against the real ProseMirror schema
- * (`schema.nodeFromJSON`). Catches malformed AI input — stray non-node children
- * in `content`, unknown node types, malformed attrs — before the builder runs
- * and the renderer's silent `setContent` drops the doc to `<p></p>` (BP-5669).
+ * Validates a Tiptap doc against the headless editor's real ProseMirror
+ * schema (`schema.nodeFromJSON`). Catches malformed AI input — stray
+ * non-node children in `content`, unknown node types, malformed attrs —
+ * before the builder runs and the renderer's silent `setContent` drops
+ * the doc to `<p></p>` (BP-5669).
  *
- * Returns the field-prefixed error string so the AI's tool-call retry loop reads
- * it via `BuilderResult.errors` → `tool_result.errorMessage` and re-emits a
- * corrected payload.
+ * Returns the field-prefixed error string so the AI's tool-call retry
+ * loop reads it via `BuilderResult.errors` → `tool_result.errorMessage`
+ * and re-emits a corrected payload.
  */
 export const rteSchemaCheck = (field) => (record) => {
     const value = record[field];
     if (!isTiptapDocument(value))
         return null;
+    const editor = buildHeadlessEditor();
     try {
-        getRteSchema().nodeFromJSON(value);
+        editor.schema.nodeFromJSON(value);
         return null;
     }
     catch (err) {
         const detail = err instanceof Error ? err.message : String(err);
         return `"${field}" is not valid Tiptap JSON: ${detail}`;
     }
+    finally {
+        editor.destroy();
+    }
 };
 /**
  * Returns [rteSchemaCheck(field), textCheck(field, max), rteStyleCheck(field)].

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

@@ -158,20 +158,7 @@ export default defineComponent({
         },
     },
     watch: {
-        value(newVal, oldVal) {
-            // BP-5787: RTE values are Tiptap JSON objects. The parent (TextItemsField)
-            // re-clones its items array (cloneDeep) on ANY change — including a sibling
-            // field's style sync — yielding a NEW object reference with identical text
-            // content. For objects Vue fires this watcher on reference change, so that
-            // spurious re-clone would overwrite `_value` and clobber an in-flight edit
-            // (a mark applied but not yet debounced to the store), silently dropping
-            // the user's formatting. Strings never hit this (same content = same
-            // reference = no fire), so mirror that: ignore re-clones whose content is
-            // unchanged from the previous prop value.
-            if (this.showRichTextEditor &&
-                JSON.stringify(newVal) === JSON.stringify(oldVal)) {
-                return;
-            }
+        value(newVal) {
             this._value = newVal;
             if (this.showRichTextEditor) {
                 const textValue = escapeContentText(this._value);

package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.js

@@ -8,7 +8,7 @@ import { SIDE_BAR_TAB_NAMES } from '@brand-page-maker/constants';
 import { ITEM_FIELD_TYPES } from '@brand-page-maker/models';
 import { useUiPageSettingsStore } from '../../../page-settings/store';
 import { PAGE_SECTIONS } from '../../../page-settings/models';
-import { getPlainTextFromRTE, replaceTextInRTE, RTE_ALLOWED_SECTION_TYPES, isRTEManagedStyleField, isTiptapDocument, renderRteToHtml, toRteJson, } from '@brand-page-maker/utils';
+import { getPlainTextFromRTE, replaceTextInRTE, RTE_ALLOWED_SECTION_TYPES, isRTEManagedStyleField, } from '@brand-page-maker/utils';
 import { isDefaultContentText } from '@shared/content-settings/utils';
 import { useUiLogoSettingsStore } from '../../../logo-settings/store';
 const RTE_DISALLOWED_FIELD_NAMES = ['buttonText'];
@@ -267,17 +267,8 @@ export default defineComponent({
         },
         onUseGeneratedText(generatedText) {
             let formattedText = generatedText;
-            // BP-5787: preserve the field's formatting when dropping in AI text.
-            // replaceTextInRTE is HTML-based, so JSON is rendered/parsed around it
-            // (cold AI path, shared editor); string fields use it directly.
-            if (this.showRichTextEditor) {
-                if (isTiptapDocument(this.value)) {
-                    formattedText =
-                        toRteJson(replaceTextInRTE(renderRteToHtml(this.value), generatedText)) ?? generatedText;
-                }
-                else if (typeof this.value === 'string') {
-                    formattedText = replaceTextInRTE(this.value, generatedText);
-                }
+            if (this.showRichTextEditor && typeof this.value === 'string') {
+                formattedText = replaceTextInRTE(this.value, generatedText);
             }
             this.contentSettingsStore.updateItemValue({
                 id: this.id,

package/lib/src/shared/content-settings/components/testimonial-items-field/TestimonialItemsField.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { ColorReplacement, Content, LogoTheme, RichTextValue, TestimonialItems } from '@brand-page';
+import type { ColorReplacement, Content, LogoTheme, TestimonialItems } from '@brand-page';
 import type { DebounceHandle } from 'lodash.debounce';
 import type { UpdateItemValuePayload } from '../../models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -64,8 +64,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         name: string;
         value: string;
     }, index: number): void;
-    getItemTextPreview(text: RichTextValue): string;
-    rteTextLength(value: RichTextValue): number;
+    getItemTextPreview(text: string): string;
     getPlainTextValue(index: number): string;
     onCaptureSnapshot(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "capture-preview-snapshot" | "on-intent-image-replace")[], "update:modelValue" | "capture-preview-snapshot" | "on-intent-image-replace", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/src/shared/content-settings/components/testimonial-items-field/TestimonialItemsField.mixin.js

@@ -3,7 +3,7 @@ import { EMPTY_TESTIMONIAL, MAX_DESCRIPTION_LENGTH, MAX_LENGTH_ERROR_MESSAGE, MA
 import debounce from 'lodash.debounce';
 import cloneDeep from 'lodash.clonedeep';
 import { useSnapshotStore } from '@brand-page-maker/stores';
-import { getPlainTextFromRTE, getRteTextLength } from '@brand-page-maker/utils';
+import { getPlainTextFromRTE } from '@brand-page-maker/utils';
 import { isDefaultContentText } from '../../utils';
 import { decodeHtmlEntities } from '@brand-page/utils';
 import { ESCAPED_NEWLINE_CHARACTER } from '../../../../constants/ui';
@@ -73,9 +73,7 @@ export default defineComponent({
     },
     created() {
         this.options = cloneDeep(this.value);
-        // BP-5787: testimonials may be Tiptap JSON (migrated legacy content), so
-        // read visible text via getPlainTextFromRTE rather than `.trim()` on a doc.
-        this.isEmpty = this.options.map((option) => getPlainTextFromRTE(option.testimonials).length === 0);
+        this.isEmpty = this.options.map((option) => option.testimonials.trim().length === 0);
         if (!this.changeDebounce) {
             this.changeDebounce = debounce(this.emitChange, DEBOUNCE_IN_MS);
         }
@@ -162,12 +160,7 @@ export default defineComponent({
             this.emitChange();
         },
         getItemTextPreview(text) {
-            // BP-5787: a JSON doc has no `.replace` — take its visible text first.
-            const value = typeof text === 'string' ? text : getPlainTextFromRTE(text);
-            return decodeHtmlEntities(value.replace(new RegExp(ESCAPED_NEWLINE_CHARACTER, 'g'), ' '));
-        },
-        rteTextLength(value) {
-            return getRteTextLength(value);
+            return decodeHtmlEntities(text.replace(new RegExp(ESCAPED_NEWLINE_CHARACTER, 'g'), ' '));
         },
         getPlainTextValue(index) {
             const text = this.options[index]?.testimonials || '';

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

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { Content, LogoTheme, RichTextValue, TextItem, TextStyleDeclaration } from '@brand-page/models';
+import type { Content, LogoTheme, TextItem, TextStyleDeclaration } from '@brand-page/models';
 import type { DebounceHandle } from 'lodash.debounce';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
@@ -79,7 +79,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         name: string;
         value: string;
     }, index: number): void;
-    rteTextLength(value: RichTextValue): number;
     getPlainTextValue(index: number): string;
     onCaptureSnapshot(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("capture-preview-snapshot" | "update:model-value")[], "capture-preview-snapshot" | "update:model-value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.js

@@ -4,7 +4,7 @@ import debounce from 'lodash.debounce';
 import cloneDeep from 'lodash.clonedeep';
 import { decodeHtmlEntities, escapeContentText } from '@brand-page/utils';
 import { useSnapshotStore } from '@brand-page-maker/stores';
-import { getPlainTextFromRTE, getRteTextLength } from '@brand-page-maker/utils';
+import { getPlainTextFromRTE } from '@brand-page-maker/utils';
 import { isDefaultContentText } from '../../utils';
 const DEBOUNCE_IN_MS = 250;
 export default defineComponent({
@@ -172,9 +172,6 @@ export default defineComponent({
             this.options[index][payload.name] = payload.value;
             this.emitChange();
         },
-        rteTextLength(value) {
-            return getRteTextLength(value);
-        },
         getPlainTextValue(index) {
             const text = this.options[index]?.text || '';
             const plainText = getPlainTextFromRTE(text);

package/lib/src/utils/minify-brand-page-metadata.js

@@ -1,5 +1,5 @@
 import { BRAND_PAGE_TYPES, } from '../brand-page/models';
-import { hasRTEContent, isTiptapDocument } from '../brand-page-maker/utils';
+import { hasRTEContent } from '../brand-page-maker/utils';
 import { useExternalRichTextEditor } from '../brand-page-maker/composables/rich-text-editor/useRichTextEditor';
 import { findAssetKey, resolveLogoData, } from './build-asset-manifest';
 const BUTTON_TYPES = [
@@ -17,9 +17,6 @@ const BUTTON_TYPES = [
     'tiktok',
 ];
 const convertText = (value, editor) => {
-    // Already Tiptap JSON (BP-5787 storage) — keep as-is.
-    if (isTiptapDocument(value))
-        return value;
     if (typeof value !== 'string' || !value)
         return undefined;
     if (hasRTEContent(value)) {
@@ -358,11 +355,18 @@ const minifyContent = (content, editor, assets) => {
         case 'logo':
             return base;
         case 'request-payment':
+            return {
+                ...base,
+                ...st('title', c.title, editor),
+                ...st('description', c.description, editor),
+            };
         case 'support-me':
             return {
                 ...base,
                 ...st('title', c.title, editor),
                 ...st('description', c.description, editor),
+                ...st('successMessage', c.successMessage, editor),
+                ...(includeString(c.displayStyle) && { displayStyle: c.displayStyle }),
             };
         default:
             return base;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "6.0.26-json-prereq-2",
+  "version": "6.0.27-websitev2-dev-1",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",
@@ -74,20 +74,19 @@
     "@designcrowd/fe-shared-lib": "2.0.7",
     "@pinia/nuxt": "0.11.3",
     "@storybook/react": "9.0.4",
-    "@tiptap/extension-bubble-menu": "3.28.0",
-    "@tiptap/extension-character-count": "3.28.0",
-    "@tiptap/extension-color": "3.28.0",
-    "@tiptap/extension-font-family": "3.28.0",
-    "@tiptap/extension-hard-break": "3.28.0",
-    "@tiptap/extension-highlight": "3.28.0",
-    "@tiptap/extension-link": "3.28.0",
-    "@tiptap/extension-placeholder": "3.28.0",
-    "@tiptap/extension-text-align": "3.28.0",
-    "@tiptap/extension-text-style": "3.28.0",
-    "@tiptap/extension-underline": "3.28.0",
-    "@tiptap/starter-kit": "3.28.0",
-    "@tiptap/static-renderer": "3.28.0",
-    "@tiptap/vue-3": "3.28.0",
+    "@tiptap/extension-bubble-menu": "^2.14.0",
+    "@tiptap/extension-character-count": "2.11.7",
+    "@tiptap/extension-color": "2.11.5",
+    "@tiptap/extension-font-family": "2.11.5",
+    "@tiptap/extension-hard-break": "2.12.0",
+    "@tiptap/extension-highlight": "2.11.5",
+    "@tiptap/extension-link": "2.11.5",
+    "@tiptap/extension-placeholder": "2.11.5",
+    "@tiptap/extension-text-align": "2.11.5",
+    "@tiptap/extension-text-style": "2.11.5",
+    "@tiptap/extension-underline": "2.11.5",
+    "@tiptap/starter-kit": "2.11.5",
+    "@tiptap/vue-3": "2.11.5",
     "axios": "1.13.5",
     "chroma-js": "2.4.2",
     "click-outside-vue3": "4.0.1",
@@ -105,7 +104,6 @@
     "http-proxy-middleware": "2.0.6",
     "i18next": "25.8.5",
     "jquery": "3.7.1",
-    "jsdom": "27.4.0",
     "lodash.clonedeep": "4.5.0",
     "lodash.debounce": "4.0.8",
     "lodash.throttle": "4.1.1",
@@ -162,7 +160,6 @@
     "@types/google.maps": "3.65.1",
     "@types/istanbul-lib-report": "3.0.3",
     "@types/jquery": "3.5.33",
-    "@types/jsdom": "21.1.6",
     "@types/lodash.clonedeep": "4.5.9",
     "@types/mssql": "9.1.9",
     "@types/multer": "1.4.11",
@@ -201,6 +198,7 @@
     "imports-loader": "5.0.0",
     "jest-image-snapshot": "6.5.1",
     "js-base64": "3.7.8",
+    "jsdom": "27.4.0",
     "jsdom-global": "3.0.2",
     "lint-staged": "15.2.0",
     "mini-css-extract-plugin": "2.10.0",

package/src/brand-page/components/contact-form/ContactForm.mixin.ts

@@ -32,7 +32,7 @@ import {
   mutedTextForBackground,
   backgroundColorFromStyle,
 } from '@brand-page/utils';
-import { hasRTEContent, getPlainTextFromRTE } from '@brand-page-maker/utils';
+import { hasRTEContent } from '@brand-page-maker/utils';
 import { useReCaptcha } from '../../composables/recaptcha.composable';
 
 export interface FieldValue {
@@ -180,10 +180,7 @@ export default defineComponent({
     },
 
     title(): string {
-      // BP-5787: title may be RTE JSON (not a string), so `.trim()` would
-      // throw — read the visible text via getPlainTextFromRTE to decide
-      // whether to fall back to the default.
-      return getPlainTextFromRTE(this.viewModel.title)
+      return this.viewModel.title && this.viewModel.title.trim() !== ''
         ? this.viewModel.title
         : 'Contact Us';
     },

package/src/brand-page/components/text-wrapper/TextWrapper.vue

@@ -21,13 +21,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import {
-  hasRTEContent,
-  getPlainTextFromRTE,
-  renderRteToHtml,
-  isTiptapDocument,
-  type RichTextValue,
-} from '@brand-page-maker/utils';
+import { hasRTEContent, getPlainTextFromRTE } from '@brand-page-maker/utils';
 import {
   type FluidTextData,
   type TextStyleDeclaration,
@@ -43,8 +37,7 @@ import {
 
 interface Props {
   textStyle: TextStyleDeclaration | undefined;
-  // BP-5787: an RTE field is a legacy inline-HTML string or a Tiptap JSON doc.
-  text: RichTextValue;
+  text: string;
   element?: string;
   slug?: string;
 }
@@ -86,20 +79,16 @@ const textStyleRTE = computed(() => {
   };
 });
 
-// Render either form (legacy HTML string or Tiptap JSON) to final HTML.
-// For a string this returns it unchanged, so the legacy path is unaffected.
-const renderedHtml = computed(() => renderRteToHtml(props.text));
-
 const isRTEContent = computed(() => {
-  return isTiptapDocument(props.text) || hasRTEContent(renderedHtml.value);
+  return hasRTEContent(props.text);
 });
 
 const sanitizeText = computed(() => {
-  if (isRTEContent.value && !getPlainTextFromRTE(renderedHtml.value)) {
+  if (isRTEContent.value && !getPlainTextFromRTE(props.text)) {
     return '';
   }
 
-  return renderedHtml.value;
+  return props.text;
 });
 
 const fontSize = computed<any>(() => props.textStyle.fontSize);
@@ -171,7 +160,7 @@ const applyScale = () => {
   }
 
   const fontSizeMatchInRTEText = [
-    ...renderedHtml.value.matchAll(
+    ...props.text.matchAll(
       /style="(?:[^"]*?)\bfont-size\s*:\s*(?<fontSize>[^;"']+)[^"]*?"/gm,
     ),
   ].map((x) => parseFloat(x.groups?.fontSize || '1em'));