@orangecatai/adgen-canvas 0.0.35 → 0.0.37

package/dist/dev/{chunk-KJZTX4HK.js → chunk-2TI3DKZO.js}

@@ -1,6 +1,6 @@
 import {
   define_import_meta_env_default
-} from "./chunk-AVI2TDX6.js";
+} from "./chunk-X5D27DN4.js";
 import {
   __publicField
 } from "./chunk-XDFCUUT6.js";
@@ -5155,7 +5155,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES6.png) {
     try {
-      return await (await import("./data/image-JWQCODTZ.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-6PRWOWBV.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -5607,4 +5607,4 @@ export {
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-KJZTX4HK.js.map
+//# sourceMappingURL=chunk-2TI3DKZO.js.map

package/dist/dev/{chunk-AVI2TDX6.js → chunk-X5D27DN4.js}

@@ -1,7 +1,7 @@
 // <define:import.meta.env>
-var define_import_meta_env_default = { MODE: "development", VITE_APP_GEMINI_API_KEY: "", VITE_APP_OPENROUTER_API_KEY: "", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@orangecatai/adgen-canvas", PKG_VERSION: "0.0.35", DEV: true };
+var define_import_meta_env_default = { MODE: "development", VITE_APP_GEMINI_API_KEY: "", VITE_APP_OPENROUTER_API_KEY: "", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@orangecatai/adgen-canvas", PKG_VERSION: "0.0.37", DEV: true };
 
 export {
   define_import_meta_env_default
 };
-//# sourceMappingURL=chunk-AVI2TDX6.js.map
+//# sourceMappingURL=chunk-X5D27DN4.js.map

package/dist/dev/data/{image-JWQCODTZ.js → image-6PRWOWBV.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-KJZTX4HK.js";
-import "../chunk-AVI2TDX6.js";
+} from "../chunk-2TI3DKZO.js";
+import "../chunk-X5D27DN4.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-JWQCODTZ.js.map
+//# sourceMappingURL=image-6PRWOWBV.js.map

package/dist/dev/index.js

@@ -66,10 +66,10 @@ import {
   serializeAsJSON,
   serializeLibraryAsJSON,
   strokeRectWithRotation_simple
-} from "./chunk-KJZTX4HK.js";
+} from "./chunk-2TI3DKZO.js";
 import {
   define_import_meta_env_default
-} from "./chunk-AVI2TDX6.js";
+} from "./chunk-X5D27DN4.js";
 import {
   en_default
 } from "./chunk-LIELFD5T.js";
@@ -9797,7 +9797,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-JWQCODTZ.js").then(
+        (blob2) => import("./data/image-6PRWOWBV.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -30463,7 +30463,7 @@ var TemplateBuilderPanelHost = ({
   if (!panelState.isOpen) {
     return null;
   }
-  const handleSaveTemplate = () => {
+  const handleSaveTemplate = async () => {
     const onSaveTemplate = app.props.onSaveTemplate;
     if (!onSaveTemplate) {
       return;
@@ -30511,7 +30511,27 @@ var TemplateBuilderPanelHost = ({
         }
       }
     }
-    onSaveTemplate({
+    let thumbnailDataUrl;
+    try {
+      const blob = await exportToBlob({
+        elements: [...frameChildren, frame],
+        appState: app.state,
+        files,
+        exportingFrame: frame,
+        exportPadding: 0,
+        mimeType: "image/png"
+      });
+      thumbnailDataUrl = await new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.onerror = () => reject(reader.error);
+        reader.readAsDataURL(blob);
+      });
+    } catch {
+      alert("Couldn't capture this template frame. Please try again.");
+      return;
+    }
+    await onSaveTemplate({
       name: panelState.templateName,
       campaignTag: panelState.campaignTag || void 0,
       label: `${Math.round(frame.width)}x${Math.round(frame.height)}`,
@@ -30521,7 +30541,8 @@ var TemplateBuilderPanelHost = ({
         frame: { ...frame },
         elements: frameChildren,
         ...Object.keys(templateFiles).length > 0 ? { files: templateFiles } : {}
-      })
+      }),
+      thumbnailDataUrl
     });
     templateBuilderStore.close();
   };
@@ -58739,31 +58760,16 @@ var BANNER_TOOLS = [
     type: "function",
     function: {
       name: "list_brand_templates",
-      description: `List available brand templates by keyword search across template names, campaign tags, and labels.
-
-MANDATORY SEARCH PROTOCOL \u2014 follow exactly, no shortcuts:
-
-ATTEMPT 1: Generate TWO sets of 10 keywords each from the user's request:
-  - Set A (campaign tag variations): 10 synonyms/abbreviations/phrasings of the campaign topic (e.g. for "noida datacenter": ["datacenter", "data center", "dc", "noida dc", "noida datacenter", "data centre", "server farm", "cloud infra", "hyperscale", "colocation"])
-  - Set B (template name variations): 10 different name keywords the template might have (e.g. ["noida", "datacenter campaign", "new datacenter", "dc launch", "infrastructure", "cloud", "enterprise", "b2b", "tech", "facility"])
-  Merge all 20 into the keywords array. Call list_brand_templates with all 20.
-
-IF templates returned is empty \u2192 ATTEMPT 2 (MANDATORY \u2014 do NOT skip):
-  Generate a completely DIFFERENT set of 20 keywords \u2014 do not reuse any from attempt 1. Think laterally: different synonyms, related industry terms, the city name, brand-adjacent words, seasonal terms. Call list_brand_templates again with the new 20.
-
-ONLY after both attempts return empty \u2192 tell the user no matching template was found.
-
-If no search context exists, call with an empty keywords array to list all templates.`,
+      description: "Search saved brand templates semantically against the full ad brief. Results are ranked from captions generated from the actual template frame. Use the returned visual description, campaign fit, dimensions, and ID to decide whether to use a template.",
       parameters: {
         type: "object",
         properties: {
-          keywords: {
-            type: "array",
-            items: { type: "string" },
-            description: "Up to 20 keyword variations to search across template names, campaign tags, and labels. All are OR-matched case-insensitively. Generate 10 tag synonyms + 10 name variations from the user's request."
+          brief: {
+            type: "string",
+            description: "The user's complete ad brief, including campaign, subject, style, copy, and requested dimensions when known."
           }
         },
-        required: [],
+        required: ["brief"],
         additionalProperties: false
       }
     }
@@ -60450,17 +60456,12 @@ async function execFinalizeAd(args, ctx) {
   };
 }
 async function execListBrandTemplates(args, ctx) {
-  let keywords;
-  if (Array.isArray(args.keywords) && args.keywords.length > 0) {
-    keywords = args.keywords;
-  } else if (args.query || args.campaignTag) {
-    keywords = [args.query ?? args.campaignTag];
-  }
+  const brief = typeof args.brief === "string" ? args.brief : "";
   if (!ctx.onListBrandTemplates) {
     return { success: true, statusMessage: "No template list configured" };
   }
   try {
-    const templates = await ctx.onListBrandTemplates(keywords);
+    const templates = await ctx.onListBrandTemplates(brief);
     if (templates.length === 0) {
       return {
         success: true,
@@ -60468,28 +60469,18 @@ 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}]`;
+      const metadata = t2.visualMetadata;
+      return `Template: ${t2.name}${dims} [id:${t2.id}]
+Caption: ${metadata?.caption ?? "No caption"}
+Layout: ${metadata?.layout ?? "No layout description"}
+Best for: ${(metadata?.useCases ?? []).join(", ") || "unspecified"}`;
     }).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)`,
-      previewDataUrls: previews.length > 0 ? previews : void 0
+      statusMessage: `Found ${templates.length} template(s)`
     };
   } catch {
     return {
@@ -60571,6 +60562,13 @@ async function execLoadTemplateIntoFrame(args, ctx) {
     );
     const scaleX = targetFrame.width / (templateFrame.width || 1);
     const scaleY = targetFrame.height / (templateFrame.height || 1);
+    if (Math.abs(scaleX - scaleY) > 0.01) {
+      return {
+        success: false,
+        error: `Template is ${Math.round(templateFrame.width)}x${Math.round(templateFrame.height)} and cannot be stretched into ${Math.round(targetFrame.width)}x${Math.round(targetFrame.height)}. Tell the user you will make the native template size first, then resize it afterward.`,
+        statusMessage: "Template aspect ratio mismatch"
+      };
+    }
     const offsetX = targetFrame.x - templateFrame.x * scaleX;
     const offsetY = targetFrame.y - templateFrame.y * scaleY;
     const importedElements = templateElements.map(
@@ -61145,7 +61143,7 @@ Aim for typography that is crisp and legible with copy correctly spelled.
 
 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.
 
-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:
+BRAND REFERENCES are auto-fetched at the start of every session: visual previews for assets/creatives, and text-only semantic captions for up to 2 ranked 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.
@@ -61153,11 +61151,11 @@ BRAND REFERENCES are auto-fetched and provided to you as visual context at the s
 
 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 (when using a template): call \`list_brand_templates()\`, present matches, then:
+TEMPLATE BANK (when using a template): call \`list_brand_templates()\` with the full brief, present the semantic match, 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.
-Template text slots are fixed-size boxes \u2014 keep copy tight (headline \u22645 words, subhead \u22648, cta \u22643, signoff \u22644). After \`fill_template_slots\`, the template ad is done \u2014 do NOT call \`generate_image\` or \`generate_html_banner\` on it. The quality review runs automatically.`;
+Template text slots are fixed-size boxes \u2014 keep copy tight (headline \u22645 words, subhead \u22648, cta \u22643, signoff \u22644). A template's listed dimensions are authoritative: if the user requested an incompatible aspect ratio (for example, a 1:1 template for a 16:9 deliverable), tell them that you will make the ad at the template's native 1:1 size first and later use resize for 16:9. Create the template frame at its native dimensions; never stretch it to the requested ratio. After \`fill_template_slots\`, the template ad is done \u2014 do NOT call \`generate_image\` or \`generate_html_banner\` on it. The quality review runs automatically.`;
 var MAX_ITERATIONS = 15;
 async function callOpenRouter(messages, chatUrl, signal, webSearchEnabled, chatModel, onContentChunk, tools = CANVAS_TOOLS) {
   const baseModel = chatModel || "minimax/minimax-m3";
@@ -61335,15 +61333,10 @@ ${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([])
+        toolCtx.onListBrandTemplates ? toolCtx.onListBrandTemplates(lastUserText) : Promise.resolve([])
       ]);
       const top2Assets = (assetRes.status === "fulfilled" ? assetRes.value : []).filter(
         (a) => a.previewDataUrl && isRasterImageDataUrl2(a.previewDataUrl)
@@ -61351,9 +61344,7 @@ ${elementContext}`
       const top2Creatives = (creativeRes.status === "fulfilled" ? creativeRes.value : []).filter(
         (c) => c.previewDataUrl && isRasterImageDataUrl2(c.previewDataUrl)
       ).slice(0, 2);
-      const top2Templates = (templateRes.status === "fulfilled" ? templateRes.value : []).filter(
-        (t2) => t2.thumbnailDataUrl && isRasterImageDataUrl2(t2.thumbnailDataUrl)
-      ).slice(0, 2);
+      const top2Templates = (templateRes.status === "fulfilled" ? templateRes.value : []).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"}`
       );
@@ -61365,12 +61356,19 @@ ${elementContext}`
         ...top2Creatives.map((c) => ({
           label: `Ad Creative \u2014 ${c.name}`,
           dataUrl: c.previewDataUrl
-        })),
-        ...top2Templates.map((t2) => ({
-          label: `Template \u2014 ${t2.name}`,
-          dataUrl: t2.thumbnailDataUrl
         }))
       ];
+      if (top2Templates.length > 0) {
+        messages.push({
+          role: "system",
+          content: `SEMANTIC TEMPLATE MATCHES (ranked; no template images attached):
+${top2Templates.map((t2) => {
+            const dims = t2.width && t2.height ? `${t2.width}x${t2.height}` : "unknown dimensions";
+            return `\u2022 ${t2.name} [id:${t2.id}, ${dims}] \u2014 ${t2.visualMetadata?.caption ?? "No caption"}. Layout: ${t2.visualMetadata?.layout ?? "unspecified"}. Best for: ${(t2.visualMetadata?.useCases ?? []).join(", ") || "unspecified"}.`;
+          }).join("\n")}
+Use a matching template at its native dimensions. Do not attach its thumbnail or send it to an image model.`
+        });
+      }
       const budgetedPreviews = [];
       for (const p of previews) {
         if (brandContextImagesUsed >= MAX_TOTAL_IMAGES) {
@@ -61726,8 +61724,7 @@ Use the frameId="${imageGenData.frameId}" for all elements. Keep all elements wi
         const searchToolNames = /* @__PURE__ */ new Set([
           "find_brand_asset",
           "search_brand_assets",
-          "search_ad_creatives",
-          "list_brand_templates"
+          "search_ad_creatives"
         ]);
         const assetSearchResult = result;
         if (searchToolNames.has(name) && result.success && assetSearchResult.previewDataUrls?.length) {