@orangecatai/adgen-canvas 0.0.22 → 0.0.23

package/dist/dev/index.js

@@ -66,10 +66,10 @@ import {
   serializeAsJSON,
   serializeLibraryAsJSON,
   strokeRectWithRotation_simple
-} from "./chunk-OIMA545L.js";
+} from "./chunk-E6AX7UYW.js";
 import {
   define_import_meta_env_default
-} from "./chunk-DG4DHKBY.js";
+} from "./chunk-KNIBTSFD.js";
 import {
   en_default
 } from "./chunk-4K5LIQQU.js";
@@ -9770,7 +9770,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-AWVYCS2V.js").then(
+        (blob2) => import("./data/image-WJAASDV4.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -24142,18 +24142,21 @@ function buildAutoResizeImagePrompt(srcW, srcH, tgtW, tgtH, aspectRatio, brandIm
     "the SOURCE AD CREATIVE that you must recompose (this is the design to adapt)"
   );
   const refList = refs.map((r, i) => `  ${i + 1}. ${r}`).join("\n");
+  const brandNameRule = brandImages?.name ? `
+BRAND: This ad belongs to the brand "${brandImages.name}". All visual elements, copy, and style must reflect this brand exclusively \u2014 do not introduce any other brand identity.` : "";
   return `You are an expert ad designer. You are given the following reference images, in order:
 ${refList}
 
-TASK: Recreate the SOURCE AD CREATIVE as a single, polished advertisement recomposed for a ${tgtW}\xD7${tgtH} pixel canvas (aspect ratio ${aspectRatio}). The source was designed at ${srcW}\xD7${srcH}.
+TASK: Recreate the SOURCE AD CREATIVE as a single, polished advertisement recomposed for a ${tgtW}\xD7${tgtH} pixel canvas (aspect ratio ${aspectRatio}). The source was designed at ${srcW}\xD7${srcH}.${brandNameRule}
 
 HARD REQUIREMENTS:
 \u2022 Preserve the original message: keep the SAME headline, subheadline, CTA and any other copy, spelled exactly as in the source. Do not invent new text or drop existing text.
 \u2022 Preserve the brand: same colours, same logo (from the logo reference), same typeface (from the font reference). Render all text crisply and legibly.
 \u2022 Preserve ALL visual elements from the source without exception \u2014 every text element, image, logo, product shot, CTA, and graphic must appear in the recomposed output. Do NOT drop, merge, or omit any element. The number of distinct visual components in the output must exactly match the source.
+\u2022 NEVER DUPLICATE OR REPEAT ANY ELEMENT: Each element from the source must appear EXACTLY ONCE in the output \u2014 one logo, one headline, one product image, one CTA. If the new canvas is taller or wider and space remains after placing all elements, leave that space as part of the background. Do NOT fill empty space by repeating, tiling, or copying any element a second time. Duplicating content to fill the canvas is strictly forbidden.
 \u2022 LOGO INTEGRITY: The brand logo must appear exactly as supplied \u2014 same shape, colours, and proportions. Do NOT alter, recolour, distort, or replace it. Do NOT squish or stretch the logo horizontally or vertically.
 \u2022 Do NOT squish, stretch, or distort any element horizontally or vertically \u2014 maintain the natural aspect ratio of every visual, logo, product image, and text block.
-\u2022 RE-ARRANGE the composition to suit the new aspect ratio \u2014 reposition and rescale elements so the layout feels native to ${tgtW}\xD7${tgtH}. Do NOT simply stretch, squash, or letterbox the original. Use the full canvas edge-to-edge with no borders, padding bars, or empty margins.
+\u2022 RE-ARRANGE the composition to suit the new aspect ratio \u2014 reposition and rescale elements so the layout feels native to ${tgtW}\xD7${tgtH}. Do NOT simply stretch, squash, or letterbox the original. If the new aspect ratio leaves empty areas after placing all elements, those areas should be filled with the background colour or a natural extension of the background \u2014 never with repeated ad content.
 \u2022 Maintain professional advertising quality: balanced layout, clear visual hierarchy, generous but purposeful spacing.
 
 Output ONLY the final recomposed ad image at ${tgtW}\xD7${tgtH}.`;
@@ -24659,7 +24662,8 @@ var AutoResizePanel = ({
     const brandImages = {
       logo: brand?.logoDataUrl,
       fontPreview: brand?.headlineFontPreviewDataUrl,
-      fontUrl: brand?.headlineFontUrl
+      fontUrl: brand?.headlineFontUrl,
+      name: brand?.name
     };
     const elements = app.getSceneElements();
     const sourceFrame = elements.find((el) => el.id === element.id);
@@ -25537,19 +25541,21 @@ function buildBrandContextMessage(ctx) {
   }
   return lines.join("\n");
 }
-function buildImageGenSafePrompt(prompt, brandContext) {
+function buildImageGenSafePrompt(prompt, brandContext, dimensions) {
   const headlineFontName = brandContext.typography?.headline?.family;
   const bodyFontName = brandContext.typography?.body?.family;
   const fontNames = [headlineFontName, bodyFontName].filter(
     (n, i, arr) => Boolean(n) && arr.indexOf(n) === i
   );
-  const fontHint = fontNames.length ? ` Brand typography: the brand fonts are ${fontNames.join(
+  const fontHint = fontNames.length ? ` Brand typography: the brand font${fontNames.length > 1 ? "s are" : " is"} ${fontNames.join(
     " and "
-  )} \u2014 render the on-image text in the brand fonts and use your judgment for which suits headlines vs body copy.` : "";
+  )} \u2014 you MUST render ALL on-image text exclusively in this exact typeface as shown in the font reference image${fontNames.length > 1 ? "s" : ""}. Do NOT use any generic, default, or substitute font.` : "";
+  const isPortrait = dimensions ? dimensions.height > dimensions.width : false;
+  const logoPosition = isPortrait ? "top-center (horizontally centered, near the top edge)" : "top-left corner";
   const brandImageInstructions = [];
   if (brandContext.logoDataUrl) {
     brandImageInstructions.push(
-      "BRAND LOGO: The first reference image is the brand logo. You MUST reproduce it accurately and place it prominently in the ad (e.g. top-left corner, bottom bar, or wherever suits the layout). Do not alter, distort, or omit the logo."
+      `BRAND LOGO: The first reference image is the exact brand logo graphic. Embed it VERBATIM in the ad \u2014 do not redraw, simplify, stylize, or alter it in any way. Place it at the ${logoPosition} with clear padding around it (do not overlap other copy or elements). The logo must appear exactly as it does in the reference image.`
     );
   }
   if (brandContext.headlineFontPreviewDataUrl || brandContext.bodyFontPreviewDataUrl) {
@@ -25557,11 +25563,12 @@ function buildImageGenSafePrompt(prompt, brandContext) {
       brandContext.headlineFontPreviewDataUrl && brandContext.bodyFontPreviewDataUrl
     );
     brandImageInstructions.push(
-      `BRAND FONT: The font reference ${multiple ? "images show the brand fonts" : "image shows the brand font"}. Render all on-image text in the brand typeface${multiple ? "s" : ""} \u2014 match the letterforms, weight, and character closely${multiple ? ", using your judgment for which font fits headlines vs body copy" : ""}.`
+      `BRAND FONT: The reference ${multiple ? "images are" : "image is"} the brand's exact typeface${multiple ? "s" : ""}. You MUST render EVERY piece of on-image text \u2014 headlines, subheadlines, CTA, sign-off, and body copy \u2014 EXCLUSIVELY in ${multiple ? "these exact fonts as shown (use the first for headlines, the second for body/supporting copy)" : "this exact font as shown in the image"}. Do NOT use any generic, default, or substitute font anywhere in the ad.`
     );
   }
   const brandImageHint = brandImageInstructions.length > 0 ? ` ${brandImageInstructions.join(" ")}` : "";
-  return `${prompt}${fontHint}${brandImageHint} Render all specified copy as crisp, correctly-spelled, legible text within the image. Professional advertising quality.`;
+  const brandNameHint = brandContext.name ? ` This ad is for the brand "${brandContext.name}" \u2014 all visual elements, copy, and style must reflect this brand exclusively.` : "";
+  return `${prompt}${brandNameHint}${fontHint}${brandImageHint} Render all specified copy as crisp, correctly-spelled, legible text within the image. Maintain generous padding and whitespace \u2014 at minimum 4\u20135% of the frame width as margin on all sides; copy blocks, the logo, and the CTA must each have clear breathing room and must not feel cramped or crowded. Professional advertising quality.`;
 }
 
 // components/image-generation/pendingGenerations.ts
@@ -27154,7 +27161,8 @@ var ImageQuickEditPanel = ({
         fontUrl: brandContext.headlineFontUrl,
         brandContextText: buildBrandContextMessage(brandContext)
       } : void 0;
-      const safePrompt = brandContext ? buildImageGenSafePrompt(prompt, brandContext) : prompt;
+      const basePrompt = brandContext ? buildImageGenSafePrompt(prompt, brandContext) : prompt;
+      const safePrompt = `${basePrompt} CRITICAL PRESERVATION RULE: Apply ONLY the specific change described above. The number of visual elements (text blocks, logos, images, shapes, buttons) must be IDENTICAL before and after this edit \u2014 do NOT add any new element, do NOT remove any existing element, do NOT rearrange the layout or composition. Every element that exists in the source image must appear exactly once in the output, in the same position and arrangement. Only the specific requested change may differ.`;
       const imageDataUrl = await callOpenRouterImageAPI(
         safePrompt,
         cfg.modelId,
@@ -51139,6 +51147,11 @@ import {
 } from "@orangecatai/element";
 import { getTextFromElements as getTextFromElements3 } from "@orangecatai/element";
 import { isInvisiblySmallElement as isInvisiblySmallElement4 } from "@orangecatai/element";
+import {
+  newImageElement as newImageElement5,
+  newTextElement as newTextElement7,
+  newFrameElement as newFrameElement5
+} from "@orangecatai/element";
 
 // data/reconcile.ts
 import throttle4 from "lodash.throttle";
@@ -51937,6 +51950,24 @@ var BANNER_TOOLS = [
       }
     }
   },
+  {
+    type: "function",
+    function: {
+      name: "search_ad_creatives",
+      description: "Search uploaded ad creatives (past static ads) by name or tag keywords. Returns top 3 matches with visual previews. Use this to find reference ads for inspiration or remixing.",
+      parameters: {
+        type: "object",
+        properties: {
+          query: {
+            type: "string",
+            description: "Search query \u2014 name or tag keywords"
+          }
+        },
+        required: ["query"],
+        additionalProperties: false
+      }
+    }
+  },
   {
     type: "function",
     function: {
@@ -52062,6 +52093,49 @@ If no search context exists, call with an empty keywords array to list all templ
         additionalProperties: false
       }
     }
+  },
+  {
+    type: "function",
+    function: {
+      name: "place_brand_asset",
+      description: "Place a brand image asset or ad creative directly into a frame as an image element. Use after search_brand_assets or search_ad_creatives to insert the found asset. Maintains the asset's aspect ratio inside the frame.",
+      parameters: {
+        type: "object",
+        properties: {
+          frameId: {
+            type: "string",
+            description: "The frame to place the asset in"
+          },
+          assetId: {
+            type: "string",
+            description: "Asset ID from search_brand_assets or search_ad_creatives [id:...] field"
+          },
+          assetType: {
+            type: "string",
+            enum: ["image-asset", "ad-creative"],
+            description: "Type of asset \u2014 defaults to image-asset"
+          },
+          x: {
+            type: "number",
+            description: "X offset from frame left edge (optional, centers by default)"
+          },
+          y: {
+            type: "number",
+            description: "Y offset from frame top edge (optional, centers by default)"
+          },
+          width: {
+            type: "number",
+            description: "Width of placed image (optional, auto-fits to frame by default)"
+          },
+          height: {
+            type: "number",
+            description: "Height of placed image (optional, auto-fits to frame by default)"
+          }
+        },
+        required: ["frameId", "assetId"],
+        additionalProperties: false
+      }
+    }
   }
 ];
 function serializeElement(el) {
@@ -52199,8 +52273,12 @@ async function executeCanvasTool(toolName, rawArgs, ctx) {
       return execListFrames(ctx);
     case "generate_html_banner":
       return execGenerateHtmlBanner(args, ctx);
+    case "find_brand_asset":
+      return execFindBrandAsset(args, ctx);
     case "search_brand_assets":
       return execSearchBrandAssets(args, ctx);
+    case "search_ad_creatives":
+      return execSearchAdCreatives(args, ctx);
     case "list_brand_templates":
       return execListBrandTemplates(args, ctx);
     case "get_template_variant":
@@ -52209,6 +52287,8 @@ async function executeCanvasTool(toolName, rawArgs, ctx) {
       return execLoadTemplateIntoFrame(args, ctx);
     case "fill_template_slots":
       return execFillTemplateSlots(args, ctx);
+    case "place_brand_asset":
+      return execPlaceBrandAsset(args, ctx);
     case "finalize_ad":
       return execFinalizeAd(args, ctx);
     default:
@@ -52441,13 +52521,15 @@ async function execGenerateImage(args, ctx) {
   const fontNames = [ctx.brandHeadlineFontName, ctx.brandBodyFontName].filter(
     (n, i, arr) => Boolean(n) && arr.indexOf(n) === i
   );
-  const fontHint = fontNames.length ? ` Brand typography: the brand fonts are ${fontNames.join(
+  const fontHint = fontNames.length ? ` Brand typography: the brand font${fontNames.length > 1 ? "s are" : " is"} ${fontNames.join(
     " and "
-  )} \u2014 render the on-image text in the brand fonts and use your judgment for which suits headlines vs body copy.` : "";
+  )} \u2014 you MUST render ALL on-image text exclusively in this exact typeface as shown in the font reference image${fontNames.length > 1 ? "s" : ""}. Do NOT use any generic, default, or substitute font.` : "";
+  const isPortrait = height > width;
+  const logoPosition = isPortrait ? "top-center (horizontally centered, near the top edge)" : "top-left corner";
   const brandImageInstructions = [];
   if (ctx.brandLogoDataUrl) {
     brandImageInstructions.push(
-      "BRAND LOGO: The first reference image is the brand logo. You MUST reproduce it accurately and place it prominently in the ad (e.g. top-left corner, bottom bar, or wherever suits the layout). Do not alter, distort, or omit the logo."
+      `BRAND LOGO: The first reference image is the ONLY logo permitted in this ad. You MUST reproduce it exactly as-is \u2014 pixel-for-pixel, without any redrawing, simplification, stylization, re-interpretation, or recreation. Do NOT invent a version of the logo; do NOT use any icon, symbol, or wordmark other than the one in the reference image. Place it at the ${logoPosition} with clear padding around it (do not overlap other copy or elements). Any deviation from the reference image logo is a critical error.`
     );
   }
   if (ctx.brandFontPreviewDataUrl || ctx.brandBodyFontPreviewDataUrl) {
@@ -52455,11 +52537,22 @@ async function execGenerateImage(args, ctx) {
       ctx.brandFontPreviewDataUrl && ctx.brandBodyFontPreviewDataUrl
     );
     brandImageInstructions.push(
-      `BRAND FONT: The font reference ${multiple ? "images show the brand fonts" : "image shows the brand font"}. Render all on-image text in the brand typeface${multiple ? "s" : ""} \u2014 match the letterforms, weight, and character closely${multiple ? ", using your judgment for which font fits headlines vs body copy" : ""}.`
+      `BRAND FONT: The reference ${multiple ? "images are" : "image is"} the brand's exact typeface${multiple ? "s" : ""}. You MUST render EVERY piece of on-image text \u2014 headlines, subheadlines, CTA, sign-off, and body copy \u2014 EXCLUSIVELY in ${multiple ? "these exact fonts as shown (use the first for headlines, the second for body/supporting copy)" : "this exact font as shown in the image"}. Do NOT use any generic, default, or substitute font anywhere in the ad.`
     );
   }
   const brandImageHint = brandImageInstructions.length > 0 ? ` ${brandImageInstructions.join(" ")}` : "";
-  const safePrompt = `${prompt}${fontHint}${brandImageHint} Render all specified copy as crisp, correctly-spelled, legible text within the image. Do NOT squish, stretch, or distort any element horizontally or vertically \u2014 maintain the natural aspect ratio of all visuals, logos, and text. Professional advertising quality.`;
+  const safePrompt = `${prompt}${fontHint}${brandImageHint}
+
+LAYOUT & SPACING RULES \u2014 these are non-negotiable:
+1. SAFE ZONE: Keep all text, logos, and UI elements at least 8% of the canvas width away from every edge. Nothing touches or bleeds off the border.
+2. ELEMENT SEPARATION: Every distinct element (logo, headline, subheadline, CTA, product image) must have a minimum gap of 6% of the canvas height between it and any neighbouring element. No two elements may touch or overlap.
+3. LOGO ZONE: The logo occupies its own dedicated region with clear empty space on all four sides \u2014 at least 4% of canvas width as padding around the logo boundary. Nothing else enters this zone.
+4. TEXT BLOCKS: Headlines, subheadlines, and body copy each have breathing room above and below equal to at least half their own line-height. Multi-line text must not feel compressed.
+5. CTA: The call-to-action button or text has at least 3% of canvas height clear space above it and below it, and at least 5% of canvas width padding on its left and right.
+6. NO CLUTTER: The overall composition must feel open and airy \u2014 fewer elements with more space between them is always better than many elements squeezed together.
+7. ASPECT RATIO: Do NOT squish, stretch, or distort any element. Maintain the natural proportions of all visuals, logos, and text at all times.
+
+Render all text as crisp, correctly-spelled, legible copy. Professional advertising quality \u2014 strong visual hierarchy, brand-consistent, generous whitespace throughout.`;
   if (!frameId || !prompt) {
     return {
       success: false,
@@ -52487,7 +52580,16 @@ async function execGenerateImage(args, ctx) {
   const isLikelyLocal = x < frame.width && y < frame.height && Math.abs(x - frame.x) > 50;
   const absX = isLikelyLocal ? frame.x + x : x;
   const absY = isLikelyLocal ? frame.y + y : y;
-  const aspectRatio = width >= height ? width / height > 1.3 ? "16:9" : "1:1" : "9:16";
+  const frameRatio = width / height;
+  const aspectRatio = [
+    { label: "16:9", value: 16 / 9 },
+    { label: "4:3", value: 4 / 3 },
+    { label: "1:1", value: 1 },
+    { label: "3:4", value: 3 / 4 },
+    { label: "9:16", value: 9 / 16 }
+  ].reduce(
+    (best, c) => Math.abs(c.value - frameRatio) < Math.abs(best.value - frameRatio) ? c : best
+  ).label;
   const brandImagesLog = {
     logo: ctx.brandLogoDataUrl ? `\u2713 base64 ${Math.round(ctx.brandLogoDataUrl.length / 1024)} KB` : "\u2717 not provided",
     fontPreview: ctx.brandFontPreviewDataUrl ? `\u2713 base64 ${Math.round(ctx.brandFontPreviewDataUrl.length / 1024)} KB` : "\u2717 not provided",
@@ -52517,13 +52619,43 @@ async function execGenerateImage(args, ctx) {
         statusMessage: "Image generation cancelled"
       };
     }
+    let placeW = width;
+    let placeH = height;
+    let placeX = absX;
+    let placeY = absY;
+    try {
+      const actualDims = await Promise.race([
+        new Promise((resolve, reject) => {
+          const img = new Image();
+          img.onload = () => resolve({ w: img.naturalWidth, h: img.naturalHeight });
+          img.onerror = reject;
+          img.src = imageDataUrl;
+        }),
+        new Promise(
+          (_, reject) => setTimeout(() => reject(new Error("Image load timeout")), 200)
+        )
+      ]);
+      const scale = Math.min(width / actualDims.w, height / actualDims.h);
+      placeW = actualDims.w * scale;
+      placeH = actualDims.h * scale;
+      placeX = absX + (width - placeW) / 2;
+      placeY = absY + (height - placeH) / 2;
+      if (Math.abs(placeW - width) > 1 || Math.abs(placeH - height) > 1) {
+        console.log(
+          `[generate_image] contain-fit: generated ${actualDims.w}\xD7${actualDims.h} \u2192 placed ${Math.round(placeW)}\xD7${Math.round(
+            placeH
+          )} inside ${width}\xD7${height} frame`
+        );
+      }
+    } catch {
+    }
     const fileId = nanoid4();
     const imageEl = newImageElement4({
       type: "image",
-      x: absX,
-      y: absY,
-      width,
-      height,
+      x: placeX,
+      y: placeY,
+      width: placeW,
+      height: placeH,
       fileId,
       status: "pending",
       scale: [1, 1]
@@ -52913,6 +53045,53 @@ async function execGenerateHtmlBanner(args, ctx) {
     screenshot: screenshot ?? void 0
   };
 }
+async function execFindBrandAsset(args, ctx) {
+  const type = args.type;
+  const keywords = Array.isArray(args.keywords) ? args.keywords : typeof args.keywords === "string" ? [args.keywords] : [];
+  if (!ctx.onFindBrandAssets) {
+    return { success: true, statusMessage: "No find-assets configured" };
+  }
+  try {
+    const { results } = await ctx.onFindBrandAssets(type, keywords);
+    if (results.length === 0) {
+      return {
+        success: true,
+        data: { results: [] },
+        statusMessage: `No ${type} found for keywords: ${keywords.join(", ") || "(all)"}`
+      };
+    }
+    const summary = results.map(
+      (r, i) => `${i + 1}. "${r.name}"${r.width && r.height ? ` (${r.width}x${r.height})` : ""}${r.tags?.length ? ` [${r.tags.slice(0, 3).join(", ")}]` : ""} [id:${r.id}]`
+    ).join("\n");
+    return {
+      success: true,
+      data: {
+        results: results.map((r) => ({
+          id: r.id,
+          name: r.name,
+          tags: r.tags,
+          width: r.width,
+          height: r.height
+        })),
+        summary: `Found ${results.length} ${type}(s):
+${summary}
+
+Visual previews are attached above.`
+      },
+      statusMessage: `Found ${results.length} result(s)`,
+      previewDataUrls: results.map((r) => ({
+        name: r.name,
+        dataUrl: r.previewDataUrl
+      }))
+    };
+  } catch {
+    return {
+      success: false,
+      error: `Failed to find brand assets.`,
+      statusMessage: "find_brand_asset failed"
+    };
+  }
+}
 async function execSearchBrandAssets(args, ctx) {
   const query = args.query;
   const type = args.type;
@@ -52928,15 +53107,24 @@ async function execSearchBrandAssets(args, ctx) {
         statusMessage: `No brand assets found for "${query}"`
       };
     }
-    const list = assets.map((a) => `- ${a.name} (${a.assetType}) [id:${a.id}]: ${a.blobUrl}`).join("\n");
+    const words = query.toLowerCase().split(/\s+/).filter(Boolean);
+    const top = assets.map((a) => ({
+      asset: a,
+      score: words.filter(
+        (w) => a.name.toLowerCase().includes(w) || a.tags.some((t2) => t2.toLowerCase().includes(w))
+      ).length
+    })).sort((a, b) => b.score - a.score).slice(0, 3).map((s) => s.asset);
+    const list = top.map((a) => `- ${a.name} (${a.assetType}) [id:${a.id}]: ${a.blobUrl}`).join("\n");
+    const previews = top.filter((a) => a.previewDataUrl).map((a) => ({ name: a.name, dataUrl: a.previewDataUrl }));
     return {
       success: true,
       data: {
-        assets,
-        summary: `Found ${assets.length} brand asset(s):
-${list}`
+        assets: top,
+        summary: `Found ${top.length} brand asset(s):
+${list}${previews.length > 0 ? "\n\nVisual previews attached above." : ""}`
       },
-      statusMessage: `Found ${assets.length} assets`
+      statusMessage: `Found ${top.length} assets`,
+      previewDataUrls: previews.length > 0 ? previews : void 0
     };
   } catch {
     return {
@@ -52946,6 +53134,47 @@ ${list}`
     };
   }
 }
+async function execSearchAdCreatives(args, ctx) {
+  const query = args.query;
+  if (!ctx.onSearchAdCreatives) {
+    return { success: true, statusMessage: "No ad creative search configured" };
+  }
+  try {
+    const creatives = await ctx.onSearchAdCreatives(query);
+    if (creatives.length === 0) {
+      return {
+        success: true,
+        data: { creatives: [] },
+        statusMessage: `No ad creatives found for "${query}"`
+      };
+    }
+    const words = query.toLowerCase().split(/\s+/).filter(Boolean);
+    const top = creatives.map((c) => ({
+      creative: c,
+      score: words.filter(
+        (w) => c.name.toLowerCase().includes(w) || c.tags.some((t2) => t2.toLowerCase().includes(w))
+      ).length
+    })).sort((a, b) => b.score - a.score).slice(0, 3).map((s) => s.creative);
+    const list = top.map((c, i) => `${i + 1}. "${c.name}" [id:${c.id}]: ${c.blobUrl}`).join("\n");
+    const previews = top.filter((c) => c.previewDataUrl).map((c) => ({ name: c.name, dataUrl: c.previewDataUrl }));
+    return {
+      success: true,
+      data: {
+        creatives: top,
+        summary: `Found ${top.length} ad creative(s):
+${list}${previews.length > 0 ? "\n\nVisual previews attached above." : ""}`
+      },
+      statusMessage: `Found ${top.length} ad creative(s)`,
+      previewDataUrls: previews.length > 0 ? previews : void 0
+    };
+  } catch {
+    return {
+      success: false,
+      error: "Failed to search ad creatives.",
+      statusMessage: "Ad creative search failed"
+    };
+  }
+}
 async function execFinalizeAd(args, ctx) {
   const frameId = args.frameId;
   const screenshot = await captureFrameScreenshot(ctx.excalidrawAPI, frameId);
@@ -52975,14 +53204,28 @@ async function execListBrandTemplates(args, ctx) {
         statusMessage: "No templates found"
       };
     }
+    if (keywords && keywords.length > 0) {
+      const kws = keywords.map((k) => k.toLowerCase());
+      templates.sort((a, b) => {
+        const scoreA = kws.filter(
+          (k) => a.name.toLowerCase().includes(k) || (a.campaignTag ?? "").toLowerCase().includes(k) || (a.label ?? "").toLowerCase().includes(k)
+        ).length;
+        const scoreB = kws.filter(
+          (k) => b.name.toLowerCase().includes(k) || (b.campaignTag ?? "").toLowerCase().includes(k) || (b.label ?? "").toLowerCase().includes(k)
+        ).length;
+        return scoreB - scoreA;
+      });
+    }
     const list = templates.map((t2) => {
       const dims = t2.width && t2.height ? ` (${t2.width}x${t2.height})` : "";
       return `Template: ${t2.name}${t2.campaignTag ? ` [${t2.campaignTag}]` : ""}${dims} [id:${t2.id}]`;
     }).join("\n");
+    const previews = templates.filter((t2) => t2.thumbnailDataUrl).slice(0, 3).map((t2) => ({ name: t2.name, dataUrl: t2.thumbnailDataUrl }));
     return {
       success: true,
       data: { templates, summary: list },
-      statusMessage: `Found ${templates.length} template(s)`
+      statusMessage: `Found ${templates.length} template(s)`,
+      previewDataUrls: previews.length > 0 ? previews : void 0
     };
   } catch {
     return {
@@ -53367,6 +53610,104 @@ async function execFillTemplateSlots(args, ctx) {
     statusMessage: `Filled ${filledCount} slots`
   };
 }
+async function execPlaceBrandAsset(args, ctx) {
+  const frameId = args.frameId;
+  const assetId = args.assetId;
+  const assetType = args.assetType ?? "image-asset";
+  if (!ctx.onFindBrandAssets) {
+    return {
+      success: false,
+      error: "Asset fetching not configured.",
+      statusMessage: "No find-assets configured"
+    };
+  }
+  try {
+    const { results } = await ctx.onFindBrandAssets(assetType, [
+      `id:${assetId}`
+    ]);
+    if (results.length === 0) {
+      return {
+        success: false,
+        error: `Asset ${assetId} not found.`,
+        statusMessage: "Asset not found"
+      };
+    }
+    const asset = results[0];
+    const dataUrl = asset.previewDataUrl;
+    if (!dataUrl) {
+      return {
+        success: false,
+        error: "Could not load asset image.",
+        statusMessage: "Asset image unavailable"
+      };
+    }
+    const allElements = ctx.excalidrawAPI.getSceneElements();
+    const frame = allElements.find((el) => el.id === frameId);
+    if (!frame) {
+      return {
+        success: false,
+        error: `Frame ${frameId} not found.`,
+        statusMessage: "Frame not found"
+      };
+    }
+    const imgW = asset.width ?? frame.width;
+    const imgH = asset.height ?? frame.height;
+    const scale = Math.min(frame.width / imgW, frame.height / imgH);
+    const fitW = args.width != null ? args.width : imgW * scale;
+    const fitH = args.height != null ? args.height : imgH * scale;
+    const absX = frame.x + (args.x != null ? args.x : (frame.width - fitW) / 2);
+    const absY = frame.y + (args.y != null ? args.y : (frame.height - fitH) / 2);
+    const fileId = nanoid4();
+    const imageEl = newImageElement4({
+      type: "image",
+      x: absX,
+      y: absY,
+      width: fitW,
+      height: fitH,
+      fileId,
+      status: "pending",
+      scale: [1, 1]
+    });
+    const frameIndex = allElements.findIndex((el) => el.id === frameId);
+    const updatedImage = { ...imageEl, frameId };
+    const newElements = [...allElements];
+    const insertAt = findInsertIndexByTier(
+      newElements,
+      frameIndex === -1 ? 0 : frameIndex,
+      1 /* IMAGE */
+    );
+    newElements.splice(insertAt, 0, updatedImage);
+    syncMovedIndices7(newElements, arrayToMap30([updatedImage]));
+    ctx.excalidrawAPI.updateScene({ elements: newElements });
+    ctx.excalidrawAPI.addFiles([
+      {
+        id: fileId,
+        dataURL: dataUrl,
+        mimeType: getMimeTypeFromDataURL(dataUrl),
+        created: Date.now(),
+        lastRetrieved: Date.now()
+      }
+    ]);
+    return {
+      success: true,
+      data: {
+        elementId: imageEl.id,
+        frameId,
+        x: Math.round(absX),
+        y: Math.round(absY),
+        width: Math.round(fitW),
+        height: Math.round(fitH)
+      },
+      statusMessage: `Placed "${asset.name}" in frame`
+    };
+  } catch (err) {
+    return {
+      success: false,
+      error: `Failed to place asset: ${err instanceof Error ? err.message : String(err)}`,
+      statusMessage: "Place asset failed"
+    };
+  }
+}
 
 // components/ai-chat/openRouterStream.ts
 function parseOpenRouterChunk(jsonStr) {
@@ -53514,7 +53855,20 @@ The \`generate_image\` prompt is the ONLY creative call \u2014 it must produce t
 
 5. **DIMENSIONS / ASPECT:** describe the format so the composition fits (e.g. "square 1080\xD71080 social post", "landscape 1200\xD7628 banner", "portrait 1080\xD71920 story").
 
-Aim for a polished, professional advertising creative \u2014 typography crisp and legible, copy correctly spelled, strong hierarchy, brand-consistent.
+6. **LOGO PLACEMENT:** Always state where the logo goes based on orientation:
+   - Portrait / vertical (height > width): brand logo **top-center** (horizontally centered, near the top edge).
+   - Landscape or square: brand logo **top-left corner**.
+   Include the exact position in your prompt (e.g. "brand logo top-left corner with 24px clear padding"). The logo reference image must be embedded exactly as provided \u2014 do not redraw, simplify, or stylize it.
+
+7. **SPACING & BREATHING ROOM \u2014 MANDATORY:** Your image prompt MUST include explicit spacing constraints. Use language like:
+   - "8% safe zone margin on all edges \u2014 no element touches the border"
+   - "minimum 6% canvas-height gap between every element"
+   - "logo has its own dedicated zone with clear padding on all sides"
+   - "CTA has generous empty space above and below"
+   - "open, airy composition \u2014 elements are not crowded or touching"
+   Never omit these constraints. An ad where elements are cramped, touching, or bleeding to the edge is a failed output.
+
+Aim for a polished, professional advertising creative \u2014 typography crisp and legible, copy correctly spelled, strong visual hierarchy, brand-consistent, generous whitespace throughout, every element with room to breathe.
 
 ## Language and script
 
@@ -53525,11 +53879,15 @@ Aim for a polished, professional advertising creative \u2014 typography crisp an
 
 Brand context is mandatory input, not optional decoration. The generated ad must reflect the brand kit / brand code, the approved copy, and the visual direction \u2014 never generate something arbitrary.
 
-**DEFAULT \u2014 do NOT call \`search_brand_assets\` or \`list_brand_templates\`** unless the user explicitly asks to use an existing asset or template (e.g. "use our product photo", "use the summer template", "find a template"). For a standard from-scratch generation proceed directly: \`create_frame\` \u2192 \`generate_image\` \u2192 \`finalize_ad\`.
+BRAND REFERENCES are auto-fetched and provided to you as visual context at the start of every session (up to 2 brand assets, 2 ad creatives, 2 templates). Check them before deciding how to generate:
+
+- If a **template** clearly fits the user's request \u2192 use it: \`load_template_into_frame\` + \`fill_template_slots\`. Do NOT call \`generate_image\` on a template ad.
+- If a **brand asset or ad creative** is relevant \u2192 pass its image as a reference to \`generate_image\` so the output matches existing brand visuals.
+- If nothing pre-fetched is relevant \u2192 generate from scratch: \`create_frame\` \u2192 \`generate_image\`.
 
-ASSET BANK: Only when the user explicitly asks to reference an existing brand visual, call \`search_brand_assets()\` to find it. When a relevant asset exists, pass it to \`generate_image\` as a reference so the generated ad stays on-brand.
+You may still call \`search_brand_assets()\`, \`search_ad_creatives()\`, or \`list_brand_templates()\` explicitly if the user asks for something specific that may not have been in the auto-fetched top 2.
 
-TEMPLATE BANK (alternative path): If the user wants to use a pre-built template instead of generating from scratch, call \`list_brand_templates()\`, present matches, then:
+TEMPLATE BANK (when using a template): call \`list_brand_templates()\`, present matches, then:
 1. \`load_template_into_frame(frameId, variantId)\`
 2. \`get_frame_elements(frameId)\` to see the slots
 3. \`fill_template_slots(frameId, headline, subhead, cta, background_color, product_image_url, logo_url)\` \u2014 all slots in one call.
@@ -53697,6 +54055,77 @@ async function runAgentLoop(opts) {
 ${elementContext}`
     });
   }
+  {
+    const lastUserText = [...userMessages].reverse().find((m) => m.role === "user")?.content ?? "";
+    if (lastUserText && (toolCtx.onSearchBrandAssets || toolCtx.onSearchAdCreatives || toolCtx.onListBrandTemplates)) {
+      const keywords = [
+        ...new Set(
+          lastUserText.toLowerCase().replace(/[^\w\s]/g, " ").split(/\s+/).filter((w) => w.length > 3)
+        )
+      ].slice(0, 10);
+      const [assetRes, creativeRes, templateRes] = await Promise.allSettled([
+        toolCtx.onSearchBrandAssets ? toolCtx.onSearchBrandAssets(lastUserText) : Promise.resolve([]),
+        toolCtx.onSearchAdCreatives ? toolCtx.onSearchAdCreatives(lastUserText) : Promise.resolve([]),
+        toolCtx.onListBrandTemplates ? toolCtx.onListBrandTemplates(keywords) : Promise.resolve([])
+      ]);
+      const top2Assets = (assetRes.status === "fulfilled" ? assetRes.value : []).filter((a) => a.previewDataUrl).slice(0, 2);
+      const top2Creatives = (creativeRes.status === "fulfilled" ? creativeRes.value : []).filter((c) => c.previewDataUrl).slice(0, 2);
+      const top2Templates = (templateRes.status === "fulfilled" ? templateRes.value : []).filter((t2) => t2.thumbnailDataUrl).slice(0, 2);
+      console.log(
+        `[agent:pre-fetch] brand assets=${top2Assets.length}/${assetRes.status === "fulfilled" ? assetRes.value.length : "err"} ad-creatives=${top2Creatives.length}/${creativeRes.status === "fulfilled" ? creativeRes.value.length : "err"} templates=${top2Templates.length}/${templateRes.status === "fulfilled" ? templateRes.value.length : "err"}`
+      );
+      const previews = [
+        ...top2Assets.map((a) => ({
+          label: `Brand Asset \u2014 ${a.name}`,
+          dataUrl: a.previewDataUrl
+        })),
+        ...top2Creatives.map((c) => ({
+          label: `Ad Creative \u2014 ${c.name}`,
+          dataUrl: c.previewDataUrl
+        })),
+        ...top2Templates.map((t2) => ({
+          label: `Template \u2014 ${t2.name}`,
+          dataUrl: t2.thumbnailDataUrl
+        }))
+      ];
+      if (previews.length > 0) {
+        previews.forEach(
+          (p) => console.log(
+            `[agent:pre-fetch] injecting "${p.label}" as base64 image \u2014 ${Math.round(p.dataUrl.length / 1024)}KB (${p.dataUrl.slice(
+              0,
+              30
+            )}...)`
+          )
+        );
+        messages.push({
+          role: "system",
+          content: `BRAND REFERENCES (auto-fetched, up to 2 per category):
+${previews.map((p) => `\u2022 ${p.label}`).join(
+            "\n"
+          )}
+
+Visual previews follow in the next message. Use them as context: match their style, reuse template layouts where relevant. If a template clearly fits the request, prefer load_template_into_frame + fill_template_slots over generate_image.`
+        });
+        messages.push({
+          role: "user",
+          content: [
+            {
+              type: "text",
+              text: `Brand reference previews (${previews.length} total):`
+            },
+            ...previews.map((p) => ({
+              type: "image_url",
+              image_url: { url: p.dataUrl }
+            }))
+          ]
+        });
+        messages.push({
+          role: "assistant",
+          content: `Got it \u2014 I can see ${previews.length} brand reference(s): ${previews.map((p) => p.label).join(", ")}. I'll use these as visual context for the ad.`
+        });
+      }
+    }
+  }
   for (let i = 0; i < userMessages.length; i++) {
     const msg = userMessages[i];
     const isLast = i === userMessages.length - 1;
@@ -53971,6 +54400,34 @@ Use the frameId="${imageGenData.frameId}" for all elements. Keep all elements wi
             } : { success: false, error: result.error }
           )
         });
+        const searchToolNames = /* @__PURE__ */ new Set([
+          "find_brand_asset",
+          "search_brand_assets",
+          "search_ad_creatives",
+          "list_brand_templates"
+        ]);
+        const assetSearchResult = result;
+        if (searchToolNames.has(name) && result.success && assetSearchResult.previewDataUrls?.length) {
+          const previews = assetSearchResult.previewDataUrls;
+          console.log(
+            `[agent:mid-loop] ${name} injecting ${previews.length} preview image(s) as base64 vision content: ${previews.map(
+              (p) => `"${p.name}" (${Math.round(p.dataUrl.length / 1024)}KB)`
+            ).join(", ")}`
+          );
+          messages.push({
+            role: "user",
+            content: [
+              {
+                type: "text",
+                text: `Visual previews for the ${previews.length} result(s) from ${name}:`
+              },
+              ...previews.map((p) => ({
+                type: "image_url",
+                image_url: { url: p.dataUrl }
+              }))
+            ]
+          });
+        }
         if (name === "generate_image" && result.success && imageGenData) {
           const autoFinalizeId = `auto_finalize_${Date.now()}`;
           const autoFinalizeArgs = { frameId: imageGenData.frameId };
@@ -54594,8 +55051,11 @@ var AIChatPanel = React65.forwardRef(
     agentImageModel,
     brandContext,
     onSearchBrandAssets,
+    onSearchAdCreatives,
     onListBrandTemplates,
     onGetTemplateVariant,
+    onFindBrandAssets,
+    onMentionSearch,
     reviewerModel,
     maxReviewRounds
   }, ref) => {
@@ -54617,6 +55077,8 @@ var AIChatPanel = React65.forwardRef(
     const [frameRef, setFrameRef] = useState56(null);
     const [mentionMenuOpen, setMentionMenuOpen] = useState56(false);
     const [availableFrames, setAvailableFrames] = useState56([]);
+    const [brandMentions, setBrandMentions] = useState56([]);
+    const [mentionLoading, setMentionLoading] = useState56(false);
     const [attachedFiles, setAttachedFiles] = useState56([]);
     const [webSearchEnabled, setWebSearchEnabled] = useState56(false);
     const [isLoadingSession, setIsLoadingSession] = useState56(false);
@@ -54736,17 +55198,49 @@ var AIChatPanel = React65.forwardRef(
       },
       [saveCurrentSession, onSessionSwitch]
     );
+    const searchBrandMentions = useCallback29(
+      (query) => {
+        if (!onMentionSearch) {
+          return;
+        }
+        setMentionLoading(true);
+        onMentionSearch(query).then((results) => setBrandMentions(results)).catch(() => setBrandMentions([])).finally(() => setMentionLoading(false));
+      },
+      [onMentionSearch]
+    );
     const handlePromptChange = useCallback29(
       (value) => {
         const prevValue = prevPromptRef.current;
         setPrompt(value);
         prevPromptRef.current = value;
-        if (excalidrawAPI && value.length > prevValue.length && value.endsWith("@")) {
-          setAvailableFrames(listFrames(excalidrawAPI));
+        if (value.length > prevValue.length && value.endsWith("@")) {
+          if (excalidrawAPI) {
+            setAvailableFrames(listFrames(excalidrawAPI));
+          }
+          setBrandMentions([]);
           setMentionMenuOpen(true);
+          searchBrandMentions("");
+          return;
+        }
+        if (mentionMenuOpen) {
+          const atIndex = value.lastIndexOf("@");
+          if (atIndex >= 0) {
+            const query = value.slice(atIndex + 1);
+            if (excalidrawAPI) {
+              const all = listFrames(excalidrawAPI);
+              setAvailableFrames(
+                query ? all.filter(
+                  (f) => f.name.toLowerCase().includes(query.toLowerCase())
+                ) : all
+              );
+            }
+            searchBrandMentions(query);
+          } else {
+            setMentionMenuOpen(false);
+          }
         }
       },
-      [excalidrawAPI]
+      [excalidrawAPI, mentionMenuOpen, searchBrandMentions]
     );
     const handlePickFrame = useCallback29(
       async (frame) => {
@@ -54780,6 +55274,50 @@ var AIChatPanel = React65.forwardRef(
     const handleRemoveRef = useCallback29(() => {
       setFrameRef(null);
     }, []);
+    const handlePickBrandMention = useCallback29(
+      async (item) => {
+        setMentionMenuOpen(false);
+        setPrompt((prev) => {
+          const atIndex = prev.lastIndexOf("@");
+          return atIndex >= 0 ? prev.slice(0, atIndex) : prev;
+        });
+        prevPromptRef.current = (() => {
+          const atIndex = prevPromptRef.current.lastIndexOf("@");
+          return atIndex >= 0 ? prevPromptRef.current.slice(0, atIndex) : prevPromptRef.current;
+        })();
+        if (!onFindBrandAssets) {
+          return;
+        }
+        try {
+          const { results } = await onFindBrandAssets(item.type, [
+            `id:${item.id}`
+          ]);
+          const match = results.find((r) => r.id === item.id) ?? results[0];
+          if (!match?.previewDataUrl) {
+            return;
+          }
+          const dataUrl = match.previewDataUrl;
+          const mimeMatch = dataUrl.match(/^data:([^;]+)/);
+          const mime = mimeMatch?.[1] ?? "image/png";
+          const ext = mime.split("/")[1] ?? "png";
+          const res = await fetch(dataUrl);
+          const blob = await res.blob();
+          const file2 = new File([blob], `${match.name}.${ext}`, { type: mime });
+          setAttachedFiles((prev) => [
+            ...prev,
+            {
+              id: genId(),
+              file: file2,
+              name: match.name,
+              type: "image",
+              dataUrl
+            }
+          ]);
+        } catch {
+        }
+      },
+      [onFindBrandAssets]
+    );
     const handleFileUpload = useCallback29(
       async (e) => {
         const files = e.target.files;
@@ -55167,8 +55705,10 @@ var AIChatPanel = React65.forwardRef(
               signal: controller.signal,
               agentImageModel,
               onSearchBrandAssets,
+              onSearchAdCreatives,
               onListBrandTemplates,
-              onGetTemplateVariant
+              onGetTemplateVariant,
+              onFindBrandAssets
             },
             onUpdate: (update) => {
               if (update.type === "content_delta") {
@@ -55578,30 +56118,55 @@ var AIChatPanel = React65.forwardRef(
             )
           ] }, f.id)) }),
           /* @__PURE__ */ jsx194("div", { className: "acp-input-area", children: /* @__PURE__ */ jsxs107("div", { className: "acp-input-wrapper", ref: mentionMenuRef, children: [
-            mentionMenuOpen && /* @__PURE__ */ jsx194("div", { className: "acp-mention-menu", children: availableFrames.length > 0 ? availableFrames.map((f) => /* @__PURE__ */ jsxs107(
-              "button",
-              {
-                className: "acp-mention-item",
-                onClick: () => handlePickFrame(f),
-                children: [
-                  /* @__PURE__ */ jsx194(AtSign, { size: 14 }),
-                  /* @__PURE__ */ jsxs107("span", { children: [
-                    f.name,
-                    " ",
-                    /* @__PURE__ */ jsxs107("span", { className: "acp-mention-dim", children: [
-                      "(",
-                      f.width,
-                      "x",
-                      f.height,
-                      ", ",
-                      f.childCount,
-                      " items)"
-                    ] })
-                  ] })
-                ]
-              },
-              f.id
-            )) : /* @__PURE__ */ jsx194("div", { className: "acp-mention-empty", children: "No frames on the canvas. Create a frame first, then type @ to reference it." }) }),
+            mentionMenuOpen && /* @__PURE__ */ jsxs107("div", { className: "acp-mention-menu", children: [
+              availableFrames.length > 0 && /* @__PURE__ */ jsxs107("div", { className: "acp-mention-section", children: [
+                /* @__PURE__ */ jsx194("div", { className: "acp-mention-section-label", children: "Frames" }),
+                availableFrames.map((f) => /* @__PURE__ */ jsxs107(
+                  "button",
+                  {
+                    className: "acp-mention-item",
+                    onClick: () => handlePickFrame(f),
+                    children: [
+                      /* @__PURE__ */ jsx194(AtSign, { size: 14 }),
+                      /* @__PURE__ */ jsxs107("span", { children: [
+                        f.name,
+                        " ",
+                        /* @__PURE__ */ jsxs107("span", { className: "acp-mention-dim", children: [
+                          "(",
+                          f.width,
+                          "x",
+                          f.height,
+                          ", ",
+                          f.childCount,
+                          " items)"
+                        ] })
+                      ] })
+                    ]
+                  },
+                  f.id
+                ))
+              ] }),
+              (brandMentions.length > 0 || mentionLoading) && /* @__PURE__ */ jsxs107("div", { className: "acp-mention-section", children: [
+                /* @__PURE__ */ jsx194("div", { className: "acp-mention-section-label", children: "Brand" }),
+                mentionLoading ? /* @__PURE__ */ jsx194("div", { className: "acp-mention-loading", children: "Searching\u2026" }) : brandMentions.map((item) => /* @__PURE__ */ jsxs107(
+                  "button",
+                  {
+                    className: "acp-mention-item",
+                    onClick: () => handlePickBrandMention(item),
+                    children: [
+                      /* @__PURE__ */ jsx194(AtSign, { size: 14 }),
+                      /* @__PURE__ */ jsxs107("span", { children: [
+                        item.name,
+                        " ",
+                        /* @__PURE__ */ jsx194("span", { className: "acp-mention-dim", children: item.type === "template" ? "template" : item.type === "ad-creative" ? "ad creative" : "asset" })
+                      ] })
+                    ]
+                  },
+                  `${item.type}:${item.id}`
+                ))
+              ] }),
+              availableFrames.length === 0 && brandMentions.length === 0 && !mentionLoading && /* @__PURE__ */ jsx194("div", { className: "acp-mention-empty", children: "No frames or brand items found. Type to search your brand library." })
+            ] }),
             /* @__PURE__ */ jsx194(
               "input",
               {
@@ -55925,6 +56490,11 @@ function buildPlainChatBrandContext(ctx) {
   const lines = [
     "## Brand Identity \u2014 use these guidelines for copywriting and design suggestions"
   ];
+  if (ctx.name) {
+    lines.push(
+      `CRITICAL BRAND RULE: All outputs in this session are exclusively for the brand "${ctx.name}". Every design, copy, image, and suggestion MUST be built around "${ctx.name}" only. Do not reference or promote any other brand or product.`
+    );
+  }
   if (ctx.colors) {
     const { primary, secondary, accent, background } = ctx.colors;
     const parts = [
@@ -56039,6 +56609,7 @@ var ExcalidrawBase = (props) => {
     onSearchBrandAssets,
     onListBrandTemplates,
     onGetTemplateVariant,
+    onFindBrandAssets,
     brandContext
   } = props;
   const canvasActions = props.UIOptions?.canvasActions;
@@ -56135,6 +56706,7 @@ var ExcalidrawBase = (props) => {
       onSearchBrandAssets,
       onListBrandTemplates,
       onGetTemplateVariant,
+      onFindBrandAssets,
       brandContext,
       children
     }
@@ -56235,6 +56807,9 @@ export {
   mergeLibraryItems,
   mutateElement2 as mutateElement,
   newElementWith12 as newElementWith,
+  newFrameElement5 as newFrameElement,
+  newImageElement5 as newImageElement,
+  newTextElement7 as newTextElement,
   normalizeLink4 as normalizeLink,
   parseLibraryTokensFromUrl,
   reconcileElements,