@designcrowd/library.brand-page 6.2.13-remove-v1-1 → 6.2.14

package/lib/src/{CreatedOnBrandCrowd-de-de-CoNPRkJy.js → CreatedOnBrandCrowd-de-de-Deoc6s8r.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-D3099egH.js → CreatedOnBrandCrowd-en-us-BxDzsLl-.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DDKTS6CI.js → CreatedOnBrandCrowd-es-es-B-5VS2MV.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-FbE-W5IO.js → CreatedOnBrandCrowd-fr-ca-C6h05sUZ.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-FbE-W5IO.js → CreatedOnBrandCrowd-fr-fr-C6h05sUZ.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BG2-KFrl.js → CreatedOnBrandCrowd-pt-br-BC6XU3ev.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-BG2-KFrl.js → CreatedOnBrandCrowd-pt-pt-BC6XU3ev.js}

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

package/lib/src/{CreatedOnDcom-de-de-Br79PFya.js → CreatedOnDcom-de-de-dUTedh8v.js}

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

package/lib/src/{CreatedOnDcom-en-us-lqpcQj-7.js → CreatedOnDcom-en-us-DY0jkOeW.js}

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

package/lib/src/{CreatedOnDcom-es-es-B9OAEcGO.js → CreatedOnDcom-es-es-DRioej2A.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-CJJLSYYb.js → CreatedOnDcom-fr-ca-CcglfcUU.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-D5_ODr63.js → CreatedOnDcom-fr-fr-B7v_e6HI.js}

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

package/lib/src/{CreatedOnDcom-pt-br-BjK1aS8b.js → CreatedOnDcom-pt-br-5XGcKJb7.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-DtH-sGF_.js → CreatedOnDcom-pt-pt-DepC53tO.js}

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

package/lib/src/brand-page/utils/container-text-color.util.d.ts

@@ -9,8 +9,8 @@
  * reason `resolveTextColor` lives in one place (`text-style.util.ts`).
  *
  * MIGRATION-22 SNAPSHOT DEPENDENCY: the v21 -> v22 colour bake calls
- * `containerTextColorDefaults` and `titleSurfaceContrastFill`. Pin that migration's behaviour
- * before changing either helper after it releases.
+ * `containerTextColorDefaults`, `titleSurfaceContrastFill` and `isButtonLabelField`. Pin that
+ * migration's behaviour before changing any of them after it releases.
  */
 import type { Content, PageStyles, BrandPageType, ColorItem } from '../models';
 import { type ContentTextStylePropertyKey } from '../constants';
@@ -33,6 +33,16 @@ export declare const CONTAINER_BOUND_TEXT_STYLE_KEYS: Partial<Record<Content['ty
  * scope here).
  */
 export declare const containerSurfaceForContent: (content: Content, styles: PageStyles, brandPageType?: BrandPageType) => BrandPageCssStyle | undefined;
+/**
+ * A standalone button's LABEL (`isButtonContent` → general-link, website, email, phone, and the
+ * social buttons — all store the label in `titleStyle`). Like `buttonTextStyle`, the label sits on
+ * the button fill, not a section surface: the button owns its own fill/text pairing, so it must not
+ * bake. With no baked colour the label inherits the button's on-fill text colour at render
+ * (`buttonStyles.style.color`), which is guaranteed to contrast the fill — whereas baking would
+ * contrast the PAGE instead and collide with the fill (the default theme paints both from the same
+ * brand role, hiding the text).
+ */
+export declare const isButtonLabelField: (content: Content, key: ContentTextStylePropertyKey) => boolean;
 /**
  * The colour the maker's Text Style swatch shows for a STANDALONE button's LABEL. The label is left
  * uncoloured on the element (`isButtonLabelField` exempts it from the birth-time bake) and inherits

package/lib/src/brand-page/utils/container-text-color.util.js

@@ -107,7 +107,7 @@ const NON_SECTION_SURFACE_KEYS = new Set([
  * contrast the PAGE instead and collide with the fill (the default theme paints both from the same
  * brand role, hiding the text).
  */
-const isButtonLabelField = (content, key) => key === 'titleStyle' && isButtonContent(content);
+export const isButtonLabelField = (content, key) => key === 'titleStyle' && isButtonContent(content);
 /**
  * The colour the maker's Text Style swatch shows for a STANDALONE button's LABEL. The label is left
  * uncoloured on the element (`isButtonLabelField` exempts it from the birth-time bake) and inherits

package/lib/src/brand-page/utils/migration/migration-22.d.ts

@@ -86,8 +86,9 @@ type NoRoleTextStyles = WeakMap<object, Set<string>>;
  * and the role colour (E) changes no pixels. migration-21 already baked element→frame→role
  * colour into RTE runs, so the only uncoloured runs reaching here inherit the base coat;
  * non-RTE fields (21 left them alone) resolve element→container-default→role→base coat.
- * `buttonTextStyle` is excluded — the button label takes its colour from `buttonStyles`,
- * never the base coat. A social-links section's unset icon fill is frozen here too.
+ * `buttonTextStyle` and a link button's `titleStyle` are excluded — the button label takes its
+ * colour from `buttonStyles`, never the base coat. A social-links section's unset icon fill is
+ * frozen here too.
  */
 export declare const bakeElementColours: (brandPageModel: BrandPageModel, options: TextStyleOptions, noRoleTextStyles?: NoRoleTextStyles) => void;
 /** E — clear the retired role colour from every role definition (run after D reads it). */

package/lib/src/brand-page/utils/migration/migration-22.js

@@ -3,7 +3,7 @@ import { TEXT_STYLE_TYPES, isCanonicalTextStyleType, isLegacyTextStyleType, } fr
 import { CONTENT_TEXT_STYLE_PROPERTY_KEYS, FONT_FAMILY_CONFIGS, DEFAULT_FONT_FAMILY_KEY, FONT_SIZE_BODY, LINE_HEIGHT_BODY, ALIGN_LEFT_ALIGNED, ALIGN_RIGHT_ALIGNED, MAX_IMAGES_SECTION_ALIGNMENT_ITEMS_LENGTH, } from '../../constants';
 import { computeLegacyTargets, reconnectTextStyleRoles, contentFieldReconnectSpec, drawnFontFamily, siteTextFontName, FAMILY_TIERS, } from '../text-role-reconnect.util';
 import { pairedRteTextField, rteStyleFieldsFor, } from '@shared/color-strategies/rte-field-pairs';
-import { containerTextColorDefaults, titleSurfaceContrastFill, } from '../container-text-color.util';
+import { containerTextColorDefaults, isButtonLabelField, titleSurfaceContrastFill, } from '../container-text-color.util';
 import { stripLiftContentRte, textRunFontFamilies, } from '../rte-role-lift.util';
 import { collectRteTextColors, fillUncolouredRteText, } from '@shared/color-strategies/rte-color';
 import { isBlankColorValue } from '../color-palette.util';
@@ -515,8 +515,9 @@ const roleColour = (options, textStyleType) => textStyleType
  * and the role colour (E) changes no pixels. migration-21 already baked element→frame→role
  * colour into RTE runs, so the only uncoloured runs reaching here inherit the base coat;
  * non-RTE fields (21 left them alone) resolve element→container-default→role→base coat.
- * `buttonTextStyle` is excluded — the button label takes its colour from `buttonStyles`,
- * never the base coat. A social-links section's unset icon fill is frozen here too.
+ * `buttonTextStyle` and a link button's `titleStyle` are excluded — the button label takes its
+ * colour from `buttonStyles`, never the base coat. A social-links section's unset icon fill is
+ * frozen here too.
  */
 export const bakeElementColours = (brandPageModel, options, noRoleTextStyles = new WeakMap()) => {
     const baseCoat = roleColour(options, 'paragraph1');
@@ -535,6 +536,10 @@ export const bakeElementColours = (brandPageModel, options, noRoleTextStyles = n
             for (const key of Object.keys(CONTENT_TEXT_STYLE_PROPERTY_KEYS)) {
                 if (key === 'buttonTextStyle' || rteStyleFields.has(key))
                     continue;
+                // A link button's label sits on the global button fill, not the page the base coat
+                // contrasts: left bare it inherits the button text colour (`isButtonLabelField`).
+                if (isButtonLabelField(content, key))
+                    continue;
                 const style = fields[key];
                 if (!style || !isBlankColorValue(style.color))
                     continue;

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

@@ -15,7 +15,7 @@ export declare function pickErrorMessage(error: unknown): string;
  * Pick a friendly chat message from a WebSocket error frame.
  *
  * Reads `msg.{code, message, error}` directly — the shape pushed by the
- * ai-pipelines build_error WebSocket frames.
+ * ai-pipelines build_error / server_error WebSocket frames.
  */
 export declare function pickWsErrorMessage(msg: ErrorPayload | undefined | null): string;
 export interface RaygunReport {

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

@@ -1,7 +1,7 @@
 // REL 1 Phase 1 / 1.5 — friendly chat copy keyed by the backend `code` field.
 //
 // Backend returns `{ error, code, message }` for known failure paths
-// (both HTTP responses and WebSocket build_error frames).
+// (both HTTP responses and WebSocket build_error / server_error frames).
 // We look up the code first, then fall back to message → error → generic.
 // English-only for now; Phase 2 promotes this to proper i18n keys.
 export const GENERIC_ERROR_MESSAGE = 'Something went wrong while putting your website together. Could you try that again?';
@@ -35,7 +35,7 @@ export function pickErrorMessage(error) {
  * Pick a friendly chat message from a WebSocket error frame.
  *
  * Reads `msg.{code, message, error}` directly — the shape pushed by the
- * ai-pipelines build_error WebSocket frames.
+ * ai-pipelines build_error / server_error WebSocket frames.
  */
 export function pickWsErrorMessage(msg) {
     return pickFromPayload(msg);

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

@@ -628,7 +628,7 @@ export function useAiWebsiteBuilderChat() {
                             });
                             return;
                         }
-                        if (msg.type === 'build_error') {
+                        if (msg.type === 'server_error' || msg.type === 'build_error') {
                             handleBuildError(msg);
                             return;
                         }
@@ -722,7 +722,7 @@ export function useAiWebsiteBuilderChat() {
                     threadItems.value[messageIndex].text = result.text;
                     threadItems.value[messageIndex].isTyping = false;
                     // Honour the isError flag set by error paths in callApiBuildAsync
-                    // (apply-failure catch, build_error WS frames).
+                    // (apply-failure catch, server_error / build_error WS frames).
                     // Without this, error text would render as a normal AI reply.
                     if (result.isError) {
                         threadItems.value[messageIndex].isError = true;

package/lib/src/brand-page-maker/models/content-settings.js

@@ -216,7 +216,9 @@ export const createInitialMailingListContent = (options) => {
         type: 'mailing-list',
         topPadding: 0,
         bottomPadding: 0,
-        title: rteDoc(contentSettingsTr(`mailingListTitle`)),
+        // Centred in the doc itself: the editor fills a loaded block's missing title from this factory
+        // alone, without the add-content step that stamps alignment from `titleStyle`.
+        title: rteDoc(contentSettingsTr(`mailingListTitle`), 'center'),
         buttonText: contentSettingsTr(`subscribePlaceholder`),
         acceptedFields: 'emailOnly',
         titleStyle: {

package/lib/src/clients/websocket-gateway-client.d.ts

@@ -8,9 +8,13 @@ export interface PlanItem {
     subIds?: string[];
 }
 export interface WebSocketMessage {
-    type: 'connected' | 'server_response' | 'build_error' | 'chat_started' | 'plan_announced' | 'item_complete';
+    type: 'connected' | 'server_response' | 'server_error' | 'build_error' | 'chat_started' | 'plan_announced' | 'item_complete';
     buildId?: string;
     connectionId?: string;
+    pageId?: string;
+    order?: number;
+    sectionType?: string;
+    mode?: string;
     toolCalls?: unknown[];
     message?: string;
     error?: string;

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as s, a as S, b as I, c as N, d as e, e as A, f as O, g as t, B as C, h as D, i as G, j as P, k as R, l as o, m as L, n as M, o as r, p as n, q as c, r as i, s as l, t as b, u as F, v as g, w as B, x as Y, y as d, z as U, C as u, D as p, E as H, F as y, G as m, H as K, I as k, J as V, K as v, L as X, M as h, N as x, O as f, P as W, Q as z, R as w, S as J, T as Z, U as j, V as q, W as Q, X as $, Y as aa, Z as Ta, $ as Ea, a0 as _a, a1 as sa, a2 as Sa, a3 as Ia, a4 as Na, a5 as ea, a6 as Aa, a7 as Oa, a8 as ta, a9 as Ca, aa as Da, ab as Ga, ac as Pa, ad as Ra, ae as oa, af as La, ag as Ma, ah as ra, ai as na, aj as ca, ak as ia, al as la, am as ba, an as Fa, ao as ga, ap as Ba, aq as Ya, ar as da, as as Ua, at as ua, au as pa, av as Ha, aw as ya, ax as ma, ay as Ka, az as ka, aA as Va, aB as va, aC as Xa, aD as ha, aE as xa, aF as fa, aG as Wa, aH as za, aI as wa, aJ as Ja, aK as Za, aL as ja, aM as qa, aN as Qa, aO as $a, aP as aT, aQ as TT, aR as ET, aS as _T, aT as sT, aU as ST, aV as IT, aW as NT, aX as eT, aY as AT, aZ as OT, a_ as tT, a$ as CT, b0 as DT, b1 as GT, b2 as PT, b3 as RT, b4 as oT, b5 as LT, b6 as MT, b7 as rT, b8 as nT, b9 as cT, ba as iT, bb as lT, bc as bT, bd as FT, be as gT, bf as BT, bg as YT, bh as dT, bi as UT, bj as uT, bk as pT, bl as HT, bm as yT, bn as mT, bo as KT, bp as kT, bq as VT, br as vT, bs as XT, bt as hT, bu as xT, bv as fT, bw as WT, bx as zT, by as wT, bz as JT, bA as ZT, bB as jT, bC as qT, bD as QT, bE as $T, bF as aE, bG as TE, bH as EE, bI as _E, bJ as sE, bK as SE, bL as IE, bM as NE, bN as eE, bO as AE, bP as OE, bQ as tE, bR as CE, bS as DE, bT as GE, bU as PE, bV as RE, bW as oE, bX as LE, bY as ME, bZ as rE, b_ as nE, b$ as cE, c0 as iE, c1 as lE, c2 as bE, c3 as FE, c4 as gE, c5 as BE, c6 as YE, c7 as dE, c8 as UE, c9 as uE, ca as pE, cb as HE, cc as yE, cd as mE, ce as KE, cf as kE, cg as VE, ch as vE, ci as XE, cj as hE, ck as xE, cl as fE, cm as WE, cn as zE, co as wE, cp as JE, cq as ZE, cr as jE, cs as qE, ct as QE, cu as $E, cv as a_, cw as T_, cx as E_, cy as __, cz as s_, cA as S_, cB as I_, cC as N_, cD as e_, cE as A_, cF as O_, cG as t_, cH as C_, cI as D_, cJ as G_ } from "./lib-b7uNnxx-.js";
+import { A as s, a as S, b as I, c as N, d as e, e as A, f as O, g as t, B as C, h as D, i as G, j as P, k as R, l as o, m as L, n as M, o as r, p as n, q as c, r as i, s as l, t as b, u as F, v as g, w as B, x as Y, y as d, z as U, C as u, D as p, E as H, F as y, G as m, H as K, I as k, J as V, K as v, L as X, M as h, N as x, O as f, P as W, Q as z, R as w, S as J, T as Z, U as j, V as q, W as Q, X as $, Y as aa, Z as Ta, $ as Ea, a0 as _a, a1 as sa, a2 as Sa, a3 as Ia, a4 as Na, a5 as ea, a6 as Aa, a7 as Oa, a8 as ta, a9 as Ca, aa as Da, ab as Ga, ac as Pa, ad as Ra, ae as oa, af as La, ag as Ma, ah as ra, ai as na, aj as ca, ak as ia, al as la, am as ba, an as Fa, ao as ga, ap as Ba, aq as Ya, ar as da, as as Ua, at as ua, au as pa, av as Ha, aw as ya, ax as ma, ay as Ka, az as ka, aA as Va, aB as va, aC as Xa, aD as ha, aE as xa, aF as fa, aG as Wa, aH as za, aI as wa, aJ as Ja, aK as Za, aL as ja, aM as qa, aN as Qa, aO as $a, aP as aT, aQ as TT, aR as ET, aS as _T, aT as sT, aU as ST, aV as IT, aW as NT, aX as eT, aY as AT, aZ as OT, a_ as tT, a$ as CT, b0 as DT, b1 as GT, b2 as PT, b3 as RT, b4 as oT, b5 as LT, b6 as MT, b7 as rT, b8 as nT, b9 as cT, ba as iT, bb as lT, bc as bT, bd as FT, be as gT, bf as BT, bg as YT, bh as dT, bi as UT, bj as uT, bk as pT, bl as HT, bm as yT, bn as mT, bo as KT, bp as kT, bq as VT, br as vT, bs as XT, bt as hT, bu as xT, bv as fT, bw as WT, bx as zT, by as wT, bz as JT, bA as ZT, bB as jT, bC as qT, bD as QT, bE as $T, bF as aE, bG as TE, bH as EE, bI as _E, bJ as sE, bK as SE, bL as IE, bM as NE, bN as eE, bO as AE, bP as OE, bQ as tE, bR as CE, bS as DE, bT as GE, bU as PE, bV as RE, bW as oE, bX as LE, bY as ME, bZ as rE, b_ as nE, b$ as cE, c0 as iE, c1 as lE, c2 as bE, c3 as FE, c4 as gE, c5 as BE, c6 as YE, c7 as dE, c8 as UE, c9 as uE, ca as pE, cb as HE, cc as yE, cd as mE, ce as KE, cf as kE, cg as VE, ch as vE, ci as XE, cj as hE, ck as xE, cl as fE, cm as WE, cn as zE, co as wE, cp as JE, cq as ZE, cr as jE, cs as qE, ct as QE, cu as $E, cv as a_, cw as T_, cx as E_, cy as __, cz as s_, cA as S_, cB as I_, cC as N_, cD as e_, cE as A_, cF as O_, cG as t_, cH as C_, cI as D_, cJ as G_ } from "./lib-CidddZOL.js";
 import { U as R_, u as o_ } from "./useEventTracker-DwPTmzpa.js";
 import "vue";
 import "vue-cropperjs";