@designcrowd/library.brand-page 5.17.28 → 5.18.0

package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts

@@ -148,20 +148,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_4572_ai_text_generation_post_purchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_4964_ai_text_generation_improvement?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5245_ai_website_assistant?: {
                     key: string;
                     value: string;
@@ -240,20 +226,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_4572_ai_text_generation_post_purchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_4964_ai_text_generation_improvement?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5245_ai_website_assistant?: {
                     key: string;
                     value: string;

package/lib/src/brand-page-maker/components/upgrade-to-premium-button/UpgradeToPremiumButton.mixin.d.ts

@@ -73,20 +73,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_4572_ai_text_generation_post_purchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_4964_ai_text_generation_improvement?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5245_ai_website_assistant?: {
                     key: string;
                     value: string;
@@ -165,20 +151,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_4572_ai_text_generation_post_purchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_4964_ai_text_generation_improvement?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5245_ai_website_assistant?: {
                     key: string;
                     value: string;

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

@@ -0,0 +1,35 @@
+export declare const GENERIC_ERROR_MESSAGE = "Something went wrong while putting your website together. Could you try that again?";
+interface ErrorPayload {
+    code?: unknown;
+    message?: unknown;
+    error?: unknown;
+}
+/**
+ * Pick a friendly chat message from a thrown HTTP error.
+ *
+ * Reads `error.response.data.{code, message, error}` — the shape returned by
+ * the ai-pipelines REST endpoints when a request fails synchronously.
+ */
+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 / server_error WebSocket frames.
+ */
+export declare function pickWsErrorMessage(msg: ErrorPayload | undefined | null): string;
+export interface RaygunReport {
+    error: Error;
+    tags: string[];
+    customData: Record<string, unknown>;
+}
+/**
+ * Build the Raygun payload for an error thrown during a chat submit POST.
+ *
+ * Returns null when the error is a normal cancellation (user clicked stop) —
+ * the caller must skip Raygun in that case.
+ */
+export declare function buildSubmitErrorReport(error: unknown, context: {
+    stage: 'submit' | 'continue';
+}): RaygunReport | null;
+export {};

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

@@ -0,0 +1,108 @@
+// 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 / 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?';
+function pickFromPayload(data) {
+    if (!data || typeof data !== 'object')
+        return GENERIC_ERROR_MESSAGE;
+    if (typeof data.code === 'string') {
+        return GENERIC_ERROR_MESSAGE;
+    }
+    if (typeof data.message === 'string' && data.message) {
+        return data.message;
+    }
+    if (typeof data.error === 'string' && data.error) {
+        return data.error;
+    }
+    return GENERIC_ERROR_MESSAGE;
+}
+/**
+ * Pick a friendly chat message from a thrown HTTP error.
+ *
+ * Reads `error.response.data.{code, message, error}` — the shape returned by
+ * the ai-pipelines REST endpoints when a request fails synchronously.
+ */
+export function pickErrorMessage(error) {
+    if (typeof error !== 'object' || error === null)
+        return GENERIC_ERROR_MESSAGE;
+    const data = error.response?.data;
+    return pickFromPayload(data);
+}
+/**
+ * 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 / server_error WebSocket frames.
+ */
+export function pickWsErrorMessage(msg) {
+    return pickFromPayload(msg);
+}
+const isObject = (v) => typeof v === 'object' && v !== null;
+// Match the proxy domains exactly at the start of the host (with optional
+// `www.` prefix). The previous form `/brand(crowd|page)/i.test(host)` matched
+// any substring, so unrelated hosts like ``mybrandcrowdtest.com`` or
+// ``brandpage123.example.com`` would be misclassified as proxy failures.
+const PROXY_HOST_PATTERN = /^(?:www\.)?(?:brandcrowd|brandpage)\./i;
+const looksLikeProxy = (host) => {
+    if (!host)
+        return false;
+    return PROXY_HOST_PATTERN.test(host);
+};
+/**
+ * Build the Raygun payload for an error thrown during a chat submit POST.
+ *
+ * Returns null when the error is a normal cancellation (user clicked stop) —
+ * the caller must skip Raygun in that case.
+ */
+export function buildSubmitErrorReport(error, context) {
+    if (!isObject(error)) {
+        return {
+            error: new Error('AI submit failed: non-error thrown'),
+            tags: ['feature:ai-website-builder', 'failure:unknown'],
+            customData: { stage: context.stage, raw: String(error) },
+        };
+    }
+    const e = error;
+    const status = isObject(e.response) ? Number(e.response.status) : undefined;
+    const url = e.config?.url ?? '';
+    const baseURL = e.config?.baseURL ?? '';
+    const host = (() => {
+        try {
+            return new URL(url, baseURL || 'http://_').host;
+        }
+        catch {
+            return baseURL || url;
+        }
+    })();
+    let failureTag = 'failure:unknown';
+    if (status === undefined) {
+        failureTag = 'failure:network';
+    }
+    else if (status >= 500 && looksLikeProxy(host)) {
+        failureTag = 'failure:proxy';
+    }
+    else if (status >= 500) {
+        failureTag = 'failure:upstream';
+    }
+    else if (status >= 400) {
+        failureTag = 'failure:client';
+    }
+    const message = e.message ||
+        `AI submit ${context.stage} failed (status=${status ?? 'none'})`;
+    const wrapped = error instanceof Error ? error : new Error(message);
+    return {
+        error: wrapped,
+        tags: ['feature:ai-website-builder', failureTag, `stage:${context.stage}`],
+        customData: {
+            stage: context.stage,
+            status_code: status ?? null,
+            axios_code: e.code ?? null,
+            host: host || null,
+            url: url || null,
+            response_data: isObject(e.response) ? e.response.data : null,
+        },
+    };
+}

package/lib/src/brand-page-maker/composables/ai-chat/{useAiChat.d.ts → types.d.ts}

@@ -1,4 +1,5 @@
-import { type ComputedRef, type Ref } from 'vue';
+import type { ComputedRef, Ref } from 'vue';
+import { type PlanItem } from '../../../clients/websocket-gateway-client';
 export interface BaseThreadMessage {
     id: string;
     role: 'user' | 'agent';
@@ -10,6 +11,9 @@ export interface BaseThreadMessage {
 export interface TextThreadMessage extends BaseThreadMessage {
     type: 'text';
     text: string;
+    initialMessage?: string;
+    planItems?: PlanItem[];
+    completedItemIds?: string[];
 }
 export interface ImageThreadMessage extends BaseThreadMessage {
     type: 'image';
@@ -27,16 +31,6 @@ export interface SendMessageOptions {
         alt?: string;
     }[];
 }
-export interface UseAiChatOptions {
-    currentValue?: string;
-    fieldId: string;
-    fieldName: string;
-    contentType: string;
-    maxChars?: number;
-    textStyle?: BrandPageCssStyle;
-    onTextUpdate?: (text: string) => void;
-    onStyleUpdate?: (style: BrandPageCssStyle) => void;
-}
 export interface UseAiChatResult {
     threadItems: Ref<ThreadMessage[]>;
     isProcessing: Ref<boolean>;
@@ -51,5 +45,3 @@ export interface UseAiChatResult {
         props: Record<string, unknown>;
     }[]>;
 }
-export declare const createWelcomeMessage: (currentValue: string) => TextThreadMessage;
-export declare function useAiChat(options: UseAiChatOptions): UseAiChatResult;

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

@@ -0,0 +1 @@
+import {} from '../../../clients/websocket-gateway-client';

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

@@ -1,17 +1,36 @@
 import type { BrandPageModel } from 'src/lib';
 import { type ParsedToolCall } from '../../../metadata-builder/parsers/ai-toolcall-parser';
+import type { UndoHandler } from '../../../metadata-builder/builders/undo-builder';
 import type { AiAssistantToolCall } from '../../../clients/ai-assistant-client';
 import type { Logger } from '../../../metadata-builder/logger';
+import type { EventTracker } from '../useEventTracker';
 export interface AiMetadataBuilderResult {
     model: BrandPageModel;
     results: {
         toolId: string;
         errors?: string[];
+        /**
+         * The frontend-assigned content id of the section this tool call
+         * created/updated, when the builder produced one. Used by the AI chat
+         * composable's vacant-slot tracker to anchor retried CREATE calls back
+         * to their planned slot via `move_before_content_id`.
+         */
+        contentId?: string;
     }[];
     parsedToolCalls: ParsedToolCall[];
 }
 export declare function useAiMetadataBuilder(logger: Logger): {
     applyAiToolCallsAsync: (model: BrandPageModel, aiAssistantToolCall: AiAssistantToolCall[], options?: {
         maxCharacters?: number;
+        /**
+         * Invoked by the UndoBuilder to resolve the pre-prompt snapshot.
+         * Required when the response includes an `undo` tool call.
+         */
+        undoHandler?: UndoHandler;
+        /**
+         * Optional tracker for AI-prompt-originated content events.
+         * Forwarded to executeToolCallsAsync, then to section builders.
+         */
+        eventTracker?: EventTracker;
     }) => Promise<AiMetadataBuilderResult>;
 };

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

@@ -17,6 +17,7 @@ export function useAiMetadataBuilder(logger) {
                     return {
                         toolId: x.request.id,
                         errors: x.errors,
+                        contentId: x.contentId,
                     };
                 }),
             };

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

@@ -1,2 +1,2 @@
-import type { UseAiChatResult } from './useAiChat';
+import type { UseAiChatResult } from './types';
 export declare function useAiWebsiteBuilderChat(): UseAiChatResult;