@designcrowd/library.brand-page 6.1.2 → 6.1.3-ai-websitev2-2

package/lib/src/{CreatedOnBrandCrowd-de-de-CU9qFyWP.js → CreatedOnBrandCrowd-de-de-COGurYmI.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-Yjpb7jdP.js → CreatedOnBrandCrowd-en-us-rf1TRM4-.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-D2WZ8nVO.js → CreatedOnBrandCrowd-es-es-C73Bu6lH.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-i3ikf-KU.js → CreatedOnBrandCrowd-fr-ca-CRvfz5w2.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-i3ikf-KU.js → CreatedOnBrandCrowd-fr-fr-CRvfz5w2.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-pjIejWpt.js → CreatedOnBrandCrowd-pt-br-9dSIQ3OJ.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-pjIejWpt.js → CreatedOnBrandCrowd-pt-pt-9dSIQ3OJ.js}

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

package/lib/src/{CreatedOnDcom-de-de-DpKoYjkj.js → CreatedOnDcom-de-de-CQcyGlhT.js}

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

package/lib/src/{CreatedOnDcom-en-us-CTGKfegI.js → CreatedOnDcom-en-us-BdU4Mx4w.js}

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

package/lib/src/{CreatedOnDcom-es-es-BjeZz5zs.js → CreatedOnDcom-es-es-C3xd_9pW.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-CrtEoLCA.js → CreatedOnDcom-fr-ca-q0JZT35E.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-QFHt16jZ.js → CreatedOnDcom-fr-fr-USIfdnTw.js}

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

package/lib/src/{CreatedOnDcom-pt-br-D2dgmjtV.js → CreatedOnDcom-pt-br-C_qlDOP1.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-ZSCFPLEN.js → CreatedOnDcom-pt-pt-SCaBDDiA.js}

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

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

@@ -348,7 +348,7 @@ export function useAiWebsiteBuilderChat() {
                     message,
                     websiteContext,
                     websiteSnapshot: snapshotStore.snapshotBase64 || undefined,
-                    agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER,
+                    agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER_V2,
                     userPlan,
                     connectionId,
                 });
@@ -358,7 +358,7 @@ export function useAiWebsiteBuilderChat() {
                     message,
                     websiteContext,
                     websiteSnapshot: snapshotStore.snapshotBase64 || undefined,
-                    agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER,
+                    agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER_V2,
                     userPlan,
                     connectionId,
                 });
@@ -503,9 +503,13 @@ export function useAiWebsiteBuilderChat() {
                             failedResults,
                             retryCount,
                         });
+                        // Tool submissions must go to the SAME agent that ran the thread
+                        // (AI QA 2026-07-05 T19: a mismatched agentType routes tool results
+                        // to a service with no state for the thread and fails the build).
+                        // brandSite AI is V2-only; every call site sends WEBSITE_BUILDER_V2.
                         const submitResult = await client.submitToolResultsBuildAsync(aiThreadStore.threadId, {
                             toolCalls: toolResults,
-                            agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER,
+                            agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER_V2,
                             connectionId,
                             retryCount,
                             userPlan,

package/lib/src/clients/ai-assistant-client.d.ts

@@ -23,6 +23,7 @@ export interface WebsiteContext {
 }
 export declare const AI_ASSISTANT_AGENT_TYPES: {
     readonly WEBSITE_BUILDER: "website_builder";
+    readonly WEBSITE_BUILDER_V2: "website_builder_v2";
 };
 export type AiAssistantAgentType = (typeof AI_ASSISTANT_AGENT_TYPES)[keyof typeof AI_ASSISTANT_AGENT_TYPES];
 export type UserPlan = 'free' | 'premium';

package/lib/src/clients/ai-assistant-client.js

@@ -3,6 +3,7 @@ import { useBrandPageContainerStore } from '../brand-page-maker/stores/brandpage
 // Agent types
 export const AI_ASSISTANT_AGENT_TYPES = {
     WEBSITE_BUILDER: 'website_builder',
+    WEBSITE_BUILDER_V2: 'website_builder_v2',
 };
 // Website Endpoints
 export const getWebsiteCreateThreadEndpoint = () => `/api/assistant/thread/website`;

package/lib/src/composables/useSnapshot.js

@@ -17,6 +17,16 @@ const MAX_SNAPSHOT_HEIGHT_MOBILE = 2560;
 // down-then-up resample blur you'd get from scaling smaller (OpenAI upscales
 // the short side back to 768 regardless) while keeping the payload tight.
 const SNAPSHOT_TARGET_WIDTH = 768;
+// Upper bound on the pre-capture network waits: the fonts/images race and
+// each YouTube thumbnail fetch. The snapshot is best-effort context for the
+// AI request behind it — no wait may block that send indefinitely (BTS-1608).
+const IMAGE_WAIT_TIMEOUT_MS = 5000;
+// html2canvas's per-resource load budget (its default is 15s). Kept separate
+// from — and looser than — IMAGE_WAIT_TIMEOUT_MS: it decides whether a
+// legitimately slow image renders at all (lazy images skipped by the pre-wait
+// rely entirely on html2canvas's own fetch), so it trades a longer capture
+// for fidelity rather than gating the send outright.
+const HTML2CANVAS_IMAGE_TIMEOUT_MS = 10000;
 /**
  * Extracts the YouTube video id from an embed URL, or null for non-YouTube
  * iframes. Handles youtube.com/embed/<id> and youtube-nocookie.com variants.
@@ -33,7 +43,9 @@ function getYouTubeId(src) {
 async function fetchYouTubeThumbnail(id) {
     for (const quality of ['maxresdefault', 'hqdefault']) {
         try {
-            const response = await fetch(`https://img.youtube.com/vi/${id}/${quality}.jpg`);
+            // Bounded: a stalled thumbnail fetch must not block the capture (and
+            // the AI send behind it) — on timeout the embed renders blank instead.
+            const response = await fetch(`https://img.youtube.com/vi/${id}/${quality}.jpg`, { signal: AbortSignal.timeout(IMAGE_WAIT_TIMEOUT_MS) });
             if (!response.ok)
                 continue;
             const blob = await response.blob();
@@ -46,8 +58,15 @@ async function fetchYouTubeThumbnail(id) {
                 reader.readAsDataURL(blob);
             });
         }
-        catch {
-            /* try next quality */
+        catch (error) {
+            // A timeout means the network is stalled, not that this quality is
+            // missing — retrying the next quality would arm a fresh 5s budget per
+            // attempt and compound across embeds. Give up on this video instead.
+            if (error instanceof Error &&
+                (error.name === 'TimeoutError' || error.name === 'AbortError')) {
+                return null;
+            }
+            /* non-abort failure (network error, CORS) — try next quality */
         }
     }
     return null;
@@ -101,12 +120,29 @@ export function useSnapshot() {
             // Wait for fonts and in-flight images to finish before capturing —
             // otherwise html2canvas snapshots a half-rendered page (missing images,
             // fallback fonts) and the measured content height is wrong.
-            await document.fonts?.ready;
-            await Promise.all(Array.from(element.querySelectorAll('img'))
-                .filter((img) => !img.complete)
-                .map((img) => new Promise((resolve) => {
-                img.onload = img.onerror = () => resolve();
-            })));
+            //
+            // Wait only on images the browser is actually fetching. `loading="lazy"`
+            // images below the fold are never fetched (neither load nor error ever
+            // fires), so awaiting them can never settle and the AI message send
+            // gated behind this capture never fires (BTS-1608). Skipping them is
+            // safe: html2canvas fetches the clone's images itself (eagerly), so
+            // they still render in the capture.
+            const pendingImages = Array.from(element.querySelectorAll('img')).filter((img) => !img.complete && img.loading !== 'lazy');
+            // Capped as a backstop: the snapshot is best-effort context — a stalled
+            // image fetch or font load must never block the send behind it.
+            let waitTimer;
+            await Promise.race([
+                Promise.all([
+                    document.fonts?.ready,
+                    ...pendingImages.map((img) => new Promise((resolve) => {
+                        img.onload = img.onerror = () => resolve();
+                    })),
+                ]),
+                new Promise((resolve) => {
+                    waitTimer = setTimeout(resolve, IMAGE_WAIT_TIMEOUT_MS);
+                }),
+            ]);
+            clearTimeout(waitTimer);
             // The maker renders the full website inside `.c-preview-container`
             // (position: fixed + transform: scale). The page background — solid
             // colour, gradient, or image — lives on `.brand-page-root-background`,
@@ -195,6 +231,9 @@ export function useSnapshot() {
                 useCORS: true,
                 scale, // fit the full page into the vision model's image budget
                 logging: false,
+                // Bound html2canvas's own per-image resource loading so a slow asset
+                // can't stall the capture; timed-out images render blank.
+                imageTimeout: HTML2CANVAS_IMAGE_TIMEOUT_MS,
                 backgroundColor: '#ffffff',
                 // Capture the full page, not just the scroll viewport.
                 height: captureHeight,

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as s, a as I, b as S, c as N, d as e, e as A, f as O, B as t, g as C, h as G, i as D, j as P, k as R, l as o, m as L, n as M, o as r, p as n, q as b, r as i, s as l, t as F, u as c, v as g, w as B, x as Y, y as U, z as d, C as u, D as H, E as p, F as y, G as m, H as K, I as k, J as V, K as X, L as v, 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 _a, a0 as Ea, a1 as sa, a2 as Ia, a3 as Sa, a4 as Na, a5 as ea, a6 as Aa, a7 as Oa, a8 as ta, a9 as Ca, aa as Ga, ab as Da, ac as Pa, ad as Ra, ae as oa, af as La, ag as Ma, ah as ra, ai as na, aj as ba, ak as ia, al as la, am as Fa, an as ca, ao as ga, ap as Ba, aq as Ya, ar as Ua, as as da, at as ua, au as Ha, av as pa, aw as ya, ax as ma, ay as Ka, az as ka, aA as Va, aB as Xa, aC as va, 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 _T, aS as ET, aT as sT, aU as IT, aV as ST, aW as NT, aX as eT, aY as AT, aZ as OT, a_ as tT, a$ as CT, b0 as GT, b1 as DT, b2 as PT, b3 as RT, b4 as oT, b5 as LT, b6 as MT, b7 as rT, b8 as nT, b9 as bT, ba as iT, bb as lT, bc as FT, bd as cT, be as gT, bf as BT, bg as YT, bh as UT, bi as dT, bj as uT, bk as HT, bl as pT, bm as yT, bn as mT, bo as KT, bp as kT, bq as VT, br as XT, bs as vT, 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 a_, bG as T_, bH as __, bI as E_, bJ as s_, bK as I_, bL as S_, bM as N_, bN as e_, bO as A_, bP as O_, bQ as t_, bR as C_, bS as G_, bT as D_, bU as P_, bV as R_, bW as o_, bX as L_, bY as M_, bZ as r_, b_ as n_, b$ as b_, c0 as i_, c1 as l_, c2 as F_, c3 as c_, c4 as g_, c5 as B_, c6 as Y_, c7 as U_, c8 as d_, c9 as u_, ca as H_, cb as p_, cc as y_, cd as m_, ce as K_, cf as k_, cg as V_, ch as X_, ci as v_, cj as h_, ck as x_, cl as f_, cm as W_, cn as z_, co as w_, cp as J_, cq as Z_, cr as j_, cs as q_, ct as Q_, cu as $_, cv as aE, cw as TE, cx as _E, cy as EE } from "./lib-CkR-Ncgf.js";
+import { A as s, a as I, b as S, c as N, d as e, e as A, f as O, B as t, g as C, h as G, i as D, j as P, k as R, l as o, m as L, n as M, o as r, p as n, q as b, r as i, s as l, t as F, u as c, v as g, w as B, x as Y, y as U, z as d, C as u, D as H, E as p, F as y, G as m, H as K, I as k, J as V, K as X, L as v, 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 _a, a0 as Ea, a1 as sa, a2 as Ia, a3 as Sa, a4 as Na, a5 as ea, a6 as Aa, a7 as Oa, a8 as ta, a9 as Ca, aa as Ga, ab as Da, ac as Pa, ad as Ra, ae as oa, af as La, ag as Ma, ah as ra, ai as na, aj as ba, ak as ia, al as la, am as Fa, an as ca, ao as ga, ap as Ba, aq as Ya, ar as Ua, as as da, at as ua, au as Ha, av as pa, aw as ya, ax as ma, ay as Ka, az as ka, aA as Va, aB as Xa, aC as va, 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 _T, aS as ET, aT as sT, aU as IT, aV as ST, aW as NT, aX as eT, aY as AT, aZ as OT, a_ as tT, a$ as CT, b0 as GT, b1 as DT, b2 as PT, b3 as RT, b4 as oT, b5 as LT, b6 as MT, b7 as rT, b8 as nT, b9 as bT, ba as iT, bb as lT, bc as FT, bd as cT, be as gT, bf as BT, bg as YT, bh as UT, bi as dT, bj as uT, bk as HT, bl as pT, bm as yT, bn as mT, bo as KT, bp as kT, bq as VT, br as XT, bs as vT, 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 a_, bG as T_, bH as __, bI as E_, bJ as s_, bK as I_, bL as S_, bM as N_, bN as e_, bO as A_, bP as O_, bQ as t_, bR as C_, bS as G_, bT as D_, bU as P_, bV as R_, bW as o_, bX as L_, bY as M_, bZ as r_, b_ as n_, b$ as b_, c0 as i_, c1 as l_, c2 as F_, c3 as c_, c4 as g_, c5 as B_, c6 as Y_, c7 as U_, c8 as d_, c9 as u_, ca as H_, cb as p_, cc as y_, cd as m_, ce as K_, cf as k_, cg as V_, ch as X_, ci as v_, cj as h_, ck as x_, cl as f_, cm as W_, cn as z_, co as w_, cp as J_, cq as Z_, cr as j_, cs as q_, ct as Q_, cu as $_, cv as aE, cw as TE, cx as _E, cy as EE } from "./lib-tqkEs_fX.js";
 import { U as IE, u as SE } from "./useEventTracker-DmQ6AkNn.js";
 import "vue";
 import "vue-cropperjs";