@designcrowd/library.brand-page 5.17.6 → 5.17.7

package/lib/src/metadata-builder/builders/section-field-utils.js

@@ -0,0 +1,109 @@
+import { RTE_ALLOWED_SECTION_TYPES } from '../../brand-page-maker/utils';
+import { updateRTEText } from '../helpers/rte.helpers';
+import { getSectionFieldMap, getStyleFieldMap } from './section-field-maps';
+const isUrlField = (aiKey) => aiKey.endsWith('_url');
+const isValidUrl = (value) => {
+    if (typeof value !== 'string' || !value)
+        return false;
+    try {
+        new URL(value);
+        return true;
+    }
+    catch {
+        return false;
+    }
+};
+export const applyScalarFields = (content, args, sectionType) => {
+    const fieldMap = getSectionFieldMap(sectionType);
+    if (!fieldMap)
+        return;
+    const record = content;
+    for (const [aiKey, modelKey] of Object.entries(fieldMap)) {
+        if (aiKey in args) {
+            // Skip invalid URLs — don't overwrite model with malformed values
+            if (isUrlField(aiKey) && !isValidUrl(args[aiKey]))
+                continue;
+            record[modelKey] = args[aiKey];
+        }
+    }
+};
+/**
+ * Convert AI-sent style value to the format expected by the model.
+ * - letterSpacing: unitless 0-100 → em string (e.g., 50 → '0.5em')
+ * - null → '' (explicitly clear/reset the property)
+ * - everything else passes through as-is
+ */
+const normalizeStyleValue = (key, value) => {
+    if (value === null)
+        return '';
+    if (value === undefined)
+        return undefined;
+    if (key === 'letterSpacing' && typeof value === 'number') {
+        return `${value / 100}em`;
+    }
+    if (key === 'lineHeight' && typeof value === 'number') {
+        return String(value);
+    }
+    return value;
+};
+export const applyStyleFields = (content, args, sectionType) => {
+    const styleMap = getStyleFieldMap(sectionType);
+    if (!styleMap)
+        return;
+    const record = content;
+    for (const [aiKey, modelKey] of Object.entries(styleMap)) {
+        if (aiKey in args && args[aiKey] && typeof args[aiKey] === 'object') {
+            const existing = content[modelKey] || {};
+            const aiStyle = args[aiKey];
+            const filtered = {};
+            for (const [k, v] of Object.entries(aiStyle)) {
+                const normalized = normalizeStyleValue(k, v);
+                if (normalized !== undefined)
+                    filtered[k] = normalized;
+            }
+            record[modelKey] = {
+                ...existing,
+                ...filtered,
+                textStyleType: undefined,
+            };
+        }
+    }
+};
+/**
+ * RTE field → style field pairs for fields that support rich text editing.
+ * Matches the RTE_ALLOWED_FIELDS constant from rich-text-editor.util.ts:
+ * ['title', 'description', 'text', 'textItems']
+ *
+ * textItems is excluded here because it requires per-item handling
+ * (each TextItem has its own textStyle) — handled by TextSectionBuilder.
+ */
+const RTE_FIELD_STYLE_PAIRS = [
+    { textField: 'title', styleField: 'titleStyle', argKey: 'title_style' },
+    {
+        textField: 'description',
+        styleField: 'descriptionStyle',
+        argKey: 'description_style',
+    },
+    { textField: 'text', styleField: 'textStyle', argKey: 'text_style' },
+];
+/**
+ * Re-applies merged styles to RTE content fields after applyStyleFields has
+ * updated the style objects. Only runs for section types that support RTE
+ * (defined by RTE_ALLOWED_SECTION_TYPES) and only touches fields in the
+ * RTE_ALLOWED_FIELDS list.
+ */
+export const applyRTEStyles = (content, args, sectionType) => {
+    if (!RTE_ALLOWED_SECTION_TYPES.includes(sectionType))
+        return;
+    const record = content;
+    const argsRecord = args;
+    for (const { textField, styleField, argKey } of RTE_FIELD_STYLE_PAIRS) {
+        if (!argsRecord[argKey])
+            continue;
+        const text = record[textField];
+        const style = record[styleField];
+        if (typeof text === 'string' && style) {
+            record[textField] = updateRTEText(text, style);
+        }
+    }
+};

package/lib/src/metadata-builder/helpers/rte.helpers.d.ts

@@ -1,3 +1,9 @@
 import type { TextStyleDeclaration } from '../../brand-page';
 import type { Editor } from '@tiptap/vue-3';
 export declare const applyStyleToRTEText: (externalEditor: Editor, contentText: string, newContentStyle: TextStyleDeclaration) => string;
+/**
+ * If `text` contains RTE markup, re-applies `style` to the RTE content
+ * so inline formatting matches the updated TextStyleDeclaration.
+ * Returns the original text unchanged when it has no RTE content.
+ */
+export declare const updateRTEText: (text: string, style: TextStyleDeclaration) => string;

package/lib/src/metadata-builder/helpers/rte.helpers.js

@@ -1,4 +1,5 @@
-import { getRTEColor } from '../../brand-page-maker/utils';
+import { getRTEColor, hasRTEContent } from '../../brand-page-maker/utils';
+import { useExternalRichTextEditor } from '../../brand-page-maker/composables/rich-text-editor/useRichTextEditor';
 import { getRenderText } from '../../brand-page/utils';
 import { ESCAPED_NEWLINE_CHARACTER } from '../../constants/ui';
 export const applyStyleToRTEText = (externalEditor, contentText, newContentStyle) => {
@@ -51,3 +52,17 @@ export const applyStyleToRTEText = (externalEditor, contentText, newContentStyle
     const html = externalEditor.getHTML();
     return html;
 };
+/**
+ * If `text` contains RTE markup, re-applies `style` to the RTE content
+ * so inline formatting matches the updated TextStyleDeclaration.
+ * Returns the original text unchanged when it has no RTE content.
+ */
+export const updateRTEText = (text, style) => {
+    if (!text || typeof text !== 'string' || !hasRTEContent(text)) {
+        return text;
+    }
+    const { externalEditor } = useExternalRichTextEditor();
+    const updatedText = applyStyleToRTEText(externalEditor, text, style);
+    externalEditor.destroy();
+    return updatedText;
+};

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

@@ -3,10 +3,71 @@ import {} from '../brand-page/models';
 import { BUILDER_TYPES, } from './models';
 import { UpdateContentTextBuilder } from './builders/update-content-text-builder';
 import { UpdateContentTextStyleBuilder } from './builders/update-content-text-style-builder';
+import { BannerSectionBuilder, AboutSectionBuilder, ContactFormBuilder, DividerSectionBuilder, TextSectionBuilder, TestimonialSectionBuilder, ImagesSectionBuilder, ShapesSectionBuilder, SocialLinksBuilder, ImageGalleryBuilder, ProfileSectionBuilder, MailingListSectionBuilder, ImageSectionBuilder, ButtonSectionBuilder, DeleteSectionBuilder, MoveSectionBuilder, } from './builders/section-builders';
+import { AddPageBuilder } from './builders/add-page-builder';
+import { RemovePageBuilder } from './builders/remove-page-builder';
 // Lazy initialization to avoid circular dependency issues
 const getBuilderRegistry = () => ({
     [BUILDER_TYPES.UPDATE_CONTENT_TEXT]: UpdateContentTextBuilder,
     [BUILDER_TYPES.UPDATE_CONTENT_TEXT_STYLE]: UpdateContentTextStyleBuilder,
+    // Section builders (create)
+    [BUILDER_TYPES.CREATE_BANNER_SECTION]: BannerSectionBuilder,
+    [BUILDER_TYPES.CREATE_ABOUT_SECTION]: AboutSectionBuilder,
+    [BUILDER_TYPES.CREATE_CONTACT_FORM]: ContactFormBuilder,
+    [BUILDER_TYPES.CREATE_DIVIDER_SECTION]: DividerSectionBuilder,
+    [BUILDER_TYPES.CREATE_TEXT]: TextSectionBuilder,
+    [BUILDER_TYPES.CREATE_TESTIMONIAL_SECTION]: TestimonialSectionBuilder,
+    [BUILDER_TYPES.CREATE_IMAGES_SECTION]: ImagesSectionBuilder,
+    [BUILDER_TYPES.CREATE_SHAPES_SECTION]: ShapesSectionBuilder,
+    [BUILDER_TYPES.CREATE_SOCIAL_LINKS]: SocialLinksBuilder,
+    [BUILDER_TYPES.CREATE_IMAGE_GALLERY]: ImageGalleryBuilder,
+    [BUILDER_TYPES.CREATE_PROFILE]: ProfileSectionBuilder,
+    [BUILDER_TYPES.CREATE_MAILING_LIST]: MailingListSectionBuilder,
+    [BUILDER_TYPES.CREATE_IMAGE]: ImageSectionBuilder,
+    [BUILDER_TYPES.CREATE_GENERAL_LINK]: ButtonSectionBuilder,
+    [BUILDER_TYPES.CREATE_WEBSITE]: ButtonSectionBuilder,
+    [BUILDER_TYPES.CREATE_EMAIL]: ButtonSectionBuilder,
+    [BUILDER_TYPES.CREATE_PHONE]: ButtonSectionBuilder,
+    [BUILDER_TYPES.CREATE_FACEBOOK]: ButtonSectionBuilder,
+    [BUILDER_TYPES.CREATE_X]: ButtonSectionBuilder,
+    [BUILDER_TYPES.CREATE_INSTAGRAM]: ButtonSectionBuilder,
+    [BUILDER_TYPES.CREATE_YOUTUBE]: ButtonSectionBuilder,
+    [BUILDER_TYPES.CREATE_LINKEDIN]: ButtonSectionBuilder,
+    [BUILDER_TYPES.CREATE_PINTEREST]: ButtonSectionBuilder,
+    [BUILDER_TYPES.CREATE_TWITCH]: ButtonSectionBuilder,
+    [BUILDER_TYPES.CREATE_TIKTOK]: ButtonSectionBuilder,
+    // Section builders (update)
+    [BUILDER_TYPES.UPDATE_BANNER_SECTION]: BannerSectionBuilder,
+    [BUILDER_TYPES.UPDATE_ABOUT_SECTION]: AboutSectionBuilder,
+    [BUILDER_TYPES.UPDATE_CONTACT_FORM]: ContactFormBuilder,
+    [BUILDER_TYPES.UPDATE_DIVIDER_SECTION]: DividerSectionBuilder,
+    [BUILDER_TYPES.UPDATE_TEXT]: TextSectionBuilder,
+    [BUILDER_TYPES.UPDATE_TESTIMONIAL_SECTION]: TestimonialSectionBuilder,
+    [BUILDER_TYPES.UPDATE_IMAGES_SECTION]: ImagesSectionBuilder,
+    [BUILDER_TYPES.UPDATE_SHAPES_SECTION]: ShapesSectionBuilder,
+    [BUILDER_TYPES.UPDATE_SOCIAL_LINKS]: SocialLinksBuilder,
+    [BUILDER_TYPES.UPDATE_IMAGE_GALLERY]: ImageGalleryBuilder,
+    [BUILDER_TYPES.UPDATE_PROFILE]: ProfileSectionBuilder,
+    [BUILDER_TYPES.UPDATE_MAILING_LIST]: MailingListSectionBuilder,
+    [BUILDER_TYPES.UPDATE_IMAGE]: ImageSectionBuilder,
+    [BUILDER_TYPES.UPDATE_GENERAL_LINK]: ButtonSectionBuilder,
+    [BUILDER_TYPES.UPDATE_WEBSITE]: ButtonSectionBuilder,
+    [BUILDER_TYPES.UPDATE_EMAIL]: ButtonSectionBuilder,
+    [BUILDER_TYPES.UPDATE_PHONE]: ButtonSectionBuilder,
+    [BUILDER_TYPES.UPDATE_FACEBOOK]: ButtonSectionBuilder,
+    [BUILDER_TYPES.UPDATE_X]: ButtonSectionBuilder,
+    [BUILDER_TYPES.UPDATE_INSTAGRAM]: ButtonSectionBuilder,
+    [BUILDER_TYPES.UPDATE_YOUTUBE]: ButtonSectionBuilder,
+    [BUILDER_TYPES.UPDATE_LINKEDIN]: ButtonSectionBuilder,
+    [BUILDER_TYPES.UPDATE_PINTEREST]: ButtonSectionBuilder,
+    [BUILDER_TYPES.UPDATE_TWITCH]: ButtonSectionBuilder,
+    [BUILDER_TYPES.UPDATE_TIKTOK]: ButtonSectionBuilder,
+    // Section-level operations
+    [BUILDER_TYPES.DELETE_SECTION]: DeleteSectionBuilder,
+    [BUILDER_TYPES.MOVE_SECTION]: MoveSectionBuilder,
+    // Page-level operations
+    [BUILDER_TYPES.ADD_PAGE]: AddPageBuilder,
+    [BUILDER_TYPES.REMOVE_PAGE]: RemovePageBuilder,
 });
 let builderRegistry = null;
 const resolveBuilder = (request, logger) => {
@@ -15,7 +76,8 @@ const resolveBuilder = (request, logger) => {
     }
     const BuilderClass = builderRegistry[request.type];
     if (!BuilderClass) {
-        throw new Error(`No builder registered for request type: "${request.type}"`);
+        console.error(`No builder registered for request type: "${request.type}"`);
+        return null;
     }
     return new BuilderClass(request, logger);
 };
@@ -25,6 +87,14 @@ export class MetadataExecutor {
         const results = [];
         for (const request of requests) {
             const builder = resolveBuilder(request, logger);
+            if (!builder) {
+                results.push({
+                    request,
+                    model,
+                    errors: [`No builder found for request type: "${request.type}"`],
+                });
+                continue;
+            }
             const result = await builder.buildAsync(model);
             results.push(result);
             model = result.model;

package/lib/src/metadata-builder/models.d.ts

@@ -3,6 +3,60 @@ import type { Logger } from './logger';
 export declare const BUILDER_TYPES: {
     readonly UPDATE_CONTENT_TEXT: "update-content-text";
     readonly UPDATE_CONTENT_TEXT_STYLE: "update-content-text-style";
+    readonly CREATE_BANNER_SECTION: "create-banner-section";
+    readonly CREATE_ABOUT_SECTION: "create-about-section";
+    readonly CREATE_CONTACT_FORM: "create-contact-form";
+    readonly CREATE_DIVIDER_SECTION: "create-divider-section";
+    readonly CREATE_TEXT: "create-text";
+    readonly CREATE_TESTIMONIAL_SECTION: "create-testimonial-section";
+    readonly CREATE_IMAGES_SECTION: "create-images-section";
+    readonly CREATE_SHAPES_SECTION: "create-shapes-section";
+    readonly CREATE_SOCIAL_LINKS: "create-social-links";
+    readonly CREATE_IMAGE_GALLERY: "create-image-gallery";
+    readonly CREATE_PROFILE: "create-profile";
+    readonly CREATE_MAILING_LIST: "create-mailing-list";
+    readonly CREATE_IMAGE: "create-image";
+    readonly CREATE_GENERAL_LINK: "create-general-link";
+    readonly CREATE_WEBSITE: "create-website";
+    readonly CREATE_EMAIL: "create-email";
+    readonly CREATE_PHONE: "create-phone";
+    readonly CREATE_FACEBOOK: "create-facebook";
+    readonly CREATE_X: "create-x";
+    readonly CREATE_INSTAGRAM: "create-instagram";
+    readonly CREATE_YOUTUBE: "create-youtube";
+    readonly CREATE_LINKEDIN: "create-linkedin";
+    readonly CREATE_PINTEREST: "create-pinterest";
+    readonly CREATE_TWITCH: "create-twitch";
+    readonly CREATE_TIKTOK: "create-tiktok";
+    readonly UPDATE_BANNER_SECTION: "update-banner-section";
+    readonly UPDATE_ABOUT_SECTION: "update-about-section";
+    readonly UPDATE_CONTACT_FORM: "update-contact-form";
+    readonly UPDATE_DIVIDER_SECTION: "update-divider-section";
+    readonly UPDATE_TEXT: "update-text";
+    readonly UPDATE_TESTIMONIAL_SECTION: "update-testimonial-section";
+    readonly UPDATE_IMAGES_SECTION: "update-images-section";
+    readonly UPDATE_SHAPES_SECTION: "update-shapes-section";
+    readonly UPDATE_SOCIAL_LINKS: "update-social-links";
+    readonly UPDATE_IMAGE_GALLERY: "update-image-gallery";
+    readonly UPDATE_PROFILE: "update-profile";
+    readonly UPDATE_MAILING_LIST: "update-mailing-list";
+    readonly UPDATE_IMAGE: "update-image";
+    readonly UPDATE_GENERAL_LINK: "update-general-link";
+    readonly UPDATE_WEBSITE: "update-website";
+    readonly UPDATE_EMAIL: "update-email";
+    readonly UPDATE_PHONE: "update-phone";
+    readonly UPDATE_FACEBOOK: "update-facebook";
+    readonly UPDATE_X: "update-x";
+    readonly UPDATE_INSTAGRAM: "update-instagram";
+    readonly UPDATE_YOUTUBE: "update-youtube";
+    readonly UPDATE_LINKEDIN: "update-linkedin";
+    readonly UPDATE_PINTEREST: "update-pinterest";
+    readonly UPDATE_TWITCH: "update-twitch";
+    readonly UPDATE_TIKTOK: "update-tiktok";
+    readonly DELETE_SECTION: "delete-section";
+    readonly MOVE_SECTION: "move-section";
+    readonly ADD_PAGE: "add-page";
+    readonly REMOVE_PAGE: "remove-page";
 };
 export type BuilderType = (typeof BUILDER_TYPES)[keyof typeof BUILDER_TYPES];
 export interface MetadataBuilderRequest<T = unknown> {

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

@@ -2,6 +2,64 @@ 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',
+    CREATE_CONTACT_FORM: 'create-contact-form',
+    CREATE_DIVIDER_SECTION: 'create-divider-section',
+    CREATE_TEXT: 'create-text',
+    CREATE_TESTIMONIAL_SECTION: 'create-testimonial-section',
+    CREATE_IMAGES_SECTION: 'create-images-section',
+    CREATE_SHAPES_SECTION: 'create-shapes-section',
+    CREATE_SOCIAL_LINKS: 'create-social-links',
+    CREATE_IMAGE_GALLERY: 'create-image-gallery',
+    CREATE_PROFILE: 'create-profile',
+    CREATE_MAILING_LIST: 'create-mailing-list',
+    CREATE_IMAGE: 'create-image',
+    CREATE_GENERAL_LINK: 'create-general-link',
+    CREATE_WEBSITE: 'create-website',
+    CREATE_EMAIL: 'create-email',
+    CREATE_PHONE: 'create-phone',
+    CREATE_FACEBOOK: 'create-facebook',
+    CREATE_X: 'create-x',
+    CREATE_INSTAGRAM: 'create-instagram',
+    CREATE_YOUTUBE: 'create-youtube',
+    CREATE_LINKEDIN: 'create-linkedin',
+    CREATE_PINTEREST: 'create-pinterest',
+    CREATE_TWITCH: 'create-twitch',
+    CREATE_TIKTOK: 'create-tiktok',
+    // Per-section builder types (update)
+    UPDATE_BANNER_SECTION: 'update-banner-section',
+    UPDATE_ABOUT_SECTION: 'update-about-section',
+    UPDATE_CONTACT_FORM: 'update-contact-form',
+    UPDATE_DIVIDER_SECTION: 'update-divider-section',
+    UPDATE_TEXT: 'update-text',
+    UPDATE_TESTIMONIAL_SECTION: 'update-testimonial-section',
+    UPDATE_IMAGES_SECTION: 'update-images-section',
+    UPDATE_SHAPES_SECTION: 'update-shapes-section',
+    UPDATE_SOCIAL_LINKS: 'update-social-links',
+    UPDATE_IMAGE_GALLERY: 'update-image-gallery',
+    UPDATE_PROFILE: 'update-profile',
+    UPDATE_MAILING_LIST: 'update-mailing-list',
+    UPDATE_IMAGE: 'update-image',
+    UPDATE_GENERAL_LINK: 'update-general-link',
+    UPDATE_WEBSITE: 'update-website',
+    UPDATE_EMAIL: 'update-email',
+    UPDATE_PHONE: 'update-phone',
+    UPDATE_FACEBOOK: 'update-facebook',
+    UPDATE_X: 'update-x',
+    UPDATE_INSTAGRAM: 'update-instagram',
+    UPDATE_YOUTUBE: 'update-youtube',
+    UPDATE_LINKEDIN: 'update-linkedin',
+    UPDATE_PINTEREST: 'update-pinterest',
+    UPDATE_TWITCH: 'update-twitch',
+    UPDATE_TIKTOK: 'update-tiktok',
+    // Section-level operations
+    DELETE_SECTION: 'delete-section',
+    MOVE_SECTION: 'move-section',
+    // Page-level operations
+    ADD_PAGE: 'add-page',
+    REMOVE_PAGE: 'remove-page',
 };
 export class BaseMetadataBuilder {
     request;

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

@@ -1,13 +1,43 @@
 import type { AiAssistantToolCall } from '../../clients/ai-assistant-client';
+import type { SectionType } 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";
+    readonly BUILD_IMAGE_GALLERY_SECTION: "build_image-gallery_section";
+    readonly BUILD_GENERAL_LINK_SECTION: "build_general-link_section";
+    readonly BUILD_WEBSITE_SECTION: "build_website_section";
+    readonly BUILD_EMAIL_SECTION: "build_email_section";
+    readonly BUILD_PHONE_SECTION: "build_phone_section";
+    readonly BUILD_FACEBOOK_SECTION: "build_facebook_section";
+    readonly BUILD_X_SECTION: "build_x_section";
+    readonly BUILD_INSTAGRAM_SECTION: "build_instagram_section";
+    readonly BUILD_YOUTUBE_SECTION: "build_youtube_section";
+    readonly BUILD_LINKEDIN_SECTION: "build_linkedin_section";
+    readonly BUILD_PINTEREST_SECTION: "build_pinterest_section";
+    readonly BUILD_TWITCH_SECTION: "build_twitch_section";
+    readonly BUILD_TIKTOK_SECTION: "build_tiktok_section";
+    readonly BUILD_SOCIAL_LINKS_SECTION: "build_social-links_section";
+    readonly BUILD_MAILING_LIST_SECTION: "build_mailing-list_section";
+    readonly BUILD_CONTACT_FORM_SECTION: "build_contact-form_section";
+    readonly BUILD_BANNER_SECTION: "build_banner_section";
+    readonly BUILD_ABOUT_SECTION: "build_about_section";
+    readonly BUILD_IMAGES_SECTION: "build_images_section";
+    readonly BUILD_SHAPES_SECTION: "build_shapes_section";
+    readonly BUILD_TESTIMONIAL_SECTION: "build_testimonial_section";
+    readonly BUILD_DIVIDER_SECTION: "build_divider_section";
+    readonly DELETE_SECTION: "delete_section";
+    readonly MOVE_SECTION: "move_section";
+    readonly ADD_PAGE: "add_page";
+    readonly REMOVE_PAGE: "remove_page";
 };
 export type AiAssistantToolName = (typeof AI_ASSISTANT_TOOL_NAMES)[keyof typeof AI_ASSISTANT_TOOL_NAMES];
 export interface ParsedToolCall {
     toolId: string;
-    function: AiAssistantToolName;
-    arguments: UpdateTextToolArguments | UpdateStyleToolArguments;
+    function: string;
+    arguments: Record<string, unknown>;
     usage_type?: 'free' | 'paid';
 }
 export interface BaseArguments {
@@ -27,4 +57,22 @@ export interface UpdateStyleToolArguments extends BaseArguments {
         style: BrandPageCssStyle;
     };
 }
-export declare const parseAiToolcall: (aiToolcallResponse: AiAssistantToolCall[]) => ParsedToolCall[];
+export declare const SECTION_TOOL_MAP: Record<string, {
+    sectionType: SectionType;
+}>;
+export interface DeleteSectionArguments {
+    content_id: string;
+}
+export interface MoveSectionArguments {
+    content_id: string;
+    position: number;
+    target_page_id?: string;
+}
+export interface AddPageArguments {
+    page_id: string;
+    page_name: string;
+}
+export interface RemovePageArguments {
+    page_id: string;
+}
+export declare const parseToolCalls: (toolCalls: AiAssistantToolCall[]) => ParsedToolCall[];

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

@@ -1,21 +1,118 @@
-// Tool names
+// 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',
+    BUILD_IMAGE_SECTION: 'build_image_section',
+    BUILD_IMAGE_GALLERY_SECTION: 'build_image-gallery_section',
+    BUILD_GENERAL_LINK_SECTION: 'build_general-link_section',
+    BUILD_WEBSITE_SECTION: 'build_website_section',
+    BUILD_EMAIL_SECTION: 'build_email_section',
+    BUILD_PHONE_SECTION: 'build_phone_section',
+    BUILD_FACEBOOK_SECTION: 'build_facebook_section',
+    BUILD_X_SECTION: 'build_x_section',
+    BUILD_INSTAGRAM_SECTION: 'build_instagram_section',
+    BUILD_YOUTUBE_SECTION: 'build_youtube_section',
+    BUILD_LINKEDIN_SECTION: 'build_linkedin_section',
+    BUILD_PINTEREST_SECTION: 'build_pinterest_section',
+    BUILD_TWITCH_SECTION: 'build_twitch_section',
+    BUILD_TIKTOK_SECTION: 'build_tiktok_section',
+    BUILD_SOCIAL_LINKS_SECTION: 'build_social-links_section',
+    BUILD_MAILING_LIST_SECTION: 'build_mailing-list_section',
+    BUILD_CONTACT_FORM_SECTION: 'build_contact-form_section',
+    BUILD_BANNER_SECTION: 'build_banner_section',
+    BUILD_ABOUT_SECTION: 'build_about_section',
+    BUILD_IMAGES_SECTION: 'build_images_section',
+    BUILD_SHAPES_SECTION: 'build_shapes_section',
+    BUILD_TESTIMONIAL_SECTION: 'build_testimonial_section',
+    BUILD_DIVIDER_SECTION: 'build_divider_section',
+    // Section-level operation tools
+    DELETE_SECTION: 'delete_section',
+    MOVE_SECTION: 'move_section',
+    // Page-level operation tools
+    ADD_PAGE: 'add_page',
+    REMOVE_PAGE: 'remove_page',
 };
-const parseToolCall = (toolCall) => {
-    return {
-        toolId: toolCall.toolId,
-        function: toolCall.function,
-        arguments: JSON.parse(toolCall.arguments),
-        usage_type: toolCall.usage_type,
-    };
+// Maps each section tool name to its SectionType.
+// Mode is now determined from the tool arguments, not the tool name.
+export const SECTION_TOOL_MAP = {
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_PROFILE_SECTION]: { sectionType: 'profile' },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_TEXT_SECTION]: { sectionType: 'text' },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_IMAGE_SECTION]: { sectionType: 'image' },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_IMAGE_GALLERY_SECTION]: {
+        sectionType: 'image-gallery',
+    },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_GENERAL_LINK_SECTION]: {
+        sectionType: 'general-link',
+    },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_WEBSITE_SECTION]: { sectionType: 'website' },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_EMAIL_SECTION]: { sectionType: 'email' },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_PHONE_SECTION]: { sectionType: 'phone' },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_FACEBOOK_SECTION]: { sectionType: 'facebook' },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_X_SECTION]: { sectionType: 'x' },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_INSTAGRAM_SECTION]: {
+        sectionType: 'instagram',
+    },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_YOUTUBE_SECTION]: { sectionType: 'youtube' },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_LINKEDIN_SECTION]: { sectionType: 'linkedin' },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_PINTEREST_SECTION]: {
+        sectionType: 'pinterest',
+    },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_TWITCH_SECTION]: { sectionType: 'twitch' },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_TIKTOK_SECTION]: { sectionType: 'tiktok' },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_SOCIAL_LINKS_SECTION]: {
+        sectionType: 'social-links',
+    },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_MAILING_LIST_SECTION]: {
+        sectionType: 'mailing-list',
+    },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_CONTACT_FORM_SECTION]: {
+        sectionType: 'contact-form',
+    },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_BANNER_SECTION]: {
+        sectionType: 'banner-section',
+    },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_ABOUT_SECTION]: {
+        sectionType: 'about-section',
+    },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_IMAGES_SECTION]: {
+        sectionType: 'images-section',
+    },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_SHAPES_SECTION]: {
+        sectionType: 'shapes-section',
+    },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_TESTIMONIAL_SECTION]: {
+        sectionType: 'testimonial-section',
+    },
+    [AI_ASSISTANT_TOOL_NAMES.BUILD_DIVIDER_SECTION]: {
+        sectionType: 'divider-section',
+    },
 };
-export const parseAiToolcall = (aiToolcallResponse) => {
-    if (!aiToolcallResponse || aiToolcallResponse.length === 0) {
+export const parseToolCalls = (toolCalls) => {
+    if (!toolCalls || toolCalls.length === 0) {
         return [];
     }
-    return aiToolcallResponse.map((toolCall) => {
-        return parseToolCall(toolCall);
-    });
+    return toolCalls
+        .map((toolCall) => {
+        try {
+            return {
+                toolId: toolCall.toolId,
+                function: toolCall.function,
+                arguments: JSON.parse(toolCall.arguments),
+                usage_type: toolCall.usage_type,
+            };
+        }
+        catch (error) {
+            console.warn(`[parseToolCalls] Failed to parse arguments for ${toolCall.function} (${toolCall.toolId}):`, error);
+            return null;
+        }
+    })
+        .filter((tc) => tc !== null);
 };